.SelectboxCircle{position:relative;display:block;padding:4px 8px;min-height:40px;cursor:pointer;transition:all .15s ease-in;outline:1px solid var(--secondary_grey);box-sizing:border-box;text-align:center;width:100%}.SelectboxCircleConnected{display:block;width:24px;height:24px;border-radius:50%;margin-right:8px;margin-bottom:8px}.SelectboxCircleConnected:hover{outline:1px solid var(--primary_accent)}.SelectboxCircle:focus{outline:1px solid var(--secondary_grey)!important;outline-offset:0}.SelectboxCircleStyle{width:14px;height:14px;border-radius:50%;display:block;margin-right:8px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.SelectboxCircleSpan{display:block;position:absolute;text-align:left;top:50%;left:30px;transform:translateY(-50%)}.SelectboxImage{transition:all .2s ease-in}.SelectboxBox--Wrapper{display:flex;align-items:center;pointer-events:none}.VariantSelectors .RevolutionSelectbox{border:1px solid var(--secondary_grey)}.VariantSelectors .RevolutionSelectbox .RevolutionSelectbox--Item:hover{background-color:var(--primary_accent)}.RevolutionSelectbox--Button svg{height:14px;width:14px}.SelectboxBox{width:14px;height:14px;display:block;margin-right:8px;border-radius:50%}.SelectBox--Wrapper{margin-top:-1px;margin-left:-1px}.SelectboxLabelNormal{position:relative;padding:4px 16px;min-height:36px;outline:1px solid var(--secondary_grey);box-sizing:border-box;cursor:pointer;margin-top:1px;margin-left:1px;display:inline-block;text-align:center;transition:all .15s ease-in}.ColorVariantSelect .SelectboxLabelNormal{min-height:39px;display:block;margin:0}.ColorVariantSelect .SelectboxLabelNormal span{left:8px;transform:translateY(-50%)}.ColorVariantSelect .Selectbox{position:relative;margin-top:1px;margin-left:1px;display:block}.SelectboxLabelSpan{position:absolute;white-space:nowrap;top:50%;left:50%;transform:translate(-50%,-50%)}.VariantSelectors input[data-disabled=true]+label{color:#bbb}.VariantSelectors input[data-disabled=true]+label span{font-family:var(--type_paragraf_font);font-weight:var(--weight_paragraf_font)}.VariantSelectors input[data-disabled=true]+label .SelectboxCircleStyle:before{position:absolute;content:" ";height:105%;width:1px;background-color:var(--background_color);transform:rotate(-45deg);left:47.5%}.SelectboxReserveSpace{display:flex;font-family:var(--type_paragraf_bold_font);font-weight:var(--weight_paragraf_bold_font);overflow:hidden;visibility:hidden}.SelectboxCircle:after{width:calc(100% + 80px)}.inputSelectboxCheckbox{width:0px;opacity:0;margin:0!important;-webkit-appearance:none;appearance:none;padding:0;height:0px;border:0px;overflow:hidden;position:absolute}.SelectboxImage{width:50px;display:block;margin-right:8px;margin-bottom:8px;flex:none}.SelectBox--Wrapper{display:flex;flex-wrap:wrap;width:fit-content;align-items:center}.ColorVariantSelect .SelectBox--Wrapper{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.SelectboxCircle:hover,.SelectboxLabelNormal:hover{outline-color:var(--primary_accent);z-index:2}.SelectboxLabelNormal--disabled{opacity:.2;text-decoration:line-through}.SelectboxImage.SelectboxImage-Selected,:checked+label.SelectboxCircle,.SelectboxCircle .SelectboxCircle-Selected,:checked+.SelectboxLabelNormal{outline-color:var(--primary_accent);z-index:3}:checked+.SelectboxCircle span,:checked+.SelectboxLabelNormal span{font-family:var(--type_paragraf_bold_font);font-weight:var(--weight_paragraf_bold_font)}@media screen and (min-width: 768px){.VariantSelectors .RevolutionSelectbox--Item{transition:all .3s ease-in;width:100%;text-align:left}.VariantSelectors .RevolutionSelectbox--Item:hover{background-color:var(--loader_color);transition:all .3s ease-in}}@media screen and (min-width: 1440px){.SelectboxReserveSpace{white-space:nowrap}.ColorVariantSelect .SelectBox--Wrapper{display:grid;grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/component-selectbox.css.map */