.variant-picker__with-preview{display:flex;flex-direction:column;margin:var(--nova-space-sm) 0 var(--nova-space-md);gap:var(--nova-space-xs)}@media screen and (min-width:768px){.variant-picker__with-preview{flex-direction:row;align-items:center;gap:var(--nova-space-xs)}.variant-picker__preview-wrap{flex-shrink:0;width:114px;max-width:114px}nova-variant-picker{flex:1 1 0;min-width:0}}nova-variant-picker{display:flex;flex-direction:column;gap:var(--nova-space-xs)}.variant-picker__preview-wrap{max-width:140px;border:1px solid var(--nova-brand-neutral);border-radius:8px;overflow:hidden;background-color:var(--nova-brand-reverse)}.variant-picker__preview{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.variant-picker__preview[hidden]{display:none}.variant-picker__preview-trigger{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;border-radius:inherit;font:inherit;color:inherit;text-align:inherit}.variant-picker__preview-trigger:focus-visible{outline:2px solid var(--nova-utility-focus);outline-offset:2px}.variant-picker__preview-trigger:disabled{cursor:not-allowed;opacity:.55}.variant-picker__preview-dialog{--width: min(92vw, 960px);--body-spacing: 0}.variant-picker__preview-dialog::part(header){padding:var(--nova-space-sm) var(--nova-space-md)}.variant-picker__preview-dialog::part(title){font:var(--nova-body-utility);font-weight:700;font-size:16px;text-transform:uppercase}.variant-picker__preview-dialog::part(close-button){flex-shrink:0}.variant-picker__preview-dialog::part(body){padding:0}.variant-picker__preview-dialog::part(footer){padding:var(--nova-space-sm) var(--nova-space-md) var(--nova-space-md);text-align:center}.variant-picker__preview-dialog-img{display:block;width:100%;height:auto;max-height:min(80vh,calc(100dvh - 200px));margin:0;object-fit:contain}.variant-picker__preview-dialog-img[hidden]{display:none}@media screen and (max-width:767px){.variant-picker__preview-wrap{width:100%;max-width:100%}}.variant-picker__input{padding:0;margin:0 0 1.2rem;min-width:fit-content;border:none}.variant-picker__legend-container{margin-bottom:var(--nova-space-xs)}.variant-picker__legend{font:var(--nova-body-utility);letter-spacing:1.4px;font-weight:700;text-transform:uppercase;padding:0}.variant-picker__size-guide-button{text-decoration:underline;text-underline-offset:var(--nova-space-2xs);line-height:140%;padding:0 var(--nova-space-xs) 0 0;font:var(--nova-body-utility);font-size:14px;text-transform:uppercase}.variant-picker__input .form__label{padding-left:0}fieldset.variant-picker__input .form__label{margin-bottom:.2rem}.variant-picker__option-group{padding:0}.variant-picker__options{display:grid;grid-column-gap:var(--nova-space-xs);grid-row-gap:var(--nova-space-xs);grid-template-columns:repeat(4,1fr)}.variant-picker__options--swatches{grid-template-columns:repeat(auto-fit,var(--nova-product-color-swatch-size))}.variant-picker__options__input{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-picker__options__label{border:1px solid var(--nova-brand-neutral);border-radius:var(--nova-border-radius-s);background-color:var(--nova-brand-reverse);color:var(--nova-color-foreground);text-align:center;transition:border var(--nova-duration-short) ease;cursor:pointer;height:var(--nova-button-height-s)}.variant-picker__options__label:focus-visible{outline:none}.variant-picker__options__input:focus-visible+.variant-picker__options__label:not(.variant-picker__color-label){outline:2px solid var(--nova-utility-focus)}.variant-picker__options__input[checked]+.variant-picker__options__label:not(.variant-picker__color-label){border:1px solid var(--nova-color-foreground)}.disabled.variant-picker__options__label:not(.variant-picker__color-label){color:var(--nova-brand-neutral);text-decoration:line-through}.variant-picker__color-label{height:var(--nova-product-color-swatch-size);width:var(--nova-product-color-swatch-size);border-radius:var(--nova-border-rounded);text-indent:-9999px;font-size:0;position:relative}.variant-picker__options__input:focus-visible+.variant-picker__color-label:before{content:"";position:absolute;top:calc(var(--nova-product-color-swatch-outline) * -1);left:calc(var(--nova-product-color-swatch-outline) * -1);right:calc(var(--nova-product-color-swatch-outline) * -1);bottom:calc(var(--nova-product-color-swatch-outline) * -1);outline:2px solid var(--nova-utility-focus);border-radius:var(--nova-border-rounded)}.variant-picker__options__input[checked]+.variant-picker__color-label:before{content:"";position:absolute;top:calc(var(--nova-product-color-swatch-outline) * -1);left:calc(var(--nova-product-color-swatch-outline) * -1);right:calc(var(--nova-product-color-swatch-outline) * -1);bottom:calc(var(--nova-product-color-swatch-outline) * -1);border:1px solid var(--nova-color-foreground);border-radius:var(--nova-border-rounded)}.disabled.variant-picker__color-label:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent calc(50% - 1px),var(--nova-color-foreground) 50%,transparent calc(50% + 1px));pointer-events:none}@media screen and (min-width:768px){.disabled.variant-picker__color-label:after{top:1px;left:1px;right:1px;bottom:1px}}.variant-picker__select{background-color:#f6f6f6;position:relative;padding:16px 18px 20px;border-radius:8px;border:1px solid #eb0a1e}.variant-picker__dropdown__label{color:#fff;padding:10px;font:var(--nova-body-utility);font-size:16px;text-transform:uppercase;background:#eb0a1e;border-radius:6px 6px 0 0;margin-bottom:-2px}.variant-picker__dropdown__select::part(form-control-input) sl-popup{position:static}.variant-picker__dropdown__select sl-popup.select--focused sl-select::part(combobox){outline:none;box-shadow:none}.variant-picker__dropdown__select span.orp-sel{font-size:16px;font-weight:500}.variant-picker__dropdown__select::part(combobox){padding:0 var(--nova-space-xs);border-radius:4px;border:none;height:42px;min-height:unset;--sl-input-focus-ring-color: transparent;--sl-input-focus-ring-width: 0}.variant-picker__dropdown__select::part(expand-icon){position:absolute;right:var(--nova-space-xs);top:0}.variant-picker__dropdown__select::part(display-input){font-size:15px;line-height:140%;font-weight:500}.variant-picker__dropdown__select-option::part(label){font-size:22px;line-height:140%}.variant-picker__dropdown__select::part(listbox){background-color:#fff!important;border-radius:0 0 8px 8px!important;box-shadow:0 7px 5px 1px #00000059!important;padding:0!important;border:none!important;margin-top:-4px}
/*# sourceMappingURL=/cdn/shop/t/363/assets/snippet-variant-picker.css.map */