cart-drawer.ysk-drawer{--ysk-primary:#0b2f6b;--ysk-accent:#1f5fd6;--ysk-ink:#0e1a2f;--ysk-mu:#5f6b80;--ysk-line:#e3e8f1;--ysk-bg:#ffffff;--ysk-bg2:#f5f8fd;--ysk-soft:color-mix(in srgb,var(--ysk-accent) 11%,#fff);--ysk-font:"Manrope","Helvetica Neue",Helvetica,Arial,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;width:100vw;height:100%;visibility:hidden;pointer-events:none;background:transparent;transition:visibility .45s ease}cart-drawer.ysk-drawer.active{visibility:visible;pointer-events:auto}cart-drawer.ysk-drawer *{box-sizing:border-box}.ysk{position:absolute;top:0;right:0;bottom:0;left:0;font-family:var(--ysk-font);color:var(--ysk-ink);-webkit-font-smoothing:antialiased}.ysk__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#08142d7a;opacity:0;transition:opacity .4s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}cart-drawer.ysk-drawer.active .ysk__overlay{opacity:1}cart-drawer.ysk-drawer .drawer__inner.ysk__panel{position:absolute;top:0;right:0;bottom:0;left:auto;width:min(100%,440px);max-width:100%;height:100%;margin:0;padding:0;display:flex!important;flex-direction:column;overflow:hidden;background:var(--ysk-bg);border:0;border-radius:0;box-shadow:-24px 0 60px #08142d2e;transform:translate(104%);transition:transform .55s cubic-bezier(.22,1,.36,1);outline:none}cart-drawer.ysk-drawer.active .drawer__inner.ysk__panel{transform:translate(0)}@media(max-width:480px){cart-drawer.ysk-drawer .drawer__inner.ysk__panel{width:100%}}.ysk__head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--ysk-line);flex:0 0 auto}.ysk__title{margin:0;font:800 15px/1 var(--ysk-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ysk-ink);display:flex;align-items:center;gap:10px}.ysk__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--ysk-primary);color:#fff;font-size:11.5px;letter-spacing:0;font-weight:800}.ysk__close{all:unset;cursor:pointer;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--ysk-ink);transition:background .2s,transform .3s;position:static!important}.ysk__close:hover{background:var(--ysk-bg2);transform:rotate(90deg)}.ysk__close:focus-visible{outline:2px solid var(--ysk-accent);outline-offset:2px}.ysk__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 22px;-webkit-overflow-scrolling:touch}.ysk__body::-webkit-scrollbar{width:4px}.ysk__body::-webkit-scrollbar-thumb{background:#c9d3e4;border-radius:9px}.ysk__ship{border:1px solid var(--ysk-line);background:linear-gradient(180deg,#fbfcff,#f3f7fe);border-radius:16px;padding:14px 16px 16px;text-align:center}.ysk__ship-text{margin:0 0 11px;font:700 14.5px/1.3 var(--ysk-font);color:var(--ysk-ink);display:flex;align-items:center;justify-content:center;gap:7px}.ysk__ship-text strong{color:var(--ysk-accent);font-weight:800}.ysk__ship.is-done .ysk__ship-text{color:var(--ysk-primary)}.ysk__ship-bar{height:9px;border-radius:99px;background:#e4eaf5;overflow:hidden}.ysk__ship-bar span{display:block;height:100%;width:var(--p);border-radius:inherit;position:relative;overflow:hidden;background:linear-gradient(90deg,#9fc0ff 0%,var(--ysk-accent) 55%,var(--ysk-primary) 100%);animation:ysk-grow 1.1s cubic-bezier(.22,1,.36,1) both;transform-origin:left}.ysk__ship-bar span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-100%);animation:ysk-sheen 2.6s 1s ease-in-out infinite}@keyframes ysk-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ysk-sheen{to{transform:translate(100%)}}.ysk__items{list-style:none;margin:6px 0 0;padding:0}.ysk__item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid var(--ysk-line);animation:ysk-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i,0) * 70ms + .1s)}.ysk__item-img{display:block;width:76px;height:76px;border-radius:12px;overflow:hidden;background:var(--ysk-bg2);border:1px solid var(--ysk-line)}.ysk__item-img img{width:100%;height:100%;object-fit:cover;display:block}.ysk__item-title{display:block;font:800 14.5px/1.35 var(--ysk-font);color:var(--ysk-ink);text-decoration:none;text-transform:uppercase;letter-spacing:.01em}.ysk__item-variant{margin:3px 0 0;font:600 12.5px/1.3 var(--ysk-font);color:var(--ysk-mu)}.ysk__item-disc{margin:5px 0 0;display:flex;align-items:center;gap:5px;font:800 12px/1.3 var(--ysk-font);color:var(--ysk-accent);letter-spacing:.01em}.ysk__item-disc svg{flex:0 0 auto}.ysk__item-prices{margin-top:6px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.ysk__price{font:800 16px/1 var(--ysk-font);color:var(--ysk-ink)}.ysk__compare{font:600 13.5px/1 var(--ysk-font);color:#8b94a6}.ysk__item-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.ysk__qty{display:inline-flex;align-items:center;border:1.5px solid var(--ysk-line);border-radius:12px;overflow:hidden;background:#fff}.ysk__qty button{all:unset;cursor:pointer;width:32px;height:34px;display:grid;place-items:center;font:800 17px/1 var(--ysk-font);color:var(--ysk-ink);transition:background .2s}.ysk__qty button:hover{background:var(--ysk-bg2)}.ysk__qty button:focus-visible{outline:2px solid var(--ysk-accent);outline-offset:-2px}.ysk__qty span{min-width:22px;text-align:center;font:800 15px/1 var(--ysk-font)}.ysk__remove{all:unset;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#7a8497;transition:color .2s,background .2s}.ysk__remove:hover{color:#c0362c;background:#fdeeee}.ysk__ups{margin-top:22px}.ysk__label{margin:0 0 12px;font:800 12px/1 var(--ysk-font);letter-spacing:.18em;text-transform:uppercase;color:var(--ysk-mu)}.ysk__up{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--ysk-line);border-radius:18px;background:#fff;margin-bottom:12px;box-shadow:0 6px 18px -12px #0b2f6b40;animation:ysk-in .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.25s;transition:transform .25s,box-shadow .25s,border-color .25s}.ysk__up:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ysk-accent) 35%,var(--ysk-line));box-shadow:0 14px 28px -16px #0b2f6b59}.ysk__up-img{width:62px;height:62px;border-radius:12px;overflow:hidden;background:var(--ysk-bg2)}.ysk__up-img img{width:100%;height:100%;object-fit:cover;display:block}.ysk__up-title{margin:0;font:800 15px/1.25 var(--ysk-font);color:var(--ysk-ink)}.ysk__up-desc{margin:4px 0 0;font:500 12.5px/1.4 var(--ysk-font);color:var(--ysk-mu);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ysk__up-prices{margin-top:7px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.ysk__up-prices .ysk__price{font-size:14.5px}.ysk__up-prices .ysk__compare{font-size:12.5px}.ysk__pill{display:inline-block;padding:3px 7px;border-radius:7px;background:var(--ysk-soft);color:var(--ysk-accent);font:800 11.5px/1 var(--ysk-font)}.ysk__btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-align:center;position:relative;overflow:hidden;font-family:var(--ysk-font);-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .25s,filter .2s}.ysk__btn:active{transform:scale(.97)}.ysk__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--ysk-accent) 45%,#fff);outline-offset:2px}.ysk__btn--add{padding:12px 18px;border-radius:99px;background:linear-gradient(135deg,var(--ysk-primary),color-mix(in srgb,var(--ysk-primary) 70%,var(--ysk-accent)));color:#fff;font-weight:800;font-size:14px;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--ysk-primary) 75%,transparent)}.ysk__btn--add:hover{filter:brightness(1.12);box-shadow:0 12px 22px -10px var(--ysk-primary)}.ysk__btn--solid{padding:15px 26px;border-radius:14px;background:var(--ysk-primary);color:#fff;font-weight:800;font-size:15px;text-decoration:none}.ysk__btn.is-loading{color:transparent!important;pointer-events:none}.ysk__btn.is-loading:before{content:"";position:absolute;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ysk-spin .7s linear infinite}.ysk__btn.is-loading>*{opacity:0}.ysk__btn.is-added{background:#e8f0ff;color:var(--ysk-primary);box-shadow:none}.ysk__protect{position:relative;display:grid;grid-template-columns:22px 48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 14px;margin-top:4px;border:1.5px solid var(--ysk-line);border-radius:18px;cursor:pointer;background:#fff;transition:border-color .25s,background .25s,box-shadow .25s;animation:ysk-in .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.32s}.ysk__protect:hover{border-color:color-mix(in srgb,var(--ysk-accent) 35%,var(--ysk-line))}.ysk__protect.is-on{border-color:var(--ysk-accent);background:linear-gradient(180deg,#fff,var(--ysk-soft));box-shadow:0 10px 24px -18px var(--ysk-accent)}.ysk__protect input{position:absolute;opacity:0;width:1px;height:1px}.ysk__check{width:22px;height:22px;border-radius:7px;border:2px solid #b9c3d6;display:grid;place-items:center;color:#fff;transition:background .2s,border-color .2s}.ysk__check svg{transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ysk__protect input:checked~.ysk__check{background:var(--ysk-accent);border-color:var(--ysk-accent)}.ysk__protect input:checked~.ysk__check svg{transform:scale(1)}.ysk__protect input:focus-visible~.ysk__check{outline:2px solid var(--ysk-accent);outline-offset:2px}.ysk__shield{width:48px;height:48px;border-radius:12px;background:var(--ysk-bg2);display:grid;place-items:center;overflow:hidden}.ysk__shield img{width:100%;height:100%;object-fit:contain}.ysk__protect.is-on .ysk__shield svg{animation:ysk-pop .5s cubic-bezier(.34,1.56,.64,1)}.ysk__protect-info{display:flex;flex-direction:column;gap:3px}.ysk__protect-title{font:800 14.5px/1.25 var(--ysk-font);color:var(--ysk-ink)}.ysk__protect-text{font:500 12.5px/1.4 var(--ysk-font);color:var(--ysk-mu)}.ysk__protect-price{font:800 14.5px/1 var(--ysk-font);color:var(--ysk-ink);white-space:nowrap}.ysk__foot{flex:0 0 auto;padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--ysk-line);background:#fff;box-shadow:0 -14px 30px -24px #08142d59}.ysk__foot form{margin:0}.ysk__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 8px;font:700 14.5px/1.2 var(--ysk-font)}.ysk__row--disc,.ysk__row--code{color:var(--ysk-accent);font-weight:800}.ysk__row--code{font-size:13px}.ysk__row--total{margin:6px 0 14px;font-size:18px;font-weight:800}.ysk__total{font-size:22px;font-weight:800;letter-spacing:-.01em}.ysk__btn--checkout{width:100%;min-height:58px;border-radius:16px;font-size:17.5px;font-weight:800;color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,var(--ysk-primary) 0%,color-mix(in srgb,var(--ysk-primary) 62%,var(--ysk-accent)) 100%);box-shadow:0 14px 26px -12px color-mix(in srgb,var(--ysk-primary) 85%,transparent),inset 0 1px #ffffff2e}.ysk__btn--checkout:hover{filter:brightness(1.1)}.ysk__shine{position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-120%) skew(-18deg);animation:ysk-shine 3.2s ease-in-out infinite;pointer-events:none}@keyframes ysk-shine{0%,55%{transform:translate(-120%) skew(-18deg)}85%,to{transform:translate(330%) skew(-18deg)}}.ysk__trust{margin:11px 0 0;text-align:center;font:700 12.5px/1.35 var(--ysk-font);color:var(--ysk-mu)}.ysk__pay{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.ysk__pay svg{width:34px;height:22px;display:block}.ysk__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 28px 60px;gap:10px}.ysk__empty-icon{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--ysk-soft);color:var(--ysk-primary);margin-bottom:8px;animation:ysk-float 3.4s ease-in-out infinite}.ysk__empty-title{margin:0;font:800 20px/1.2 var(--ysk-font)}.ysk__empty-text{margin:0 0 12px;font:500 14.5px/1.5 var(--ysk-font);color:var(--ysk-mu);max-width:280px}.ysk__loader{position:absolute;left:0;right:0;top:0;height:3px;overflow:hidden;opacity:0;transition:opacity .2s;pointer-events:none;z-index:3}.ysk__loader span{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,var(--ysk-accent),transparent);animation:ysk-load 1s linear infinite}.ysk__panel.is-busy .ysk__loader{opacity:1}.ysk__panel.is-busy .ysk__body,.ysk__panel.is-busy .ysk__foot{opacity:.6;pointer-events:none;transition:opacity .2s}@keyframes ysk-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ysk-spin{to{transform:rotate(360deg)}}@keyframes ysk-load{0%{left:-40%}to{left:100%}}@keyframes ysk-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes ysk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.ysk__panel.no-anim .ysk__item,.ysk__panel.no-anim .ysk__up,.ysk__panel.no-anim .ysk__protect,.ysk__panel.no-anim .ysk__ship-bar span{animation:none}@media(prefers-reduced-motion:reduce){cart-drawer.ysk-drawer *,cart-drawer.ysk-drawer *:before,cart-drawer.ysk-drawer *:after{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ys-cart.css.map */