.select-option{position:relative;height:6em;list-style:none;padding:0 2.4em;cursor:pointer;background:light-dark(var(--clr-white),var(--clr-metal-950));transition:background .3s,color .3s;border-radius:inherit;color:light-dark(var(--clr-metal-900),var(--clr-white));-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5.5em}.select-option label{font-size:max(1.8em,1.5rem);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.select-option .emoji,.select-option .icon{font-size:2.4em;--width: 1em;z-index:2}.select-option .icon{color:inherit}.select-option:after{content:"";position:absolute;inset:0;z-index:1;width:100%;height:100%;border-radius:inherit;background:var(--clr-metal-950);transform:scaleY(.7);opacity:0;transition:transform .2s ease-in,opacity .2s ease-in}.select-option:focus:not(.active){background:light-dark(var(--clr-metal-100),var(--clr-metal-800))}.select-option.active{color:var(--clr-white)}.select-option.active:after{transform:scaleY(1);opacity:1}.select-option.destructive{color:var(--clr-destructive-400)}.select-option.destructive:focus{background:var(--clr-destructive-200)}.select-option.disabled{color:var(--clr-metal-400);pointer-events:none}.skin-tone{font-size:clamp(.63rem,1.1cqw,.75rem);width:max-content;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4em;justify-content:center}.skin-tone li{width:3.6em;height:unset;aspect-ratio:1;padding:0;border-radius:100%;display:grid;place-items:center;transition:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.skin-tone li label{display:none}.skin-tone li:after{display:none}.skin-tone li:before{content:"";width:2.4em;aspect-ratio:1;display:flex;place-items:center;border-radius:100%;background:var(--color, transparent);transition:scale .3s}.skin-tone li:focus,.skin-tone li.active{background:none;animation:select-option-active .3s}:is(.skin-tone li:focus,.skin-tone li.active):before{scale:1.5}.select-menu-container{min-width:max-content;container:select-menu / inline-size}.select-menu{min-width:max-content;font-size:clamp(.8rem,1.5cqw,1rem);z-index:var(--z, 1);padding:.6rem;border-radius:1.6rem;background:var(--clr-white);box-shadow:0 16px 72px #171a571f}.select-menu.type-colors{min-width:260px;max-width:90vw;padding:1.6rem;display:flex;flex-direction:row;flex-wrap:wrap;place-items:center;justify-content:center;border-radius:3.2rem}