/*! Upsell pop-up — multi-step upsell drawer shown before the product is added to the cart */.upsell-popup{--upsell-card-width: 12rem;--upsell-radius: .875rem;--upsell-box-background: rgb(var(--color-foreground) / .045);--upsell-media-ratio: 3 / 4;--upsell-heading: var(--color-foreground)}.upsell-popup .drawer__inner{max-width:40rem}.upsell-popup .drawer__header{border-block-end:0;padding-block-end:0}.upsell-popup__handle{display:none}@media screen and (min-width:768px){.upsell-popup .drawer__header{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:2;padding:var(--sp-6) var(--sp-6) 0}.upsell-popup .drawer__scrollable{padding-block-start:var(--sp-20)}.upsell-popup__step-head{padding-inline-end:calc(var(--sp-12) + var(--sp-4))}}/*! steps */.upsell-popup__step{display:grid;gap:var(--sp-10);align-content:start}.upsell-popup__step[hidden]{display:none}.upsell-popup__step-head{display:grid;gap:var(--sp-5)}.upsell-popup__title,.upsell-popup__description{color:rgb(var(--upsell-heading))}/*! carousel */.upsell-popup__carousel{display:grid;gap:var(--sp-4);position:relative}.upsell-popup__track{display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin-inline-end:calc(var(--sp-5) * -1);padding-inline-end:var(--sp-5)}@media screen and (min-width:1024px){.upsell-popup__track{margin-inline-end:calc(var(--sp-12) * -1);padding-inline-end:var(--sp-12)}}.upsell-popup__track::-webkit-scrollbar{display:none}.upsell-popup__track.is-dragging{scroll-snap-type:none;user-select:none;-webkit-user-select:none}.upsell-popup__track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.upsell-popup__track{cursor:grab}.upsell-popup__track.is-dragging,.upsell-popup__track.is-dragging .upsell-popup__slide{cursor:grabbing}}.upsell-popup__scrollbar{position:relative;height:4px;border-radius:4px;background-color:rgb(var(--color-foreground) / .1);background-clip:content-box;box-sizing:content-box;padding-block:var(--sp-2);cursor:pointer;touch-action:none}.upsell-popup__scrollbar-thumb{position:absolute;inset-block:var(--sp-2);inset-inline-start:0;width:30%;border-radius:4px;background-color:rgb(var(--upsell-accent))}.upsell-popup__scrollbar.is-dragging{cursor:grabbing}/*! option card */.upsell-popup__slide{flex:0 0 auto;width:var(--upsell-card-width);scroll-snap-align:start;display:grid;gap:var(--sp-3);align-content:start;text-align:start;cursor:pointer}.upsell-popup__box{position:relative;display:block;border-radius:var(--upsell-radius);border:2px solid transparent;background-color:var(--upsell-box-background);overflow:hidden;transition:border-color .2s ease}.upsell-popup__slide[aria-pressed=true] .upsell-popup__box{border-color:rgb(var(--upsell-accent))}.upsell-popup__media{display:block;aspect-ratio:var(--upsell-media-ratio);overflow:hidden}.upsell-popup__media img,.upsell-popup__media svg{display:block;width:100%;height:100%;object-fit:cover}.upsell-popup__badge{position:absolute;inset-block-start:var(--sp-3);inset-inline-end:var(--sp-3);z-index:1;display:inline-flex;align-items:center;gap:var(--sp-1d5);padding:var(--sp-1d5) var(--sp-3);border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;white-space:nowrap;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 4px #00000014}.upsell-popup__slide[aria-pressed=true] .upsell-popup__badge{background-color:rgb(var(--upsell-accent));color:rgb(var(--upsell-accent-text))}.upsell-popup__badge-icon,.upsell-popup__badge-selected{display:none}.upsell-popup__slide[aria-pressed=true] .upsell-popup__badge-selected{display:inline-flex;align-items:center;gap:var(--sp-1d5)}.upsell-popup__slide[aria-pressed=true] .upsell-popup__badge-default{display:none}.upsell-popup__slide-description{color:rgb(var(--color-foreground) / .7)}.upsell-popup__slide-sold-out{opacity:.4;pointer-events:none}/*! footer */.upsell-popup__footer{border-block-start:1px solid rgb(var(--color-border-light));padding:var(--sp-5);display:grid;gap:var(--sp-4)}@media screen and (min-width:1024px){.upsell-popup__footer{padding-inline:var(--sp-12);padding-block-end:var(--sp-8)}}.upsell-popup__tier{padding:var(--sp-3) var(--sp-4);border-radius:var(--inputs-radius, var(--sp-2));background-color:rgb(var(--upsell-accent) / .08);color:rgb(var(--upsell-accent))}.upsell-popup__tier--unlocked{background-color:rgb(var(--upsell-accent) / .16)}.upsell-popup__tier[hidden]{display:none}.upsell-popup__totals{display:grid;gap:var(--sp-1)}.upsell-popup__totals-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.upsell-popup__totals-row--minor{color:rgb(var(--color-foreground) / .6)}.upsell-popup__discount [data-upsell-discount]{color:rgb(var(--upsell-accent))}.upsell-popup__totals-row--total{margin-block-start:var(--sp-1)}.upsell-popup__totals-row[hidden]{display:none}.upsell-popup__actions{display:flex;align-items:center;gap:var(--sp-3)}.upsell-popup__step-count{order:-1;color:rgb(var(--color-foreground) / .6);white-space:nowrap;margin-inline-end:auto}.upsell-popup__back,.upsell-popup__next{white-space:nowrap}.upsell-popup__next{--color-button-background: var(--upsell-accent);--color-button-border: var(--upsell-accent);--color-button-text: var(--upsell-accent-text);--color-button-gradient: none;border-radius:999px}.upsell-popup__back{border-radius:999px}.upsell-popup .button[hidden]{display:none}.upsell-popup__error:not([hidden]){display:block}/*! mobile: bottom sheet */@media screen and (max-width:767px){.upsell-popup{--upsell-card-width: calc((100% - var(--sp-4)) / 2 - var(--sp-5))}.upsell-popup .drawer__inner{inset-block-start:auto;inset-block-end:0;inset-inline:0;height:88vh;height:88dvh;max-width:100%;border-start-start-radius:var(--sp-5);border-start-end-radius:var(--sp-5);transform:translateY(100%)}.upsell-popup[active]>.drawer__inner{transform:translateY(0)}.upsell-popup .drawer__header{padding-block-start:var(--sp-3)}.upsell-popup__handle{display:block;width:var(--sp-10);height:4px;margin:0 auto;border-radius:4px;background-color:rgb(var(--color-foreground) / .2)}.upsell-popup .drawer__close{display:none}.upsell-popup__scrollbar{padding-block:var(--sp-3)}.upsell-popup__scrollbar-thumb{inset-block:var(--sp-3)}.upsell-popup__badge{inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);width:var(--sp-8);height:var(--sp-8);padding:0;justify-content:center}.upsell-popup__badge-label{display:none}.upsell-popup__badge-default{display:inline-flex;align-items:center}.upsell-popup__badge .upsell-popup__badge-icon{display:block;width:var(--sp-3d5);height:var(--sp-3d5)}.upsell-popup__footer{background-color:rgb(var(--color-foreground) / .03)}}
/*# sourceMappingURL=/cdn/shop/t/483/assets/upsell-popup.css.map */