cart-drawer{display:block!important}.cart-drawer__container:focus{outline:none}.cart-drawer__container{transform:translate(100%);background-color:transparent;pointer-events:none}html[data-scroll-direction=down] .cart-drawer__container{transform:translate(100%)}.cart-drawer__container.drawer--open,html[data-scroll-direction=down] .cart-drawer__container.drawer--open{transform:translate(0)}.cart-drawer__overlay{background-color:var(--c-backdrop);position:fixed;top:0;left:0;width:100vw;height:100vh;visibility:hidden;opacity:0;transition:visibility 0s .45s,opacity .3s ease;z-index:5;cursor:unset;border:0;padding:0}html[data-scroll-direction=down] .cart-drawer__overlay{transform:translate(0)}.cart-drawer__overlay.drawer--open{transition:visibility 0s,opacity .3s .15s ease;visibility:visible;opacity:1}.cart-drawer__inner{width:100%;height:100%;background-color:var(--c-secondary-bg);cursor:auto;position:relative;pointer-events:all}@media screen and (min-width:768px){.cart-drawer__inner{width:400px;position:absolute;top:0;right:0}}.cart-drawer__inner-container{cursor:auto;overflow:auto;display:flex;flex-direction:column;justify-content:space-between;gap:var(--pd-l);width:100%;height:calc(100% - var(--mini-cart-footer-height))}.cart-drawer__inner-container--empty-cart{justify-content:space-between;height:100%}.cart-drawer__close-container{height:fit-content;width:fit-content;position:absolute;top:68%;right:calc(var(--pd-m) + 6px);transform:translateY(-50%);border:1px solid var(--brand-ink);border-radius:50%;background-color:transparent;padding:4px;cursor:pointer}.cart-drawer__close-container svg path{stroke:currentColor;stroke-width:.75px}.cart-drawer__close-container svg{display:block;transform:scale(.75)}.cart-drawer__header{padding:var(--pd-m);display:flex;align-items:center;position:relative}@media screen and (min-width:768px){.cart-drawer__header{padding:var(--pd-m-l) var(--pd-m) var(--pd-m) var(--pd-m)}}.cart-drawer__header .cart-count{min-width:18px;height:18px;padding-inline:5px;font-size:11px}.cart-drawer__header h2{font-family:var(--ff-body-mono);font-size:var(--fs-text-s);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-left:var(--pd-xxxs)}@media screen and (min-width:768px){.cart-drawer__header h2{font-size:15px;margin-left:var(--pd-xs)}}.cart__progress-bar-wrapper{position:relative;margin-top:var(--pd-m);padding:var(--pd-m)}.cart__progress-bar{position:relative;display:block;width:100%;height:var(--pd-xxs);border-radius:500px;background-color:var(--c-accent-bg);overflow:hidden}.cart__progress{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-accent-gradient);clip-path:inset(0 calc(100% - var(--progress)) 0 0 round 500px)}.cart__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 35%,color-mix(in srgb,var(--brand-white) 55%,transparent) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;opacity:0}.cart__progress-bar.is-advancing .cart__progress:after{animation:cart-progress-sheen 1.1s cubic-bezier(.22,1,.36,1) .35s}.cart__progress-bar.is-complete .cart__progress:after{animation:cart-progress-sheen 1.4s cubic-bezier(.22,1,.36,1) .6s 2}@keyframes cart-progress-sheen{0%{opacity:1;background-position:120% 0}to{opacity:1;background-position:-20% 0}}.cart__progress-bar-text{position:absolute;top:0;left:0;width:100%;transform:translateY(-50%);z-index:1;text-align:center;font-size:var(--fs-text-m)}@media screen and (min-width:768px){.cart__progress-bar-text{font-size:var(--fs-text-s)}}.cart-drawer__inner-empty{padding:var(--pd-m);text-align:center;display:flex;align-items:center;justify-content:center}.cart-drawer__empty-text{font-weight:400}.cart-drawer__contents{flex-grow:1;overflow:auto;padding-top:5px;padding-bottom:var(--pd-l)}.cart-drawer__ctas{margin-top:3px;margin-bottom:var(--pd-m)}.cart-drawer span,.cart-drawer__container a.atc-button>span{color:var(--c-secondary-font)}.cart-drawer__recommended-products{position:relative}.products-slider-swiper-wrapper.swiper-wrapper{width:100%;position:relative;height:auto;padding-bottom:var(--pd-m)}.products-slider-swiper-wrapper .swiper-slide{height:auto;display:flex}.products-slider-swiper-pagination.swiper-pagination{position:absolute;right:var(--pd-m);width:auto!important;left:auto!important;top:0!important;height:fit-content}.products-slider-swiper-pagination .swiper-pagination-bullet{height:8px;width:8px;border:1px solid var(--brand-ink);background:transparent;opacity:1}.products-slider-swiper-pagination .swiper-pagination-bullet-active{height:8px!important;width:8px!important;border-radius:500px;background:var(--brand-ink);border:1px solid transparent}.cart-drawer__recommended-products-title{text-transform:uppercase;font-size:var(--fs-text-xs);font-weight:700;line-height:2;margin-bottom:var(--pd-xs);padding-left:var(--pd-m)}.cart-drawer__recommended-products .atc-button--small{background-color:var(--brand-white);color:var(--brand-ink);border:1px solid var(--brand-ink)}.cart-drawer__recommended-products .junip-product-summary-star-ratings-container .junip-product-summary-star{width:12px;height:12px}.cart-item__info{display:flex;flex-direction:column;height:100%;justify-content:space-between}.cart-item__sub--wrapper{margin-top:6px;display:flex;align-items:center}.cart-item__sub{width:fit-content}.cart-item__quantity-wrapper{right:var(--pd-m);bottom:var(--pd-m);position:absolute}.cart-drawer__footer{padding-bottom:var(--pd-s)}.cart-drawer__footer-inner{position:absolute;bottom:0;left:0;width:100%;background-color:var(--c-primary-bg);padding:var(--pd-m);overflow:hidden;border-radius:var(--bd-radius-s) var(--bd-radius-s) 0 var(--bd-radius-s);box-shadow:var(--shadow-sticky);z-index:1;display:flex;flex-direction:column;gap:0}@media screen and (min-width:768px){.cart-drawer__footer-inner{padding:var(--pd-l)}}.cart-drawer__totals-wrapper{width:100%;display:flex;justify-content:space-between}.cart-drawer__subtotal{font-family:var(--ff-body-mono);font-size:var(--fs-text-s);font-weight:500;text-transform:uppercase}.cart-drawer__subtotal-value{font-family:var(--ff-body-mono);font-size:var(--fs-text-m);font-weight:400}.cart-drawer__tax-note{font-size:var(--fs-text-s)}.cart-drawer__continue-shopping-wrapper{padding:var(--pd-m);width:100%}.cart-item__container{position:relative;display:flex;flex-direction:column;padding:0 var(--pd-m);gap:var(--pd-xs)}.cart-item__content{padding:6px 0;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:flex-start;width:100%;position:relative}.cart-item__left-side{display:flex;gap:var(--pd-xs);width:100%}.cart-item__image-wrapper{display:flex;align-self:flex-start}.cart-item__image-container{height:60px;width:60px;border-radius:var(--bd-radius-s);overflow:hidden;position:relative}.cart-item__image-container img{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0}.cart-item__remove-button{width:20px;height:20px;border-radius:500px;border:0;background-color:transparent;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;cursor:pointer;padding:0}.cart-item__error-text{color:var(--c-error)}.cart-item__error-text:empty+svg{display:none}.cart-item__name{font-weight:400;width:60%}.cart-item__type{font-size:var(--fs-text-xs)}.loading-overlay{margin:var(--pd-m)}.cart-item__price{font-size:var(--fs-text-xs)}.cart-item__price-wrapper{position:absolute;right:var(--pd-m);line-height:1}.cart-item__final-price{font-family:var(--ff-body-mono);font-size:var(--fs-text-s);font-weight:400}.cart-item__price--original{text-decoration-line:line-through;color:var(--c-secondary-accent);font-weight:400}.cart-item__quantity-wrapper .quantity{height:fit-content;max-width:104px;border-color:var(--brand-selected-border);align-items:center;padding-top:0}.cart-item__quantity-wrapper .quantity__button{width:auto;flex:none;padding:10px;display:flex;align-items:center;justify-content:center}.cart-item__quantity-wrapper .quantity__button svg{color:var(--brand-ink);width:10px;height:10px;flex:none;display:block}.cart-item__quantity-wrapper .quantity__input{color:var(--brand-ink);font-size:13px;width:24px;flex:none;padding-top:0;padding-bottom:0;line-height:normal}#CartDrawer-CartErrors{padding:0 var(--pd-m)}span.cart-free-tag{background-color:var(--c-tertiary-accent);display:inline-block;padding:0 5px;color:var(--brand-white);font-size:11px}.gwp-product cart-remove-button{display:none}button#CartDrawer-Checkout{width:100%}.cart-item__container .cart-item__link{display:contents;color:var(--brand-ink);text-decoration:none}.cart-item__container{--cart-ease: cubic-bezier(.22, 1, .36, 1);--cart-spring: cubic-bezier(.34, 1.56, .64, 1);view-transition-class:cart-line}.cart-item__content{transition:opacity .3s ease,transform .35s var(--cart-ease)}.cart-item__container.is-updating .cart-item__content{pointer-events:none}.cart-item__container.is-updating .cart-item__final-price{background-image:linear-gradient(100deg,var(--brand-ink) 35%,var(--brand-graphite) 50%,var(--brand-ink) 65%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:cart-price-shimmer 1.1s linear infinite}.cart-item__container.is-removing .cart-item__content{opacity:0;transform:translate(12px);pointer-events:none}@keyframes cart-price-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.cart-item__remove-button{color:var(--brand-ink);transition:transform .45s var(--cart-spring),background-color .2s ease}.cart-item__remove-button:active{transform:scale(.85);transition-duration:.1s}.cart-item__quantity-wrapper .quantity{transition:border-color .2s ease}.cart-item__quantity-wrapper .quantity__button{border-radius:50%;transition:background-color .2s ease,opacity .2s ease}.cart-item__quantity-wrapper .quantity__button svg{transition:transform .35s var(--cart-spring)}.cart-item__quantity-wrapper .quantity__button:active svg{transform:scale(.7);transition-duration:.08s}.cart-item__quantity-wrapper .quantity__button.disabled{opacity:.3;pointer-events:none}.cart-item__quantity-wrapper .quantity__input[data-roll=up]{animation:cart-qty-roll-up .32s var(--cart-ease)}.cart-item__quantity-wrapper .quantity__input[data-roll=down]{animation:cart-qty-roll-down .32s var(--cart-ease)}@keyframes cart-qty-roll-up{0%{opacity:0;transform:translateY(6px)}}@keyframes cart-qty-roll-down{0%{opacity:0;transform:translateY(-6px)}}@media(hover:hover){.cart-item__remove-button:hover{background-color:color-mix(in srgb,var(--brand-ink) 7%,transparent);transform:rotate(90deg)}.cart-item__quantity-wrapper .quantity:hover{border-color:var(--brand-graphite)}.cart-item__quantity-wrapper .quantity__button:hover{background-color:color-mix(in srgb,var(--brand-ink) 7%,transparent)}.cart-item__quantity-wrapper .quantity__button:hover svg{transform:scale(1.2)}}.cart-drawer__top{view-transition-name:cart-drawer-top}.cart-drawer__footer-inner{view-transition-name:cart-drawer-footer}.cart-drawer__subtotal-value{view-transition-name:cart-subtotal}:root:active-view-transition-type(cart)::view-transition-old(root),:root:active-view-transition-type(cart)::view-transition-new(root){animation:none}::view-transition-group(.cart-line),::view-transition-group(cart-subtotal){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(cart-drawer-top),::view-transition-group(cart-drawer-footer){z-index:2}::view-transition-group(cart-subtotal){z-index:3}::view-transition-old(.cart-line):only-child{animation:cart-line-out .3s ease both}::view-transition-new(.cart-line):only-child{animation:cart-line-in .4s cubic-bezier(.22,1,.36,1) both}::view-transition-old(cart-subtotal){animation:cart-value-out .2s ease both}::view-transition-new(cart-subtotal){animation:cart-value-in .35s cubic-bezier(.22,1,.36,1) .05s both}@keyframes cart-line-out{to{opacity:0;transform:translate(16px)}}@keyframes cart-line-in{0%{opacity:0;transform:translateY(8px)}}@keyframes cart-value-out{to{opacity:0;transform:translateY(-4px)}}@keyframes cart-value-in{0%{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.cart-item__content,.cart-item__remove-button,.cart-item__quantity-wrapper .quantity__button svg{transition:none}.cart-item__container.is-updating .cart-item__final-price,.cart-item__quantity-wrapper .quantity__input[data-roll]{animation:none}.cart-item__container.is-updating .cart-item__final-price{color:var(--brand-ink);background:none}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/component-cart-drawer.css.map */