.product-upsell__controls{--tab-spring: cubic-bezier(.34, 1.36, .64, 1);--tab-glide: cubic-bezier(.22, 1, .36, 1);--tab-duration: .5s;--tab-lag: .07s;position:relative;isolation:isolate;display:flex;align-items:center;gap:4px;padding:4px;border-radius:24px;background-color:var(--brand-white);border:1px solid var(--brand-hairline)}.product-upsell__tab-indicator{position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;right:calc(50% + 2px);border-radius:999px;background-color:var(--brand-hairline);transition:left var(--tab-duration) var(--tab-spring),right var(--tab-duration) var(--tab-spring)}.product-upsell__controls[data-active-index="2"] .product-upsell__tab-indicator{left:calc(50% + 2px);right:4px}.product-upsell__controls:not(:has(.product-upsell__tab-control+.product-upsell__tab-control)) .product-upsell__tab-indicator{right:50%}.product-upsell__controls[data-direction=forward] .product-upsell__tab-indicator{transition:right var(--tab-duration) var(--tab-glide),left var(--tab-duration) var(--tab-spring) var(--tab-lag)}.product-upsell__controls[data-direction=backward] .product-upsell__tab-indicator{transition:left var(--tab-duration) var(--tab-glide),right var(--tab-duration) var(--tab-spring) var(--tab-lag)}@media(hover:hover){.product-upsell__controls[data-active-index="1"]:has(.product-upsell__tab-control:not(.active):hover) .product-upsell__tab-indicator{right:calc(50% - 4px)}.product-upsell__controls[data-active-index="2"]:has(.product-upsell__tab-control:not(.active):hover) .product-upsell__tab-indicator{left:calc(50% - 4px)}}.product-upsell__tab-control{flex:1 1 0;padding:6px 12px 8px;border:0;border-radius:999px;background-color:transparent;text-align:center;color:var(--brand-ink)}.product-upsell__tab-control:only-of-type{flex:0 0 50%}.product-upsell__tab-control:before{content:none}.product-upsell__tab-control-text{font-family:var(--ff-body-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:inherit}@media screen and (max-width:767px){.product-upsell__controls{--tab-duration: .36s;--tab-lag: .04s}.product-upsell__tab-indicator{will-change:left,right}.product-upsell__tabs[data-interacted] .product-upsell__tab-content.active{animation-duration:.3s}.product-upsell__tab-control{padding-inline:6px}.product-upsell__tab-control-text{font-size:10px;letter-spacing:.03em}}.product-upsell__contents{display:grid;margin-top:24px}.product-upsell__contents .product-upsell__tab-content{display:block;grid-area:1 / 1;visibility:hidden}.product-upsell__contents .product-upsell__tab-content.active{visibility:visible}.product-upsell__tabs[data-interacted] .product-upsell__tab-content.active{animation:product-upsell-panel-in .45s cubic-bezier(.22,1,.36,1) both}@keyframes product-upsell-panel-in{0%{opacity:0;transform:translateY(8px)}}.product-upsell__list{display:grid;gap:16px}.product-upsell__list-button{margin-top:16px}@media screen and (min-width:992px){.product-upsell__tab-control-text{font-size:12px}}@media(prefers-reduced-motion:reduce){.product-upsell__tab-indicator{transition:none}.product-upsell__tabs[data-interacted] .product-upsell__tab-content.active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/product-upsell.css.map */