custom-option fieldset{cursor:pointer;height:36px;width:100%;margin:0;padding:0;-webkit-appearance:none;appearance:none;position:relative}custom-option legend{background-color:transparent;border-bottom:1px solid #d8d8d8;border-radius:0;cursor:pointer;display:block;padding:13px 12px 8px 0;width:100%;height:100%;color:rgb(var(--color-base-text));font-family:BeausiteFit-Light;font-size:12px;letter-spacing:1px;text-transform:uppercase;position:relative}custom-option.open legend{background-color:#fff;left:-12px;padding:13px 12px 8px;position:relative;width:calc(100% + 24px)}custom-option legend:before,custom-option legend:after{background-color:rgb(var(--color-base-text));content:"";display:block;height:1px;position:absolute;top:50%;width:8px}custom-option legend:after{right:0;transform:rotate(-45deg) translateY(-50%)}custom-option legend:before{right:6px;transform:rotate(45deg) translateY(-50%)}custom-option.open legend:after{right:12px}custom-option.open legend:before{right:18px}custom-option:not(.open) legend+span{display:none}custom-option legend+span{cursor:pointer;display:block;background-color:#fff;padding:7px 12px 24px;width:calc(100% + 24px);max-height:285px;overflow-y:auto;position:absolute;top:100%;right:0;left:-12px;z-index:3}custom-option label{color:rgb(var(--color-base-text));cursor:pointer;display:block;font-family:BeausiteFit-Light;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:4px 0;position:relative}custom-option label input{cursor:pointer;border:none;-webkit-appearance:none;appearance:none;outline:none;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%}
/*# sourceMappingURL=/cdn/shop/t/315/assets/component-custom-option.css.map */