.SelectboxImage {transition:all 0.2s ease-in}
.SelectboxImage:hover {transition:all 0.3s ease-in;border-color:var(--primary_text)}
.SelectboxLabelNormal {padding:.5rem 1rem;border:1px solid var(--tertiary_grey);border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease-in}
.inputSelectboxCheckbox {width:0;opacity:0;margin:0!important;appearance:none;padding:0;height:0;border:0;overflow:hidden;position:absolute}
:checked+label.SelectboxCircle,.SelectboxCircle .SelectboxCircle-Selected,.SelectboxImage.SelectboxImage-Selected {border:1px solid var(--primary_text)}
.SelectboxImage {width:100%;max-width:60.2px;display:block;flex:none;border-radius:4px;overflow:hidden;border:1px solid var(--tertiary_grey)}
.SelectBox--Wrapper {display:flex;flex-wrap:wrap;width:fit-content;align-items:center;gap:.5rem}
.SelectboxLabelNormal:hover {transition:all 0.3s ease-in;border-color:var(--primary_text)}
:checked+.SelectboxLabelNormal {border-color:var(--primary_text)}
input:focus+label {outline:none}
product-component .VariantSelectors {display:flex;flex-direction:column;gap:1.5rem}
@media screen and (min-width:768px) {
  .VariantSelectors .RevolutionSelectbox--Item {transition:all 0.3s ease-in;width:100%;text-align:left}
  .VariantSelectors .RevolutionSelectbox--Item:hover {background-color:var(--loader_color);transition:all 0.3s ease-in}
}