.fr-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;pointer-events:none;overflow:hidden;visibility:hidden;transition:visibility 0s linear .7s}.fr-drawer.is-open{pointer-events:auto;visibility:visible;transition:none}.fr-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b2d4d7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .5s}.fr-drawer.is-open .fr-drawer__overlay{opacity:1}.fr-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);display:flex;flex-direction:column;background:#fff;border-radius:28px 0 0 28px;overflow:hidden;transform:translate(104%);transition:transform .7s var(--ease);box-shadow:-30px 0 70px -30px #0b2d4d8c}.fr-drawer.is-open .fr-drawer__panel{transform:none}.fr-drawer__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 18px 24px;border-bottom:1px solid var(--line)}.fr-drawer__title{display:flex;align-items:center;gap:12px;min-width:0}.fr-drawer__bag{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--teal);box-shadow:inset 0 0 0 2px var(--teal)}.fr-drawer__bag .fr-icon{width:20px;height:20px}.fr-drawer__head h3{font-size:21px;letter-spacing:-.02em}.fr-drawer__head h3 span{font-size:14px;font-weight:500;color:var(--ink-soft)}.fr-drawer__close{background:var(--aqua);color:var(--teal)}.fr-drawer__close:active{background:var(--teal);color:#fff}.fr-drawer__ship{padding:14px 24px 16px;background:linear-gradient(90deg,var(--aqua),#f3fbfa);font-size:13.5px;color:var(--teal)}.fr-drawer__ship p{display:flex;align-items:center;gap:10px}.fr-drawer__ship p .fr-icon{width:20px;height:20px}.fr-drawer__ship strong{font-weight:700}.fr-drawer__shipbar{margin-top:10px;height:6px;border-radius:3px;background:#0f6b6b24;overflow:hidden}.fr-drawer__shipbar i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--mint),var(--gold));transform-origin:left}.fr-drawer.is-open .fr-drawer__shipbar i{animation:fr-load 1.2s .25s var(--ease) both}.fr-drawer__items{flex:1;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:6px 24px}.fr-ditem{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line);animation:fr-tabin .5s var(--ease) both}.fr-ditem:last-child{border-bottom:0}.fr-ditem__img{width:84px;height:84px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 60%,#fff,var(--aqua) 65%,#cdeee8)}.fr-ditem__img svg{width:80%;filter:drop-shadow(0 8px 8px rgba(11,45,77,.16))}.fr-ditem__img img{width:100%;height:100%;object-fit:cover}.fr-ditem>div:nth-child(2){min-width:0}.fr-ditem strong{display:block;padding-right:4px;font-size:14.5px;font-weight:600;line-height:1.3}.fr-ditem small{display:block;margin-top:3px;font-size:14px;font-weight:700;color:var(--teal)}.fr-ditem__qty{display:inline-flex;align-items:center;margin-top:10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}.fr-ditem__qty button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--teal);transition:background .3s,transform .2s var(--ease)}.fr-ditem__qty button:active{transform:scale(.86);background:#3cc7b424}.fr-ditem__qty button .fr-icon{width:16px;height:16px}.fr-ditem__qty span{min-width:22px;text-align:center;font-size:15px;font-weight:600}.fr-ditem__remove{min-height:44px;padding:0 2px;font-size:12.5px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;transition:color .3s}.fr-drawer__empty{position:relative;margin-block:auto;display:grid;justify-items:center;gap:22px;padding:36px 8px 28px;text-align:center;color:var(--ink-soft);font-size:15px;animation:fr-dr-rise .7s var(--ease) both}@keyframes fr-dr-rise{0%{opacity:0;transform:translateY(18px)}}.fr-drawer__empty:before{content:"";position:absolute;top:14px;left:50%;width:210px;height:210px;margin-left:-105px;border-radius:50%;border:1px dashed rgba(15,107,107,.3);pointer-events:none;animation:fr-spin 30s linear infinite}.fr-drawer__empty:after{content:"";position:absolute;top:9px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #c9a24a33;transform-origin:5px 110px;animation:fr-spin 30s linear infinite;pointer-events:none}.fr-drawer__empty svg{width:100px;height:100px;padding:33px;box-sizing:content-box;border-radius:50%;background:radial-gradient(circle at 50% 56%,#fff,var(--aqua) 60%,#c6ece5);box-shadow:0 0 0 10px #e8f8f6b3,0 30px 50px -30px #0f6b6bb3;animation:fr-float 6s ease-in-out infinite}.fr-drawer__empty p{max-width:280px;margin-top:8px;line-height:1.6}.fr-drawer__empty p:first-line{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--navy)}.fr-drawer__promo{display:none;padding:0 24px 18px}.fr-drawer__panel:has(.fr-drawer__empty) .fr-drawer__promo{display:grid;gap:14px;animation:fr-dr-rise .7s .12s var(--ease) both}.fr-drawer__combo{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:76px;padding:10px 10px 10px 12px;border-radius:20px;color:#fff;background:radial-gradient(90% 140% at 0% 0%,rgba(60,199,180,.38),transparent 60%),radial-gradient(60% 120% at 100% 100%,rgba(201,162,74,.22),transparent 70%),linear-gradient(120deg,var(--teal-deep),var(--navy));box-shadow:0 22px 40px -26px #0b2d4dd9,inset 0 1px #ffffff1f;transition:transform .5s var(--ease)}.fr-drawer__combo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);transform:translate(-110%);animation:fr-dr-sheen 5s var(--ease) 1s infinite}@keyframes fr-dr-sheen{0%{transform:translate(-110%)}40%,to{transform:translate(110%)}}.fr-drawer__combo:active{transform:scale(.98)}.fr-drawer__combo-art{position:relative;flex:none;width:82px;height:56px}.fr-drawer__combo-art svg{position:absolute;bottom:-2px;width:36px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35));transition:transform .6s var(--ease)}.fr-drawer__combo-art svg:nth-child(1){left:0;transform:rotate(-12deg)}.fr-drawer__combo-art svg:nth-child(2){right:-2px;transform:rotate(12deg)}.fr-drawer__combo-art svg:nth-child(3){left:50%;z-index:1;width:46px;margin-left:-23px}.fr-drawer__combo-txt{flex:1;min-width:0;display:grid;gap:1px;line-height:1.3}.fr-drawer__combo-txt small{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi)}.fr-drawer__combo-txt strong{font-size:15px;font-weight:600}.fr-drawer__combo-txt em{font-style:normal;font-size:12.5px;color:#e8f8f6bf}.fr-drawer__combo-go{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:linear-gradient(135deg,#b88d34,var(--gold) 40%,var(--gold-hi));box-shadow:0 10px 22px -10px #c9a24ae6;transition:transform .5s var(--ease)}.fr-drawer__combo-go .fr-icon{width:18px;height:18px}.fr-drawer__perks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink-soft)}.fr-drawer__perks li{display:inline-flex;align-items:center;gap:7px}.fr-drawer__perks .fr-icon{width:18px;height:18px;color:var(--teal)}.fr-drawer__foot{display:grid;gap:12px;padding:18px 24px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--aqua));box-shadow:0 -20px 30px -24px #0b2d4d40}.fr-drawer__row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:500}.fr-drawer__row strong{font-size:24px;font-weight:700;color:var(--teal);letter-spacing:-.02em}.fr-drawer__note{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}.fr-drawer__note .fr-icon{width:18px;height:18px;color:var(--teal)}.fr-drawer__foot .fr-btn{min-height:56px;font-size:15.5px}.fr-drawer__shop{display:none}.fr-drawer__link{display:grid;place-items:center;min-height:44px;font-size:13.5px;text-decoration:underline;text-underline-offset:3px;color:var(--ink-soft)}.fr-drawer__panel:has(.fr-drawer__empty) .fr-drawer__foot>:not(.fr-drawer__shop){display:none}.fr-drawer__panel:has(.fr-drawer__empty) .fr-drawer__shop{display:inline-flex}.fr-drawer__panel:has(.fr-drawer__empty) .fr-drawer__ship{display:none}@media(hover:hover)and (pointer:fine){.fr-drawer__close:hover{background:var(--teal);color:#fff;transform:rotate(90deg)}.fr-ditem__qty button:hover{background:#3cc7b424}.fr-ditem__remove:hover,.fr-drawer__link:hover{color:var(--teal)}.fr-drawer__combo:hover{transform:translateY(-2px)}.fr-drawer__combo:hover .fr-drawer__combo-art svg:nth-child(1){transform:translate(-4px) rotate(-18deg)}.fr-drawer__combo:hover .fr-drawer__combo-art svg:nth-child(2){transform:translate(4px) rotate(18deg)}.fr-drawer__combo:hover .fr-drawer__combo-art svg:nth-child(3){transform:translateY(-4px)}.fr-drawer__combo:hover .fr-drawer__combo-go{transform:translate(4px)}}@media(max-width:680px){.fr-drawer__panel{width:100%;border-radius:0}.fr-drawer__head{padding:12px 10px 12px 16px}.fr-drawer__bag{width:38px;height:38px}.fr-drawer__head h3{font-size:19px}.fr-drawer__ship{padding:12px 16px 14px;font-size:13px}.fr-drawer__items{padding:4px 16px}.fr-ditem{grid-template-columns:76px minmax(0,1fr) auto;gap:12px}.fr-ditem__img{width:76px;height:76px;border-radius:16px}.fr-ditem__qty button{width:44px;height:44px}.fr-drawer__foot{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.fr-drawer__promo{padding:0 16px 16px}}@media(max-height:560px){.fr-drawer__empty{padding-top:20px;gap:14px}.fr-drawer__empty:before,.fr-drawer__empty:after{display:none}.fr-drawer__empty svg{width:64px;height:64px;padding:20px}}@media(prefers-reduced-motion:reduce){.fr-drawer__empty svg,.fr-drawer__empty:before,.fr-drawer__empty:after,.fr-drawer__combo:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-drawer.css.map */