custom-select{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows var(--transition-duration) var(--transition-ease)}custom-select.open{grid-template-rows:max-content 1fr}.custom-select--options{overflow:hidden}.custom-select--values{border:0;margin:0;padding:0;min-inline-size:0}.custom-select--values ul{display:none;flex-direction:column;list-style:none;margin:0;padding:0;transition:display var(--transition-duration) allow-discrete}custom-select.open .custom-select--values ul{display:flex}@starting-style{.custom-select--values ul{display:none}}.custom-select--toggle,.custom-select--value label{cursor:pointer}.custom-select--value input:focus-visible+label{outline:2px solid currentColor;outline-offset:-2px}custom-select{--height: 2.75rem ;border-radius:calc(var(--height) / 2);border:1px solid;overflow:hidden}.custom-select--toggle,.custom-select--value label{--icon-size: 1.25rem ;--paddiing-h: .8125rem ;position:relative;display:flex;align-items:center;text-align:left;height:var(--height);padding:0 var(--paddiing-h)}custom-select:has(.custom-select--toggle:focus){outline:.125rem solid currentColor;outline-offset:.125rem}.custom-select--toggle:before,.custom-select--toggle:after{content:"";display:block;position:absolute;top:50%;right:var(--paddiing-h);width:var(--icon-size);height:var(--icon-size);border-radius:var(--radius-full);transform:translateY(-50%)}.custom-select--toggle:before{background:var(--color-background-accent)}.custom-select--toggle:after{--mask: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33096 5.18173L-0.00213863 0.848632L0.846528 -3.40762e-05L4.33165 3.48509L7.81609 0.000657045L8.66406 0.848633L4.33096 5.18173Z' fill='%23030303'/%3E%3C/svg%3E%0A");--mask-size: .5625rem .375rem ;--mask-repeat: no-repeat;--mask-position: center;background:var(--color-text);mask:var(--mask) var(--mask-size) var(--mask-repeat);-webkit-mask:var(--mask) var(--mask-size) var(--mask-repeat);mask-position:var(--mask-position);-webkit-mask-position:var(--mask-position);transition:transform var(--transition-duration) var(--transition-ease)}custom-select.open .custom-select--toggle:after{transform:translateY(calc(-50% - 1.5px)) rotate(180deg)}custom-select s{opacity:.5}custom-select s:empty{display:none}@media(min-width:1024px){custom-select[desktop-grid]{display:block;grid-template-rows:unset;border:none;border-radius:0;overflow:visible}custom-select[desktop-grid].open{grid-template-rows:unset}custom-select[desktop-grid] .custom-select--options{overflow:visible}custom-select[desktop-grid] .custom-select--values ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}custom-select[desktop-grid] .custom-select--values legend:not(.visually-hidden){margin-block-end:.5rem}custom-select[desktop-grid] .custom-select--value{width:fit-content;height:fit-content}custom-select[desktop-grid] .custom-select--value label{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/3376/assets/custom-select.css.map */