.custom-variant-picker{width:100%}.custom-variant-picker__container{display:flex;flex-direction:column;gap:0}.custom-variant-picker__option{position:relative}.custom-variant-picker__toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;background-color:#2b2b2b;border:none;border-radius:0;cursor:pointer;transition:all .2s ease;text-align:center;font-family:inherit;font-size:.875rem;color:#fff;position:relative}.custom-variant-picker__toggle:hover{background-color:#3b3b3b}.custom-variant-picker__toggle[aria-expanded=true]{background-color:#2b2b2b}.custom-variant-picker__toggle-label{font-weight:400;font-size:.875rem;letter-spacing:.02em}.custom-variant-picker__toggle-value,.custom-variant-picker__icon,.custom-variant-picker__option[data-option-name=frame-color],.custom-variant-picker__option[data-option-name=frame],.custom-variant-picker__option[data-option-name=color],.custom-variant-picker__option[data-option-name=colour]{display:none}.custom-variant-picker__dropdown{position:relative;background-color:#fff;border:1px solid #e0e0e0;border-top:none;z-index:10;overflow:visible;margin-top:-1px}.custom-variant-picker__dropdown[hidden]{display:none}.custom-variant-picker__section{padding:1.5rem}.custom-variant-picker__section+.custom-variant-picker__section{border-top:1px solid #e0e0e0}.custom-variant-picker__section-title{font-size:.75rem;font-weight:500;text-transform:none;letter-spacing:0;margin-bottom:1rem;color:#000}.custom-variant-picker__selected-frame,.custom-variant-picker__selected-size{font-weight:400;text-transform:capitalize}.custom-variant-picker__options--size{display:table;width:100%;border-collapse:collapse;overflow:hidden;position:relative}.custom-variant-picker__option-label--size{display:table-row;cursor:pointer;transition:all .2s ease}.custom-variant-picker__option-label--size:hover{background-color:#f8f8f8}.custom-variant-picker__option-label--size input{position:absolute;opacity:0;pointer-events:none}.custom-variant-picker__size-info{display:contents;position:relative}.custom-variant-picker__size-name,.custom-variant-picker__size-dimensions,.custom-variant-picker__size-price{display:table-cell;padding:.75rem 1rem;vertical-align:middle;font-size:12px;color:#000;border-bottom:1px solid #f0f0f0}.custom-variant-picker__size-name{font-weight:500;text-transform:capitalize;text-align:left;padding-left:1.5rem}.custom-variant-picker__size-dimensions{text-align:center;color:#666}.custom-variant-picker__size-price{font-weight:500;text-align:right;padding-right:1.5rem}.custom-variant-picker__option-label--size:last-child .custom-variant-picker__size-name,.custom-variant-picker__option-label--size:last-child .custom-variant-picker__size-dimensions,.custom-variant-picker__option-label--size:last-child .custom-variant-picker__size-price{border-bottom:none}.custom-variant-picker__option-label--size{position:relative;display:table-row}.custom-variant-picker__option-label--size input:checked+.custom-variant-picker__size-info:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #000;pointer-events:none}.custom-variant-picker__options--frame{display:flex;gap:.75rem;margin-top:.5rem}.custom-variant-picker__option-label--frame{display:inline-block;cursor:pointer;position:relative}.custom-variant-picker__option-label--frame input{position:absolute;opacity:0;pointer-events:none}.custom-variant-picker__frame-swatch{width:40px;height:40px;border:1px solid #e0e0e0;background-color:#f0f0f0;transition:all .2s ease;display:block;position:relative}.custom-variant-picker__option-label--frame:hover .custom-variant-picker__frame-swatch{border-color:#999}.custom-variant-picker__option-label--frame input:checked~.custom-variant-picker__frame-swatch{outline:1px solid #000;outline-offset:3px}.custom-variant-picker__frame-name{display:none}.custom-variant-picker__frame-swatch[data-frame-color=black]{background-color:#000}.custom-variant-picker__frame-swatch[data-frame-color=white]{background-color:#fff;border-color:#ccc}.custom-variant-picker__frame-swatch[data-frame-color=natural],.custom-variant-picker__frame-swatch[data-frame-color=wood],.custom-variant-picker__frame-swatch[data-frame-color=oak],.custom-variant-picker__frame-swatch[data-frame-color=light-wood]{background-color:#c4915c}.custom-variant-picker__frame-swatch[data-frame-color=walnut],.custom-variant-picker__frame-swatch[data-frame-color=dark-wood]{background-color:#6b5d54}.custom-variant-picker__option-label--disabled{opacity:.4;cursor:not-allowed;position:relative}.custom-variant-picker__option-label--disabled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:2px;height:100%;background-color:#666;pointer-events:none}.custom-variant-picker__option-label--disabled input{cursor:not-allowed}.custom-variant-picker__option-label--disabled .custom-variant-picker__frame-swatch{position:relative;overflow:hidden}.custom-variant-picker__option-label--disabled .custom-variant-picker__frame-swatch:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:2px;height:150%;background-color:#808080cc;z-index:1}@media screen and (max-width: 749px){.custom-variant-picker__dropdown{position:relative}.custom-variant-picker__options--frame{flex-wrap:wrap}.custom-variant-picker__option-label--size{position:relative;display:block}.custom-variant-picker__option-label--size input:checked+.custom-variant-picker__size-info{position:relative}.custom-variant-picker__option-label--size input:checked+.custom-variant-picker__size-info:before{content:"";position:absolute;border:1px solid #000;pointer-events:none;z-index:1}.custom-variant-picker__options--size{border:none!important}.custom-variant-picker__size-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;position:relative}.custom-variant-picker__size-name,.custom-variant-picker__size-dimensions,.custom-variant-picker__size-price{display:block;padding:0;border:none}.custom-variant-picker__size-name{flex:1;text-align:left}.custom-variant-picker__size-dimensions{flex:1;text-align:center}.custom-variant-picker__size-price{flex:0 0 auto;text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/custom-variant-picker.css.map */