.library-segmented-control-tabs{width:100%;display:flex;flex-direction:row}.library-segmented-control-tabs ._field-region{display:none;width:100%}.library-segmented-control-tabs ._field-region .select-menu{width:100%}.library-segmented-control-tabs ._field-region .combo-field .input-value{--fw: 700}@container container (width < 600px){.library-segmented-control-tabs .segmented-control{display:none}.library-segmented-control-tabs ._field-region{display:block;width:100%}.library-segmented-control-tabs ._field-region .combo-field{max-width:unset}}.tag-group{display:flex;flex-direction:row;gap:var(--gap, 1.6em)}.tag-group .tag label{width:max-content;overflow-x:visible}.library-emoji-item-wrapper.v-enter-active .library-emoji-item{--del: calc(var(--i) * .01s);transition:opacity .2s ease var(--del),scale .3s ease-out var(--del)}.library-emoji-item-wrapper.v-enter-from .library-emoji-item,.library-emoji-item-wrapper.v-leave-to .library-emoji-item{scale:.6;opacity:0}.library-emoji-item-wrapper .library-emoji-item{font-size:.7em;width:min(100%,14em);aspect-ratio:1;cursor:pointer;border-radius:1.6rem;line-height:1;display:flex;place-items:center;place-content:center;-webkit-user-select:none;user-select:none}.library-emoji-item-wrapper .library-emoji-item:hover{background:var(--clr-green-400);transition:background-color .4s ease-out}.emoji-list{--clamp-nested: var(--clamp, clamp(7.27rem, 8cqw, 4rem));font-size:var(--clamp-nested);display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--clamp-nested),1fr));gap:.15em}.emoji-viewer{font-size:1em;width:100%;aspect-ratio:1;max-height:40em;display:grid;grid-template-rows:auto 1fr auto;background:light-dark(var(--clr-metal-50),var(--clr-metal-950));border-radius:2.4em;padding:2.4em}.emoji-viewer header{display:grid;grid-template-columns:auto 1fr auto;gap:1.6em;align-items:center}.emoji-viewer header .control-button{background:light-dark(var(--clr-white),var(--clr-metal-800));color:light-dark(var(--clr-metal-900),var(--clr-white))}.emoji-viewer header .light-dark-toggle{justify-self:end}.emoji-viewer header .skin-tone-bg{background:light-dark(#fff,var(--clr-metal-800));border-radius:10em;padding:1.2em 1.4em;display:flex;align-items:center}.emoji-viewer header:not(:has(.skin-tone)){grid-template-columns:1fr auto}.emoji-viewer .emoji{font-size:22em;display:flex;justify-content:center;align-items:center}.emoji-viewer .image{scale:1.1}.emoji-viewer footer{color:var(--clr-metal-500);font-weight:400;font-size:max(1.3rem);text-align:center}.progress-bar{--width: initial;height:1rem;background:var(--clr-metal-100);border-radius:10em}.progress-bar:before{content:"";display:block;width:var(--width, 0%);max-width:100%;height:100%;border-radius:inherit;background:var(--clr-green-600);transition:width 1s ease-out}.premium-overview{width:100%;border-radius:2.4em;padding:2.4em 3.2em;display:flex;flex-direction:column;gap:2.4em;border:1px solid light-dark(var(--clr-metal-200),var(--clr-metal-700))}.premium-overview header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"title title button" "count progress progress";gap:1.2em 1.6em;align-items:center}.premium-overview header>h3{grid-area:title}.premium-overview header .button{grid-area:button}.premium-overview header>span{grid-area:count;font-size:1.6em;font-weight:400;color:var(--clr-metal-600)}.premium-overview header>.progress-bar{grid-area:progress}.premium-overview hr{height:1px;background:var(--clr-metal-200)}.premium-overview>footer{display:flex;flex-direction:column;gap:.8em}.premium-overview>footer h4{font-size:1.6em;font-weight:700}@container container (width < 650px){.premium-overview hr,.premium-overview footer{display:none}}.template-emoji-download-options{font-size:clamp(.8rem,2cqw,1rem);position:relative;display:flex;flex-flow:column;gap:2.4em;padding-bottom:2.4rem}.template-emoji-download-options>section{padding:0 1.6rem;display:flex;flex-flow:column;gap:2.4rem}.template-emoji-download-options>section h3{font-size:1.6rem;font-weight:700;display:flex;flex-direction:row;align-items:center;gap:.3em;margin-bottom:1.2rem;padding-inline:1.6rem}.template-emoji-download-options>section h3 .icon{--color: var(--clr-metal-300);--width: 2rem}.template-emoji-download-options .control-button{position:absolute;top:2.4em;right:2.4em;--bg: var(--clr-white)}.template-emoji-download-options header{text-align:center;display:flex;flex-flow:column;align-items:center;gap:1.6rem;padding:3.2rem;background:light-dark(var(--clr-metal-50),var(--clr-metal-950));color:light-dark(var(--clr-metal-900),var(--clr-white));border-radius:var(--br) var(--br) 0 0}.template-emoji-download-options header .emoji{font-size:6.4rem}.template-emoji-download-options header .image{width:6.4rem;aspect-ratio:1}.template-emoji-download-options header .image ._image{width:6.4rem;aspect-ratio:1;background-size:cover;scale:1.3}.template-emoji-download-options header h2{font-size:1.8rem;font-weight:700}.template-emoji-download-options .select-option{height:4.6rem;background:none;border-radius:1rem}.template-emoji-download-options .select-option label{font-weight:500}html[data-theme=light] .pop-modal:has(.template-emoji-download-options){color-scheme:light;color:light-dark(var(--clr-metal-950),var(--clr-white))}html[data-theme=dark] .pop-modal:has(.template-emoji-download-options){color-scheme:dark;color:light-dark(var(--clr-metal-950),var(--clr-white))}.container.emoji-details{border-radius:inherit}.template-emoji-details{font-size:clamp(.8rem,1cqw,1rem);padding:4em 4.8em;background:light-dark(var(--clr-white),var(--clr-metal-900));border-radius:inherit;display:grid;grid-template-columns:41em 6fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header header" "viewer features" "tags features" "footer footer";gap:3.2em 4.8em}.template-emoji-details:not(:has(>footer)){grid-template-areas:"header header" "viewer features" "tags features"}.template-emoji-details>header{grid-area:header;display:grid;grid-template-columns:1fr auto auto;gap:1.6em;align-items:center}.template-emoji-details>header h1{font-size:clamp(1.8rem,3.2cqw,4.2em);font-weight:900;color:light-dark(var(--clr-metal-900),var(--clr-white))}@container (width > 1000px){.template-emoji-details .stats-list li{width:30%}}.template-emoji-details>footer{grid-area:footer}.template-emoji-details>.emoji-viewer{grid-area:viewer}.template-emoji-details>.emoji-viewer:not(:has(.skin-tone-bg)){grid:1fr auto / 1fr}.template-emoji-details>.emoji-viewer:not(:has(.skin-tone-bg)) header{display:none}.template-emoji-details>.emoji-viewer header{grid:auto / 1fr;justify-items:center}.template-emoji-details>.emoji-viewer header>button{display:none}.template-emoji-details>.emoji-viewer s{display:none}.template-emoji-details button.download{flex-grow:1;display:none;grid-column:span 2}.template-emoji-details .tag-group{grid-area:tags;--gap: 1.2em;flex-wrap:wrap;align-self:start}.template-emoji-details h3{font-size:2em;font-weight:700;display:flex;flex-direction:row;align-items:center;gap:.3em}.template-emoji-details h3 .icon{--color: var(--clr-metal-300);--width: 2rem}.template-emoji-details .features-container{grid-area:features}.template-emoji-details .features-container .features{display:flex;flex-direction:column;gap:4em}.template-emoji-details .features-container .features>section{display:flex;flex-direction:column;gap:2.4em}.template-emoji-details .features-container .features>section .buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.6em}.template-emoji-details .features-container .features>section .buttons .button{font-size:clamp(.8rem,1.3cqw,1rem)}.template-emoji-details .features-container .features>section .buttons .button.btn-outline{--bg: light-dark(var(--clr-white), none);--brdr: 1px solid light-dark(var(--clr-metal-100), var(--clr-metal-700))}.template-emoji-details .related{grid-area:related;display:flex;flex-flow:column;gap:1.4em}.template-emoji-details .related>h2{font-size:2.6em;font-weight:700}.template-emoji-details .related .emoji-list{width:100%;--clamp: clamp(4rem, 12cqw, 5.6rem);gap:.5cqw;display:flex;flex:row nowrap}.template-emoji-details .related .emoji-list .library-emoji-item{font-size:1em;padding:.8rem}.template-emoji-details__logged-out-footer{font-size:clamp(.8rem,1.6cqw,1em);width:90%;padding:2em;background:light-dark(var(--clr-metal-50),var(--clr-metal-800));margin:0 auto;border-radius:0 0 2.4em 2.4em;border-top:1px solid light-dark(var(--clr-metal-200),var(--clr-metal-900));text-align:center}.template-emoji-details__logged-out-footer p{font-size:max(1.3rem,1.6em);font-weight:400;color:light-dark(var(--clr-metal-900),var(--clr-metal-300))}.template-emoji-details__logged-out-footer p a{white-space:nowrap}@container (width < 950px){.template-emoji-details{grid-template-columns:1fr;grid-template-areas:"header" "viewer" "tags" "features" "footer"}.template-emoji-details:not(:has(>footer)){grid-template-areas:"header" "viewer" "tags" "features"}.template-emoji-details .tag-group{justify-content:center}}@container (width < 600px){:scope:has(.template-emoji-details__logged-out-footer) .template-emoji-details{border-bottom-right-radius:0;border-bottom-left-radius:0}.template-emoji-details{padding:2em}.template-emoji-details .with-label:has(.light-dark-toggle){display:none}.template-emoji-details__logged-out-footer{width:100%}}@container (width < 415px){.template-emoji-details>h1{display:block}.template-emoji-details button.download{display:grid}.template-emoji-details .download-menu{display:none}.template-emoji-details section.premium-features{display:none!important}.template-emoji-details .emoji-viewer s{display:none}.template-emoji-details>.features-container>.features button{padding:0 2em}.template-emoji-details>.features-container>.features button label{font-size:1.3rem}.template-emoji-details>.features-container>.features>section>h3{display:none}.template-emoji-details>.features-container>.features>section>.buttons{gap:.8rem;grid-template-columns:1fr 1fr}}html[data-theme=light] .pop-modal:has(.template-emoji-details){color-scheme:light;color:light-dark(var(--clr-metal-950),var(--clr-white))}html[data-theme=dark] .pop-modal:has(.template-emoji-details){color-scheme:dark;color:light-dark(var(--clr-metal-950),var(--clr-white))}