.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;top:0;right:0;bottom:0;left: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}.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}