@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f389fd7c],[data-v-f389fd7c]::backdrop,[data-v-f389fd7c]:after,[data-v-f389fd7c]:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-font-weight:initial}}}.cp-card[data-v-f389fd7c]{border-radius:var(--radius-2xl,1rem);cursor:pointer;display:flex;flex-direction:column;padding:calc(var(--spacing,.25rem)*2)}@media(hover:hover){.cp-card[data-v-f389fd7c]:hover{background-color:#f5f5f5b3}@supports (color:color-mix(in lab,red,red)){.cp-card[data-v-f389fd7c]:hover{background-color:color-mix(in oklab,var(--color-neutral-100,oklch(97% 0 0))70%,transparent)}}}@media(prefers-color-scheme:dark){@media(hover:hover){.cp-card[data-v-f389fd7c]:hover{background-color:#26262666}@supports (color:color-mix(in lab,red,red)){.cp-card[data-v-f389fd7c]:hover{background-color:color-mix(in oklab,var(--color-neutral-800,oklch(26.9% 0 0))40%,transparent)}}}}.cp-card[data-v-f389fd7c]{transition:background-color .2s,transform .3s cubic-bezier(.22,1,.36,1)}.cp-card[data-v-f389fd7c]:hover{transform:translateY(-3px)}.cp-preview[data-v-f389fd7c]{aspect-ratio:1;position:relative;width:100%}.cp-preview-img[data-v-f389fd7c]{height:100%;inset:calc(var(--spacing,.25rem)*0);-o-object-fit:contain;object-fit:contain;padding:calc(var(--spacing,.25rem)*2);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:100%}@media(hover:hover){.cp-preview-img[data-v-f389fd7c]:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing,.25rem)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.cp-preview-img[data-v-f389fd7c]{filter:drop-shadow(0 5px 10px #0000000d)drop-shadow(0 4px 5px #0000001a);-webkit-mask:url(../images/editor/icon-mask.svg) 50%/contain no-repeat;mask:url(../images/editor/icon-mask.svg) 50%/contain no-repeat}.cp-card:hover .cp-preview-img[data-v-f389fd7c]{transform:scale(1.06)}.cp-preview-empty[data-v-f389fd7c]{color:var(--color-neutral-400,oklch(70.8% 0 0));inset:calc(var(--spacing,.25rem)*0);position:absolute}.cp-meta[data-v-f389fd7c],.cp-preview-empty[data-v-f389fd7c]{align-items:center;display:flex;justify-content:center}.cp-meta[data-v-f389fd7c]{flex-direction:column;gap:calc(var(--spacing,.25rem)*.5);margin-top:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*1);text-align:center}.cp-name[data-v-f389fd7c]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));text-overflow:ellipsis;white-space:nowrap;width:100%;--tw-font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,oklch(26.9% 0 0));font-weight:var(--font-weight-medium,500);overflow:hidden}@media(prefers-color-scheme:dark){.cp-name[data-v-f389fd7c]{color:var(--color-neutral-100,oklch(97% 0 0))}}.cp-sub[data-v-f389fd7c]{color:var(--color-neutral-500,oklch(55.6% 0 0));font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}@media(prefers-color-scheme:dark){.cp-sub[data-v-f389fd7c]{color:var(--color-neutral-400,oklch(70.8% 0 0))}}@media(prefers-reduced-motion:reduce){.cp-card[data-v-f389fd7c],.cp-preview-img[data-v-f389fd7c]{transform:none!important;transition-property:opacity,background-color}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}