.product-variants-container .variant-output{grid-template-rows:auto;gap:1em;display:grid}@media (width<=1024px){.product-variants-container .variant-output{gap:.5em}}.product-variants-container .variant-output fieldset{border:none;grid-template-columns:repeat(4,1fr);gap:1em;margin:0;padding:0;display:grid}@media (width<=1024px){.product-variants-container .variant-output fieldset{grid-template-columns:repeat(2,1fr);gap:.5em}}.product-variants-container .variant-output fieldset label{cursor:pointer;border:2px solid var(--color-tertiary-accent);text-align:center;border-radius:.5em;grid-template-rows:1fr auto;justify-content:center;align-items:center;gap:.5em;padding:1em 2em;display:grid}.product-variants-container .variant-output fieldset label.active{background-color:var(--color-white)}.product-variants-container .variant-output fieldset label.active span.size-value{background-color:var(--color-primary);color:var(--color-white)}.product-variants-container .variant-output fieldset label:first-child span.size-value{width:2.25em;height:2.25em}.product-variants-container .variant-output fieldset label:nth-child(2) span.size-value{width:2.75em;height:2.75em}.product-variants-container .variant-output fieldset label:nth-child(3) span.size-value{width:3.25em;height:3.25em}.product-variants-container .variant-output fieldset label:nth-child(4) span.size-value{width:3.75em;height:3.75em}.product-variants-container .variant-output fieldset label:nth-child(5) span.size-value{width:4.25em;height:4.25em}.product-variants-container .variant-output fieldset label input{display:none}.product-variants-container .variant-output fieldset label span{white-space:normal;display:flex}.product-variants-container .variant-output fieldset label span.size-value{border:2px solid var(--color-primary);width:3em;height:3em;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-weight:600}.product-variants-container .variant-output fieldset label span.size-label{line-height:1}.product-variants-container .variant-select{display:none}
