.product-form__input--swatch-combo{margin-bottom:1.6rem;position:relative}.swatch-combo-container{position:relative;display:inline-block;width:100%;max-width:300px}.swatch-combo-display{display:flex;align-items:center;padding:1rem 1.2rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.4rem;background-color:rgb(var(--color-background));cursor:pointer;transition:all .3s ease;position:relative;min-height:5rem}.swatch-combo-display:hover{border-color:rgba(var(--color-foreground),.3);box-shadow:0 2px 8px rgba(var(--color-foreground),.1)}.swatch-combo-display.active{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.1)}.swatch-combo-display .swatch{--swatch--size: 2.4rem;margin-right:1rem;flex-shrink:0}.swatch-combo-placeholder{--swatch--size: 2.4rem;width:var(--swatch--size);height:var(--swatch--size);border-radius:50%;background-color:rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));margin-right:1rem;flex-shrink:0}.swatch-combo-text{flex:1;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));text-align:left}.swatch-combo-arrow{font-size:1.2rem;color:rgba(var(--color-foreground),.6);transition:transform .3s ease;margin-left:.8rem}.swatch-combo-display.active .swatch-combo-arrow{transform:rotate(180deg)}.swatch-combo-dropdown{position:absolute;top:100%;left:0;right:0;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:.4rem;box-shadow:0 4px 12px rgba(var(--color-foreground),.15);z-index:1000;max-height:200px;overflow-y:auto;display:none;margin-top:.4rem}.swatch-combo-dropdown.active{display:block}.swatch-combo-option{position:relative}.swatch-combo-input{position:absolute;opacity:0;pointer-events:none}.swatch-combo-option-label{display:flex;align-items:center;padding:1rem 1.2rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid rgba(var(--color-foreground),.05)}.swatch-combo-option-label:hover{background-color:rgba(var(--color-foreground),.05)}.swatch-combo-option:last-child .swatch-combo-option-label{border-bottom:none}.swatch-combo-option-label .swatch{--swatch--size: 2rem;margin-right:1rem;flex-shrink:0}.swatch-combo-option-label .swatch-combo-placeholder{--swatch--size: 2rem;width:var(--swatch--size);height:var(--swatch--size);border-radius:50%;background-color:rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:rgb(var(--color-foreground));margin-right:1rem;flex-shrink:0}.swatch-combo-option-text{font-size:1.3rem;color:rgb(var(--color-foreground));flex:1}.swatch-combo-input:checked+.swatch-combo-option-label{background-color:rgba(var(--color-foreground),.1);font-weight:600}.swatch-combo-input:checked+.swatch-combo-option-label .swatch{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.swatch-combo-input.disabled+.swatch-combo-option-label{opacity:.5;cursor:not-allowed}.swatch-combo-input.disabled+.swatch-combo-option-label .swatch{opacity:.4}@media screen and (max-width: 749px){.swatch-combo-container{max-width:100%}.swatch-combo-display{min-height:4.5rem;padding:.8rem 1rem}.swatch-combo-display .swatch{--swatch--size: 2rem}.swatch-combo-text{font-size:1.3rem}.swatch-combo-option-label .swatch{--swatch--size: 1.8rem}.swatch-combo-option-text{font-size:1.2rem}}.swatch-combo-display:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.swatch-combo-option-label:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.swatch-combo-dropdown{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-swatch-combo.css.map */