.quickview-modal{display:none;position:fixed;z-index:2147483647;left:0;top:0;width:100%;height:100%;background:color-mix(in srgb,var(--ps-black) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:var(--body1-font);padding:var(--space-2);box-sizing:border-box}.quickview-modal.active{display:flex;justify-content:center;align-items:flex-start;opacity:1;overflow-y:auto}.quickview-modal-content{position:relative;background:linear-gradient(180deg,var(--ps-white) 0%,var(--ps-bg-1) 100%);width:100%;max-width:400px;border-radius:var(--radius-card);box-shadow:0 var(--space-4) var(--space-7) var(--ps-shadow);animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);overflow:hidden;margin:auto;max-height:calc(100vh - (2 * var(--space-2)));display:flex;flex-direction:column}.quickview-close{position:absolute;right:var(--space-2);top:var(--space-2);width:var(--touch-target-min);height:var(--touch-target-min);padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--ps-bg-1) 88%,transparent);border:1px solid var(--ps-secondary);color:var(--ps-black);cursor:pointer;z-index:10;font-size:var(--font-size-body);line-height:var(--line-height-body);transition:background-color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none}.quickview-close:hover{cursor:pointer;background:var(--ps-white);border-color:var(--ps-primary)}.quickview-container{display:flex;flex-direction:column;flex:1;min-height:0}.quickview-images{position:relative;width:100%;aspect-ratio:1;background:var(--ps-bg-1);overflow:hidden;flex-shrink:0}.quickview-main-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.quickview-main-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.quickview-thumbnails{position:absolute;bottom:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-1);background:color-mix(in srgb,var(--ps-bg-1) 88%,transparent);border:1px solid var(--ps-secondary);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;-ms-overflow-style:none}.quickview-thumbnails::-webkit-scrollbar{display:none}.quickview-thumbnail{flex-shrink:0;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;border:var(--radius-control) solid transparent;transition:all .3s ease;opacity:.7}.quickview-thumbnail:hover{opacity:1;transform:scale(1.05)}.quickview-thumbnail.active{border-color:var(--ps-primary);opacity:1;transform:translateY(-1px)}.quickview-thumbnail img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.quickview-main-image:hover img{transform:scale(1.05)}.quickview-details{padding:var(--space-3);flex:1;overflow-y:auto;min-height:0;border-top:1px solid var(--ps-secondary)}.quickview-eyebrow{margin:0 0 var(--space-1);color:var(--ps-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:.1em;line-height:var(--line-height-label);text-transform:uppercase}.quickview-title{font-size:var(--font-size-title);font-family:var(--big-heading-font);font-weight:var(--font-weight-title);color:var(--ps-black);margin:0 0 var(--space-2);line-height:var(--line-height-title);letter-spacing:0}.quickview-title-link{color:var(--ps-black);text-decoration:none}.quickview-price-wrapper{margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.quickview-price{font-size:var(--font-size-body);font-weight:var(--font-weight-body);font-family:var(--body1-font);color:var(--ps-text);margin:0}.compare-at-price{font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--ps-text-muted);text-decoration:line-through;margin:0}.quickview-variants{margin-bottom:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--ps-tertiary)}.quickview-variants .product-form__input{display:flex;flex-wrap:wrap;width:100%;min-width:0;margin:0 0 var(--space-2);padding:0;border:0}.quickview-variants .form__label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2);width:100%;margin:0 0 var(--space-1);color:var(--ps-primary);font:var(--font-weight-label) var(--font-size-label) / var(--line-height-label) var(--body1-font);letter-spacing:.08em;text-align:left;text-transform:uppercase}.quickview-variants .form__label .value-selected{justify-self:end;color:var(--ps-accent);font:var(--font-weight-label) var(--font-size-label) / var(--line-height-label) var(--body1-font);letter-spacing:0;text-transform:none}.quickview-variants .input-selector-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);width:100%}.quickview-variants .input-selector{position:relative;flex:0 0 auto}.quickview-variants .input-selector input[type=radio]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.quickview-variants .input-selector label.product-variant-label{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);border:1px solid var(--ps-tertiary);border-radius:var(--radius-editorial);background:transparent;color:var(--ps-primary);font:var(--font-weight-body) var(--font-size-body) / var(--line-height-body) var(--body1-font);cursor:pointer}.quickview-variants .input-selector label.product-variant-label:hover{border-color:var(--ps-primary)}.quickview-variants .input-selector input[type=radio]:focus-visible+label.product-variant-label{outline:2px solid var(--ps-primary);outline-offset:var(--radius-control)}.quickview-variants .input-selector input[type=radio]:checked+label.product-variant-label{border-color:var(--ps-primary);background:var(--ps-primary);color:var(--ps-bg-1)}.quickview-variants .input-selector input[type=radio].disabled+label.product-variant-label{opacity:.45;text-decoration:line-through}.quickview-variants .input-selector label.product-variant-label.has-color{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:0;border-color:var(--ps-secondary);border-radius:50%;background-position:center;background-size:cover;box-shadow:inset 0 0 0 var(--radius-control) var(--ps-bg-1)}.quickview-variants .input-selector input[type=radio]:checked+label.product-variant-label.has-color{border-color:var(--ps-primary);outline:1px solid var(--ps-primary);outline-offset:var(--radius-control);background-color:transparent}.quickview-variants .input-selector input[type=radio].disabled+label.product-variant-label.has-color{text-decoration:none}.quickview-variants .product-form__input:last-child{margin-bottom:0}.quickview-form{margin:0 0 var(--space-3)}.quickview-add-to-cart{width:100%;min-width:0;display:flex;align-items:center;justify-content:center}.quickview-add-to-cart span{width:100%;text-align:center}.quickview-add-to-cart:active{transform:translateY(0)}#quickview-product-form{display:flex;flex-direction:column;gap:var(--space-1)}.quickview-add-to-cart:disabled{cursor:not-allowed}.quickview-description{margin:var(--space-3) 0;line-height:var(--line-height-relaxed);color:var(--ps-black);font-size:var(--font-size-label)}.quickview-description h1,.quickview-description h2,.quickview-description h3,.quickview-description h4,.quickview-description h5,.quickview-description h6{color:var(--ps-black);margin:var(--space-2) 0 var(--space-1)}.quickview-description p{margin:0 0 var(--space-1)}.quickview-view-details{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--ps-text);font-size:var(--font-size-label)}.quickview-view-details:hover{color:var(--ps-black);border-bottom-color:var(--ps-black)}.quickview-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--ps-bg-1) 95%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-card)}.quickview-loading:after{content:"";width:40px;height:40px;border:3px solid var(--ps-border);border-top:3px solid var(--ps-text);border-radius:50%;animation:spin 1s linear infinite}.quickview-error{padding:var(--space-4) var(--space-3);text-align:center;color:var(--ps-text-muted)}.quickview-error p{margin:0 0 var(--space-2);font-size:var(--font-size-body)}.quickview-error .button{margin:0 auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:480px){.quickview-modal{padding:var(--space-2)}.quickview-modal-content{max-width:460px}.quickview-details{padding:var(--space-4)}}@media(min-width:992px){.quickview-modal{padding:var(--space-4)}.quickview-modal-content{max-width:900px;flex-direction:row;max-height:calc(100vh - (2 * var(--space-4)));min-height:600px}.quickview-container{flex-direction:row;min-height:500px}.quickview-images{width:50%;aspect-ratio:unset;min-height:500px}.quickview-details{width:50%;padding:var(--space-5);max-height:none;border-top:0;border-left:1px solid var(--ps-secondary)}.quickview-title{font-size:var(--font-size-title);margin-bottom:var(--space-2)}.quickview-price,.compare-at-price{font-size:var(--font-size-title)}.quickview-description{font-size:var(--font-size-body)}}@media(min-width:1200px){.quickview-modal-content{max-width:1100px}.quickview-details{padding:var(--space-4)}.quickview-title{font-size:var(--font-size-title)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quickview-modal.css.map */