styled-select{position:relative;display:block}styled-select.is-open:after{z-index:0}styled-select .styled-select__native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.styled-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:4.5rem;padding:0 4rem 0 1.5rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;line-height:1.4;text-align:left;border:0;border-radius:var(--inputs-radius);cursor:pointer}.styled-select__trigger:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}styled-select .svg-wrapper{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);pointer-events:none;transition:transform .15s ease}styled-select.is-open .svg-wrapper{transform:translateY(-50%) rotate(180deg)}.styled-select__list{position:absolute;z-index:20;top:calc(100% + .4rem);left:0;right:0;max-height:28rem;overflow-y:auto;margin:0;padding:.5rem;list-style:none;background-color:rgb(var(--color-background));border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity, .55));border-radius:var(--inputs-radius);box-shadow:0 .4rem 1.6rem rgba(var(--color-foreground),.12)}.styled-select__option{padding:1.1rem 1.5rem;border-radius:calc(var(--inputs-radius) * .6);font-size:1.5rem;line-height:1.4;color:rgb(var(--color-foreground));cursor:pointer}.styled-select__option:hover{background-color:rgba(var(--color-foreground),.06)}.styled-select__option.is-selected{font-weight:600;background-color:rgba(var(--color-foreground),.08)}.styled-select__option[aria-disabled=true]{opacity:.45;cursor:not-allowed;text-decoration:line-through}.styled-select__option[aria-disabled=true]:hover{background-color:transparent}@media(pointer:coarse){.styled-select__option{padding:1.4rem 1.5rem}.styled-select__option:hover{background-color:transparent}.styled-select__option.is-selected:hover{background-color:rgba(var(--color-foreground),.08)}}@media screen and (max-width:749px){.styled-select__list{max-height:24rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-styled-select.css.map */