@layer components{.upsell-compact-item{padding-block:.375rem;padding-inline:.625rem}.upsell-info-modal{width:min(90vw,28rem);max-height:90vh;overflow-y:auto}.upsell-info-modal__content,.upsell-info-modal__body{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.upsell-info-modal__close{z-index:3;width:2.5rem;height:2.5rem;padding:calc(var(--spacing) * 1.5);color:currentColor;opacity:.7;cursor:pointer;transition:opacity var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.upsell-info-modal__close:hover{opacity:1}.upsell-info-modal__close svg{fill:currentColor;stroke:currentColor;width:100%;height:100%}.upsell-info-modal .dialog-header-wrapper{padding-right:2.5rem}@media(min-width:768px){.dialog-modal.upsell-info-modal{width:min(92vw,64rem);max-width:min(92vw,64rem);min-height:min(85vh,42rem);max-height:90vh}.upsell-info-modal__content{gap:calc(var(--spacing) * 8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.upsell-info-modal__gallery{position:sticky;top:0}}@media(max-width:767px){.dialog-modal.upsell-info-modal{border-radius:1rem 1rem 0 0;width:100vw;min-width:0;max-width:100vw;height:auto;max-height:90vh;inset:auto 0 0;translate:0}.dialog-modal.upsell-info-modal[open]{animation:.3s ease-out forwards upsell-sheet-up}.dialog-modal.upsell-info-modal.dialog-closing.dialog-closing{animation:.3s ease-in forwards upsell-sheet-down}}@keyframes upsell-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes upsell-sheet-down{0%{transform:translateY(var(--sheet-drag, 0px))}to{transform:translateY(100%)}}.upsell-info-modal__gallery{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.upsell-info-modal__stage{position:relative}.upsell-info-modal__main-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%}.upsell-info-modal__nav{width:2rem;height:2rem;color:var(--color-black);cursor:pointer;z-index:2;background-color:#ffffffd9;border:1px solid #0000001a;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.upsell-info-modal__nav:hover{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.upsell-info-modal__nav--prev{left:.5rem}.upsell-info-modal__nav--next{right:.5rem}.upsell-info-modal__nav svg{width:1.1rem;height:1.1rem}.upsell-info-modal__thumbnails{gap:calc(var(--spacing) * 1.5);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.upsell-info-modal__thumbnails::-webkit-scrollbar{display:none}.upsell-info-modal__thumb{border-radius:var(--radius-sm);cursor:pointer;scroll-snap-align:start;border:2px solid #0000;flex-shrink:0;width:4rem;height:4rem;padding:0;transition:border-color .15s;overflow:hidden}@media(max-width:767px){.upsell-info-modal__thumb{width:3rem;height:3rem}}.upsell-info-modal__thumb.is-active{border-color:var(--color-black)}.upsell-info-modal__thumb img{object-fit:cover;width:100%;height:100%}.upsell-info-modal__description{font-size:var(--text-sm);color:var(--color-foreground);line-height:1.6}.upsell-info-modal__features{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.upsell-info-modal__description+.upsell-info-modal__features{margin-top:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 6);border-top:1px solid var(--color-border)}.upsell-info-modal__feature{gap:calc(var(--spacing) * 3);grid-template-columns:1fr;display:grid}.upsell-info-modal__feature-image img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);width:100%}.upsell-info-modal__feature-title{font-size:var(--text-base);margin:0 0 calc(var(--spacing) * 1.5);font-weight:700;line-height:1.3}.upsell-info-modal__feature-text{font-size:var(--text-sm);color:var(--color-foreground);line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-upsell-toggle-DQEr5DYL.css.map */