.variant-modal{position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;z-index:9999}.variant-modal.active{display:block;visibility:visible}.variant-modal__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.variant-modal__content{position:absolute;right:0;top:0;width:80%;max-width:540px;height:100%;background:#fff;transform:translate(100%);transition:transform .35s ease;padding:48px 36px 48px 48px;display:flex;flex-direction:column}.variant-modal__close{position:absolute;right:20px;background:none;border:none}.variant-modal.active .variant-modal__content{transform:translate(0)}.variant__size-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-custom-border);font-size:13px;padding:16px 8px;cursor:pointer}.variant__size-item:hover{background-color:#bdbdbd1a;border-bottom:1px solid rgb(var(--color-foreground))}.variant__size-item.selected{background-color:#bdbdbd1a}.variant__option-item .variant__option-price{font-size:13px;white-space:nowrap;margin-left:1.2rem}.variant-picker__drawer-button-label{display:flex;flex-direction:row;align-items:center}.variant-picker__drawer-button{display:flex;align-items:center;justify-content:space-between;border:none;outline:none;border-bottom:1px solid var(--color-custom-border);font-size:13px;padding:16px 0;cursor:pointer;background:transparent;width:100%}.variant-picker__drawer-button:hover{background:#f9fafb;border-bottom:1px solid #141414}.variant-modal__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.variant-modal__title{font-size:13px;margin:0}.variant-modal__tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:32px}.variant-modal__tabs--single{grid-template-columns:1fr}.variant-modal__tab{border:none;outline:none;background:transparent;font-size:16px;padding:0;cursor:pointer;display:flex;justify-content:center;width:fit-content}.variant-modal__tab--active{color:var(--color-active)}.variant-modal__tab-content{display:none}.variant-modal__tab-content--active{display:flex;flex-direction:column}.variant-modal__page-content h5{margin:32px 0}.variant-modal__page-content-button{width:100%;margin-top:32px}.variant-modal__tab-contents{flex:1;overflow-y:auto;padding-right:12px}.variant-modal__body--custom{display:grid;grid-template-columns:repeat(var(--variant-modal--columns),1fr);gap:8px}.custom-option__item{position:relative;cursor:pointer}.custom-option__product-title{position:absolute;left:0;top:0;width:100%;height:100%;display:block!important}.variant-modal__accordion{border:none;box-shadow:none;margin:0;padding:0}.variant-modal__accordion-item-summary{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.variant-modal__accordion .accordion__content{padding:1.6rem 0 0}.custom-option__image{height:fit-content;position:relative}.custom-option__image-name{opacity:0;position:absolute;left:0;right:0;bottom:8px;font-size:10px;text-align:center;border-bottom:1px solid rgb(var(--color-foreground));padding-bottom:8px}.custom-option__item:hover .custom-option__image-name{opacity:1}.custom-option__item-shape .custom-option__image-name{opacity:0;background-color:rgb(var(--color-background));left:0;right:0;bottom:0;top:0;display:flex;flex-direction:row;align-items:center;justify-content:center;padding-bottom:0;border:none;position:absolute;font-size:8px;text-align:center}.custom-option__item-shape:hover .custom-option__image-name{opacity:1}.custom-option__image img{border:none;margin:0}.custom-option__collection{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 8px;margin-top:32px}.custom-option__collection-images{grid-template-columns:repeat(3,1fr)}.variant-modal__image-wrapper img{width:100%;object-fit:contain}.variant-modal__title-size{margin:3.2rem 0;display:flex;justify-content:space-between}.variant-modal__title-size span{display:flex;align-items:center}.variant-modal__title-size svg{margin-right:.8rem;margin-top:2px}@media screen and (max-width:996px){.variant-modal__content{max-width:600px;width:100%;padding-left:2.4rem;padding-right:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-variant.css.map */