.load-more-categories-btn { width: 100%; max-width: 207px; white-space: nowrap; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 auto !important; padding: 15px 26px; background: var(--primary-blueviolet);color: white; border: none; border-radius: 50px; font-size: 15px; font-weight: 500;}.load-more-categories-btn svg { transition: transform 0.2s ease; margin-bottom: -1px; width: 18px; height: 18px; } .load-more-categories-btn:hover svg { transform: translateY(2px); } .category-info p, .category-icon, .social-share { align-items: center; } .category-info p, .category-icon, .social-share { display: flex; } .category-icon { justify-content: center; } .gap-40 { gap: 40px; } .category-info { gap: 10px; } .flex-col{flex-direction: column;} .gap-50{gap: 50px;} .view-count { display: flex; align-items: center; gap: 3px; position: absolute; bottom: 3px; left: 10px; font-size: 11.5px; color: var(--text-gray); } .view-count svg { color: var(--primary-blueviolet); } .name-card { padding: 14px 14px !important; padding-bottom: 31px !important; border-radius: var(--radius-md); position: relative; background: var(--white); box-shadow: var(--shadow-sm); transform: translateZ(0); backface-visibility: hidden; } .name-card .btn-copy { margin-bottom: -16px !important; } img { max-width: 100%; height: auto; } .icon-gold { color: var(--primary-blueviolet); width: 1.5rem; height: 1.5rem; } .remix-icon { width: 1.12rem; height: 1.12rem; fill: currentColor; } .input-container .input-wrapper input { width: 100%; padding: 16px 120px 16px 20px; border: 2px solid var(--primary-blueviolet); border-radius: 10px; font-size: 1rem; outline: none; -webkit-appearance: none; appearance: none; } .btn-paste { position: absolute; right: 9px; top: 49%; transform: translateY(-50%); background: var(--primary-blueviolet); color: var(--white); border: none; padding: 9px 15px; border-radius: 6px; font-weight: 500; cursor: pointer; gap: 5px; font-size: 15px; } .btn-paste .remix-icon { width: 1rem; height: 1rem; } .nav-pills svg { width: 18px; height: 18px; } .nav-item.active { background: var(--white); border-color: var(--primary-blueviolet); color: var(--primary-blueviolet);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .category-icon { background-color: var(--white); padding: 6px 7px; border: 1px solid var(--border-color) !important; border-radius: var(--radius-md); margin-right: 10px; } .category-icon svg { height: 25px; width: 25px; color: var(--primary-blueviolet); } .category-info p { font-weight: 500; font-size: 22px; } .icon-gold { color: var(--primary-blueviolet); font-size: 1.5rem; } .social-share { gap: 10px; font-size: 0.9rem; color: var(--text-gray); } .social-icon { border-radius: 5px; border: 1px solid var(--border-color); background-color: var(--white); padding: 4px 5px; } .social-share svg { height: 18px; width: 18px; color: var(--primary-blueviolet); background: var(--white) !important; } .name-text { font-family: sans-serif !important; font-size: 16.6px; font-weight: 500; overflow: hidden; user-select: none; text-overflow: ellipsis; white-space: nowrap; margin-right: 15px; } .btn-copy { background: var(--primary-blueviolet); color: var(--white); border: none; width: 40px; height: 40px; border-radius: 8px; cursor: pointer; flex-shrink: 0; font-size: 1.2rem; -webkit-tap-highlight-color: transparent; } @media (max-width: 800px) { .nav-pills svg { width: 15px; height: 15px; } .category-icon svg { height: 22px; width: 22px; } .name-text { font-size: 16px; } .category-info p { font-size: 20px; } .btn-paste { padding: 9px 12px; } .sidebar-title .btn-copy, .btn-copy { width: 39px; height: 39px; } } @media (max-width: 560px) { .social-share span { display: none; } .category-info p { font-size: 21px; }} .btn-copy:active { transform: scale(0.95); } .results-area .results-header::before { content: ""; position: absolute; z-index: -1; height: 72px; width: 100%; box-shadow: -15px 0 0 var(--primary-bg), 15px 0 0 var(--primary-bg); bottom: 0; background-color: var(--primary-bg); }#web-tags,.section-five,footer{content-visibility: auto;contain-intrinsic-size: 1000px;position: relative;z-index: 1005;contain: paint;}button, a{cursor: pointer;}button:hover, .header-menu-links a:hover svg {opacity: .9;}.nav-item:hover {border: 1px solid var(--primary-blueviolet);}.social-icon:hover {transform: translateY(-2px);border-color: var(--primary-blueviolet);}.name-card:hover {border-color: var(--primary-blueviolet);cursor: pointer;}.name-card.disabled-copy {opacity: 0.7;border: 1px solid var(--primary-blueviolet);pointer-events: none;}#web-tags{background-color: white !important;display: flex !important;justify-content: center !important;width: 100% !important;padding: 1.8rem 0 !important;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}#web-tags > .web-tags-wrapper{display: flex !important;flex-wrap: wrap;width: 91% !important;justify-content: space-between;gap: 21px;}#web-tags .web-tags-wrapper > div{display: flex !important;gap: .9rem !important;width: fit-content !important;align-items: center !important;}#web-tags .web-tags-wrapper > div > span:nth-child(1){background-color: rgb(248, 248, 248) !important;color: var(--black-color-01) !important;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.231) !important;padding: 0.6rem .6rem !important;border-radius: 10rem !important;display: flex;align-items: center;}#web-tags .web-tags-wrapper > div > span:nth-child(1) svg{height:25px;width: 25px;color: var(--primary-blueviolet);}#web-tags .web-tags-wrapper > div > span:nth-child(2){font-size: .96rem !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;}.section-five {padding: 32px 16px;background: rgb(249, 249, 249);}.control-width {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.style-information {background: #ffffff;padding: 10px 16px;border-radius: 8px;margin-bottom: 32px;border-left: 4px solid var(--primary-blueviolet);width: fit-content;}.style-information p {display: flex;align-items: center;gap: 8px;margin: 0 !important;font-weight: 500;color: #495057;font-size: 16px;}.style-information i {font-size: 20px;color: #6c757d;}.image-handler{width: 100%;}.image-handler img{margin: 0 auto;border-radius: 15px;max-width: 650px;width: 100%;}.main-image-container {display: flex;gap: 50px;margin-bottom: 70px;}.main-image-container h2{margin-top: 0 !important;}.flex-row-reverse {flex-direction: row-reverse;}.image-container-left{height: fit-content;position: sticky;top: 110px;max-width: 550px;}.add-margin-for-list {cursor: pointer;}.section-five h2 {font-size: 27px;color: #212529;margin-bottom: 16px;font-weight: 500;line-height: 1.3;}.section-five h2 span {color: var(--primary-blueviolet);}.section-five h2, .section-five h3, .section-five h4 {margin-top: 40px;}.section-five h3 {font-size: 16px;color: #343a40;margin: 24px 0 12px;font-weight: 500;}.section-five h4 {font-size: 15px;color: #495057;margin: 20px 0 8px;display: flex;align-items: center;font-weight: 500;gap: 8px;}.section-five p {color: #495057;line-height: 1.7;margin-bottom: 16px;font-size: 16px;}.add-margin {margin-bottom: 24px !important;}.grid-card {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;margin: 24px 0;}.card {background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);transition: transform 0.3s ease;border: 1px solid #e9ecef;cursor: default;}.card:hover {transform: translateY(-4px);}.card figure {margin: 0;height: fit-content;overflow: hidden;}.card:hover img {transform: scale(1.01);}.card > div {padding: 20px;}.step-title {color: var(--primary-blueviolet) !important;font-weight: 500;margin-bottom: 4px;font-size: 13px !important;}.card h3 {font-size: 18px;margin: 0 0 3px;color: #212529;}.card p {font-size: 15px;margin: 0 !important;color: #6c757d;}.section-five-list-items {list-style: none;padding-left: 0;}.add-margin-for-list {margin-bottom: 12px;padding: 12px;background: white;border-radius: 6px;border-left: 3px solid var(--primary-blueviolet);font-size: 15px;}.add-margin-for-list.remove-list-style{background-color: transparent;border-left: none;padding: 5px 0;}.add-margin-for-list.remove-list-style span{color: var(--primary-blueviolet);margin-right: 4px;}.symbols-results {display: grid;gap: 20px;}.symbols-results>div>div{display: flex;flex-wrap: wrap;}.symbols-results h3 {font-size: 14px;margin: 0 0 16px;display: flex;align-items: center;gap: 8px;}.symbols-results h3 i {color: var(--primary-blueviolet);}.symbols-results > div > div {display: flex;flex-wrap: wrap;gap: 6px;align-items: center;}.symbols-results h3 {margin-top: 30px;}.symbols-results span {display: inline-block;border-bottom: 3px solid var(--primary-blueviolet) !important;padding: 13px 16px;background: white;border: 1px solid var(--border-color);border-radius: 7px;font-size: 14px;line-height: 1.4;}.symbols-results span:hover {outline: 1px solid var(--primary-blueviolet) !important;cursor: pointer;}.symbols-results span.copied, .add-margin-for-list.copied{background: #fff9ed;outline: 2px solid var(--primary-blueviolet) !important;}.symbols-results span.copied{border-bottom: none !important;}.add-margin-for-list.copied{border-left:none;outline: 2px solid var(--primary-blueviolet) !important;}.what-we-offer h2 {margin-bottom: -12px !important;}.what-we-offer p {font-size: 16px;line-height: 1.7;}.what-we-offer p span {display: block;margin-top: 27px;}.what-we-offer span {font-weight: 500;}.support-site-rating h3 {font-size: 15px;margin: 32px 0 12px;display: flex;align-items: center;gap: 8px;}.support-site-rating h3:first-child {margin-top: 0;}.support-site-rating h3 i {color: var(--primary-blueviolet);}.sqaure-text-wrapper {display: flex;flex-wrap: wrap;gap: 12px;}.sqaure-text-wrapper p {padding: 8px 16px;background: white;border-radius: 6px;margin: 0;font-size: 14px;border: 1px solid #e9ecef;}.sqaure-text-wrapper p span {color: var(--primary-blueviolet);}.sqaure-text-wrapper a {display: flex;align-items: center;gap: 8px;padding: 8px 16px;background: white;font-weight: 500;border-radius: 6px;color: #495057;text-decoration: none;border: 1px solid #e9ecef;font-size: 14px;transition: all 0.3s ease;}.sqaure-text-wrapper a:hover {text-decoration: none;border-color: var(--primary-blueviolet);}.sqaure-text-wrapper a i {font-size: 16px;}.rating {font-size: 24px;font-weight: 700;color: var(--primary-blueviolet);margin-left: 18px;}.add-stars {margin-left: 12px;}.add-stars i {color: #ffc107;font-size: 20px;margin-right: 2px;}.section-five a {color: var(--primary-blueviolet);text-decoration: none;transition: color 0.3s ease;}.section-five a:hover {opacity: .8;text-decoration: underline;}@media (max-width: 1092px) {.main-image-container{flex-direction: column;gap: 14px;}.image-container-left {position: initial;}.style-information{margin-bottom: 0px;}}@media (max-width: 768px) {.section-five {padding: 24px 12px;}.control-width {padding: 0 12px;}.section-five h2 {font-size: 22px;}.section-five h3 {font-size: 13px;}.section-five h4 {font-size: 12px;}.section-five p {font-size: 14px;}.grid-card {grid-template-columns: 1fr;gap: 20px;max-width: 400px;margin: 7px auto;}.grid-card .card h3{margin-top: 10px !important;}.section-five p.step-title {font-size: 12px;}.symbols-results {grid-template-columns: 1fr;}.sqaure-text-wrapper {gap: 10px;}.add-margin-for-list {font-size: 12px;}.sqaure-text-wrapper a, .sqaure-text-wrapper p {padding: 6px 12px;font-size: 13px;}.section-five h2, .section-five h3, .section-five h4 {margin-top: 30px !important;}}@media (max-width: 624px) {#web-tags .web-tags-wrapper > div{flex: 0 0 calc(50% - 16px);}#web-tags .web-tags-wrapper > div > span:nth-child(1) svg {height: 18px;width: 18px;}#web-tags .web-tags-wrapper > div > span:nth-child(2) {font-size: 12px !important;}}@media (max-width: 480px) {footer .left p {font-size: 13px;}.section-five {padding: 20px 8px;}.control-width {padding: 0 8px;}.section-five h2 {font-size: 18px;}.section-five h3 {font-size: 12px;}.style-information p {font-size: 12px;}.section-five p {font-size: 12px;}.card figure {height: 160px;}.card > div {padding: 16px;}.add-margin-for-list {font-size: 14px;padding: 10px;}.rating {font-size: 20px;}.add-stars i {font-size: 18px;}}@media (max-width: 320px) {.grid-card {gap: 16px;}.symbols-results > div {padding: 16px;}.sqaure-text-wrapper a, .sqaure-text-wrapper p {font-size: 12px;padding: 5px 10px;}}.margin-top-28 {margin-top: 28px !important;}.margin-bottom-32 {margin-bottom: 32px !important;}.margin-top-18 {margin-top: 18px !important;}.margin-top-34 {margin-top: 34px !important;}.margin-bottom-6 {margin-bottom: 6px !important;}.margin-top-33 {margin-top: 33px !important;}footer {background: #fff;position:relative;z-index: 1005;border-top: 1px solid #eee;color: #333;}footer .top {max-width: 1200px;margin: auto;padding: 38px 20px;display: flex;justify-content: space-between;gap: 60px;}footer .left {max-width: 420px;}footer .left .logo{width: fit-content;margin-bottom: 15px;}footer .left p {font-size: 15px;line-height: 1.6;color: #555;}footer .right {display: flex;gap: 80px;}footer .right div {display: flex;flex-direction: column;gap: 10px;}footer .right span {font-size: 15px;font-weight: 500;margin-bottom: 6px;}footer .right a {font-size: 14px;color: #555;text-decoration: none;display: flex;align-items: center;gap: 6px;transition: color 0.2s ease;}footer .right a:hover {color: #f4a000;}footer .right i {font-size: 16px;}footer .bottom {border-top: 1px solid #eee;padding: 16px 20px;text-align: center;background-color: rgb(247, 247, 247);font-size: 13px;color: #777;}@media (max-width: 768px) {footer .top {flex-direction: column;gap: 40px;padding-top: 26px;padding-bottom:26px;}footer .right {gap: 40px;flex-wrap: wrap;flex-direction: column;}}@media (max-width: 768px) {.symbols-results span {font-size: 13px;}.name-card:hover {transform: none;}}@media (prefers-reduced-motion: reduce) {.name-card:hover {transform: none;}}#main-menu[data-isopened="true"] {display: flex !important;}#main-menu {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.45);z-index: 9999;justify-content: flex-end;transition: opacity .25s ease;}#main-menu > div {width: 360px;max-width: 100%;height: 100%;background: #fff;padding: 14px 14px 20px;overflow-y: auto;animation: slideIn .25s ease forwards;}@media (max-width: 600px) {.remove-paste-btn-text{display:none;}.btn-paste { padding: 12px 12px; } #main-menu > div {width: 100%;}}.menu-heading {display: flex;justify-content: space-between;align-items: center;font-size: 20px;font-weight: 500;padding: 10px 6px 16px;}.menu-heading i {font-size: 22px;cursor: pointer;}.catetgories > span, .others > span {display: block;font-size: 14px;font-weight: 500;margin: 14px 6px 10px;color: #222;}.links-wrapper {max-height: 55vh;overflow-y: auto;padding-right: 6px;}.all-links {display: flex;flex-direction: column;gap: 10px;}.all-links a {display: flex;align-items: center;gap: 10px;padding: 12px 14px;border-radius: 12px;text-decoration: none;font-size: 15px;font-weight: 500;color: #222;border: 1px solid #e6e6e6;transition: background .15s ease, border .15s ease;}.all-links a i, .all-links a span {font-size: 18px;min-width: 20px;}.all-links a[data-active="true"] {background: #fff7ec;border-color: #ff9800;color: #ff9800;}.all-links a:hover {background: #f7f7f7;}.others {margin-top: 18px;}.menu-others-same-design {display: flex;align-items: center;gap: 10px;padding: 14px;border-radius: 12px;border: 1px solid #e6e6e6;font-size: 15px;margin-bottom: 10px;color: #222;}.theme-changer {justify-content: space-between;}.theme-changer span {display: flex;align-items: center;gap: 8px;cursor: pointer;}.theme-changer span[data-active="true"] {color: #ff9800;}.menu-others-same-design a, .menu-others-same-design div {text-decoration: none;color: inherit;display: flex;align-items: center;gap: 10px;}@keyframes slideIn {from {transform: translateX(100%);}to {transform: translateX(0);}}