.variant-swatch-list-color{position:relative;margin:-5px -5px -2px -4px;display:grid;grid-auto-flow:row dense}@media screen and (min-width: 1000px){.variant-swatch-list-color{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width: 999px){.variant-swatch-list-color{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 640px){.variant-swatch-list-color{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 420px){.variant-swatch-list-color{grid-template-columns:repeat(2,1fr)}}.product-form{margin-top:0}.product-meta-wrapper{padding:var(--spacing-base);margin-bottom:var(--spacing-base)}.variant-swatch-color{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin:5px;padding-bottom:var(--spacing-small)}.variant-swatch-color.selectable{cursor:pointer}.variant-swatch-color img{object-fit:cover;height:100%;width:100%}.product-title{display:block}.product-description{position:relative;font-weight:700;line-height:1.5rem;max-height:3rem}.product-description .tooltip-text{visibility:hidden;opacity:0;width:100%;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:8px;position:absolute;bottom:0;z-index:2}.product-description:hover .tooltip-text{visibility:visible;opacity:1;transition:opacity .1s ease-in}.product-form__payment-container>*,.product-form__button-container>*{width:100%}.variant-swatch-color button{margin-top:16px;padding:0 4px;line-height:40px}.aspect-ratio{margin-left:auto;margin-right:auto;margin-bottom:-18px}.variant-swatch-color .aspect-ratio img,.aspect-ratio video,.aspect-ratio svg{position:relative;height:96px;width:96px}.variant-swatch-color__radio{position:relative;height:0;width:0;opacity:0}.variant-swatch-color__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:2px;overflow:hidden;border:2px solid transparent;height:100%}.variant-swatch-color__thumbnail{border-radius:8px;overflow:hidden;height:72px}.selected-color-variant-image{position:relative;width:100%;border-radius:8px;overflow:hidden}.selected-color-variant-image div{position:absolute;top:0;bottom:0;left:0;right:0}.selected-color-variant-image img{height:100%;width:100%;object-fit:cover}.variant-swatch-color__item svg{display:none}.variant-swatch-color__label{padding-top:var(--spacing-small);display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.variant-swatch-list-color.variant-color-selected .variant-swatch__radio:checked+.variant-swatch-color__item{border-color:var(--accent-color);border-radius:3px}@media screen and (max-width: 999px){.card--collapsed .card__header,.card--collapsed .card__section{padding-top:var(--spacing-small);height:auto}.product-description{position:relative;font-weight:700;line-height:1.5rem;max-height:none}}.selected-color-variant-modal{display:flex;max-height:0;overflow:hidden;flex-flow:column;align-items:end;transition-property:max-height;transition-timing-function:ease-in;background-color:var(--secondary-background)}.color-variant-modal-content{width:100%;display:flex;padding-bottom:var(--spacing-base)}.selected-color-variant-modal-overlay{height:0;background-color:#00000080;content:"";width:100vw;position:fixed;bottom:0;left:0;z-index:5;transition-property:opacity;transition-timing-function:ease-in;opacity:0}@media screen and (max-width: 640px){.color-variant-modal-close-button{padding:.5rem .5rem 1rem 0}}@media screen and (min-width: 641px) and (max-width: 999px){.color-variant-modal-close-button{padding:var(--spacing-small) var(--spacing-small) 0 0}}@media screen and (max-width: 999px){.selected-color-variant-modal{position:fixed;z-index:6;bottom:0;left:0;right:0;margin:0;padding:0;border-radius:5px 5px 0 0}.color-variant-modal-content{flex-flow:column;padding:0 var(--spacing-base);overflow-y:auto}.selected-color-variant-modal .color-variant-modal-color-section{width:100%;padding-bottom:var(--spacing-base);place-content:center}.selected-color-variant-image{max-width:250px}.selected-color-variant-modal .color-variant-modal-info-section{padding-bottom:calc(2 * var(--spacing-base))}.selected-color-variant-modal .color-variant-modal-buy-section{padding-bottom:var(--spacing-base)}.color-variant-modal-close-button{width:100%;place-content:end}.selected-color-variant-image:before{display:block;overflow:hidden;padding-bottom:50%;content:""}}@media screen and (min-width: 1000px){.selected-color-variant-modal{grid-column:-1/1;margin-left:calc(-1 * (var(--spacing-base)));margin-right:calc(-1 * (var(--spacing-base)));padding:0 var(--spacing-base)}.selected-color-variant-modal .color-variant-modal-section:not(:first-child){padding-left:var(--spacing-base)}.selected-color-variant-modal .color-variant-modal-section:not(:last-child){padding-right:var(--spacing-base);border-right:solid 1px #d4d4d4}.selected-color-variant-modal .color-variant-modal-color-section{width:25%}.selected-color-variant-modal .color-variant-modal-info-section{width:calc(100%/3)}.selected-color-variant-modal .color-variant-modal-buy-section{width:calc(100% * 5/12)}.color-variant-modal-content{flex-flow:row}.selected-color-variant-modal:before,.selected-color-variant-modal:after{height:var(--spacing-base);background-color:var(--background);content:"";width:calc(100% + (2 * var(--spacing-base)));position:relative;left:var(--spacing-base)}.selected-color-variant-image:before{display:block;overflow:hidden;padding-bottom:100%;content:""}.color-variant-modal-close-button{padding-top:var(--spacing-small)}.selected-color-variant-modal-overlay{display:none}}.selected-color-variant-modal .color-variant-modal-color-section{display:flex;align-items:center}.selected-color-variant-modal .color-variant-modal-info-section{display:flex;flex-direction:column;justify-content:space-between}.color-variant-modal-metafield-list{color:var(--heading-color);display:flex;flex-direction:column}.selected-color-variant-modal .color-variant-modal-buy-section{flex-grow:1}.selected-color-variant-modal .color-variant-modal-buy-section form{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.color-variant-modal-close-button{display:flex;align-items:center;cursor:pointer;z-index:2;color:var(--heading-color);border-bottom:solid var(--secondary-background) 1px}.color-variant-modal-close-button:hover{color:inherit}.color-variant-modal-close-button span{padding-left:5px}
/*# sourceMappingURL=/s/files/1/0551/8177/0932/t/5/assets/product-variant-selector.css.map */
