.v-enter-active[data-v-80f8c93b],.v-leave-active[data-v-80f8c93b]{transition:opacity .3s ease}.v-enter-from[data-v-80f8c93b],.v-leave-to[data-v-80f8c93b]{opacity:0}.search-input[data-v-80f8c93b]{box-shadow:0 2px 16px #011c430f}.search-input input[data-v-80f8c93b]::-moz-placeholder{color:#969799}.search-input input[data-v-80f8c93b]::placeholder{color:#969799}.activeCategory[data-v-80f8c93b]{background-color:#f7faff;position:relative}.activeCategory[data-v-80f8c93b]:after{background-color:#3b82f6;border-radius:20px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:42px}.is-normal[data-v-80f8c93b]{--tw-bg-opacity:1;--tw-text-opacity:85%;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.currentEmoji[data-v-80f8c93b]{box-shadow:0 2px 8px #00000026}.currentEmoji[data-v-80f8c93b]:before{border:8px solid transparent;border-top-color:#fff;bottom:0;content:"";height:0;left:50%;position:absolute;transform:translate(-50%,100%);width:0}.bubble[data-v-80f8c93b]{background-color:#323233d9;border-radius:4px;color:#fff;display:none;font-size:13px;padding:3px 8px;position:absolute;text-align:center;width:-moz-fit-content;width:fit-content}.bubble[data-v-80f8c93b]:before{border-color:transparent transparent rgba(50,50,51,.847);border-style:solid;border-width:4px 6px;bottom:100%;content:"";left:50%;position:absolute;transform:translate(-50%)}.color-wrapper[data-v-80f8c93b]{padding-bottom:1.25rem;padding-left:1.5rem;padding-right:1.5rem;position:relative}.color-container[data-v-80f8c93b]{display:flex;flex-direction:column}.color-head[data-v-80f8c93b]{--tw-bg-opacity:1;align-items:stretch;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));display:flex;flex-direction:column-reverse;justify-content:space-between;padding-top:20px;position:sticky;top:0;z-index:20}@media (min-width:1024px){.color-head[data-v-80f8c93b]{flex-direction:row}}.color-tabs[data-v-80f8c93b]{border-radius:.5rem;display:flex;font-size:14px;line-height:22px}.color-tabs-item[data-v-80f8c93b]{--tw-text-opacity:1;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#323233;color:rgb(50 50 51/var(--tw-text-opacity));cursor:pointer;font-size:15px;font-weight:700;padding:14px 18px 10px}.color-head-skins[data-v-80f8c93b]{align-items:center;align-self:flex-end;display:flex;height:-moz-fit-content;height:fit-content;margin-bottom:.75rem}.is-skin-active[data-v-80f8c93b]{border-radius:.5rem;height:16px;width:16px}.is-skin-normal[data-v-80f8c93b]{border-radius:6px;height:12px;width:12px}.color-skins-item[data-v-80f8c93b]{cursor:pointer;margin-left:8px}.color-content[data-v-80f8c93b]{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-text-opacity:85%;background-color:#f7faff;background-color:rgb(247 250 255/var(--tw-bg-opacity));color:#323233d9;color:rgb(50 50 51/var(--tw-text-opacity));font-size:14px;line-height:22px;padding:22px;position:relative}.color-content-type[data-v-80f8c93b]{display:flex;flex-direction:column;gap:1rem}.color-detail[data-v-80f8c93b]{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;-moz-column-gap:17px;column-gap:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}@media (min-width:768px){.color-detail[data-v-80f8c93b]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.color-detail[data-v-80f8c93b]{grid-template-columns:repeat(4,minmax(0,1fr))}}.color-detail-item[data-v-80f8c93b]{position:relative}.color-detail-content[data-v-80f8c93b]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.5rem;height:177px;padding-left:.75rem;padding-right:.75rem;padding-top:.75rem}.color-detail-content[data-v-80f8c93b]:hover{--tw-shadow:0 2px 16px rgba(1,28,67,.108);--tw-shadow-colored:0 2px 16px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 2px 16px #011c431c;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-top:-6px}.color-box[data-v-80f8c93b]{--tw-border-opacity:1;border-color:#f4f4f4;border-color:rgb(244 244 244/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;cursor:pointer;height:119px}.color-info[data-v-80f8c93b]{color:#323233bf;display:flex;font-size:13px;justify-content:space-between;margin-top:.75rem}.color-info-hex[data-v-80f8c93b]{cursor:pointer;position:relative}.color-info-hex[data-v-80f8c93b]:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity))}