.SelectboxCircle{display:block;width:46px;height:46px;border-radius:50%;cursor:pointer;transition:all .2s ease-in;background-color:var(--cpp_color);position:relative;overflow:hidden}.SelectboxCircle.white{outline:1px solid var(--secondary_grey);box-shadow:2px 2px 12px #1414140d}.SelectboxImage{transition:all .2s ease-in}.SelectboxBox--Wrapper{display:flex;align-items:center;pointer-events:none}.SelectboxBox{width:24px;height:24px;display:block;margin-right:8px}.SelectboxLabelNormal{padding:.5rem 1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:all .3s ease-in;border-radius:.125rem;border:1px solid var(--secondary_grey);background:var(--secondary_grey)}.inputSelectboxCheckbox{width:0px;opacity:0;margin:0!important;-webkit-appearance:none;appearance:none;padding:0;height:0px;border:0px;overflow:hidden;position:absolute}.SelectboxImage.SelectboxImage-Selected{border:1px solid var(--primary_text);box-shadow:2px 2px 12px #1414140d;pointer-events:none}.SelectboxCircle.SelectboxCircle-Selected{outline:2.845px solid var(--cpp_color);outline-offset:2.84px;box-shadow:2px 2px 12px #1414140d;pointer-events:none;width:40px;height:40px}.SelectboxCircle:has(img){background-color:unset}.SelectboxCircle:has(img).SelectboxCircle-Selected{outline:1.845px solid var(--cpp_color);outline-offset:2.84px;box-shadow:2px 2px 12px #1414140d;pointer-events:none;width:42px;height:42px}.SelectboxCircle.white.SelectboxCircle-Selected{outline:2.845px solid var(--secondary_grey);outline-offset:2.84px;box-shadow:2px 2px 12px #1414140d;pointer-events:none;width:36px;height:36px}.SelectboxCircle .out-of-stock__line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:140%;height:2px;background:var(--primary_text)}.SelectboxCircle.out-of-stock{opacity:.3}.SelectboxCircle:has(img).out-of-stock{outline:1.845px solid var(--secondary_grey)}.SelectboxImage{width:52px}.SelectboxImage.out-of-stock{opacity:.3}.SelectBox--Wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:.5rem}#quick-add-drawer .SelectBox--Wrapper{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.SelectboxLabelNormal--disabled{opacity:.2;text-decoration:line-through}:checked+.SelectboxLabelNormal{background-color:var(--primary_text);color:var(--secondary_text)}@media screen and (min-width: 768px){.SelectboxImage:hover{border:1px solid var(--primary_text);box-shadow:2px 2px 12px #1414140d}.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}.SelectboxLabelNormal:hover{background-color:var(--primary_text);color:var(--secondary_text);transition:all .3s ease-in}.SelectBox--Wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-selectbox.css.map */