variant-select{margin-bottom:var(--space-7);margin-top:0}.selectNative,.selectCustom{position:relative;width:100%}.selectCustom{position:absolute;top:0;left:0;pointer-events:none}@media (hover: hover){.selectCustom{display:block;pointer-events:all}.selectNative:focus+.selectCustom{display:none}}.selectNative:focus,.selectCustom.isActive .selectCustom-trigger{outline:none}.select{position:relative}.selectLabel{display:block;font-weight:800;margin-bottom:.4rem}.selectWrapper{--select-height: 7.6rem;position:relative;height:var(--select-height)}.selectWrapper img{width:var(--space-8);height:var(--space-8);margin-right:var(--space-4)}.selectNative,.selectCustom-trigger{font-size:var(--font-size-2);background-color:#fff;border:0;border-radius:0;height:var(--select-height);border-bottom:1px solid rgb(var(--brand-color-dark-grey));padding-right:var(--space-9);text-align:left;color:rgb(var(--brand-color-dark-grey))}@media screen and (min-width: 750px){.selectNative,.selectCustom-trigger{font-size:var(--font-size-4)}}.selectNative{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.08361 5.49567C6.24398 5.4792 6.3932 5.41577 6.50755 5.31515L10.7915 1.56793C10.9254 1.45022 11 1.29043 11 1.12454C10.9993 0.958648 10.9233 0.799469 10.7887 0.682368C10.6542 0.565268 10.4715 0.499395 10.2818 0.500004C10.0922 0.500614 9.91019 0.567094 9.77632 0.684804L6 3.98798L2.22368 0.684804C2.08981 0.567094 1.90783 0.500613 1.71818 0.500004C1.52783 0.499394 1.34585 0.565263 1.21128 0.682368C1.07671 0.799474 1.0007 0.958648 1 1.12454C0.999308 1.29043 1.07461 1.45022 1.20849 1.56793L5.49246 5.31515C5.64725 5.45176 5.86549 5.51825 6.08374 5.49567H6.08361Z' fill='%23662D91' stroke='%23662D91' stroke-width='0.5'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position-x:100%;background-position-y:.8rem;padding:0rem .8rem;box-shadow:none}.selectCustom-trigger{position:relative;width:100%;background-color:#fff;cursor:pointer;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.selectCustom-trigger:after{content:url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.08361 5.49567C6.24398 5.4792 6.3932 5.41577 6.50755 5.31515L10.7915 1.56793C10.9254 1.45022 11 1.29043 11 1.12454C10.9993 0.958648 10.9233 0.799469 10.7887 0.682368C10.6542 0.565268 10.4715 0.499395 10.2818 0.500004C10.0922 0.500614 9.91019 0.567094 9.77632 0.684804L6 3.98798L2.22368 0.684804C2.08981 0.567094 1.90783 0.500613 1.71818 0.500004C1.52783 0.499394 1.34585 0.565263 1.21128 0.682368C1.07671 0.799474 1.0007 0.958648 1 1.12454C0.999308 1.29043 1.07461 1.45022 1.20849 1.56793L5.49246 5.31515C5.64725 5.45176 5.86549 5.51825 6.08374 5.49567H6.08361Z' fill='%23662D91' stroke='%23662D91' stroke-width='0.5'/%3E%3C/svg%3E%0A");position:absolute;top:50%;transform:translateY(-50%);line-height:3.8rem;right:1.8rem}.selectCustom-trigger:before{content:"";background:linear-gradient(90deg,#fff0,#fff 50%);position:absolute;top:0;height:100%;width:6rem;right:0}.selectCustom-trigger .loading-overlay__spinner{transform:translateY(.2rem);position:absolute;right:var(--space-8)}.selectCustom-trigger .loading-overlay__spinner svg{width:var(--space-4);height:var(--space-4)}.selectCustom-options{position:absolute;top:calc(var(--select-height) - .1rem);left:0;width:100%;border:1px solid;border-radius:0;background-color:#fff;z-index:1;padding:.8rem 0;display:none;max-height:15.1rem;overflow-y:scroll}.selectCustom.isActive .selectCustom-options{display:block}.selectCustom-option{position:relative;padding:.8rem;display:flex;align-items:center;text-align:left}.selectCustom-option *{pointer-events:none}.selectCustom-option.isHover,.selectCustom-option:hover{background-color:rgb(var(--brand-color-dark-grey));color:#fff;cursor:pointer}.selectCustom-option:not(:last-of-type):after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #d3d3d3}.selectCustom-option.isActive:before{content:"\2713";position:absolute;left:.8rem}
/*# sourceMappingURL=/cdn/shop/t/195/assets/component-variant-select.css.map */