:root{--upsell-animation-speed: .6s;--upsell-max-width: 300px}.gtc-cart-upsell{--gtc-cart-upsell-gap: 1rem;--gtc-cart-upsell-text-color: 51, 51, 51;flex-shrink:0;overflow:hidden;pointer-events:none}.gtc-cart-upsell__container{display:flex;flex-direction:column;gap:var(--gtc-cart-upsell-gap);pointer-events:auto}.gtc-cart-upsell__header{border-top:1px solid rgb(var(--border-color, 234, 234, 234));padding-top:var(--gtc-cart-upsell-gap)}.gtc-cart-upsell__header>*{margin:0}.gtc-cart-upsell__products{width:100%;display:flex;flex-direction:column;gap:1rem}.gtc-cart-upsell__products .gtc-upsell-item{width:100%;flex-shrink:0}.gtc-upsell-item{display:grid;grid-template-areas:"image content";grid-template-columns:60px 1fr;width:100%;border-bottom:1px solid rgb(var(--border-color, 234, 234, 234));padding-block-end:1rem}.gtc-upsell-item:last-child{border-bottom:unset;padding-block-end:0}.gtc-upsell-item__image{grid-area:image;width:100%;height:auto;overflow:hidden;flex-shrink:0}.gtc-upsell-item__image img{width:100%;height:100%;object-fit:cover;padding:.5rem}.gtc-upsell-item__content{grid-area:content;display:grid;grid-template-areas:"title title" "inner-content add-to-cart";grid-template-rows:auto 1fr;align-items:center;justify-content:space-between;gap:0 calc(var(--gtc-cart-upsell-gap) / 4);width:100%;padding:calc(var(--gtc-cart-upsell-gap) / 2) var(--gtc-cart-upsell-gap)}.gtc-upsell-item__title{grid-area:title;font-size:.75rem;font-weight:500;margin:0}.gtc-upsell-item__vendor{grid-area:vendor;font-size:.625rem;color:rgba(var(--gtc-cart-upsell-text-color),.8)}.gtc-upsell-item__inner-content{grid-area:inner-content;display:flex;flex-direction:column;align-items:baseline;justify-content:space-between;margin-block-end:auto}.gtc-upsell-item__price{margin-top:.5rem;font-size:.65rem}.gtc-upsell-item__price--compare{text-decoration:line-through;opacity:.7;white-space:nowrap}.gtc-upsell-item__add-to-cart{grid-area:add-to-cart;font-size:.75rem;font-weight:700;display:flex;align-items:center;align-self:center;justify-self:flex-end;white-space:nowrap}.gtc-upsell-item__btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.gtc-upsell-item .button{cursor:pointer}@media screen and (max-width: 929px){.gtc-upsell-item .button{cursor:pointer;font-size:x-small!important;padding:.75rem .5rem;line-height:1}}gtc-upsell-item__btn-text{opacity:1;transition:opacity .2s ease}.gtc-upsell-item__btn.loading .gtc-upsell-item__btn-text{opacity:0}.gtc-upsell-item__btn.loading .gtc-upsell-item__btn-spinner{opacity:1}.gtc-spinner{display:inline-block;box-sizing:border-box;width:1rem;height:1rem;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:rotation 1s linear infinite}.gtc-upsell-item--removed{animation:fade-up .2s linear forwards}@media screen and (min-width: 930px){.gtc-cart-upsell{position:absolute;top:0;left:0;height:100%;max-width:calc(100vw - var(--upsell-max-width) - 1rem);width:100%;transform:translate(-100%);overflow:hidden}.gtc-cart-upsell:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset -10px 0 20px -20px #000c;z-index:1;pointer-events:none}.gtc-cart-upsell__container{height:100%;background:rgb(var(--background));gap:0}:has(cart-drawer:not([open])) .gtc-cart-upsell__container{animation:--gtc-upsall-animate-out .6s cubic-bezier(.75,0,.175,1)}:has(cart-drawer[open]) .gtc-cart-upsell__container{animation:--gtc-upsall-animate-in var(--upsell-animation-speed) cubic-bezier(.75,0,.175,1)}.gtc-cart-upsell__header{border:unset;min-height:min(var(--header-height),5rem);border-block-end:1px solid rgb(var(--border-color));box-sizing:border-box;justify-content:space-between;align-items:center;column-gap:1rem;padding-block-start:var(--drawer-header-padding-block);padding-block-end:var(--drawer-header-padding-block);padding-inline-start:var(--drawer-header-padding-inline);padding-inline-end:var(--drawer-header-padding-inline);display:flex}.gtc-cart-upsell__products{flex-grow:1;overflow-y:auto;padding:1rem}cart-drawer .gtc-advanced-quick-add__image img{width:100%;height:100%;max-height:50vh;object-fit:contain;aspect-ratio:unset}.gtc-upsell-item:not(.gtc-upsell-item--list){grid-template-columns:1fr;grid-template-areas:"image" "content"}.gtc-upsell-item:not(.gtc-upsell-item--list) .gtc-upsell-item__content{display:flex;flex-direction:column;gap:calc(var(--gtc-cart-upsell-gap) / 4);text-align:center}.gtc-upsell-item:not(.gtc-upsell-item--list) .gtc-upsell-item__inner-content{align-items:center}.gtc-upsell-item:not(.gtc-upsell-item--list) .gtc-upsell-item__add-to-cart{margin-top:.5rem}.gtc-upsell-item:not(.gtc-upsell-item--list) .gtc-upsell-item__add-to-cart,.gtc-upsell-item:not(.gtc-upsell-item--list) .gtc-upsell-item__content .button{width:100%;max-width:auto}.gtc-cart-upsell__products .gtc-upsell-item:not(.gtc-upsell-item--list){width:100%}.gtc-upsell-item:not(.gtc-upsell-item--list) .gtc-upsell-item__image img{height:auto;aspect-ratio:1 / 1;object-fit:contain}}.gtc-upsell-item--list{grid-template-columns:130px 1fr;column-gap:1rem;padding-block-start:1rem}.gtc-upsell-item--list .gtc-upsell-item__content{grid-template-areas:"title add-to-cart" "inner-content add-to-cart";grid-template-rows:auto auto;align-items:flex-end}.gtc-upsell-item--list .gtc-upsell-item__title,.gtc-upsell-item--list .gtc-upsell-item__vendor,.gtc-upsell-item--list .gtc-upsell-item__price{font-size:unset}.gtc-upsell-item--list .gtc-upsell-item__vendor{opacity:.8}.gtc-upsell-item--list .gtc-upsell-item__image img{object-fit:contain}gtc-product-upsell:not(:has(.gtc-upsell-item)){line-height:0;font-size:0;margin:0;padding:0}.gtc-product-upsell:not(:has(.gtc-upsell-item)){display:none}.gtc-product-upsell{margin-block-start:2rem}.gtc-product-upsell .heading{margin:0;margin-block-start:2rem}@media screen and (min-width: 930px){.gtc-cart-upsell{max-width:var(--upsell-max-width)}}@keyframes --gtc-upsall-animate-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes --gtc-upsall-animate-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fade-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/gtc-cart-upsell.css.map */