.skip-link.screen-reader-text{display: none !important;}#user-input>.user-input-wrapper {   display:flex !important;  align-items: center !important;} button{outline:none; border:none;} .grid-card{   width: 100%;   gap: 19px;   display: grid;   margin-top: 20px !important;   grid-template-columns: repeat(3,auto); } .card{   min-width: 200px;   padding: 12px;   padding-bottom: 21px;   width: 100%;   background-color: rgba(255, 255, 255, 0.685) !important;   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.575) !important;   border-radius: 15px; } .card> figure{   width: 100% !important; } .card> figure img{   width: 100% !important;   border-radius: 15px;   outline: 1px solid rgba(0, 0, 0, 0.062); } .card> div{   margin-top: 5px !important; } .card> div h3{   font-size: 19px;   font-weight: 600; } .section-five>.control-width h3, .section-five>.control-width h4, .section-five>.control-width strong{   color: var(--black-color-01) !important; } .section-five>.control-width .add-margin{   margin-bottom: 16px !important; } .section-five>.control-width .add-margin-for-list{   margin-bottom: 12px !important; } .section-five>.control-width>div>h3{   font-size: 18px;   font-weight: 600;   margin-top: 28px;   margin-bottom: 6px; } .section-five>.control-width>div>h4{   font-size: 16px;   font-weight: 600;   margin-top: 16px;   margin-bottom: 6px; } .section-five>.control-width strong{   font-weight: 600; } #primary {   padding: 0 !important; } .what-we-offer p span{display:block !important; margin-top:30px !important;} .entry-content * {   max-width: 100% !important;   margin: 0; } .site-footer, .site-header {   display: none !important; } .control-width {   max-width: 1300px !important; } .site {   width: 100% !important;   max-width: 100% !important; } * {   padding: 0;   margin: 0;   box-sizing: border-box !important;   font-family:  "Poppins",  serif !important;   scroll-behavior: smooth;   outline: none;   border: none; } p {   margin-bottom: 0; } a {   border: none; } div, span, button, a {   -webkit-tap-highlight-color: transparent;   -moz-appearance: none;   outline: none; } #page{ margin-top:10px !important; } #ast-scroll-top {   display: none !important; } button, i {   overflow: hidden !important; } input {   transition: 0s !important; } :root {   --sn-back-bg-color: rgb(21, 21, 21);   --sn-front-bg-color: rgb(29, 29, 29);   --orange-button-bg-color-result-01: rgba(255, 140, 0, 0.063);   --black-color-01: rgb(241, 241, 241);   --black-light-color-01: rgb(139, 139, 139);   --black-light-color-02: rgb(169, 169, 169);   --white-color-01: rgb(39, 39, 39);   --white-color-02: rgb(26, 26, 26);   --white-to-black-light-color: rgb(32, 32, 32);   --too-light-black-white: rgba(255, 255, 255, 0.076);   --too-light-black-white-02: rgba(255, 255, 255, 0.064);   --too-light-black-white-03: rgb(28, 28, 28);   --too-light-black-white-04: rgba(43, 43, 43, 0.712);   --too-light-black-white-hover: rgba(255, 255, 255, 0.187);   --loader-icon-shadow: rgba(0, 0, 0, 0.486);   --ouline-color-01: rgba(147, 146, 146, 0.288);   --ouline-color-02: rgb(93, 93, 93);   --card-bg-color: rgb(34, 34, 34);   --card-bg-title-color:rgba(147, 146, 146, 0.288);   --ouline-color-result-01: rgba(255, 140, 0, 0.196);   --theme-btn-bg-light-color-02: rgba(94, 94, 94, 0.213);   --hover-bg-color-01: rgba(21, 21, 21, 0.748);   --hover-bg-color-02: rgb(34, 34, 34);   --box-shadow-01: rgba(180, 179, 179, 0.342);   --box-shadow-02: rgba(139, 139, 139, 0.576); } html, body {   background-color: var(--sn-back-bg-color) !important;   color: rgb(0, 0, 0) !important;   display: flex !important;   align-items: center !important;   flex-direction: column !important;   min-height: 100vh !important;   width: 100% !important;   font-size: 1.2em !important;   margin: 0;   padding: 0;   overflow-x: clip !important; } ::-webkit-scrollbar {   scrollbar-width: thin !important;   width: 6px !important;   background: rgb(46, 46, 46) !important;   border: 1px solid rgba(0, 0, 0, 0.082) !important; } ::-webkit-scrollbar-thumb {   background: rgba(250, 250, 250, 0.233) !important;   border-radius: 100px !important; } ::-webkit-scrollbar-thumb:hover {   background: rgba(250, 250, 250, 0.322) !important; } ::selection {     background-color: #ffffff1c !important;     color: white !important; } header {   display: flex !important;   align-items: center !important;   justify-content: center !important;   width: 100vw !important;   padding: 1.1rem 24px;   margin-bottom: auto;   position: relative; } header>#main-menu {   background-color: var(--sn-back-bg-color);   border-right: 1px solid var(--too-light-black-white);   position: fixed;   height: 100vh;   width: fit-content;   padding: 0 0.78rem;   top: 0;   left: -24rem;   z-index: 15;   transition: left 0.5s; } .background-wrapper {   position: absolute;   left: 0; } header>#main-menu[data-isopened="true"] {   left: 0; } header>#main-menu>div {   background-color: var(--sn-back-bg-color);   color: black !important;   height: 100%;   width: 17rem;   display: flex;   flex-direction: column;   align-items: center;   justify-content: space-between; } header>#main-menu>div>.menu-heading {   font-size: 1.6rem !important;   margin-bottom: auto;   height: 4.9rem;   width: 100%;   display: flex;   align-items: center;   justify-content: space-between;   padding: 0 0.4rem; } header>#main-menu>div>.menu-heading>span {   font-size: 1.43rem;   font-weight: 600; } header>#main-menu>div>.menu-heading>span>i {   color: var(--orange-button-bg-color); } header>#main-menu>div>.menu-heading>i {   font-size: 1.3rem;   position: relative;   bottom: 0.1rem;   cursor: pointer;   opacity: 1; } header>#main-menu>div>.menu-heading>i:hover {   opacity: 0.8; } header>#main-menu>div>.catetgories {   height: 49%;   width: 100%;   margin-top: -2rem;   position: relative; } header>#main-menu>div>.catetgories>span, header>#main-menu>div>.others>span {   font-size: 0.76rem;   font-weight: 500;   padding: 0 0.4rem; } header>#main-menu>div>.catetgories>.links-wrapper {   height: 100%;   width: 100%;   overflow: hidden;   position: relative; } header>#main-menu>div>.catetgories>.links-wrapper>.all-links {   display: flex;   flex-direction: column;   gap: 0.5rem;   height: 100%;   width: 100%;   overflow-y: scroll !important;   padding: 0.6rem 0.4rem; } header>#main-menu>div>.catetgories>.links-wrapper>.all-links::-webkit-scrollbar {   width: 0.2rem; } header>#main-menu>div>.catetgories>.links-wrapper::before {   content: "";   position: absolute;   top: -1rem;   left: 0;   height: 1rem;   width: 98.6%;   background-color: var(--sn-back-bg-color);   box-shadow: 0 8px 7px var(--sn-back-bg-color); } header>#main-menu>div>.catetgories>.links-wrapper::after {   content: "";   position: absolute;   bottom: -1.2rem;   left: 0;   height: 1rem;   width: 98.6%;   background-color: var(--sn-back-bg-color);   box-shadow: 0 -8px 7px var(--sn-back-bg-color); } header>#main-menu>div>.catetgories>.links-wrapper>.all-links>a, header>#main-menu>div>.others>.menu-others-same-design {   color: var(--black-light-color-03);   display: flex;   align-items: center;   gap: 0.8rem;   padding: 1.1rem 0.7rem;   height: 2rem;   width: 100%;   border: 1px solid var(--too-light-black-white);   border-radius: 0.47rem;   font-size: 0.77rem !important;   text-decoration: none !important;   background-color: var(--sn-front-bg-color); } header>#main-menu>div>.catetgories>.links-wrapper>.all-links>a:hover, header>#main-menu>div>.others>.menu-others-same-design:hover {   background-color: var(--white-color-01) !important; } header>#main-menu>div>.catetgories>.links-wrapper>.all-links>a[data-active="true"]>i, header>#main-menu>div>.catetgories>.links-wrapper>.all-links>a[data-active="true"]>span {   color: var(--orange-button-bg-color); } header>#main-menu>div>.others {   padding: 2rem 0.4rem;   width: 100%;   margin-top: auto;   display: flex;   flex-direction: column;   gap: 0.5rem;   cursor: pointer !important; } header>#main-menu>div>.theme-changer {   width: 100%; } .theme-changer>span[data-active="false"] {   pointer-events: none !important;   position: absolute !important;   left: 20% !important;   visibility: hidden !important; } .theme-changer>span[data-active="true"] {   height: 100% !important;   display: flex !important;   align-items: center !important;   justify-content: center !important;   cursor: pointer !important;   gap: 0.7rem; } header>#main-menu>div>.others>a>div>i {   margin-right: 0.5rem; } nav {   display: flex !important;   justify-content: space-between !important;   max-width: 2000px !important;   width: 100% !important;   color: var(--black-color-01) !important; } nav>.left {   width: fit-content !important;   height: fit-content !important; } .logo {   display: flex !important;   align-items: center !important;   gap: 0.4rem !important;   user-select: none !important;   white-space: nowrap !important; } .logo>span:nth-child(1) {   height: 2.07rem !important;   width: 2.17rem !important;   display: flex !important;   align-items: center !important;   justify-content: center !important;   border-radius: 0.5rem !important;   background-color: rgb(162, 70, 248) !important; } .logo>span:nth-child(1)>i {   color: white !important;   border-radius: 7px;   position: relative !important;   font-size: 1.29rem !important; } .logo>span:nth-child(2) {   font-weight: 600 !important;   font-size: 1.15rem !important;   font-family: "Poppins", serif !important; } nav>.right {   width: fit-content !important;   height: fit-content !important;   display: flex;   gap: 0.5rem; } nav>.middle {   display: flex;   gap: 26px;   align-items: center !important; } nav>.middle a, nav>.middle i {   color: white;   font-weight: 400 !important;   font-size: 15.6px; } nav>.middle a {   text-decoration: none !important;   font-weight: 600 !important;     display: flex;     align-items: center;     gap: 6px; } nav>.right>.menu {       background: linear-gradient(135deg, #B266FF, #842cff, #9B30FF) !important;   border: 1px solid rgba(35, 35, 35, 0.105) !important;   position: relative !important;   height: 2rem !important;   display: flex;   align-items: center;   justify-content: center;   font-weight: 500 !important;   border-radius: 5rem !important;   z-index: 2 !important;   cursor: pointer;   overflow: hidden !important;   user-select: none !important;   transition: width 0.6s, padding 0.6s; } header>#main-menu[data-isopened="true"]~nav>.right>.menu {   pointer-events: none; } nav>.right>.menu::before {   content: "" !important;   position: absolute;   z-index: -1 !important;   height: 7rem !important;   width: 8rem !important;   background: var(--theme-btn-bg-light-color-02) !important;   top: 100%;   left: 50%;   transform: translateX(-50%);   border-radius: 7rem;   transition: top 0.5s; } nav>.right>.menu>i {   position: relative;   overflow: visible !important;   font-size: 1.06rem !important; } nav>.right>.menu {   padding: 0 .41rem !important;   width: fit-content !important; } footer {   width: 100vw !important;     height: 19.2rem !important;   display: flex !important;   flex-direction: column !important;   align-items: center !important; } footer>.top {   height: 82% !important;   max-width: 2000px !important;   width: 100% !important;   padding: 1.8rem 2.2rem !important;   display: flex !important;  flex-direction: column !important;   justify-content: space-between !important; } footer>.top>.left {   width: fit-content !important;   height: 100% !important; } footer>.top>.left>p {   color: var(--black-color-01) !important;   font-size: 0.74rem !important;   width: 23rem !important;   margin-top: 0.9rem !important; } footer>.top>.right {   width: fit-content !important;   height: 100% !important;   display: flex !important; } footer>.top>.right>div {   width: 10rem !important; margin-top: 1.7rem !important; } footer>.top>.right>div>span {   color: var(--black-color-01) !important;   display: block !important;   font-size: 0.8rem !important;   font-weight: 500 !important;   margin-bottom: 0.6rem !important; } footer>.top>.right>div>a {   font-weight: 500;   color: var(--black-light-color-01) !important;   display: block !important;   font-size: 0.8rem !important;   margin-bottom: 0.6rem !important;   text-decoration: none !important;   width: fit-content; } footer>.top>.right>div>a:hover {   color: var(--black-color-01) !important; } footer>.bottom {   height: 18% !important;   width: 100% !important;   background-color: var(--white-color-02) !important;   display: flex !important;   align-items: center !important;   justify-content: center !important; } footer>.bottom,footer>.bottom>span{   font-size: 0.6rem !important;   color: var(--black-color-01) !important; } .scrolling-container {   width: 100% !important;   height: 2.7rem !important;   display: flex !important;   align-items: center !important;   gap: 1rem !important;   overflow: hidden !important;   font-size: 0.9rem !important;   white-space: nowrap !important;   padding: 0 0.8rem !important;   background: var(--linear-gradient-01) !important;   margin-top: auto !important; } .scrolling-container span{     font-weight: 600 !important; } .scrolling-text {   display: inline-block !important;   animation: scroll-left 7s linear infinite !important; } .scrolling-text>span:nth-child(1) {   color: rgb(21, 21, 21) !important; } .scrolling-text>span:nth-child(2) {   color: rgb(179, 0, 0) !important; } .scrolling-text>span {   display: flex !important;   gap: 0.8rem !important;   align-items: center !important;   justify-content: center !important; } @keyframes scroll-left {   0% {     transform: translateX(0%);   }   100% {     transform: translateX(-105%);   } } @media screen and (max-width: 1182px) {   #result>.result-wrapper>.styles-data{     grid-template-columns: repeat(2, 1fr) !important;   }   footer>.top>.right {     margin-right: 1rem !important;   } } @media screen and (max-width: 1160px) {   footer>.top>.right {     margin-right: 1rem !important;   } } @media screen and (max-width: 1100px) {   footer>.top>.right>div {     width: 8.7rem !important;   }.filter-data>div {grid-template-columns: repeat(4, auto) !important;} } @media screen and (max-width: 1072px) {   .scrolling-container {     height: 2.3rem !important;   }   footer>.top>.left>p {     font-size: 0.75rem !important;     margin-top: 1rem !important;   }   footer>.top>.right {     margin-right: 1rem !important;   }   footer>.top>.right>div {     width: 8rem !important;   }   footer>.top>.right>div>span,   footer>.top>.right>div>a {     font-size: 0.75rem !important;   } } @media screen and (max-width: 1028px) {   footer>.top>.right {     margin-right: 0.8rem !important;   } } @media screen and (max-width: 1000px) {   .grid-card {     grid-template-columns: repeat(2, auto) !important;   }.filter-data>div {grid-template-columns: repeat(3, auto) !important;} } @media screen and (max-width: 910px) {   footer>.top>.right {     margin-right: -0.2rem !important;   } } #result>.result-wrapper>.styles-data {   padding: 0 1.7px !important; } @media screen and (max-width: 822px) {     .sticky-div-details-wrapper>div>.hide-sm {         display: none !important;     }   footer>.top,   footer>.top>.right>div:nth-child(1) {     margin-top: 24px !important;   }   footer>.top,   footer>.top>.right>div:nth-child(2) {     margin-top: 16px !important;   }   footer {     height: fit-content !important;   }   footer>.top {     height: fit-content !important;     padding: 2rem 1.5rem !important;     padding-bottom: 1.6rem !important;   }   footer>.top,   footer>.top>.right {     flex-direction: column !important;   }   footer>.bottom {     height: 2.4rem !important;   } } @media screen and (max-width: 776px) { .filter-data>div {grid-template-columns: repeat(2, auto) !important;}   nav>.right>.menu-open-btn::before {     background-color: transparent !important;   } } @media screen and (max-width: 720px) {   .grid-card {     grid-template-columns:  auto !important;   } } @media screen and (max-width: 692px) { .hide-filter-text{display:none !important;} .user-input-wrapper input.add-padding {     padding-left: 75px !important; } .add-filter {width: 61px !important;}   nav>.right>.menu-open-btn:hover>i {     left: 0;   }   nav>.right>.menu-open-btn>span {     display: none !important;   } .support-site-rating h3>div>span, .support-site-rating .rating {font-size: 14.4px!important;} .support-site-rating h3 {     font-size: 15px!important; } .symbols-results>div>div>span {     font-size: 14px !important;} } @media screen and (max-width: 569px) { .filter-data>div {grid-template-columns: auto !important;} .sticky-div-details-wrapper>div> .resize-text-size{ display:none !important;}   nav>.right>.menu-open-btn {     width: 2rem !important;   }   nav>.left>.logo>span:nth-child(1) {     height: 2rem !important;     width: 2.04rem !important;   }   nav>.left>.logo>span:nth-child(2) {     font-size: 1.04rem !important;   } } @media screen and (max-width: 477px) {   header>#main-menu {     left: -30rem;   }   header>#main-menu>div {     width: 100vw !important;     padding-right: 2rem;   } } @media screen and (max-width: 414px) {   footer>.top>.left>p {     font-size: 0.7rem !important;     padding-right: 2rem !important;   } } @media screen and (max-width: 384px) {   .scrolling-container {     height: 2.1rem !important;     font-size: 0.8rem !important;   }   footer>.top>.left>p {     padding-right: 2.7rem !important;     font-size: 0.67rem !important;   }   footer>.top>.right {     margin-top: 0.5rem !important;   }   footer>.top>.right>div>span,   footer>.top>.right>div>a {     font-size: 0.7rem !important;   }   .logo>span:nth-child(1) {     height: 1.96rem !important;     width: 1.96rem !important;   }   .logo>span:nth-child(1)>i {     font-size: 1.17rem !important;   }   footer>.top>.left>.logo>span:nth-child(2) {     font-size: 1.13rem !important;   }   footer>.top>.left>.logo>span:nth-child(2) {     font-size: 1.04rem !important;   } } @media screen and (max-width: 366px) {   nav>.left>.logo>span:nth-child(1) {     height: 1.95rem !important;     width: 2rem !important;   }   footer {     height: fit-content !important;   }   footer>.top>.left>.logo>span:nth-child(2) {     font-size: 1.02rem !important;   }   footer>.top>.left>p {     padding-right: 2.7rem !important;     font-size: 0.67rem !important;   }   footer>.top>.right {     margin-top: 0.5rem !important;   }   footer>.top>.left>p {     font-size: 3.3vw !important;     padding-right: 6rem !important;   }   footer>.top>.right>div>span,   footer>.top>.right>div>a {     font-size: 3.6vw !important;   }   footer>.bottom {     height: 2.5rem !important;     font-size: 0.3rem !important;   }   footer>.bottom>span {     font-size: 0.5rem !important;   } } @media screen and (max-width: 338px) {   footer>.top>.left>.logo>span:nth-child(1) {     font-size: 1rem !important;   }   footer>.top>.left>.logo>span:nth-child(1)>i {     font-size: 1rem !important;   }   footer>.top>.left>.logo>span:nth-child(2) {     font-size: 1rem !important;   }   nav>.left>.logo>span:nth-child(2) {     display: none !important;   } } #stylish-names-maker {   height: fit-content !important;   max-width: 2000px !important;   width: 100% !important;   display: flex !important;   flex-direction: column !important;   align-items: center !important;   overflow-x: clip !important; } #stylish-name-content {   flex-direction: column !important;   gap: 0 !important; } #stylish-name-content {   padding: 0 0.6rem !important; } section {   height: fit-content !important;   width: 100% !important;   padding: 0 1.5rem !important;   overflow-x: clip !important; } .section-one {   padding: 0rem 0rem !important;   padding-bottom: 1.4rem !important; } #main-content,#user-input{   border-left:  0 !important;   border-right: 0 !important;   border-radius: 0 !important; } #main-content {   width: 100% !important;   display: flex !important;   flex-direction: column !important;   gap: 0.6rem !important;   align-items: center !important;   text-align: center !important;   padding: 2.2rem 2rem 0 2rem !important;   background: #9B30FF !important;   position: relative !important;   z-index: 11 !important;   border: 1px solid var(--too-light-black-white-02);   border-bottom: none !important;   border-top-left-radius: 9px !important;     border-top-right-radius: 9px !important; } #main-content>p:nth-child(1), .section-four>.top>span {   background: var(--linear-gradient-02) !important;   color: var(--constant-white) !important;   font-weight: 600 !important; } #main-content>p:nth-child(1) {   width: fit-content !important;   padding: 0.37rem 1.3rem !important;   font-size: 0.7rem !important;   border-radius: 4rem !important;   user-select: none !important;   white-space: nowrap !important; } #main-content>h1 {   max-width: 1100px !important;   font-size: 2.1rem !important;   font-weight: 700 !important;   color: white !important;   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.281); } #main-content>h1>i{   color: var(--blue-violet-color);   font-weight: 600 !important; } #main-content>p {   font-size: 0.82rem !important;   color: white !important;   font-weight: 500;   padding: 0 1.8rem !important; } #main-content>p>span {   font-weight: 400 !important; } #main-content>p>span.unique {   font-weight: 600 !important;   color: var(--black-light-color-01) !important; } #main-content>p>span.categories>a {   text-decoration: none !important;   font-weight: 600 !important; } #user-input {   width: 100%;   position: sticky !important;   z-index: 10;   border-bottom-left-radius: 9px !important;     border-bottom-right-radius: 9px !important;   background: #9B30FF !important;   padding: 2rem 2rem !important;   top: 0rem !important; } #user-input>.user-input-wrapper {   height: 2.8rem !important;   width: 100% !important;   position: relative !important;   width: 100% !important; } #user-input>.user-input-wrapper>.get-user-input {   background: rgb(247, 247, 247) !important;   outline: 1px solid rgba(0, 0, 0, 0.089) !important;      color: rgb(33 33 33) !important;   height: 100% !important;   width: 100% !important;   font-size: 0.8rem !important;   border: none !important;   border-radius: 0.6rem !important;   transition: outline 0.1s !important; } #user-input{   position: relative; } .filter-data{   background-color: rgb(247, 247, 247) !important;   position: absolute;   width: 100%;   display: none;   height: 279px;   overflow: hidden;   left: 50%;   border-radius: 10px;   transform: translateX(-50%);   top:59px;   padding: 17px 8px;   outline: 1px solid rgba(0, 0, 0, 0.13) !important;   border: none;   padding-bottom: 60px !important; } .filter-data p{   font-size: 15px;   margin-bottom: 10px;   padding: 0 8px; } .filter-data>div{   display: grid !important;   padding: 0 8px;   grid-template-columns: repeat(5, auto);   overflow-y: scroll;   height: 100%;   gap: 10px; }.filter-data>div label{   position: relative;   user-select: none !important;   cursor: pointer; }.filter-data>div div{   position: absolute;   width: 100%;   height: 100%;   border-radius: 6px;   pointer-events: none;   left: 0;   top: 0; } .filter-data>div input[type="checkbox"]:checked ~ .check-box-highlighter{   outline: 1px solid rgb(156, 34, 255) !important;   background-color: rgba(156, 34, 255, 0.068); } .filter-data label{   font-size: 15.5px;   background-color: white !important;   padding: 10px;   border: 1px solid rgba(0, 0, 0, 0.096) !important;   border-radius: 6px; }.filter-data input{   margin-right: 5px;   accent-color: #7f4cff;   } #user-input>.user-input-wrapper>.get-user-input:hover,#user-input>.user-input-wrapper>.get-user-input:focus{   outline: 2px solid rgb(132, 0, 255) !important; } #user-input>.user-input-wrapper>.input-features>.paste-feature:hover, .sticky-div-details-wrapper>div>button:hover{   border: 1px solid rgb(132, 0, 255) !important; } #user-input>.user-input-wrapper>.get-user-input::placeholder {   user-select: none !important; } #user-input>.user-input-wrapper>.get-user-input:focus::selection {   background-color: rgba(112, 2, 255, 0.234) !important;   color: var(--black-color-01) !important; } #user-input>.user-input-wrapper>.input-features {   position: absolute !important;   top: 50% !important;   right: 0.33rem !important;   transform: translateY(-50%) !important;   user-select: none !important; } #user-input>.user-input-wrapper>.input-features>.paste-feature {   color: white !important;   display: flex;   align-items: center;   gap: 0.2rem !important;   font-size: .86rem !important;   font-weight: 500 !important;   border-radius: 0.4rem !important;   display: flex  !important;   cursor: pointer !important;   white-space: nowrap !important;   background-color: rgb(169, 77, 255) !important;   outline: 1px solid rgba(0, 0, 0, 0.075); } #user-input>.user-input-wrapper>.input-features>.clear-all-feature {   color: rgb(83, 83, 83) !important;   position: relative !important;   right: 0.3rem !important;   cursor: pointer !important; } #user-input>.user-input-wrapper>.input-features>.clear-all-feature:hover {   color: rgb(105, 105, 105) !important; } #stylish-name-content {   display: flex !important;   align-items: start !important;   gap: 1rem !important;   width: 100% !important;   margin-top: 2rem !important;   color: var(--black-color-01) !important; } #select-style {   display: flex !important;   flex-direction: column !important;   position: sticky !important;   z-index: 9 !important;   top: 7.4rem !important;   width: 100% !important;   margin-top: 15px !important; border-radius:0px !important; } #select-style>span {   font-size: 0.72rem !important;   font-weight: 500 !important;   margin-bottom: 0.6rem !important;   white-space: nowrap !important; } #select-style>.select-style-wrapper {   display: flex !important;   flex-direction: column !important;   gap: 0.5rem !important;   position: relative;   z-index: 10; } #select-style>.select-style-wrapper>.btn-wrapper {   overflow-y: scroll !important;   display: flex !important;   flex-direction: column !important;   gap: 0.5rem !important;   height: 27.7rem;   scrollbar-width: none;   width: 100%;   padding: 0.4rem 0 6rem 0 !important;   user-select: none; }    #select-style>.select-style-wrapper>.btn-wrapper {   overflow-x: scroll !important;   flex-direction: row !important;   height: 3rem !important;   justify-content: start !important;   scrollbar-width: none !important;   overflow-y: hidden !important;   width: 100% !important;   padding-top: 0 !important;   padding-left: 0.6rem !important;   padding-right: 0.6rem !important; }#select-style>span {display: none !important;} #select-style>.select-style-wrapper>.btn-wrapper::before {   box-shadow: 0 0 7px 9px var(--sn-back-bg-color) !important;   content: "" !important;   position: absolute !important;   z-index: 9 !important;   height: 0% !important;   width: 100% !important;   top: -0.2rem !important; } #select-style>.select-style-wrapper>.btn-wrapper::after {   box-shadow: 0 0 7px 9px var(--sn-back-bg-color) !important;   content: "" !important;   position: absolute !important;   z-index: 9 !important;   height: 0% !important;   width: 100% !important;   bottom: -0.2rem !important; } #select-style>.select-style-wrapper>.btn-wrapper::-webkit-scrollbar {   display: none; } #select-style>.select-style-wrapper>.btn-wrapper>div, #select-style>.select-style-wrapper>.btn-wrapper>a {   text-decoration: none !important;   padding: 0 0 !important;   height: fit-content !important;   color: var(--black-color-01); } #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button, #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button {   background-color: rgb(36 36 36) !important;   border: 1px solid var(--ouline-color-02) !important;   border-radius: 50rem !important;   outline: none !important;   display: block !important;   width: 100% !important;   padding: 0.3rem 1rem !important;   font-size: 0.8rem !important;   font-weight: 500 !important;   white-space: nowrap !important; } #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button>i, #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button>span, #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button>i, #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button>span {   font-size: 0.9rem !important;   margin-right: 0.4rem !important;   font-weight: 400 !important; } #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button[data-active="true"], #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button[data-active="true"] {       background: linear-gradient(135deg, #B266FF, #842cff, #9B30FF) !important;   color: rgb(255 255 255) !important;   border: none !important;   text-shadow: 0 0 1px black;   font-weight: 600 !important;   pointer-events: none !important; } #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button[data-active="false"]:hover {   background-color: var(--hover-bg-color-02) !important;   cursor: pointer !important; } #result {   color: var(--black-color-01) !important;   display: grid;   gap: 0.7rem;   width: 90% !important; } #result>.result-wrapper {   margin-top: 0.5em !important;   width: 100% !important; } #result>.result-wrapper:nth-child(1) {   margin-top: 0 !important; } #result>.result-wrapper>.sticky-div {   display: flex !important;   align-items: end !important;   position: sticky !important;   height: 2rem !important;   width: 100% !important;   top: 9.2rem !important;   font-weight: 500 !important;   z-index: 8 !important; }#result>.result-wrapper>.sticky-div>span:nth-child(1){   display: flex;   align-items: center; } #result>.result-wrapper>.sticky-div>span:nth-child(1)>span:nth-child(2){   white-space: nowrap !important;   margin-left: 8px; }.sticky-div-details-wrapper{   justify-content: space-between;   align-items: center !important; } .total-stylish-designs{   background-color: white !important;   margin-left: 7px;   font-size: 15.8px;height: fit-content !important;   width: fit-content !important;   padding: 0 11.3px !important;   border-radius: 6px !important;   border: 1px solid rgba(0, 0, 0, 0.096); } .sticky-div-details-wrapper>div,.sticky-div-details-wrapper>div>div{   display: flex !important; } .sticky-div-details-wrapper>div{   gap: 8px; } .sticky-div-details-wrapper>div>div>button, .large-text{   font-size: 17.5px !important;   transition: width .4s;   background-color: white;   display: flex !important;   width: 45px;   align-items: center !important;   justify-content: center !important;   gap: 5px;   padding: 3.6px 13px !important;   cursor: pointer;   border: 1px solid rgba(0, 0, 0, 0.096); } .sticky-div-details-wrapper>div>div>button:nth-child(1),.large-text{   border-top-left-radius: 7px !important;   border-bottom-left-radius: 7px !important; }  .sticky-div-details-wrapper>div>div>button.active,.large-text{   opacity: .6;   width: 47px !important;   padding-left: 16px !important;   background-color: rgb(245, 245, 245);   pointer-events: none;   cursor: default; } .range-input-wrapper{   background-color: rgb(255, 255, 255);   padding: 0 10px;   border: 1px solid rgba(0, 0, 0, 0.096);   border-left: 0; }.styled-range {   -webkit-appearance: none;   width: 100%;   height: 6px;   border-radius: 6px;   background: #f0f0f0;   outline: none;   display: block; position: relative; top: 52%; transform: translateY(-50%); } .styled-range::-webkit-slider-thumb {   -webkit-appearance: none;   width: 22px;   height: 12.5px;   background: #9f4aff;   border-radius: 100px;   cursor: pointer; } .sticky-div-details-wrapper>div>div>button:nth-child(1).active{   border-right: none !important; } .sticky-div-details-wrapper>div>div>button:nth-child(2).active{   border-left: none !important; } .sticky-div-details-wrapper>div>div>button>i{   overflow: visible !important; } .sticky-div-details-wrapper>div>div>button>span{   font-size: 16.7px;   font-weight: 400 !important;   transition: all .4s;   width: 0;   background-color: transparent !important;   overflow: hidden !important;   display: inline; } .sticky-div-details-wrapper>div>div>button:hover{   gap: 0px; } .sticky-div-details-wrapper>div>div>button:hover>span{   width: 100%; } .sticky-div-details-wrapper>div>div>button.active:hover>span{   width: 0 !important; } .sticky-div-details-wrapper>div>div>button:nth-child(2),.range-input-wrapper{   border-top-right-radius: 7px !important;   border-bottom-right-radius: 7px !important; } .sticky-div-details-wrapper>div>div>button:nth-child(1):hover{   width: 82px; } .sticky-div-details-wrapper>div>div>button:nth-child(2):hover{   width: 90px; } .sticky-div-details-wrapper>.hide-lg{   display: none !important; } .add-filter{   position: absolute;   top:0;   left: 3.11px;   top: 50%;   transform: translateY(-50%);   border-radius: 11px;   height: 85%;   cursor: pointer;   width: 118px;   font-size: 15.8px;   background-color: white !important;   border: 1px solid rgba(0, 0, 0, 0.103); } .add-filter:hover{   border: 1px solid rgba(37, 37, 37, 0.171) !important;   opacity: .6; } #result>.result-wrapper>.sticky-div>span {   width: 100% !important;   position: absolute !important;   font-size: 1.1rem !important;   padding-bottom: 1rem !important;   white-space: nowrap !important;   z-index: 8 !important; } #result>.result-wrapper>.sticky-div>span>.types-icons {   color: var(--orange-button-bg-color) !important;   background-color: var(--white-to-black-light-color);   border: 1px solid rgba(0, 0, 0, 0.112);   padding: 0.2rem 0.4rem;   border-radius: 1rem; } #result>.result-wrapper>.sticky-div>span>.types-icons i{   color: #cfa4ff; } #result>.result-wrapper[data-type="small"]>.sticky-div>span>.types-icons {   padding-left: 0.6rem;   padding-right: 0.6rem;   position: relative; } #result>.result-wrapper[data-type="small"]>.sticky-div>span>.types-icons>span {   top: -0.1rem; } #result>.result-wrapper[data-type="happy"]>.sticky-div>span>.types-icons>i {   position: relative;   top: -0.05rem; } #result>.result-wrapper[data-type="love"]>.sticky-div>span>.types-icons>i {   position: relative;   left: 0.02rem; } #result>.result-wrapper[data-type="birthday"]>.sticky-div>span>.types-icons>i {   position: relative;   bottom: 0.1rem; } #result>.result-wrapper>.sticky-div>.cover-span {   width: 110% !important;   background-color: var(--sn-back-bg-color) !important;   position: absolute !important;   z-index: 7 !important;   left: 50% !important;   bottom: 0.5rem;   transform: translateX(-50%) !important; } #result>.result-wrapper>.styles-data {     display: flex !important;   flex-wrap: wrap !important;   gap: 0.7rem !important;   width: 100%;   padding-bottom: 1rem !important; } .input-group {   padding: 1rem !important;   background-color: var(--sn-front-bg-color) !important;   box-shadow: 0 1px 2px var(--box-shadow-02) !important;   border-radius: 0.4rem;   width: 100% !important;     flex: 1 1 370px;     max-width:100% !important;   font-size: 0.83rem !important;   cursor: pointer !important;   position: relative !important;   display: flex;   align-items: center;   overflow: hidden; } .input-group.is-copied {       outline: 1px solid blueviolet !important;   background-color: rgba(137, 43, 226, 0.068) !important; } .input-group>p {   font-family: Arial, Helvetica, sans-serif !important;   padding: 0rem 1.6rem 0rem 0.4rem !important;   user-select: none;   font-size: 17px;   word-break: break-all;   pointer-events: none; } .input-group > p {   transition: font-size 0.2s ease; } .input-group>.copy-stylish-name {   background: linear-gradient(135deg, #B266FF, #6A00FF, #9B30FF) !important;   color: rgb(255 255 255) !important;   border-top-left-radius: 7px !important;   font-size: 13px !important;   padding: 0.34rem .86rem !important;   font-weight: 500 !important;   position: absolute !important;   bottom: 0 !important;   right: 0 !important;   pointer-events: none !important;   user-select: none !important;   white-space: nowrap !important; } .input-group:hover>span {   display: inline-block !important; } .input-group:nth-last-child(1) {   column-span: 1; } .loadmorebtn-parent {   width: 100% !important;   display: flex;   justify-content: end !important;   margin-top: 1rem !important;   margin-bottom: 1rem !important; } .loadmorebtn-parent>.loadmore-wrapper {   width: 82% !important;   display: flex !important;   justify-content: center !important; } .loadmorebtn-parent>.loadmore-wrapper>.loadmore-btn {   background-color: transparent !important;   color: rgb(173 97 255) !important;   display: flex !important;   align-items: center !important;   justify-content: center !important;   border: none !important;   font-size: 0.75rem !important;   font-weight: 500 !important;   padding: 0.9rem 2rem !important;   border-radius: 0.5rem !important;   cursor: pointer !important;   user-select: none !important;   white-space: nowrap !important; } .loadmorebtn-parent>.loadmore-wrapper>.loadmore-btn:hover {   background-color: #f0f0f0 !important; } .circle-loader {   position: relative !important;   height: 13px !important;   width: 13px !important;   border-radius: 100% !important;   margin-left: 0.44rem !important;   display: none !important; } .circle-loader[data-isload="true"] {   display: block !important;   animation: rotate 1.3s linear infinite !important; } .circle-loader[data-isload="true"]::before {   content: "" !important;   box-sizing: border-box !important;   position: absolute !important;   inset: 0px !important;   border-radius: 50% !important;   border: 2px solid rgb(173 97 255) !important;   animation: prixClipFix 2s linear infinite !important; } @keyframes rotate {   100% {     transform: rotate(360deg);   } } @keyframes prixClipFix {   0% {     clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);   }   25% {     clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);   }   50% {     clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);   }   75% {     clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);   }   100% {     clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);   } } #web-tags {   background-color: var(--sn-front-bg-color) !important;   display: flex !important;   justify-content: center !important;   width: 100% !important;   padding: 1.8rem 0 !important;   border-top-left-radius: 1rem;   border-top-right-radius: 1rem; } #web-tags>.web-tags-wrapper {   display: grid !important;   grid-template-columns: repeat(4, auto) !important;   justify-content: space-between !important;   width: 90% !important; } #web-tags .web-tags-wrapper>div {   display: flex !important;   gap: 0.9rem !important;   width: fit-content !important;   align-items: center !important; } #web-tags .web-tags-wrapper>div>span:nth-child(1) {   background-color: var(--sn-back-bg-color) !important;   color: var(--black-color-01) !important;   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.231) !important;   padding: 0.17rem 0.6rem !important;   border-radius: 10rem !important; } #web-tags .web-tags-wrapper>div>span:nth-child(2) {   font-size: 0.9rem !important;   font-weight: 500 !important;   color: var(--black-color-01) !important;   white-space: nowrap !important; } #web-tags .web-tags-wrapper>div>span:nth-child(2)>span {   display: block !important; } .same-design {   background-color: var(--sn-front-bg-color) !important;   width: 100%;   padding: 2rem 1.5rem !important;   display: flex !important;   align-items: center !important;   justify-content: center; } .same-design>.control-width {   display: flex !important;   align-items: center !important;   justify-content: center;   gap: 2.5rem !important; } .same-design>.control-width>.one {   width: 50% !important;   height: fit-content !important;   display: flex !important;   align-items: center !important;   justify-content: center !important; } .same-design>.control-width>.one>figure {   height: fit-content !important;   width: fit-content !important;   overflow: clip !important; } .same-design>.control-width>.one>figure>img {   height: 23rem !important;   width: 32rem !important;   border-radius: 1.4rem !important; } .same-design>.control-width>.two {   width: 50% !important;   height: fit-content !important;   display: flex !important;   flex-direction: column !important;   justify-content: center !important;   gap: 0.9rem !important; } .same-design>.control-width>.two>h2 {   color: var(--black-color-01) !important;   font-weight: 400 !important;   font-size: 1.64rem !important;   font-weight: 500 !important; } .same-design>.control-width>.two>p {   font-size: 0.8rem !important;   padding-right: 3rem !important;   color: var(--black-light-color-01) !important; } .same-design>.control-width>.two>p>span {   color: var(--black-light-color-02) !important;   font-weight: 600 !important; } .same-design>.control-width>.two>a {   font-size: 0.9rem !important;   color: rgb(239, 123, 0) !important;   text-decoration: none !important;   width: fit-content;   position: relative; } .same-design>.control-width>.two>a::before {   content: "";   position: absolute;   height: 1px;   width: 100%;   left: 0;   bottom: -0.1rem;   transition: width 0.4s;   background-color: var(--orange-button-bg-color); } .same-design>.control-width>.two>a:hover::before {   width: 0; } .section-four {   height: fit-content !important;   width: 100% !important;   background-color: var(--sn-front-bg-color) !important;   padding: 3rem 1.3rem !important;   border-bottom-left-radius: 1.4rem !important;   border-bottom-right-radius: 1.4rem !important;   border-bottom: 1px solid var(--too-light-black-white-02) !important; } .section-four>.top {   width: 100% !important;   display: flex !important;   flex-direction: column !important;   align-items: center !important;   gap: 0.3rem !important; } .section-four>.top>span {   padding: 0.3rem 1rem !important;   font-size: 0.8rem !important;   border-radius: 1rem !important;   display: inline-block !important;   margin-bottom: 0.5rem !important; } .section-four>.top>span>i {   font-weight: 400 !important; } .section-four>.top>h2 {   color: var(--black-color-01) !important;   font-size: 2.5rem !important;   font-weight: 700 !important; } .section-four>.top>p {   color: var(--black-light-color-01) !important;   width: 42rem !important;   text-align: center !important;   font-size: 0.8rem !important;   margin: 1rem 0 1.7rem 0 !important; } .section-four>.top>.click-to-silde>button {   margin-top: 0.2rem !important;   outline: none !important;   border-radius: 5rem !important;   background-color: var(--sn-front-bg-color) !important;   font-weight: 500 !important;   font-size: 0.77rem !important;   padding: 0.74rem 1.7rem !important; } .section-four>.top>.click-to-silde>button[data-active="true"] {   background-color: rgba(255, 145, 0, 0.109) !important;   color: var(--orange-button-bg-color) !important;   border: 1px solid rgb(255, 164, 45) !important;   pointer-events: none !important; } .section-four>.top>.click-to-silde>button[data-active="false"]:hover {   background-color: var(--white-color-01) !important;   cursor: pointer !important; } .section-four>.top>.click-to-silde>button[data-active="false"] {   color: var(--black-light-color-01) !important;   box-shadow: 0 1px 2px var(--box-shadow-01) !important;   border: none !important; } .section-four>.top>.click-to-silde {   display: flex !important;   gap: 0.5rem !important;   user-select: none !important; } .section-four>.bottom {   height: fit-content !important;   width: 100% !important;   display: flex !important;   justify-content: center !important; } .section-four>.bottom>.bottom-wrapper {   height: fit-content !important;   width: 100% !important;   display: flex !important;   align-items: center !important;   justify-content: center !important;   position: relative !important;   transition: left 1s !important; } .section-four>.bottom>.bottom-wrapper>figure {   height: 24.6rem !important;   width: 40rem !important;   overflow: clip !important; } .section-four>.bottom>.bottom-wrapper>figure[data-isOpen="true"] {   position: relative;   opacity: 1; } .section-four>.bottom>.bottom-wrapper>figure[data-isOpen="false"] {   position: absolute;   opacity: 0; } .section-four>.bottom>.bottom-wrapper>figure>img {   height: 100% !important;   width: 100% !important;   border-radius: 1rem !important; } .section-five { 	height: fit-content !important; 	width: 100% !important; 	padding-top: 2.7rem !important; 	  padding-bottom: .6rem !important; 	display: flex !important; 	flex-direction: column !important; 	align-items: center; 	gap: 2.5rem !important;   }      .section-five>.control-width>div { 	padding: 0rem 1.2rem !important; 	border-radius: 1rem !important; 	margin-top: 2.2rem;   }      .section-five>.control-width>div:nth-child(1) { 	margin-top: 0;   }      .section-five>.control-width>div>h2,   #HeadingDiv h2 { 	font-size: 1.5rem !important; 	font-weight: 600 !important;margin-bottom: 12px; 	color: var(--black-color-01) !important;   }   .heading-bold{     font-weight: 600 !important;   } .margin-35-top{     margin-top: 41px !important;   } .margin-25-top{     margin-top: 24px !important;   }   .section-five>.control-width>div>h2>span,   #HeadingDiv h2>span { 	font-weight: 500 !important; 	padding: 0 0.1rem !important; 	border-radius: 2rem; 	color: rgb(170, 42, 255) !important;   }      .section-five>.control-width>div>p, .symbols-results>div,.list-paragraph, .section-five-list-items li, .section-five-list-items li strong,.section-five>.control-width ul li { 	font-size: .85rem !important; 	color: var(--black-light-color-01) !important;   }.card> div p{ 	font-size: .82rem !important; 	color: var(--black-color-01) !important;      }    .style-information p {     position: relative !important;     color: white !important;   }   .style-information p i{     color: #a54df6 !important;   }   .style-information p::before {     content: "";     position: absolute;     z-index: 10;     background: linear-gradient(135deg, #a54df6, #6A00FF, #e2cdf7) !important;     height: 3px !important;     width: 93px !important;     bottom: -12px;     border-radius: 100px;     left: 0; }   .section-five>.control-width>div>p{     color: #d0d0d0 !important;   }   .section-five > .control-width > div > p{margin-top: 12px !important;}   .card> div h3{ 	font-size: 18px !important; 	color: var(--black-color-01) !important;   }      .symbols-results p>span,.symbols-results>div>span{ 	  margin-top: 29px; 	  margin-bottom: 16px; 	  display: block;   } .symbols-results>div>div{ 	  display: flex; 	  flex-wrap: wrap; 	  margin-top: 16px; 	  row-gap: 10px !important;   }.symbols-results>div>div>span{ 	  font-size: 16px; 	  margin-right: 10px; 	  pointer-events: all; 	  background-color: var(--sn-front-bg-color) !important; 	  box-shadow: 0 1px 2px var(--box-shadow-02) !important; 	  padding: 10px 18px; 	  display: inline-block; 	  border-radius: 7px;   }.symbols-results>div>div>span:hover{ 	  outline: 1px solid orange; 	  cursor: pointer;   }      .section-five>.control-width>div>p>span, .symbols-results>div>span { 	font-weight: 600 !important; 	color: var(--black-light-color-02);   }      .section-five>.control-width>div:nth-child(2)>p>span { 	display: block !important; 	margin-top: 1.2rem !important;   }      .section-five>.control-width>div:nth-child(1)>p {     margin-top: 2.9rem !important;   }      .control-width { 	max-width: 1300px; 	width: 100%; 	display: flex; 	align-items: center; 	justify-content: center;   }      .section-five>.control-width { 	flex-direction: column;   }      .informational-content { 	height: fit-content !important; 	width: 100% !important; 	padding-top: 3.4rem !important; 	padding-bottom: 3rem !important; 	display: flex !important; 	flex-direction: column !important; 	align-items: center; 	gap: 2.5rem !important;   }      .informational-content>.control-width>div { 	width: 100%; 	padding: 0rem 1.2rem !important; 	border-radius: 1rem !important; 	margin-top: 2.2rem;   }      .informational-content>.control-width>div:nth-child(1) { 	margin-top: 0;   }      .informational-content>.control-width>div>h2,   #HeadingDiv h2 { 	font-size: 1.5rem !important; 	font-weight: 600 !important; 	color: var(--black-color-01) !important;   }      .informational-content>.control-width>div>h2>span,   #HeadingDiv h2>span { 	font-weight: 600 !important; 	padding: 0 0.1rem !important; 	border-radius: 2rem; 	color: rgb(255, 115, 0) !important;   }      .informational-content>.control-width>div>p,table th,   table td { 	font-size: 0.8rem !important; 	color: var(--black-light-color-01) !important;   }      .informational-content>.control-width>div>p>span { 	font-weight: 600 !important; 	color: var(--black-light-color-02);   }      .informational-content>.control-width>div:nth-child(2)>p>span { 	display: block !important; 	margin-top: 1.2rem !important;   }      .informational-content>.control-width>div:nth-child(1)>p { 	margin-top: 0.9rem !important;   }      .table-wrapper { 	  max-width: 100%; 	  margin: 0 auto; 	  margin-top: 57px !important; 	  padding: 10px; 	  width: 100%; 	}    	.scroll-container { 		overflow-x: auto; 		scrollbar-width: thin !important; 	  } 	   	table { 	  width: 1300px; 	  min-width: 100%; 	  display: inline-table; 	  border-radius: 10px !important; 	  overflow: hidden !important;   }.scroll-container::-webkit-scrollbar{ 	  scrollbar-width: thin!important; 	  height: 6px;   }      .scroll-container>div{ 		margin-top: 6px;   display: inline-table; 			margin-bottom: 9px; 		width: 1300px;border: none; 	}    	table i{ 	  color: rgb(255, 150, 64) !important; 	} 	 	table th, 	table td { 	  border: 1px solid var( --box-shadow-02) !important; 	  padding: 10px; 	  text-align: left; 	  white-space: nowrap;   }   table th:last-of-type,table td:last-of-type{ 	  border-right: none;   }   table tr:last-of-type td{ 	  border-bottom: none;   } 	table th { 	  font-weight: 600; 	  background-color: var(--hover-bg-color-02);   }      table tr:nth-child(2n){ 		background-color: var(--hover-bg-color-02); 	}         #FAQs { 	display: flex !important; 	justify-content: center !important; 	flex-direction: column !important; 	width: 100% !important; 	height: fit-content !important;   }      #HeadingDiv { 	width: 100% !important;   }      #FAQs>.Question { 	position: relative !important; 	z-index: 2 !important; 	margin-top: 1rem !important; 	padding: 20px 20px !important; 	width: 100% !important; 	display: flex !important; 	align-items: center !important; 	justify-content: space-between !important; 	font-size: 0.66rem !important;   background-color: rgb(42 42 42) !important; 	box-shadow: 0 0 2px var(--box-shadow-02) !important; 	border: none !important; 	border-radius: 0.6rem !important; 	cursor: pointer !important; 	color: var(--black-light-color-02) !important;   }      #FAQs>.Question>div { 	font-weight: 500 !important; 	color: var(--black-light-color-02) !important; 	font-size: 0.66rem !important;   }      #FAQs>.Question:hover { 	opacity: 1 !important; 	background-color: rgb(46, 46, 46) !important; 	color: var(--black-color-01) !important; } #FAQs>.Answer {   background-color: rgb(32, 32, 32) !important; 	color: var(--black-light-color-01) !important; 	position: relative !important; 	z-index: 1 !important; 	height: 0 !important; 	width: 100% !important; 	font-size: 0.7rem !important; 	text-align: justify !important; 	overflow: clip !important; 	border-bottom-left-radius: 0.6rem !important; 	border-bottom-right-radius: 0.6rem !important; 	transition: all 0.4s !important;   }      #FAQs>.Answer>p { 	padding: 1.8rem 9px !important;   }      #FAQs>.Answer.Visible { 	height: 5rem !important; 	margin-top: -1rem !important;   }      #FAQs>.Question>i { 	font-size: 14px !important; 	font-weight: 500 !important;   }      .control-width { 	max-width: 1300px; 	width: 100%; 	display: flex; 	align-items: center; 	justify-content: center;   }      .informational-content>.control-width { 	flex-direction: column;   }            .support-site-rating  h3{ 	  font-size: 17px;   }   .support-site-rating>span{ 	  font-size: 14.6px;   }   .support-site-rating  h3, .support-site-rating>span{ 	  font-weight: 600; 	  color: var(--black-color-01) !important;   } .support-site-rating>span{ 	  font-size: 14px;   }   .support-site-rating  h3>span{ 	  margin-left: 3px;   }   .support-site-rating >div, .support-site-rating >div{ 	  margin-top: 13px; 	  gap: 10px !important; 	  display: flex; 	  flex-wrap: wrap; 	  cursor: default; 	  margin-left: 18px;   }   .support-site-rating >div p, .support-site-rating >div a,.support-site-rating .rating{ 	  font-weight: 500;   font-size: 15.9px;   padding: 9px 19px; 	  cursor: default; 	  color: var(--black-color-01) !important;     background-color: rgb(42 42 42) !important; 	  box-shadow: 0 1px 2px var(--box-shadow-02) !important; 	  border-radius: 7px;   }.support-site-rating  .rating{ 	  margin-right: 3px;   } .support-site-rating  .add-stars i{ 	  color: rgb(255, 150, 64) !important;   }      .support-site-rating >div a{ 	  color: rgb(255, 128, 24) !important; 	  text-decoration: none !important; 	  cursor: pointer;   } .internal-linking-in-bottom span,.internal-linking-in-bottom a{ 	  font-weight: 500;   }   .support-site-rating >div a:hover{ 	  color: rgb(255, 171, 101) !important;   }   a, a:focus, button:focus { 	outline: none !important;   }      .section-five .control-width>div{ 	width: 100%;   }   a{text-decoration:none !important;} button{outline:none; border:none;} .same-design>.control-width>.two>a {border:none !important;} .grid-card{   width: 100%;   gap: 19px;   display: grid;   margin-top: 20px !important;   grid-template-columns: repeat(3,auto); } .card{   min-width: 200px;   padding: 12px;   padding-bottom: 21px;   width: 100%;   background-color: var(--card-bg-color) !important;   box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.575) !important;   border-radius: 15px; } .card> div p{   opacity: .9; } .card> div p.step-title {   opacity: 1;   border-radius: 5px !important;   background-color: var(--card-bg-title-color) !important;   width: fit-content;   font-size: 13px !important;   font-weight: 400 !important;   padding: 3px 7px !important;   outline: 1px solid #00000021;       margin-bottom: 9px !important;     margin-top: 13px !important; } .card> figure{   width: 100% !important; } .card> figure img{   width: 100% !important;   border-radius: 15px;   outline: 1px solid rgba(0, 0, 0, 0.062); } .card> div{   margin-top: 5px !important; } .card> div h3{   color: var(--black-color-01) !important;   font-size: 19px;   font-weight: 600; } .section-five>.control-width h3, .section-five>.control-width h4, .section-five>.control-width strong{   color: var(--black-color-01) !important; } .section-five>.control-width .add-margin{   margin-bottom: 16px !important; } .section-five>.control-width .add-margin-for-list{   margin-bottom: 12px !important; } .section-five>.control-width>div>h3, .symbols-results h3{   font-size: 17px;   font-weight: 600;   margin-top: 28px;   margin-bottom: 6px; } .section-five>.control-width>div>h4{   font-size: 16px;   font-weight: 600;   margin-top: 16px;   margin-bottom: 6px; } .section-five>.control-width strong{   font-weight: 600; } .section-five ul, .section-five ol{           padding-left: 18px; } input.add-padding{   padding-left: 136px !important; } @media screen and (max-width: 1262px) {      #main-content>p {     padding: 0 2.6rem !important;   }   .same-design {     gap: 2.8rem !important;   }   .same-design>.control-width>.one>figure>img {     height: 20rem !important;     width: 30rem !important;   }   .same-design>.control-width>.two>h2 {     font-size: 1.5rem !important;   }   .same-design>.control-width>.two>a {     font-size: 0.8rem !important;   }   .section-four {     margin-top: -2rem !important;   } } @media screen and (max-width: 1220px) {   .same-design {     gap: 2.8rem !important;   }   .same-design>.control-width>.two>p {     padding-right: 1.1rem !important;   } } @media screen and (max-width: 1182px) {   #main-content>p {     padding: 0 4.6rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.85rem !important;   } } @media screen and (max-width: 1160px) {   #main-content>p:nth-child(1) {     font-size: 0.76rem !important;   }   #main-content>p {     font-size: 0.83rem !important;   }   .same-design>.control-width>.one>figure>img {     height: 20rem !important;     width: 28rem !important;   }   .section-four {     padding-top: 3rem !important;   }   .section-four>.top>span {     font-size: 0.7rem !important;   }   .section-four>.top>h2 {     font-size: 2.2rem !important;   }   .section-four>.top>.click-to-silde>button {     font-size: 0.7rem !important;   }   .section-four>.top>p {     font-size: 0.74rem !important;     padding: 0 2rem !important;   } } @media screen and (max-width: 1100px) {   .same-design>.control-width>.one>figure>img {     height: 18.8rem !important;     width: 27rem !important;   }   .same-design>.control-width>.two>h2 {     font-size: 1.26rem !important;   }   .same-design>.control-width>.two>p {     font-size: 0.78rem !important;   }   .same-design>.control-width>.two>a {     font-size: 0.78rem !important;   } } @media screen and (max-width: 1072px) {   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.8rem !important;   }   .same-design>.control-width {     gap: 2rem !important;     flex-direction: column !important;     position: relative !important;   }   .section-three {     padding-top: 0 !important;   }   .same-design>.control-width>.one {     width: 100% !important;     height: fit-content !important;   }   .same-design>.control-width>.two {     width: 38rem !important;     height: fit-content !important;     padding: 1rem 0;   }   .same-design>.control-width>.one>figure>img {     height: 23rem !important;     width: 38rem !important;   }   .same-design>.control-width>.two>h2 {     font-size: 1.2rem !important;   }   .same-design>.control-width>.two>p,   .section-four>.top>p,   .section-five>.control-width>div>p, .symbols-results>div,.list-paragraph, .section-five-list-items li, .section-five-list-items li strong,.section-five>.control-width ul li {     font-size: 0.82rem !important;   } .card> div p{     font-size: 0.78rem !important;   } .card> div h3{     font-size: 16px !important;   }   .same-design>.control-width>.two>a {     font-size: 0.8rem !important;   }   .section-three>.control-width {     flex-direction: column-reverse !important;   }   .section-five>.control-width>div>h2 {     padding-right: 0 !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: .8rem !important;   }   .informational-content>.control-width>div>p,table th,   table td {     font-size: .8rem !important;   }   .informational-content>.control-width>div>h2 {     padding-right: 0 !important;   } } @media screen and (max-width: 1028px) {   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.75rem !important;   } } #stylish-name-content {   flex-direction: column !important;   gap: 0 !important; } #select-style {   top: 7.4rem !important;   width: 100% !important;   margin-top: 15px !important;   z-index: 9 !important; } #select-style>span {   display: none !important; } #select-style>.select-style-wrapper {   width: 100% !important; } #select-style>.select-style-wrapper::before {   background-color: var(--sn-back-bg-color);   content: "";   position: absolute;   z-index: -1;   height: 100%;   width: 110%;   left: -1rem;   bottom: 3rem; } #select-style>.select-style-wrapper>.btn-wrapper {   overflow-x: scroll !important;   flex-direction: row !important;   height: 3rem !important;   justify-content: start !important;   scrollbar-width: none !important;   overflow-y: hidden !important;   width: 100% !important;   padding-top: 0 !important;   padding-left: 0.6rem !important;   padding-right: 0.6rem !important; } #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button, #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button {   display: inline-block !important;   padding: 0.4rem 1.1rem !important;   font-size: 0.76rem !important;   width: fit-content !important; } #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button>i, #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button>i {   font-size: 0.8rem !important; } #select-style>.select-style-wrapper>.btn-wrapper::before {   z-index: 9 !important;   height: 46% !important;   width: 0.1rem !important;   left: -0.2rem !important;   top: -0.2rem !important; } #select-style>.select-style-wrapper>.btn-wrapper::after {   height: 46% !important;   width: 0.1rem !important;   top: 0;   right: -0.2rem !important;   z-index: 9 !important;   top: -0.2rem !important;   bottom: 0 !important; } #stylish-name-generator {     padding: 6px 24px !important; } #result {   width: 100% !important; } #result>.result-wrapper>.sticky-div {   top: 12.8rem !important;   margin-top: -1px !important; } #select-style>.select-style-wrapper>.btn-wrapper {padding: 0.4rem 0 4.8rem 0 !important;   padding-left: 0.5rem !important;}   #stylish-name-content {margin-top: .6rem !important;}   #result>.result-wrapper>.sticky-div>.cover-span {     height: 3.6rem !important;   }#select-style>.select-style-wrapper>.btn-wrapper {     padding: 0.4rem .4rem 3.1rem .4rem !important;}     #select-style{       background: var(--linear-gradient-01) !important;     }     #user-input {outline: none !important;}     #stylish-name-content {       margin-top: 0rem !important;       padding: 0 !important;   }   #result {     padding: 21px 0px !important;     margin-top: 21px !important; } #select-style>.select-style-wrapper>.btn-wrapper::before, #select-style>.select-style-wrapper>.btn-wrapper::after{   display: none !important;}   #user-input>.user-input-wrapper>.input-features>.paste-feature {     padding: 0 !important;     height: 42px !important;     width: 96px !important;     align-items: center !important;     justify-content: center !important;   } @media screen and (max-width: 1000px) {   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button i,   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button>span,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button i,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button>span {     font-size: 0.68rem !important;   }   #result>.result-wrapper[data-type="happy"]>.sticky-div>span>.types-icons>i {     top: 0;   }   #result>.result-wrapper[data-type="birthday"]>.sticky-div>span>.types-icons>i {     bottom: 0;   }   .loadmorebtn-parent {     justify-content: center !important;     align-items: center !important;   }   .loadmorebtn-parent>.loadmore-wrapper {     width: 100% !important;   }   .hidden-loader-width-fixer {     display: none !important;   } } @media screen and (max-width: 986px) {   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.7rem !important;   }   .section-four>.top>span {     font-size: 0.74rem !important;   }   .section-four>.top>h2 {     font-size: 2.2rem !important;   }   .section-four>.top>.click-to-silde>button {     font-size: 0.66rem !important;   } } @media screen and (max-width: 932px) {   #main-content>p {     padding: 0 1rem !important;   }   #web-tags>.web-tags-wrapper {   grid-template-columns: repeat(3, auto) !important;     gap: 1rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.8rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 23.4rem !important;     width: 36rem !important;   }   nav .middle{     display: none !important;   } } @media screen and (max-width: 910px) {   .section-four>.bottom>.bottom-wrapper>figure {     height: 23.4rem !important;     width: 36.5rem !important;   } } @media screen and (max-width: 871px) {   #main-content {     padding-left: 1rem !important;     padding-right: 1rem !important;     padding-bottom: 0 !important;   }   #main-content>p:nth-child(1) {     font-size: 0.72rem !important;   }   #main-content>h1 {     font-size: 2rem !important;   }   #main-content>p {     font-size: 0.77rem !important;   }   #user-input>.user-input-wrapper>.get-user-input {     font-size: 0.7rem !important;   }   #user-input>.user-input-wrapper>.input-features>.paste-feature {     font-size: 0.82rem !important;   }   #user-input>.user-input-wrapper>.input-features>.clear-all-feature {     font-size: 1rem !important;   }   .same-design>.control-width>.one {     width: 85% !important;     height: fit-content !important;   }   .same-design>.control-width>.one>figure>img {     width: 100% !important;   }   .same-design>.control-width>.two {     width: 78% !important;     height: fit-content !important;     padding: 1rem 0;   }   .section-four {     padding-top: 3.2rem !important;   } } @media screen and (max-width: 822px) {   #result>.result-wrapper>.styles-data {     grid-template-columns: auto !important;   }   .section-four>.top>p {     width: 100% !important;     padding: 0 4rem !important;   }   .section-four>.bottom {     margin-top: 1rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 20.4rem !important;     width: 33.5rem !important;   }   .same-design>.control-width>.one {     width: 100% !important;   }   .same-design>.control-width>.one>figure {       width: 100% !important;   }   .same-design>.control-width>.one>figure>img{     width: 100%!important;     height: auto!important;     border-radius: .84rem !important;   }      .same-design>.control-width>.two {     width: 100% !important;     margin-top: -1.9rem;   }   .section-five>.control-width>div  {     padding: 0rem 0rem !important;} } @media screen and (max-width: 776px) {   #main-content>p {     font-size: 0.73rem !important;   }   #web-tags>.web-tags-wrapper {   grid-template-columns: repeat(2, auto) !important;     gap: 1rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.9rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     width: 31.5rem !important;   }   .section-five>.control-width>div {     padding: 0 0 !important;   }   .informational-content>.control-width>div {     padding: 0 0 !important;   } #result {     padding: 21px 13px !important; } } @media screen and (max-width: 740px) {   #main-content {     padding-top: 1.8rem !important;   }   .section-four>.top>h2 {     font-size: 1.9rem !important;   }   .section-four>.top>.click-to-silde>button {     font-size: 0.6rem !important;   }   #result>.result-wrapper {     margin-top: 2rem !important;   }   #result>.result-wrapper:nth-child(1) {     margin-top: 0 !important;   } } @media screen and (max-width: 692px) {   #main-content>p:nth-child(1) {     font-size: 0.65rem !important;   }   #main-content>h1 {     font-size: 1.84rem !important;   }   #main-content>p {     font-size: 0.76rem !important;   }   #main-content>p>span.hide-paragraph {     display: none !important;   }   #user-input {     padding-top: 1.2rem !important;   }   #select-style {     top: 6rem !important;   }   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button {     font-size: 0.7rem !important;   }   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button>i,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button>i {     font-size: 0.7rem !important;   }   #result>.result-wrapper>.sticky-div {     top: 11.4rem !important;   }     .section-five>.control-width>div>h2, #HeadingDiv h2 {         font-size: 1.28rem  !important;     } section {padding: 0 1.2rem !important;} } @media screen and (max-width: 684px) {   #select-style {     top: 6rem !important;   }   .section-five>.control-width>div>h2 {     width: 100%;     padding-right: 0!important;   } } @media screen and (max-width: 678px) {   .section-four>.top>p {     padding: 0 1.4rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 19.7rem !important;     width: 30.2rem !important;   } } @media screen and (max-width: 649px) {   #main-content>p:nth-child(1)>span {     display: none !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.78rem !important;   }   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button {     font-size: 0.67rem !important;   }   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button>i,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button>i {     font-size: 0.7rem !important;   }   #result>.result-wrapper>.sticky-div>span {     font-size: 1.1rem !important;     position: relative !important;   }   .input-group {     font-size: 0.85rem !important;   }   .same-design>.control-width>.one>figure>img {     height: 20rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 19rem !important;     width: 29.2rem !important;   } } @media screen and (max-width: 620px) {   #main-content>p {     padding: 0 0 !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     width: 100% !important;   } } @media screen and (max-width: 590px) {     header {         padding: 0.8rem 12px;     }   .section-one {     padding: 0rem 0rem !important;     padding-bottom: 1.4rem !important;   }   #main-content {     padding-top: 1.4rem !important;   }#stylish-name-generator {     padding: 9px 0 !important; }   #main-content,   #user-input {     border-radius: 0 !important;   }   #user-input {     padding: 1.6rem 0.7rem !important;   }   #main-content>p:nth-child(1) {     font-size: 0.67rem !important;     padding: 0.34rem 1rem !important;   }   #main-content>h1 {     font-size: 1.68rem !important;   }   #main-content>p {     font-size: 0.75rem !important;   }   #user-input {     padding: 1.2rem 1.4rem !important;     padding-bottom: 1.8rem !important;   }   .user-input-wrapper>input {         padding-top: 1.3rem;         padding-bottom: 1.3rem;   }   #user-input>.user-input-wrapper>.input-features>.paste-feature {     padding-top: 0.5rem !important;     padding-bottom: 0.5rem !important;   }   #result>.result-wrapper {     margin-top: 2.2rem !important;   }   #result>.result-wrapper:nth-child(1) {     margin-top: 0 !important;   }   #select-style {     top: 5.8rem !important;   } } .sticky-div-details-wrapper>div>div.show-in-mb{display:none!important;} @media screen and (max-width: 569px) {   #main-content>h1 {     padding: 0 0 !important;   } .sticky-div-details-wrapper>div>div.show-in-mb{display:flex !important;}   #main-content>p {     font-size: 0.7rem !important;   }   #user-input>.user-input-wrapper>.get-user-input {     font-size: 0.72rem !important;   }   #user-input>.user-input-wrapper>.input-features>.paste-feature {     font-size: 0.7rem !important;   }   #user-input>.user-input-wrapper>.input-features>.clear-all-feature {     font-size: 1rem !important;   } .input-group {       font-size: 0.76rem !important;       padding: 20px 11px !important;   }   .same-design>.control-width>.one {     width: 100% !important;   }   .same-design>.control-width>.two {     width: 100% !important;   }   #web-tags>.web-tags-wrapper {     grid-template-columns: auto !important;   }   #web-tags .web-tags-wrapper>div {     width: fit-content !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.87rem !important;   }   .section-four>.top>h2 {     font-size: 1.7rem !important;     text-align: center !important;   }   .section-four>.top>p {     padding: 0 1rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 18rem !important;   } } @media screen and (max-width: 547px) {   .same-design>.control-width>.one>figure>img {     height: 18rem !important;   } } @media screen and (max-width: 506px) {   #main-content>p {     font-size: 0.7rem !important;   }   .same-design>.control-width>.two>p,   .section-five>.control-width>div>p, .symbols-results>div,.list-paragraph, .section-five-list-items li, .section-five-list-items li strong,.section-five>.control-width ul li {     font-size: 0.75rem !important;   } .card> div p{     font-size: 0.72rem !important;   } .card> div h3{     font-size: 15.3px !important;   }   .same-design>.control-width>.two {     width: 100% !important;   }   .section-four>.top>h2 {     padding: 0 1rem !important;     font-size: 2rem !important;   }   .section-four>.top>p {     font-size: 0.67rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 15.7rem !important;   }   .informational-content>.control-width>div>p,table th,   table td {     font-size: .75rem !important;   }   .informational-content>.control-width>div>h2,   #HeadingDiv h2 {     font-size: 1.3rem !important;   }   #FAQs .Question,   #FAQs .Answer {     font-size: .62rem !important;   }   #FAQs .Question {     padding: 15px 15px !important;   } } .sticky-div-details-wrapper>div>div>button.decrease-size, .sticky-div-details-wrapper>div>div>button.increase-size{width: 47px !important;} @media screen and (max-width: 482px) { .total-stylish-designs{ display:none !important; } .sticky-div-details-wrapper>div {     width: 100% !important;     justify-content: end !important; } .sticky-div-details-wrapper>div>div>button.decrease-size, .sticky-div-details-wrapper>div>div>button.increase-size, .large-text {     font-size: 15.5px !important; } .sticky-div-details-wrapper>div>div>button.decrease-size, .sticky-div-details-wrapper>div>div>button.increase-size,.sticky-div-details-wrapper>div>div>button.active{width: 40px !important;}   #main-content>p:nth-child(1) {     font-size: 0.68rem !important;   }   #main-content>h1 {     font-size: 1.8rem !important;     padding: 0 0rem !important;   }   #main-content>p {     font-size: 0.7rem !important;   }   #user-input {     padding-left: 0.8rem !important;     padding-right: 0.8rem !important;   }   .same-design>.control-width>.one>figure>img {     border-radius: 1.2rem !important;     height: 16rem !important;   }   #FAQs .Answer.Visible {     height: 6rem !important;   } } @media screen and (max-width: 477px) {   #user-input>.user-input-wrapper>.input-features {     transform: translateY(-50%) !important;   }   #user-input {     padding-bottom: 1.4rem !important;   }   #user-input>.user-input-wrapper>.input-features>.paste-feature {     padding-top: 0.4rem !important;     padding-bottom: 0.4rem !important;   }   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button {     font-size: 0.66rem !important;     padding: 0.4rem 1rem !important;   }   #select-style>.select-style-wrapper>.btn-wrapper>a>.type-button>i,   #select-style>.select-style-wrapper>.btn-wrapper>div>.type-button>i {     font-size: 0.7rem !important;   }   #select-style {     top: 5.48rem !important;   }   #result>.result-wrapper>.sticky-div {     top: 10.8rem !important;   }   #result>.result-wrapper>.sticky-div>span {     font-size: 1rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 14rem !important;   }   .section-four>.top>h2 {     padding: 0 1rem !important;     font-size: 1.7rem !important;   }   .section-four>.top>p {     font-size: 0.6rem !important;   } } @media screen and (max-width: 449px) {   .section-five>.control-width>div>h2 {     padding-right: 0rem !important;   }   #result>.result-wrapper {     margin-top: 3rem !important;   }   #result>.result-wrapper:nth-child(1) {     margin-top: 0 !important;   }   .informational-content>.control-width>div>h2 {     padding-right: .2rem !important;   } footer .bottom span{ display:none !important; } } @media screen and (max-width: 414px) {   #main-content>p:nth-child(1) {     font-size: 0.64rem !important;   }   #main-content>h1 {     font-size: 1.7rem !important;   }   #main-content>p {     font-size: 0.67rem !important;   }   .same-design>.control-width>.two>h2 {     font-size: 0.97rem !important;   }   .same-design>.control-width>.two>p {     padding: 0 0 !important;   }   .same-design>.control-width>.two>a {     font-size: 0.68rem !important;   }   .same-design>.control-width>.one>figure>img {     height: fit-content !important;   }   .section-four {     margin-top: -2.6rem !important;   }   .section-four>.top>span {     font-size: 0.66rem !important;   }   .section-four>.top>h2 {     padding: 0 1rem !important;     font-size: 1.65rem !important;   }   .section-four>.top>p {     font-size: 0.6rem !important;   }   .section-four>.top>.click-to-silde>button {     font-size: 0.55rem !important;     margin-top: 0.5rem !important;   } } @media screen and (max-width: 384px) {   #main-content>p:nth-child(1) {     font-size: 0.6rem !important;   } #user-input>.user-input-wrapper>.input-features>.paste-feature {    width: 44px !important;}   #main-content>h1 {     font-size: 1.5rem !important;   }   #main-content>p {     font-size: 0.65rem !important;     padding: 0 !important;   }   .paste-feature {     outline: 4px solid var(--sn-back-bg-color);   }   .paste-feature>span {     display: none !important;   }   .user-input-wrapper>input {     padding-right: 2.3rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.74rem !important;   }   .section-four>.top>h2 {     font-size: 1.8rem !important;   }   .section-four>.top>p {     font-size: 0.63rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 12rem !important;   }   .same-design>.control-width>.bottom>.bottom-wrapper>figure {     height: 12rem !important;   } } @media screen and (max-width: 366px) {   #main-content>p:nth-child(1) {     font-size: 0.56rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(1) {     font-size: 1.1rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.7rem !important;   }   .section-four>.top>p {     padding: 0 !important;   }   .section-four>.top>.click-to-silde>button {     font-size: 0.5rem !important;     margin-top: 0.5rem !important;     padding: 0.57rem 1.4rem !important;   } } @media screen and (max-width: 338px) { .sticky-div-details-wrapper>div {       display:none !important;   }   .loadmorebtn-parent>.loadmore-wrapper>.loadmore-btn {     width: 100% !important;     font-size: 4vw !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(1) {     font-size: 1.07rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 0.68rem !important;   }   .section-four>.top>.click-to-silde>button {     font-size: 0.5rem !important;   }   .section-four>.top>h2 {     font-size: 1.7rem !important;   }   .section-four>.top>p {     font-size: 0.57rem !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: 10rem !important;   } } @media screen and (max-width: 318px) {   #user-input>.user-input-wrapper>input {     padding-right: 2.2rem !important;   }   #main-content>p:nth-child(1) {     font-size: 0.5rem !important;   }   #main-content>h1 {     font-size: 1.5rem !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(1) {     font-size: 76% !important;   }   #web-tags .web-tags-wrapper>div>span:nth-child(2) {     font-size: 56% !important;   }   .section-four>.bottom>.bottom-wrapper>figure {     height: fit-content !important;     width: 100% !important;   } } @media screen and (max-width: 295px) {   .paste-feature {     display: none !important;   }   .section-four>.top>.click-to-silde {     flex-direction: column !important;     width: 100% !important;   }   .section-four>.top>.click-to-silde>button {     padding: 0.8rem 0 !important;     font-size: 0.6rem !important;   }   .section-four>.top>p {     width: 100% !important;   } } @media screen and (max-width: 259px) {   #main-content>p:nth-child(1) {     font-size: 0.5rem !important;   }   #main-content>h1 {     font-size: 100% !important;   }   #main-content>p {     padding: 0 !important;     font-size: 50% !important;   }   #user-input>.user-input-wrapper>.input-features>.paste-feature {     display: none !important;   } } #FAQs>.Question {   font-size: 0.73rem !important;   font-weight: 500; } .informational-content {   padding-top: 2rem !important; } .informational-content>.control-width>div {   padding: 0 0 !important; } .style-information {   padding: 10px;   width: 100%;   margin-bottom: -21px !important; } .style-information h5, .section-four>.top>span {   margin-bottom: 0 !important;   text-shadow: none !important;   font-size: 16px !important;   color: rgb(32, 32, 32) !important;   width: fit-content;   font-weight: 500 !important;   background: var(--linear-gradient-01) !important;   padding: 8px 22px;   border-radius: 100px !important; } .section-four>.top>span {   padding: 7px 22px !important; } .informational-content>.control-width>div>h2>span, #HeadingDiv h2>span {   color: rgb(255, 149, 10) !important;   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.247); } @media screen and (max-width: 730px) {   .style-information h5,   .section-four>.top>span {     font-size: 15px !important;   } } @media screen and (max-width: 477px) {   .style-information h5,   .section-four>.top>span {     font-size: 12.6px !important;   } } @media screen and (max-width: 406px) {   #FAQs .Question,   #FAQs .Answer {     font-size: .52rem !important;   } } .site-header, .site-main, .site-footer {   padding-top: 0 !important; } .section-one, #web-tags, .section-four, .section-three, #about-us {   max-width: 1460px !important; } .section-one {   padding-top: 0 !important; }   #result>.result-wrapper>.sticky-div>span  {font-weight: 500 !important;}  .none{   display: none !important;  }  .disabled{   user-select: none !important;   pointer-events:none !important;   opacity: .85;   background-color: transparent !important; }  #main-content>p span.categories>a ,#main-content>p>a,#main-content>p .unique, #main-content>p strong a { 	font-weight: 700 !important;   color: #dbdbdb !important;   text-decoration: underline !important; } #main-content>p>span.categories>a:hover ,#main-content>p>a:hover, #main-content>p strong a:hover,#main-content>p .unique:hover{   opacity:.9 !important;   color: #dbdbdb !important;   text-decoration: none !important; } #main-content>p strong{   color: #dbdbdb !important; 	font-weight: 700 !important;   color: #dbdbdb !important; } #main-content>p .unique {   font-weight: 600 !important; 	color: var(--black-light-color-02) !important; } a, a:focus, button:focus {   outline: none !important; } .section-five .control-width>div{   width: 100%; } .card> div p.step-title {   border-radius: 5px !important;   background-color: #f5f5f599;   width: fit-content;   font-size: 13px !important;   font-weight: 400 !important;   padding: 3px 7px !important;   outline: 1px solid #00000021;       margin-bottom: 9px !important;     margin-top: 13px !important; } .result-wrapper[data-type].hidden{   display: none !important; } #user-input>.user-input-wrapper>.input-features>.paste-feature.hidden{   display: none !important; } #result>.result-wrapper .styles-data.span-1 .input-group{   flex: 1 1 700px !important; } #result>.result-wrapper .styles-data .input-group{   width: 100% !important; } .list-layout *, .grid-layout *{   pointer-events: none; } footer .logo>span:nth-child(1) {   background-color: rgb(144, 25, 255) !important; }footer .logo>span:nth-child(1)>i {    color: white !important;} footer .logo>span:nth-child(2) {   color: white !important;   font-weight: 600 !important; }#select-style{border-bottom-left-radius: 3px !important;border-bottom-right-radius: 3px !important;} footer{border-top: 1px solid #00000017 !important;} #result>.result-wrapper .styles-data.increment .input-group > p {   font-size: 20px !important; } nav>.right>.menu>span {    margin-left: 2px;     font-size: .86rem;} #select-style {  background-color: var(--sn-back-bg-color) !important; } #scroll-top{     background: linear-gradient(135deg, #b377eb, #6A00FF, #b66eff) !important;   color: white !important;   padding: 8px 14px;   border-radius: 10px;   font-size: 21px;   position: fixed;   right: 33px;   bottom: 33px;   z-index: 100;   cursor: pointer !important;   display: none; } .fb-icon {   background-color: #5353ff;   color: white !important;       padding: 6.3px 13.6px;   border-radius: 8px; font-size: 23.5px; } .insta-icon {   background: linear-gradient(145deg, #9b2fff 0, #ffa500 120%);   color: white !important;       padding: 6.3px 13.6px;   border-radius: 8px; font-size: 23.5px; } .pint-icon {   background-color: #ff3a3a;   color: white !important;       padding: 6.3px 13.6px;   border-radius: 8px;   font-size: 23.5px; } .nav-link-active{      color: #e7ceff !important;      background-color: rgb(52, 52, 52) !important; padding: 6px 6.7px; border-radius: 31px;} .section-five .control-width li {    color: #d0d0d0 !important;} #select-style > .select-style-wrapper > .btn-wrapper {   overflow-x: auto !important;   scrollbar-width: thin !important; /* For Firefox */   scrollbar-color: rgba(250, 250, 250, 0.233) rgb(46, 46, 46) !important; } /* Chrome, Edge, Safari (WebKit browsers) */ #select-style > .select-style-wrapper > .btn-wrapper::-webkit-scrollbar {   width: 6px !important;   background: rgb(46, 46, 46) !important; } #select-style > .select-style-wrapper > .btn-wrapper::-webkit-scrollbar-thumb {   background: rgba(250, 250, 250, 0.233) !important;   border-radius: 100px !important; } #select-style > .select-style-wrapper > .btn-wrapper::-webkit-scrollbar-thumb:hover {   background: rgba(250, 250, 250, 0.322) !important; } header>#main-menu * {     color: white !important; }header>#main-menu .ri-menu-4-line {color: #b565ff !important;} header>#main-menu>div>.catetgories>.links-wrapper>.all-links>a[data-active="true"] {     background: #9b30ff !important; }