:root{--color-primary: #1eb5da;--color-accent: #e30385;--color-success: #39b54a;--color-vip: #00adb5;--color-vip-bg: #f2fbfb;--color-text: #1d1d1f;--color-text-light: #555;--color-border: #CCC;--color-bg-item: #F7F7F7;--color-bg-success: #edf7ed;--drawer-duration: .35s;--drawer-easing: cubic-bezier(.25, .46, .45, .94);--overlay-duration: .3s}.custom-cart-drawer{position:fixed;top:15px;right:15px;bottom:15px;width:100%;max-width:440px;background:#fff;border-radius:10px;box-shadow:-5px 0 15px #0000001a;z-index:9999;transform:translate(calc(100% + 40px));transition:transform var(--drawer-duration) var(--drawer-easing),opacity var(--drawer-duration) var(--drawer-easing),visibility 0s linear var(--drawer-duration);display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.drawer__background{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.75;z-index:1000000}body.drawer-open{overflow:hidden}body.drawer-open .custom-cart-drawer{transform:translate(0);z-index:1000001;visibility:visible;opacity:1;transition:transform var(--drawer-duration) var(--drawer-easing),opacity var(--drawer-duration) var(--drawer-easing),visibility 0s linear 0s}body.drawer-open .drawer__background{display:block}.drawer__inner{display:flex;flex-direction:column;height:100%;border-radius:inherit}.drawer__header{padding:20px;background:#fff;position:sticky;top:0;z-index:2}.drawer__title{margin:0;font-size:1.5em;font-weight:700;color:var(--color-text)}.drawer__continue-shopping{display:block;font-size:.85em;color:var(--color-text-light);margin-bottom:15px;cursor:pointer;transition:color .2s ease;outline:none}.drawer__continue-shopping:hover{color:var(--color-text)}.drawer__continue-shopping svg{width:10px;margin-right:3px}.drawer__close-button{position:absolute;top:20px;right:15px;background:none;border:none;padding:0;cursor:pointer;width:24px;height:24px}.drawer__close-button svg{width:100%;height:100%;background-color:#fff}.cart-drawer-success{color:var(--color-success);margin:0 20px 15px 10px;line-height:1.3;font-size:.9em;display:flex;align-items:center;gap:12px}.drawer__content{flex-grow:1;overflow-y:auto;padding:20px;background-color:#f7f7f7;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.drawer__items-placeholder{padding:60px 20px;text-align:center;color:var(--color-text-light);font-size:15px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer__empty-image{width:80%;max-width:280px;margin-bottom:0}.drawer-item{position:relative;display:flex;align-items:center;padding:20px;margin-bottom:10px;background:#fff;border-radius:7px;gap:20px;box-shadow:0 2px 8px #00000014}.drawer-item:last-child{margin-bottom:0}@keyframes slideOutItem{to{opacity:0;transform:translate(30px) scale(.95);max-height:0;padding:0;margin:0}}.drawer-item__details{position:relative;width:100%}.drawer-item__image{width:100px;height:100px;flex-shrink:0}.drawer-item__image img{width:100px;border-radius:4px}.drawer-item__title{display:inline-block;line-height:1.1;margin-bottom:5px;font-weight:700;font-size:16px;color:var(--color-text);text-decoration:none;transition:color .2s ease}.drawer-item__title:hover{text-decoration:underline;color:var(--color-primary)}.drawer-item__vendor{font-size:13px;color:var(--color-text-light);text-transform:uppercase;margin-bottom:0}.drawer-item__variant{font-size:13px;color:var(--color-text-light);font-style:italic}.drawer-item__discount{margin:5px auto -15px;text-align:right}.drawer-item__discount-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;color:#fff;background:var(--color-accent);padding:1px 7px;border-radius:3px}.drawer-item__properties{font-size:13px;color:var(--color-text-light);font-style:italic;margin-top:5px}.drawer-item__footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.drawer-item__quantity{display:flex;align-items:center;background:#fff;gap:4px}.quantity__button{background:#ccc;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:22px;width:28px;transition:background .2s ease,transform .1s ease}.quantity__button:hover:not(:disabled){background:#ddd;transform:scale(1.1)}.quantity__button:active:not(:disabled){transform:scale(.95)}.quantity__button:disabled{opacity:.5;cursor:not-allowed}.quantity__button svg{width:12px;height:12px;transition:transform .2s ease}.quantity__input{width:36px;text-align:center;border:none;padding:8px 0;font-weight:600;transition:background .2s ease}.quantity__input:focus{background:#f9f9f9;outline:none}.drawer-item__price{text-align:right;width:100%}.price--original{text-decoration:line-through;color:var(--color-text-light);font-size:14px;margin-right:5px}.price--final{font-weight:700;color:var(--color-text);font-size:14px}.drawer-item__remove{position:absolute;top:15px;right:15px;width:12px;height:12px;cursor:pointer;padding:0;margin:0;outline:0;border:0;background:none}.drawer__footer{padding:20px;border-top:1px solid var(--color-border);background:#fff;position:sticky;bottom:0;z-index:2;animation:slideUpFooter .4s cubic-bezier(.34,1.56,.64,1) .2s backwards}@keyframes slideUpFooter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-drawer__totals{display:flex;justify-content:space-between;align-items:baseline;margin:0 5px 5px;font-weight:700;font-size:1.1em}.cart-drawer__totals .totals-label{font-size:.9em}.cart-drawer__totals .totals-value{font-size:1.5em;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.cart-drawer__totals .totals-value.is-updating{animation:bounceNumber .4s cubic-bezier(.34,1.56,.64,1)}@keyframes bounceNumber{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.cart-drawer__shipping-notice{font-size:.8em;color:var(--color-text-light);text-align:left;margin:7px 5px 15px;transition:color .3s ease}.shipping_notice__vip{color:var(--color-vip)}.shipping_notice__free{color:var(--color-success)}.cart-drawer__checkout-button{display:block;width:100%;padding:16px 15px;text-align:center;background:var(--color-primary);color:#fff;text-decoration:none;border:2px solid var(--color-primary);border-radius:5px;font-size:17px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;margin-bottom:5px}.cart-drawer__checkout-button:hover:not(:disabled){background-color:#fff;color:var(--color-primary)}.cart-drawer__checkout-button:active:not(:disabled){transform:translateY(0)}.cart-drawer__checkout-button:disabled{border:2px solid #ccc;background:#ccc;cursor:not-allowed;transform:none}.drawer__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;z-index:999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease}.spinner{width:40px;height:40px;animation:rotate 1s linear infinite}.spinner .path{stroke:var(--color-primary);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width: 480px){.custom-cart-drawer{max-width:none;width:100%;top:0;right:0;bottom:0;border-radius:0;box-shadow:none;transform:translate(100%)}body.drawer-open .custom-cart-drawer{transform:translate(0)}.drawer-item__image{width:80px;height:80px}}.is-hidden{display:none!important}.drawer__back-link{display:inline-flex;align-items:center;gap:8px;font-size:.95em;color:var(--color-text);text-decoration:underline;transition:gap .2s ease}.drawer__back-link:hover{gap:12px}.drawer__back-link .back-arrow{line-height:1;font-weight:600;transition:transform .2s ease}.drawer__back-link:hover .back-arrow{transform:translate(-4px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.custom-cart-drawer{transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/custom-cart-drawer.css.map */