.select-component{--select-component-color: var(--color-body);--select-component-background-color: var(--color-body-text);--select-component-border-color: var(--color-body-text);--select-component-option-color: var(--color-body-text);--select-component-option-background-color: var(--color-body);--select-component-option-color-hover: var(--color-body);--select-component-option-background-color-hover: var(--color-body-text);display:block;width:100%;max-width:300px;-webkit-user-select:none;user-select:none}.select-component details{position:relative}.select-component summary{background-color:rgb(var(--select-component-background-color));border:2px solid rgb(var(--select-component-border-color));color:rgb(var(--select-component-color));margin:0;line-height:3.6rem}.select-component summary svg{fill:currentcolor}.select-component summary+ul{list-style:none;border:2px solid rgb(var(--select-component-border-color));position:absolute;top:100%;left:0;width:100%;z-index:4}.select-component summary+ul li{color:rgb(var(--select-component-option-color));background-color:rgb(var(--select-component-option-background-color));cursor:pointer;margin:0;line-height:3.8rem}.select-component summary+ul li:hover,.select-component summary+ul li:focus,.select-component summary+ul li[selected]{background-color:rgb(var(--select-component-option-background-color-hover));color:rgb(var(--select-component-option-color-hover))}@media screen and (min-width: 750px){.select-component summary{line-height:4rem}.select-component summary+ul li{line-height:4.2rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-select.css.map */