.magio-quick-view-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;visibility:hidden}.magio-quick-view-modal[open]{pointer-events:auto;visibility:visible}.magio-quick-view-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001f;opacity:0;transition:opacity .25s ease}.magio-quick-view-modal[open] .magio-quick-view-modal__backdrop{opacity:1}.magio-quick-view-modal__dialog{position:absolute;right:2.4rem;bottom:2.4rem;width:min(40rem,calc(100vw - 4.8rem));max-height:calc(100vh - 4.8rem);overflow:auto;background:#fff;box-shadow:0 .4rem 2.4rem #0000001f;padding:2.4rem;transform:translateY(1.6rem);opacity:0;transition:transform .28s ease,opacity .28s ease}.magio-quick-view-modal[open] .magio-quick-view-modal__dialog{transform:translateY(0);opacity:1}.magio-quick-view-modal__close{position:absolute;top:2rem;right:2rem;z-index:2;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.1rem;font-weight:700;letter-spacing:.08rem;line-height:1;text-transform:uppercase;color:#000}.magio-quick-view-modal__close:hover{opacity:.72}.magio-quick-view-modal__panel{min-width:0}.magio-quick-view-modal__panel .magio-quick-view-product{display:block}.magio-quick-view{display:flex;flex-direction:column;gap:2rem;padding-top:1.6rem}.magio-quick-view__summary{display:flex;align-items:flex-start;gap:1.6rem}.magio-quick-view__media{flex:0 0 9.6rem;width:9.6rem;height:9.6rem;background:#f5f5f5;overflow:hidden}.magio-quick-view__image{width:100%;height:100%;box-sizing:border-box;padding:.8rem;object-fit:contain;object-position:center;display:block}.magio-quick-view__headline{flex:1 1 auto;min-width:0;padding-top:.2rem}.magio-quick-view__title{margin:0 0 .8rem;font-family:var(--magio-pdp-font-title, "Candara", "Segoe UI", sans-serif);font-size:1.4rem;font-weight:700;line-height:1.25;letter-spacing:.02rem;text-transform:uppercase;color:#000}.magio-quick-view__price{font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.2rem;font-weight:400;line-height:1.3;color:#000}.magio-quick-view__price .magio-pdp__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.magio-quick-view__price .magio-pdp__price-compare{color:#999;text-decoration:line-through}.magio-quick-view__variants .product-form__input--pill{display:flex;flex-wrap:wrap;align-items:center;column-gap:2rem;row-gap:0;border:0;padding:0;margin:0;min-width:0}.magio-quick-view__variants .form__label{flex:0 0 100%;width:100%;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.2rem;font-weight:400;line-height:1.3;color:#767676;margin:0 0 1.2rem;padding:0}.magio-quick-view__variants .product-form__input--pill input[type=radio]+label{margin:0;min-width:0;min-height:0;height:auto;padding:0;border-radius:0;border:0;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.2rem;font-weight:400;line-height:1.3;letter-spacing:0;background:transparent;color:#999;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer}.magio-quick-view__variants .product-form__input--pill input[type=radio]+label:before{display:none}.magio-quick-view__variants .product-form__input--pill input[type=radio]:checked+label{min-width:7.2rem;min-height:3.6rem;height:3.6rem;padding:0 1.6rem;background:#000;color:#fff;border:0;box-shadow:none}.magio-quick-view__variants .product-form__input--pill input[type=radio]:not(:checked)+label:hover{color:#767676}.magio-quick-view__actions{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.magio-quick-view__form{flex:0 0 auto}.magio-quick-view__atc{position:relative;min-width:14rem;min-height:4rem;height:4rem;padding:0 2.4rem;border:0;border-radius:.2rem;background:#000;color:#fff;cursor:pointer;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1.1rem;font-weight:700;letter-spacing:.1rem;line-height:1;text-transform:uppercase}.magio-quick-view__atc:before,.magio-quick-view__atc:after{display:none}.magio-quick-view__atc:hover:not([disabled]){background:#1a1a1a;color:#fff}.magio-quick-view__atc[disabled]{opacity:.45;cursor:not-allowed}.magio-quick-view__atc .loading__spinner{position:absolute}.magio-quick-view__atc.loading span:first-child{opacity:.35}.magio-quick-view__details{flex:0 0 auto;font-family:var(--magio-pdp-font-body, "Outfit", sans-serif);font-size:1rem;font-weight:700;letter-spacing:.08rem;line-height:1.2;text-transform:uppercase;text-decoration:none;color:#000;white-space:nowrap}.magio-quick-view__details:hover{opacity:.72}.magio-quick-view__details span{margin-left:.2rem}@media screen and (max-width:749px){.magio-quick-view-modal__dialog{right:1.6rem;left:1.6rem;bottom:1.6rem;width:auto;padding:2rem 1.6rem 1.6rem}.magio-quick-view-modal__close{top:1.6rem;right:1.6rem}.magio-quick-view__actions{flex-direction:column;align-items:stretch}.magio-quick-view__atc{width:100%}.magio-quick-view__details{align-self:flex-start}}@media(prefers-reduced-motion:reduce){.magio-quick-view-modal__dialog,.magio-quick-view-modal__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-magio-quick-view.css.map */