.variant-overflow-container{display:flex;align-items:center;gap:var(--spacing-3);width:100%;overflow-x:auto;padding:1rem 1px;margin:-1rem -1px}.variant-container{display:flex;border:0;padding:3px;gap:var(--spacing-3)}.variant-container label{display:flex;padding:var(--spacing-3);border-radius:3px;cursor:pointer;min-width:5rem;text-align:center;justify-content:center;box-shadow:0 0 0 3px var(--color-bg-primary);position:relative;outline-offset:5px;transition:opacity var(--transition);font-weight:600}.variant-container input[data-variant-name=slate]+label,.variant-container input[data-variant-name=charcoal]+label{background:linear-gradient(180deg,#454755,#32333c);color:var(--color-full-white)}.variant-container input[data-variant-name=clay]+label{background:#f9f8f4}.variant-container input[data-variant-name=clay-puck]+label{background:#cab19f}.variant-container input[data-variant-name=olive]+label{background:var(--color-earthy-green)}.variant-container input[data-variant-name=wheat]+label{background:var(--color-earthy-clay)}.variant-container input[data-variant-name=butter]+label{background:var(--color-earthy-clay)}.variant-container input[type=radio]:checked+label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;box-shadow:0 0 0 3px var(--color-bg-primary),0 0 0 4px var(--color-fg-primary);z-index:-1}.variant-container input[type=radio]:checked+label:after{content:"";position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--color-fg-primary);border-radius:999px}.variant-container input[type=radio]:focus-visible+label{box-shadow:none;outline:1px solid var(--color-bg-inv-primary);outline-style:dashed}.variant-container input{position:fixed;opacity:0;pointer-events:none}.variant-container input:disabled+label{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-variant-picker.css.map */