.symmetry-qv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--symmetry-qv-modal-max-width: 960px;--symmetry-qv-modal-padding: 24px;--symmetry-qv-gap: 24px;--symmetry-qv-media-max-width: 100%;--symmetry-qv-info-min-width: 280px}symmetry-qv-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;pointer-events:none;opacity:0;transition:opacity .2s ease;box-sizing:border-box!important}symmetry-qv-modal *,symmetry-qv-modal *:before,symmetry-qv-modal *:after{box-sizing:border-box}symmetry-qv-modal[aria-hidden=false]{pointer-events:auto;opacity:1}.symmetry-qv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:block!important}.symmetry-qv-dialog{position:relative;z-index:1;background:#fff;width:100%;max-width:var(--symmetry-qv-modal-max-width);max-height:calc(100vh - 32px);overflow:hidden;overflow-y:auto;overflow-x:hidden;border-radius:8px;box-shadow:0 25px 50px -12px #0006;transform:scale(.95);transition:transform .2s ease}symmetry-qv-modal[aria-hidden=false] .symmetry-qv-dialog{transform:scale(1)}.symmetry-qv-dialog:focus{outline:none}.symmetry-qv-close{position:absolute;top:12px;right:12px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;border-radius:50%;box-shadow:0 2px 8px #00000026;transition:background .15s,transform .15s;flex-shrink:0}.symmetry-qv-close:hover{background:#f5f5f5;transform:scale(1.05)}.symmetry-qv-close:focus-visible{outline:2px solid #222;outline-offset:2px}.symmetry-qv-content{padding:var(--symmetry-qv-modal-padding);overflow:hidden}.symmetry-qv-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.symmetry-qv-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#222;border-radius:50%;animation:symmetry-qv-spin .8s linear infinite}@keyframes symmetry-qv-spin{to{transform:rotate(360deg)}}.symmetry-qv-error{text-align:center;padding:60px 20px}.symmetry-qv-error p{margin-bottom:16px;color:#666}.symmetry-qv-product{display:flex;gap:var(--symmetry-qv-gap);align-items:flex-start;width:100%;overflow:hidden}.symmetry-qv-media{flex:0 1 auto;width:var(--symmetry-qv-media-max-width);max-width:400px;min-width:200px;display:flex;flex-direction:column;gap:12px;border-radius:4px}.symmetry-qv-info{flex:1 1 auto;min-width:var(--symmetry-qv-info-min-width);display:grid;grid-template-rows:auto 1fr auto;gap:16px;overflow-y:auto;overflow-x:hidden;align-self:stretch;scrollbar-width:none;-ms-overflow-style:none}.symmetry-qv-info::-webkit-scrollbar{display:none}.symmetry-qv-info-top{display:flex;flex-direction:column;gap:1rem}.symmetry-qv-info-middle{display:flex;flex-direction:column;gap:16px;align-self:center;width:100%}.symmetry-qv-info-bottom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.symmetry-qv-image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:4px;background:#f5f5f5;flex-shrink:0}.symmetry-qv-slider{position:relative;width:100%;height:100%}.symmetry-qv-slider-viewport{width:100%;height:100%;overflow:hidden;touch-action:pan-y pinch-zoom;outline:none;user-select:none;-webkit-user-select:none}.symmetry-qv-slider-viewport:focus-visible{outline:2px solid #222;outline-offset:2px}.symmetry-qv-slider-track{display:flex;width:100%;height:100%;transition:transform .38s cubic-bezier(.22,.61,.36,1);will-change:transform}.symmetry-qv-slider-track.is-dragging,.symmetry-qv-slider-track.is-instant{transition:none}.symmetry-qv-slide{position:relative;flex:0 0 100%;width:100%;height:100%}.symmetry-qv-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.symmetry-qv-media-nav{position:absolute;top:50%;z-index:2;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(34,34,34,.12);border-radius:999px;background:#ffffffeb;color:#222;cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 24px #00000024;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,transform .2s,box-shadow .2s,opacity .15s}.symmetry-qv-media-nav--prev{left:12px}.symmetry-qv-media-nav--next{right:12px}.symmetry-qv-media-nav:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.04);box-shadow:0 10px 28px #0000002e}.symmetry-qv-media-nav:focus-visible{outline:2px solid #222;outline-offset:2px}.symmetry-qv-media-nav:disabled,.symmetry-qv-media-nav[hidden]{opacity:0;pointer-events:none}.symmetry-qv-placeholder-image{width:100%;height:100%;background:#e8e8e8}.symmetry-qv-title{margin:0;font-size:var(--qv-title-size-desktop, 24px);font-family:var(--qv-title-font-family, inherit);font-weight:var(--qv-title-font-weight, 600);font-style:var(--qv-title-font-style, normal);line-height:1.2;color:var(--qv-title-color, #222);word-wrap:break-word;overflow-wrap:break-word}.symmetry-qv-vendor{margin:0;font-size:var(--qv-vendor-size-desktop, 14px);color:var(--qv-vendor-color, #666);text-transform:uppercase;letter-spacing:.05em}.symmetry-qv-price{margin-top:2px;font-size:var(--qv-price-size-desktop, 20px);font-weight:500;color:var(--qv-price-color, #222)}.symmetry-qv-price-sale{color:#c00;margin-right:8px}.symmetry-qv-price-compare{color:#999;font-size:.8em}.symmetry-qv-price-skeleton{display:inline-block;height:1.2em;width:100px;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%;animation:symmetry-qv-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;position:relative;overflow:hidden}@keyframes symmetry-qv-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.symmetry-qv-price.is-loading{min-height:1.5em}.symmetry-qv-variants{display:flex;flex-direction:column;gap:16px}.symmetry-qv-option{display:flex;flex-direction:column;gap:12px}.symmetry-qv-option-label{font-size:var(--qv-option-label-size-desktop, 14px);font-weight:500;color:var(--qv-option-label-color, #222)}.symmetry-qv-option-values{display:flex;flex-wrap:wrap;gap:8px}.symmetry-qv-option-btn{padding:8px 16px;border:1px solid var(--qv-option-border, #ddd);background:var(--qv-option-bg, #fff);color:var(--qv-option-text, #222);border-radius:4px;font-size:var(--qv-option-btn-size-desktop, 14px);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.symmetry-qv-option-btn:hover{border-color:#999}.symmetry-qv-option-btn:focus-visible{outline:2px solid var(--qv-option-selected-bg, #222);outline-offset:2px}.symmetry-qv-option-btn.is-selected{border-color:var(--qv-option-selected-border, #222);background:var(--qv-option-selected-bg, #222);color:var(--qv-option-selected-text, #fff)}.symmetry-qv-quantity{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.symmetry-qv-quantity label{font-size:var(--qv-quantity-label-size-desktop, 14px);font-weight:500;color:var(--qv-quantity-color, #222)}.symmetry-qv-quantity-wrapper{display:flex;align-items:center;gap:0;width:fit-content;border:1px solid #ddd;border-radius:4px;overflow:hidden}.symmetry-qv-quantity-btn{width:40px;height:40px;border:none;background:#f5f5f5;font-size:var(--qv-quantity-selector-size-desktop, 16px);color:var(--qv-quantity-color, #222);cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.symmetry-qv-quantity-btn:hover{background:#e5e5e5}.symmetry-qv-quantity-btn:focus-visible{outline:2px solid var(--qv-quantity-color, #222);outline-offset:-2px}.symmetry-qv-quantity-input{width:60px;height:40px;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:var(--qv-quantity-selector-size-desktop, 16px);color:var(--qv-quantity-color, #222);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.symmetry-qv-quantity-input::-webkit-outer-spin-button,.symmetry-qv-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.symmetry-qv-quantity-input:focus-visible{outline:2px solid var(--qv-quantity-color, #222);outline-offset:-2px}.symmetry-qv-add-btn{flex:1 1 100%;width:100%;padding:14px 24px;background:var(--qv-btn-bg, #222);color:var(--qv-btn-text, #fff);border:none;border-radius:4px;font-size:var(--qv-btn-size-desktop, 16px);font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.symmetry-qv-add-btn__content{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:1.25em}.symmetry-qv-add-btn__spinner,.symmetry-qv-add-btn__check{display:none;flex:0 0 auto;width:1em;height:1em;color:currentColor}.symmetry-qv-add-btn.is-loading .symmetry-qv-add-btn__spinner,.symmetry-qv-add-btn.is-added .symmetry-qv-add-btn__check{display:inline-flex}.symmetry-qv-add-btn__spinner{border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:symmetry-qv-spin .8s linear infinite}.symmetry-qv-add-btn__check svg{width:100%;height:100%}.symmetry-qv-quantity+.symmetry-qv-add-btn{flex:1 1 220px;width:auto}.symmetry-qv-add-btn:focus-visible{outline:2px solid var(--qv-btn-bg, #222);outline-offset:2px}.symmetry-qv-add-btn:hover:not(:disabled){background:var(--qv-btn-hover-bg, #444);color:var(--qv-btn-hover-text, #fff);transform:translateY(-1px)}.symmetry-qv-add-btn:disabled{cursor:not-allowed;transform:none}.symmetry-qv-add-btn.is-sold-out{background:var(--qv-sold-out-btn-bg, #8A0354)!important;color:var(--qv-sold-out-btn-text, #fff)!important;border:1px solid var(--qv-sold-out-btn-border, #8A0354)!important;opacity:var(--qv-sold-out-btn-opacity, 1)}.symmetry-qv-view-full{display:block;flex-basis:100%;text-align:center;color:var(--qv-details-link-color, #666);font-size:var(--qv-details-link-size-desktop, 14px);text-decoration:underline;text-underline-offset:2px;transition:color .15s,outline .15s}.symmetry-qv-view-full:hover{color:var(--qv-details-link-hover-color, #222)}.symmetry-qv-view-full:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.symmetry-qv-variants,.symmetry-qv-option,.symmetry-qv-option-values{max-width:100%}.symmetry-qv-option-values{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}.symmetry-qv-thumbnails-container{display:block;position:relative}.symmetry-qv-thumbnails-wrapper{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0;margin:0;flex:1;scroll-behavior:smooth}.symmetry-qv-thumbnails-wrapper::-webkit-scrollbar{display:none}.symmetry-qv-thumbnail-btn{flex:0 0 auto;width:80px;height:80px;padding:0;scroll-snap-align:start;border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;background:#f5f5f5;transition:border-color .15s}.symmetry-qv-thumbnail-btn:hover{border-color:#999}.symmetry-qv-thumbnail-btn:focus-visible{outline:2px solid #222;outline-offset:2px}.symmetry-qv-thumbnail-btn.is-active{border-color:#222}.symmetry-qv-thumbnail-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}@media(min-width:1200px){:root{--symmetry-qv-modal-max-width: 1100px}.symmetry-qv-media{max-width:520px}}@media(min-width:769px)and (max-width:1199px){:root{--symmetry-qv-modal-max-width: 880px;--symmetry-qv-modal-padding: 20px;--symmetry-qv-gap: 20px}.symmetry-qv-media{width:42%;max-width:360px;min-width:180px}.symmetry-qv-thumbnail-btn{width:72px;height:72px}}@media(min-width:641px)and (max-width:768px){:root{--symmetry-qv-modal-max-width: 720px;--symmetry-qv-modal-padding: 16px;--symmetry-qv-gap: 16px;--symmetry-qv-info-min-width: 240px}.symmetry-qv-media{width:40%;max-width:280px;min-width:160px}.symmetry-qv-thumbnail-btn{width:68px;height:68px}.symmetry-qv-title{font-size:calc(var(--qv-title-size-desktop, 24px) * .9)}.symmetry-qv-close{width:36px;height:36px;top:10px;right:10px}}@media(max-width:640px){symmetry-qv-modal{padding:8px!important}:root{--symmetry-qv-modal-padding: 16px;--symmetry-qv-gap: 16px;--symmetry-qv-info-min-width: 0}.symmetry-qv-dialog{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.symmetry-qv-product{flex-direction:column}.symmetry-qv-media{width:100%;max-width:none;min-width:0}.symmetry-qv-image-wrapper{max-height:50vh;max-height:50dvh}.symmetry-qv-info{min-width:0;gap:12px;overflow-y:visible}.symmetry-qv-info-top{gap:10px}.symmetry-qv-info-middle{gap:12px;align-self:start}.symmetry-qv-info-bottom{gap:12px}.symmetry-qv-title{font-size:var(--qv-title-size-mobile, 20px)}.symmetry-qv-vendor{font-size:var(--qv-vendor-size-mobile, 12px)}.symmetry-qv-price{font-size:var(--qv-price-size-mobile, 18px)}.symmetry-qv-option-label{font-size:var(--qv-option-label-size-mobile, 13px)}.symmetry-qv-option-btn{font-size:var(--qv-option-btn-size-mobile, 13px);padding:6px 12px}.symmetry-qv-quantity label{font-size:var(--qv-quantity-label-size-mobile, 13px)}.symmetry-qv-quantity-btn{font-size:var(--qv-quantity-selector-size-mobile, 14px);width:36px;height:36px}.symmetry-qv-quantity-input{font-size:var(--qv-quantity-selector-size-mobile, 14px);width:50px;height:36px}.symmetry-qv-close{width:36px;height:36px;top:8px;right:8px}.symmetry-qv-thumbnail-btn{width:64px;height:64px}.symmetry-qv-media-nav{width:38px;height:38px}.symmetry-qv-media-nav--prev{left:8px}.symmetry-qv-media-nav--next{right:8px}.symmetry-qv-add-btn{padding:12px 20px;font-size:var(--qv-btn-size-mobile, 14px)}.symmetry-qv-view-full{font-size:var(--qv-details-link-size-mobile, 13px)}}@media(max-width:380px){:root{--symmetry-qv-modal-padding: 12px;--symmetry-qv-gap: 12px}.symmetry-qv-title{font-size:calc(var(--qv-title-size-mobile, 20px) * .9)}.symmetry-qv-thumbnail-btn{width:56px;height:56px}.symmetry-qv-option-btn{padding:5px 10px}}
/*# sourceMappingURL=/cdn/shop/t/281/assets/symmetry-qv-modal.css.map */