:root{--component-variant-selection-fixed-padding-inline: 16px;--component-variant-selection-fixed-padding-block: 20px;--component-variant-selection-fixed-margin: 12px;--component-variant-selection-fixed-button-padding: 12px;--color-swatch-size: 30px;--color-swatch-gap: 11px;--product-section-gap: calc(var(--base-spacing-unit) * 4)}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none!important}}.component-variant-selection-fixed{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:100;background-color:var(--color-background);transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1;margin-bottom:0!important;padding:var(--component-variant-selection-fixed-padding-block) var(--component-variant-selection-fixed-padding-inline);box-shadow:0 -2px 8px #00000014,0 -1px 2px #0000000a;border-radius:var(--section-border-radius) var(--section-border-radius) 0 0}.component-variant-selection-fixed.is-hidden{transform:translateY(100%);opacity:0;pointer-events:none}.component-variant-selection-fixed.fade-out{opacity:0;pointer-events:none}.component-variant-selection-fixed.fade-in{opacity:1;pointer-events:auto}.component-variant-selection-fixed__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--component-variant-selection-fixed-margin)}.component-variant-selection-fixed__heading{font-size:var(--font-size-6)}.component-variant-selection-fixed__heading *{font-size:inherit!important}.component-variant-selection-fixed__variants-section{margin-bottom:calc(var(--component-variant-selection-fixed-margin) + 2px)}.component-variant-selection-fixed__buy-buttons{margin-bottom:var(--component-variant-selection-fixed-margin)}.component-variant-selection-fixed__buy-buttons button:is(button,.button){padding:var(--component-variant-selection-fixed-button-padding) 0;height:auto}.component-variant-selection-fixed__buy-buttons button span{font-size:var(--font-body-sm)!important}.component-variant-selection__selected-variants.compact{margin-bottom:var(--component-variant-selection-fixed-button-padding)}.component-variant-selection__variants-compact-wrapper{position:relative;display:flex;align-items:center;gap:var(--color-swatch-gap);overflow:hidden;height:var(--color-swatch-size, 2rem)}.component-variant-selection__variants-compact{display:flex;flex-wrap:wrap;gap:var(--color-swatch-gap);overflow:hidden;align-items:center;height:var(--color-swatch-size, 2rem)}.component-variant-selection__view-all{flex-shrink:0;padding:0;border:0;background:none;font-size:16px;white-space:nowrap;cursor:pointer;font-weight:var(--font-regular)!important}.component-variant-selection__variants-compact::-webkit-scrollbar{display:none}.component-variant-selection__variants-compact .radio__label,.component-variant-selection__drawer-variants .radio__label{flex-shrink:0}.component-variant-selection__variants-compact .radio__label--color,.component-variant-selection__drawer-variants .radio__label--color{flex-shrink:0;align-items:center;display:flex;height:var(--color-swatch-size, 2rem);justify-content:center;width:var(--color-swatch-size, 2rem);position:relative}.component-variant-selection__variants-compact .radio__label--color .radio__value--color,.component-variant-selection__drawer-variants .radio__label--color .radio__value--color{border:0;height:calc(var(--color-swatch-size, 2rem));min-width:unset;padding:0;width:calc(var(--color-swatch-size, 2rem));border-radius:100px;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}.component-variant-selection__variants-compact .radio__label--color .radio__input~.radio__value--color:after,.component-variant-selection__drawer-variants .radio__label--color .radio__input~.radio__value--color:after{border:2px solid transparent;border-radius:100px;content:"";display:block;height:var(--color-swatch-size, 2rem);width:var(--color-swatch-size, 2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:border-color .3s ease}.component-variant-selection__variants-compact .radio__label--color .radio__input[checked=checked]~.radio__value,.component-variant-selection__drawer-variants .radio__label--color .radio__input[checked=checked]~.radio__value{height:calc(var(--color-swatch-size, 2rem) - .8rem);width:calc(var(--color-swatch-size, 2rem) - .8rem)}.component-variant-selection__variants-compact .radio__label--color .radio__input[checked=checked]~.radio__value--color:after,.component-variant-selection__drawer-variants .radio__label--color .radio__input[checked=checked]~.radio__value--color:after{border-color:var(--color-form-border-active);height:var(--color-swatch-size, 2rem);width:var(--color-swatch-size, 2rem)}.component-variant-selection__variants-compact .radio__label--color .radio__input,.component-variant-selection__drawer-variants .radio__label--color .radio__input{opacity:0;position:absolute}.component-variant-selection__variants-compact .radio__label:not(.radio__label--color) .radio__value,.component-variant-selection__drawer-variants .radio__label:not(.radio__label--color) .radio__value{padding:8px 16px;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);border-radius:4px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s ease}.component-variant-selection__variants-compact .radio__label:not(.radio__label--color):hover .radio__value,.component-variant-selection__drawer-variants .radio__label:not(.radio__label--color):hover .radio__value{border-color:var(--color-text)}.component-variant-selection__variants-compact .radio__label:not(.radio__label--color):active .radio__value,.component-variant-selection__drawer-variants .radio__label:not(.radio__label--color):active .radio__value{transform:scale(.98)}.component-variant-selection__drawer{position:absolute;right:0;bottom:0;left:0;top:100%;transition:top .5s ease;padding:var(--component-variant-selection-fixed-padding-block) var(--component-variant-selection-fixed-padding-inline);background-color:var(--color-background);z-index:100;overflow:auto}.component-variant-selection__drawer.open{top:0;display:block}.component-variant-selection__drawer-variants{display:grid;grid-template-columns:repeat(auto-fill,var(--color-swatch-size));overflow:hidden;gap:var(--color-swatch-gap);align-items:center}.component-variant-selection__drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--component-variant-selection-fixed-margin)}@media screen and (max-width: 768px){.section .product{gap:var(--product-section-gap)}.product__information .information__richtext p{font-size:var(--font-body-sm)}.product__information .information__richtext{margin-bottom:8px!important}.section .product__information{z-index:99}.section:has(.faqs){padding-block:0}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/component-variant-selection-fixed.css.map */