.custom-variant span.pattern{display:block;cursor:pointer;text-align:center;font-size:0;letter-spacing:0;position:relative;max-width:100%;width:100%;height:60px;background-size:contain!important;margin:0 auto 8px;background-repeat:no-repeat!important;background-position:center!important}.custom-variant fieldset.variant-option.variant-option--buttons.variant-option--equal-width-buttons{display:flex}.custom-variant label.variant-option__button-label{flex-direction:column;justify-content:flex-start;max-width:105px;min-width:0;flex:1 0 105px;width:100%;background:transparent}.custom-variant span.variant-option__button-label__text{text-align:center;font-size:10px}.fabric-tabs-header{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px;max-width:100%;overflow:hidden;width:100%}.fabric-tab{border:1px solid #ddd;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;white-space:nowrap;max-width:100%}.fabric-tab.is-active{border-color:#021566;background:#021566;color:#fff}.variant-option.variant-option--buttons.color-variant-option.variant-option--swatches{display:flex;flex-wrap:wrap;gap:var(--gap-sm);max-width:100%;overflow:hidden;width:100%;padding:6px}.variant-option__button-label:has(:checked),.variant-option__button-label:has(:checked):hover{background:#fff!important;color:#000}.variant-option.variant-option--buttons.color-variant-option.variant-option--swatches .variant-option__button-label--has-swatch{border-radius:8px;max-width:100%;overflow:hidden}.fieldset-color-swatch label.variant-option__button-label.variant-option__button-label--has-swatch{display:flex;flex-direction:column;align-items:center;padding:10px;max-width:100%;box-sizing:border-box}.variant-option.variant-option--buttons.color-variant-option.variant-option--swatches .swatch.swatch--unscaled{--swatch-width: 67px;--swatch-height: 67px;border-radius:8px;max-width:100%;overflow:hidden}.variant-option.variant-option--buttons.color-variant-option.variant-option--swatches span.text{margin-top:6px;font-size:10px;font-weight:500;text-wrap:wrap;text-align:center;width:85px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.custom-variant label.variant-option__button-label.variant-option__button-label--has-swatch{flex:1 0 80px;min-width:80px;padding:0}.fabric-sample-request-link{margin-top:20px;text-align:center;width:100%;max-width:100%}.fabric-sample-btn{display:inline-block;background:#f441c8;color:#fff;padding:12px 24px;border-radius:100px;text-decoration:none;font-weight:600;font-size:14px;transition:background .3s ease,transform .2s ease;border:none;cursor:pointer;max-width:100%;box-sizing:border-box}.variant-tabs{display:flex;justify-content:space-between;background:#021566;padding:15px;border-radius:8px;gap:10px}variant-picker.variant-picker.spacing-style.variant-picker--left.custom-variant{background:#f43cc60a;padding:20px;border-radius:12px;overflow:hidden}fieldset.variant-option.variant-option--buttons legend{opacity:0}button.variant-tab{flex:1 1 31%;width:31%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 12px;background:#fff2fc;border:2px solid #fff2fc;border-radius:6px;cursor:pointer;font-size:1.2rem;line-height:1.2;color:#021566;transition:all .25s ease;position:relative}button.variant-tab.is-active{background:transparent;color:#fff}.variant-picker__form{display:flex;justify-content:flex-start;align-items:flex-start;padding:0 20px}fieldset.variant-option.variant-option--buttons{flex:0 0 100%;min-height:260px;max-height:350px;overflow-y:auto!important;overflow-x:clip!important;flex-wrap:wrap;gap:10px;margin:0!important;justify-content:center}img.variant-tab-icon{max-width:50px;background:#021566;padding:3px 6px;border-radius:4px}p.variant-tab-label{font-size:12px;margin-bottom:5px}.variant-tab-text{display:flex;flex-direction:column}span.selected-option{font-size:10px}.variant-tab-panel .product-list-title{opacity:0;visibility:hidden}.variant-tab-panel .option-content,.variant-tab-panel .product-variant-item{background:transparent}.variant-tab-panel .variant-image img{height:70px}.variant-tab-panel .variant-image{aspect-ratio:unset;border:none}.variant-tab-panel .product-variant-wrapper{gap:10px;min-height:260px;max-height:320px;overflow-y:auto!important;overflow-x:clip!important}.variant-tab-panel .product-variant-item{flex-direction:column;justify-content:flex-start;max-width:105px;min-width:0;flex:0 0 105px;width:100%;height:max-content;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:6px}.variant-tab-panel .product-variant-item.selected{border-color:#000;background:#fff}.color-picker-wrapper{margin-top:20px;min-height:260px;max-height:350px;overflow-y:auto!important;overflow-x:clip!important}.variant-tab-panel.custom-colors-tab.is-active .color-picker-wrapper{display:flex}.variant-tab-panel.custom-colors-tab .color-picker-wrapper{flex-wrap:wrap;gap:var(--gap-sm);max-width:100%;overflow:hidden;width:100%;padding:6px}.color-grid-item{display:flex;flex-direction:column;align-items:center;padding:10px 10px 0;box-sizing:border-box;border-radius:8px;max-width:100%;overflow:hidden;flex:0 0 15%;min-width:80px;position:relative;border:1px solid transparent}.color-grid-item.selected{background:#fff;border:1px solid black}input.custom-color-option{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;cursor:pointer}.color-swatches{width:67px;height:67px;border-radius:8px;max-width:100%;overflow:hidden}.color-grid-item label{margin-top:6px;font-size:10px;font-weight:500;text-wrap:wrap;text-align:center;width:85px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.color-swatches img{object-fit:cover;height:100%}@media screen and (max-width:1100px){button.variant-tab{min-width:27%}.variant-tabs{overflow-x:scroll}}@media screen and (max-width:767px){.variant-picker__form{padding:0}.color-grid-item{padding:4px;flex:0 0 10%;min-width:62px}.color-swatches{width:54px;height:54px}.color-grid-item label,.custom-variant span.variant-option__button-label__text{font-size:8px}.custom-variant span.pattern{height:40px}.custom-variant label.variant-option__button-label,.variant-tab-panel .product-variant-item{max-width:90px;flex:1 0 90px;padding:6px}fieldset.variant-option.variant-option--buttons{min-height:210px;max-height:271px}}@media screen and (max-width: 767px){variant-picker.variant-picker.spacing-style.variant-picker--left.custom-variant{padding:12px}.variant-tabs,button.variant-tab{padding:8px}img.variant-tab-icon{max-width:36px}p.variant-tab-label{font-size:10px}span.selected-option.colour{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/variant-option.css.map */