product-upsells{display:none}product-upsells[data-loaded]{display:block;margin-block-start:var(--spacing-4, 1rem)}.upsell{--upsell-text: rgb(var(--text-primary));--upsell-text-dim: rgba(var(--text-primary), .45);--upsell-bg-subtle: rgba(var(--text-primary), .04);--upsell-border: rgba(var(--text-primary), .1);--upsell-border-hover: rgba(var(--text-primary), .16);--upsell-radius: var(--rounded-lg, 12px);--upsell-shadow: 0 1px 3px rgba(var(--text-primary), .04), 0 1px 2px rgba(var(--text-primary), .06);--upsell-shadow-hover: 0 8px 25px rgba(var(--text-primary), .08), 0 4px 10px rgba(var(--text-primary), .05);--upsell-image-ratio: 4 / 5;color:var(--upsell-text)}.upsell__header{display:flex;align-items:center;gap:var(--spacing-4, 1rem);margin-block-end:var(--spacing-4, 1rem)}.upsell__header:before,.upsell__header:after{content:"";flex:1;height:1px;background:var(--upsell-border)}.upsell__heading{margin:0;font-family:var(--heading-font-family, inherit);font-weight:400;font-style:var(--heading-font-style, normal);font-size:var(--text-xs, .6875rem);letter-spacing:.1em;text-transform:uppercase;color:var(--upsell-text-dim);line-height:1.3;white-space:nowrap}.upsell__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--spacing-3, .75rem);padding-block-end:var(--spacing-2, .5rem);scrollbar-width:thin;scrollbar-color:#191923 transparent;cursor:grab}.upsell__grid--grabbing{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.upsell__grid--grabbing *{pointer-events:none}.upsell__grid::-webkit-scrollbar{height:4px}.upsell__grid::-webkit-scrollbar-track{background:transparent}.upsell__grid::-webkit-scrollbar-thumb{background:#191923;border-radius:999px}.upsell__grid::-webkit-scrollbar-thumb:hover{background:#252545}.upsell__card{flex-shrink:0;width:260px;scroll-snap-align:start;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2-5, .625rem);background:transparent;border:none;border-radius:var(--rounded-sm, 8px);box-shadow:none;border-bottom:1px solid color-mix(in srgb,currentColor 6%,transparent);overflow:hidden;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out;transform:translateZ(0);opacity:0;animation:upsell-cardReveal .4s ease forwards}@media(min-width:700px){.upsell__card{width:300px}}@media screen and (pointer:fine){.upsell__card:hover{background:color-mix(in srgb,currentColor 3%,transparent)}.upsell__card:hover .upsell__card-image img{transform:scale(1.04)}}.upsell__card--in-cart{position:relative;opacity:.55}.upsell__card--in-cart .upsell__card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--text-primary),.05);pointer-events:none}.upsell__card-image{display:block;position:relative;width:70px;height:70px;aspect-ratio:1 / 1;flex-shrink:0;overflow:hidden;background:rgba(var(--text-primary),.03);text-decoration:none;border-radius:var(--rounded-xs, 4px)}@media(min-width:700px){.upsell__card-image{width:80px;height:80px}}.upsell__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease-in-out}.upsell__card-info{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:var(--spacing-2-5, .625rem);row-gap:.15rem;padding:var(--spacing-2, .5rem) var(--spacing-2-5, .625rem) var(--spacing-2, .5rem) 0}.upsell__card-title{grid-column:1;grid-row:1;font-size:var(--text-xs, .6875rem);font-weight:500;color:var(--upsell-text);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.upsell__card-title:hover{text-decoration:underline;text-underline-offset:2px}.upsell__card-price{grid-column:1;grid-row:2;font-size:var(--text-xs, .6875rem);font-weight:600;color:var(--upsell-text);line-height:1.3;display:flex;align-items:center;gap:var(--spacing-1-5, .375rem)}.upsell__card-compare{text-decoration:line-through;color:var(--upsell-text-dim);font-weight:400;font-size:.625rem}.upsell__sizes{display:none}.upsell__size{padding:.15rem var(--spacing-2, .5rem);border:1px solid var(--upsell-border);border-radius:var(--rounded-button, 5px);background:none;color:var(--upsell-text-dim);font-size:.625rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease-in-out;line-height:1.5}.upsell__size:hover:not(:disabled){border-color:rgba(var(--text-primary),.35);color:var(--upsell-text);background:rgba(var(--text-primary),.03)}.upsell__size--selected,.upsell__size--selected:hover:not(:disabled){background:rgb(var(--accent));color:rgb(var(--button-text-primary));border-color:rgb(var(--accent))}.upsell__size--disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.upsell__size--in-cart{opacity:.4;cursor:default;border-style:dashed}.upsell__add-btn{grid-column:2;grid-row:1 / -1;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1-5, .375rem);width:auto;min-height:44px;padding:.4rem .75rem;border:none;border-radius:var(--rounded-button, 6px);background:rgb(var(--accent));color:rgb(var(--button-text-primary));font-size:var(--text-xs, .6875rem);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s ease-in-out,transform .1s ease-in-out,background-color .25s ease-in-out;white-space:nowrap;line-height:1.4;position:relative;overflow:hidden}.upsell__add-btn:hover:not(:disabled){opacity:.88}.upsell__add-btn:active:not(:disabled){transform:scale(.97)}.upsell__add-btn:disabled{cursor:default}.upsell__add-btn--success{background:var(--upsell-success, #16a34a);color:var(--upsell-success-text, #fff)}.upsell__add-done{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.upsell__add-btn--in-cart{background:rgba(var(--text-primary),.06);color:rgba(var(--text-primary),.4);cursor:default;font-weight:500}.upsell__add-btn--sold-out{background:transparent;color:var(--upsell-text-dim);border:1px solid var(--upsell-border);cursor:default;font-weight:500}.upsell__add-loading svg,.upsell__add-done svg{display:block;flex-shrink:0}.upsell__drag-hint{display:flex;align-items:center;justify-content:center;gap:.375rem;padding-block-start:var(--spacing-2, .5rem);font-size:.5625rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--upsell-text-dim);transition:opacity .6s ease}.upsell__drag-hint svg{display:block;flex-shrink:0;opacity:.5}.upsell__drag-hint--hidden{opacity:0;pointer-events:none}.upsell__sentinel{flex-shrink:0;width:1px}@keyframes upsell-cardReveal{0%{opacity:0;transform:translateY(14px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@media(prefers-reduced-motion:reduce){.upsell__card{animation:none;opacity:1}.upsell__card:hover{transform:none!important}.upsell__card-image img{transition:none}}@media(max-width:699px){.upsell__card{width:calc(100vw - var(--container-gutter, 20px) * 2 - 1rem);min-width:280px;max-width:360px}}.upsell-popup{display:none}.upsell-popup:not([hidden]){display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;padding:var(--spacing-2, .5rem);padding-bottom:calc(var(--spacing-2, .5rem) + env(safe-area-inset-bottom));gap:var(--spacing-2, .5rem)}.upsell-popup__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity .15s linear .55s;touch-action:none}.upsell-popup--open .upsell-popup__backdrop{opacity:1;transition-delay:0s}.upsell-popup__close{position:relative;z-index:1;align-self:center;background:#fff;border:none;color:rgb(var(--text-primary, 25 25 35));opacity:0;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #00000026;transition:opacity .15s linear;flex-shrink:0}.upsell-popup--open .upsell-popup__close{opacity:1;transition-delay:.15s}.upsell-popup__sheet{position:relative;width:100%;background:rgb(var(--dialog-background, 255 255 255));color:rgb(var(--text-primary, 25 25 35));border-radius:var(--rounded-sm, 10px);padding:var(--spacing-6, 1.5rem);max-height:75vh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--spacing-6, 1.5rem);box-shadow:0 4px 30px #0000001f;clip-path:inset(100% 0 0 0 round var(--rounded-sm, 10px));transition:clip-path .4s cubic-bezier(.86,0,.07,1) .15s}.upsell-popup--open .upsell-popup__sheet{clip-path:inset(0 0 0 0 round var(--rounded-sm, 10px))}.upsell-popup__sheet>*{opacity:0;transition:opacity .15s linear}.upsell-popup--open .upsell-popup__sheet>*{opacity:1;transition-delay:.15s}.upsell-popup__product{display:flex;align-items:center;gap:var(--spacing-4, 1rem)}.upsell-popup__img{max-width:var(--spacing-20, 80px);aspect-ratio:1 / 1;border-radius:var(--rounded-xs, 4px);object-fit:cover;flex-shrink:0}.upsell-popup__title{margin:0;font-size:.8125rem;font-weight:600;line-height:1.35}.upsell-popup__price{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.3rem;margin-top:.15rem}.upsell-popup__price .upsell__card-compare{font-weight:400}.upsell-popup__variants{display:flex;flex-wrap:wrap;gap:.5rem}.upsell-popup__pill{min-height:44px;min-width:44px;padding:.5rem 1rem;border:1.5px solid var(--upsell-border, rgba(0, 0, 0, .08));border-radius:var(--rounded-button, 5px);background:none;color:currentColor;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.upsell-popup__pill--selected{background:rgb(var(--accent));color:rgb(var(--button-text-primary));border-color:rgb(var(--accent))}.upsell-popup__pill:disabled{opacity:.2;cursor:not-allowed;text-decoration:line-through}.upsell-popup__pill--in-cart{opacity:.4;cursor:default;border-style:dashed}.upsell-popup__add-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;min-height:50px;padding:.75rem;border:none;border-radius:var(--rounded-button, 5px);background:rgb(var(--accent));color:rgb(var(--button-text-primary));font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s,background-color .25s}.upsell-popup__add-btn:disabled{cursor:default}.upsell-popup__add-btn--success{background:var(--upsell-success, #16a34a);color:var(--upsell-success-text, #fff)}.upsell-popup__add-btn--sold-out{background:transparent;color:currentColor;opacity:.35;border:1px solid var(--upsell-border, rgba(0, 0, 0, .08))}@media(min-width:700px){.upsell-popup:not([hidden]){padding:var(--spacing-4, 1rem);padding-bottom:var(--spacing-4, 1rem);align-items:flex-end}.upsell-popup__close{display:none}.upsell-popup__backdrop{cursor:auto;cursor:var(--cursor-close-svg-url) 28 28,auto}.upsell-popup__sheet{width:560px}.upsell-popup__product{gap:var(--spacing-4, 1rem)}.upsell-popup__img{width:80px;height:80px;border-radius:var(--rounded-xs, 4px)}.upsell-popup__title,.upsell-popup__price{font-size:.875rem}.upsell-popup__variants{justify-content:center}.upsell-popup__pill{height:2.625rem;min-width:2.625rem;padding:var(--spacing-2-5, .625rem) var(--spacing-5, 1.25rem);font-size:var(--text-sm, .8125rem)}.upsell-popup__add-btn{padding:var(--spacing-3, .75rem) var(--spacing-6, 1.5rem);font-size:var(--text-sm, .8125rem)}}@media(prefers-reduced-motion:reduce){.upsell-popup__backdrop,.upsell-popup__sheet,.upsell-popup__sheet>*,.upsell-popup__close{transition:none}}.upsell__card--sold-out{opacity:.4}.upsell__card--sold-out .upsell__card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--text-primary),.06);pointer-events:none}.upsell__card--in-cart{--_reveal-opacity: .55}@keyframes upsell-cardRevealDim{0%{opacity:0;transform:translateY(14px) translateZ(0)}to{opacity:var(--_reveal-opacity, .55);transform:translateY(0) translateZ(0)}}.upsell__card--in-cart{animation-name:upsell-cardRevealDim}.upsell__card--sold-out{--_reveal-opacity: .4;animation-name:upsell-cardRevealDim}@media screen and (max-width:699px){.upsell__card-image{aspect-ratio:1 / 1}.upsell__card-info{padding:var(--spacing-2-5, .625rem);gap:var(--spacing-1, .25rem)}.upsell__size{padding:.35rem var(--spacing-2, .5rem);font-size:.6875rem;min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}.upsell__add-btn{padding:var(--spacing-1-5, .375rem) var(--spacing-2-5, .625rem);font-size:.625rem}}@media screen and (min-width:1200px){.upsell__card{width:240px}}@media screen and (min-width:1000px){.product>product-upsells[data-loaded]{padding-block-start:var(--spacing-8, 2rem)}.product+product-upsells[data-loaded]{padding-block-start:var(--spacing-8, 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/234/assets/product-upsells.css.map */
