custom-select{position:relative;display:block;min-width:0}custom-select .custom-select__native{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0;pointer-events:none}custom-select.select:before,custom-select.select:after{display:none}.custom-select__toggle{display:flex;align-items:center;gap:.8rem;width:100%;height:var(--cs-height, 4.4rem);padding:0 var(--cs-padding, 1.4rem);border:.1rem solid rgba(var(--color-foreground),.22);border-radius:var(--cs-radius, .8rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;font-size:var(--cs-font, 1.4rem);line-height:1.2;text-align:left;cursor:pointer;transition:border-color .2s ease}.custom-select__toggle:hover,custom-select.is-open .custom-select__toggle{border-color:rgba(var(--color-foreground),.55)}.custom-select__toggle:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem;box-shadow:none}.custom-select__value{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}custom-select .custom-select__caret{position:static;flex:0 0 auto;display:inline-flex;width:1rem;height:1rem;transform:none;transition:transform .2s ease;pointer-events:none}custom-select .custom-select__caret svg{width:100%;height:100%}custom-select[data-direction=up] .custom-select__caret{transform:rotate(180deg)}custom-select.is-open .custom-select__caret{transform:rotate(180deg)}custom-select[data-direction=up].is-open .custom-select__caret{transform:none}.custom-select__list{position:fixed;z-index:1100;width:max-content;max-width:min(32rem,calc(100vw - 1.6rem));margin:0;padding:.6rem;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:calc(var(--cs-radius, .8rem) + .4rem);box-shadow:0 1.2rem 3.2rem #0000002e;font-family:var(--font-body-family);animation:customSelectIn .16s ease}.custom-select__list[hidden]{display:none}.custom-select__list.is-up{animation-name:customSelectInUp}@keyframes customSelectIn{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:none}}@keyframes customSelectInUp{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}.custom-select__option{display:flex;align-items:center;gap:.8rem;min-height:4.2rem;padding:.8rem 1.2rem .8rem 3.2rem;position:relative;border-radius:var(--cs-radius, .8rem);font-size:1.4rem;line-height:1.3;cursor:pointer;outline:none}.custom-select__option:hover,.custom-select__option:focus{background:rgba(var(--color-foreground),.06);outline:none;box-shadow:none}.custom-select__option[aria-selected=true]{font-weight:600;background:rgba(var(--color-foreground),.08)}.custom-select__option[aria-selected=true]:before{content:"";position:absolute;left:1.3rem;top:50%;width:.5rem;height:1rem;border:solid currentColor;border-width:0 .2rem .2rem 0;transform:translateY(-65%) rotate(45deg)}.custom-select__name{flex:1 1 auto;min-width:0}.custom-select__note{flex:0 0 auto;font-size:1.3rem;opacity:.75}.custom-select__option.has-status .custom-select__name{opacity:.5;text-decoration:line-through}.custom-select__status{flex:0 0 auto;padding:.2rem .8rem;border-radius:10rem;background:rgba(var(--color-foreground),.08);font-size:1.1rem;font-weight:400;opacity:.85}.custom-select__option[aria-disabled=true]{cursor:not-allowed}.custom-select__option[aria-disabled=true]:hover{background:transparent}
/*# sourceMappingURL=/cdn/shop/t/111/assets/component-custom-select.css.map */
