html.quick-view-open{overflow:hidden}.quick-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;pointer-events:none}.quick-view[hidden]{display:none}.quick-view.is-open,.quick-view.is-closing,.quick-view.is-loading{visibility:visible}.quick-view.is-open,.quick-view.is-loading{pointer-events:auto}.quick-view.is-closing{pointer-events:none}.quick-view__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000073;opacity:0;transition:opacity .3s ease}.quick-view.is-open .quick-view__backdrop,.quick-view.is-loading .quick-view__backdrop{opacity:1}.quick-view.is-closing .quick-view__backdrop{opacity:0}.quick-view__fetch-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.quick-view__fetch-loading[hidden],.quick-view.is-open .quick-view__fetch-loading{display:none}.quick-view__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:920px;max-height:calc(100vh - 48px);border-radius:12px;background-color:#fff;box-shadow:0 20px 40px #0000001f;overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .3s ease,transform .3s ease}.quick-view__dialog:focus{outline:none}.quick-view.is-loading .quick-view__dialog{opacity:0;transform:translateY(16px) scale(.98)}.quick-view.is-open .quick-view__dialog{opacity:1;transform:translateY(0) scale(1)}.quick-view.is-closing .quick-view__dialog{opacity:0;transform:translateY(12px) scale(.98)}.quick-view__close{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background-color:transparent;color:#6b7280;cursor:pointer;transition:color .2s ease}.quick-view__close:hover{color:#141414}.quick-view__close:focus{outline:none}.quick-view__close:focus-visible{outline:2px solid #F47B21;outline-offset:2px}.quick-view__close svg{width:16px;height:16px}.quick-view__body{position:relative;overflow:auto}.quick-view__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background-color:#ffffffb8}.quick-view__loading[hidden]{display:none}.quick-view__spinner{width:32px;height:32px;border:2px solid #E5E7EB;border-top-color:#f47b21;border-radius:999px;animation:quick-view-spin .8s linear infinite}@keyframes quick-view-spin{to{transform:rotate(360deg)}}.quick-view__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.quick-view__media{display:flex;align-items:center;justify-content:center;min-height:280px;padding:16px;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff}.quick-view__image,.quick-view__placeholder{display:block;width:100%;max-width:420px;height:auto;max-height:420px;object-fit:contain}.quick-view__details{display:flex;flex-direction:column;gap:16px}.quick-view__brand{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:8px;background-color:#6c7280;font-size:14px;font-weight:400;line-height:20px;color:#fff}.quick-view__title{margin:0;font-size:20px;font-weight:500;line-height:1.2;color:#141414}.quick-view__product-info{padding:0;border:0;border-radius:0;overflow:visible}.quick-view__product-info .product-info__block--size{margin-top:28px}.quick-view__product-info .product-info__block--color .product-info__color-swatches:not([hidden]){margin-bottom:8px}.quick-view__product-info .product-info__block--buy{margin-top:40px}.quick-view__details-link{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;color:#141414;text-decoration:none;transition:color .2s ease}.quick-view__details-link:hover{color:#f47b21}.quick-view__details-link-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:14px;height:14px}.quick-view__details-link-icon svg{display:block;width:14px;height:14px}@media(min-width:768px){.quick-view__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:32px}}@media(max-width:767px){.quick-view{padding:0}.quick-view__dialog{max-width:none;max-height:none;height:100%;border-radius:0}.quick-view__title{font-size:16px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/quick-view.css.map */