.oo-cd{--oo-cd-accent: var(--oo-teal);--oo-cd-accent-ink: var(--oo-teal-ink);--oo-cd-fs-a: var(--oo-teal);--oo-cd-fs-b: var(--oo-pink-ink);--oo-cd-cta: var(--oo-grad-cta);--oo-cd-soft: color-mix(in srgb, var(--oo-ice) 30%, var(--oo-white));--oo-cd-line: var(--oo-line);--oo-cd-ok: var(--oo-ok);width:min(440px,100%);overflow:hidden;background:var(--oo-bg)}.oo-cd[open]{display:flex;flex-direction:column}.oo-cd__cart{display:flex;flex:1;flex-direction:column;min-height:0}.oo-cd__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) 16px 12px 18px;border-bottom:1px solid var(--oo-cd-line)}.oo-cd__title{display:flex;align-items:center;gap:10px;margin:0;color:var(--oo-cd-accent-ink);font-size:1.3rem;font-weight:800;line-height:1.2}.oo-cd__title>span{color:var(--oo-ink)}.oo-cd__title:focus{outline:none}.oo-cd__title:focus-visible{outline:3px solid var(--oo-cd-accent);outline-offset:4px;border-radius:8px}.oo-cd__count{color:var(--oo-muted);font-weight:700}.oo-cd__close{flex:none;width:44px;height:44px;box-shadow:none}.oo-cd__loading{position:absolute;right:0;bottom:-2px;left:0;height:3px;overflow:hidden;background:var(--oo-cd-soft)}.oo-cd__loading:after{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,var(--oo-cd-fs-a),var(--oo-cd-fs-b));content:"";animation:oo-cd-loading 1.1s ease-in-out infinite}.oo-cd__alert{margin:12px 16px 0}.oo-cd__scroller{flex:1;min-height:0;padding:0 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.oo-cd__body{display:flex;flex-direction:column;gap:16px;padding-top:16px}.oo-cd__cart[aria-busy=true] .oo-cd__body{opacity:.72;transition:opacity .2s ease .15s}.oo-cd__cart[data-pending] .oo-cd__body,.oo-cd-skeleton{display:none}.oo-cd__cart[data-pending=loading] .oo-cd-skeleton{display:grid;gap:16px;padding-top:16px}.oo-cd-skeleton__ship,.oo-cd-skeleton__img,.oo-cd-skeleton__text>span{background:linear-gradient(100deg,var(--oo-cd-soft) 30%,var(--oo-white) 50%,var(--oo-cd-soft) 70%) 0 0 / 300% 100%}.oo-cd-skeleton__ship{height:148px;border:1px solid var(--oo-white);border-radius:var(--oo-radius-card)}.oo-cd-skeleton__line{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--oo-line);border-radius:var(--oo-radius-media);background:var(--oo-white);box-shadow:var(--oo-shadow-card)}.oo-cd-skeleton__img{height:84px;border-radius:var(--oo-radius-small)}.oo-cd-skeleton__text{display:grid;gap:10px}.oo-cd-skeleton__text>span{height:12px;border-radius:6px}.oo-cd-skeleton__text>span:nth-child(2){width:55%}.oo-cd-skeleton__text>span:nth-child(3){width:35%;height:28px;border-radius:999px}.oo-cd-ship{position:relative;display:grid;gap:12px;padding:14px 14px 12px;overflow:hidden;border:1px solid var(--oo-white);border-radius:var(--oo-radius-card);background:radial-gradient(60% 50% at 8% 18%,rgb(255 255 255 / 75%),transparent 70%),radial-gradient(40% 40% at 96% 8%,rgb(255 255 255 / 70%),transparent 70%),var(--oo-grad-soft);box-shadow:var(--oo-shadow-card)}.oo-cd-ship__deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.oo-cd-ship__spark,.oo-cd-ship__petal{position:absolute;fill:var(--oo-pink);opacity:.7}.oo-cd-ship__spark--1{top:10px;left:10px}.oo-cd-ship__spark--2{top:12px;right:14px;width:12px;height:12px}.oo-cd-ship__spark--3{top:54px;left:42%;width:10px;height:10px;fill:#e9b949}.oo-cd-ship__petal{fill:var(--oo-sakura);stroke:var(--oo-pink);stroke-width:.6;opacity:.9}.oo-cd-ship__petal--1{top:34px;left:6px}.oo-cd-ship__petal--2{right:8px;bottom:70px;width:15px;height:15px}.oo-cd-ship__top{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8px;align-items:center}.oo-cd-ship:not(.oo-cd-ship--mascot) .oo-cd-ship__top{grid-template-columns:minmax(0,1fr)}.oo-cd-ship__art{position:relative;display:grid;place-items:center;margin:-6px 0 -4px -6px}.oo-cd-ship--mascot .oo-cd-ship__spark--1,.oo-cd-ship--mascot .oo-cd-ship__petal--1{display:none}.oo-cd-ship__mascot{position:relative;z-index:1;width:100%;height:auto}.oo-cd-truck__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.oo-cd-ship__mascot.is-covered{opacity:0}.oo-cd-ship__copy{transition:opacity .4s ease,transform .5s var(--oo-ease)}.oo-cd-ship.is-yatta-wait .oo-cd-ship__copy{opacity:0;transform:translateY(6px) scale(.96);transition:none}.oo-cd-ship[data-stage=done] .oo-cd-ship__title{color:var(--oo-pink-ink)}.oo-cd-ship__title{margin:0;color:var(--oo-ink);font-size:1.05rem;font-weight:800;line-height:1.3}.oo-cd-ship__amount{display:inline-block;padding:0 8px;border-radius:10px;background-color:var(--oo-pink-ink);color:var(--oo-white);white-space:nowrap}.oo-cd-ship__sub{margin:6px 0 0;color:var(--oo-ink-2);font-size:.86rem;font-weight:700;line-height:1.45}.oo-cd-ship__track{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.oo-cd-ship__meter{padding-top:26px}.oo-cd-ship__bar{position:relative;height:18px;border:3px solid var(--oo-white);border-radius:var(--oo-radius-pill);background:#ffffffd9;box-shadow:0 4px 14px -6px rgb(var(--oo-shadow-rgb, 29 43 79) / 45%)}.oo-cd-ship__fill{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:repeating-linear-gradient(135deg,rgb(255 255 255 / 16%) 0 8px,transparent 8px 16px),linear-gradient(90deg,var(--oo-cd-fs-b),var(--oo-cd-fs-a));box-shadow:0 0 12px -2px var(--oo-cd-fs-b);transform:scaleX(calc(var(--oo-cd-p, 0) / 100));transform-origin:left center}.oo-cd-ship__pct{position:absolute;bottom:calc(100% + 9px);left:clamp(26px,calc(var(--oo-cd-p, 0) * 1%),calc(100% - 26px));display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:var(--oo-radius-pill);background-color:var(--oo-cd-accent);background-image:var(--oo-cd-cta);box-shadow:var(--oo-shadow-soft);color:var(--oo-white);font-size:.74rem;font-weight:800;white-space:nowrap;transform:translate(-50%)}.oo-cd-ship__pct:after{position:absolute;top:100%;left:50%;border:5px solid transparent;border-top-color:var(--oo-cd-accent);content:"";transform:translate(-50%)}.oo-cd-ship__arrow{font-size:.7rem}.oo-cd-ship__scale{display:flex;justify-content:space-between;margin:6px 2px 0;color:var(--oo-ink);font-size:.8rem;font-weight:800}.oo-cd-ship__goal{display:flex;align-items:center;gap:6px;align-self:center;max-width:116px;margin:18px 0 0;padding:8px 10px;border:2px solid color-mix(in srgb,var(--oo-pink-ink) 35%,var(--oo-white));border-radius:16px;background:var(--oo-white);color:var(--oo-pink-ink);font-size:.76rem;font-weight:800;line-height:1.2}.oo-cd-ship__goal svg{flex:none}.oo-cd-ship[data-stage=done] .oo-cd-ship__goal{border-color:transparent;background:var(--oo-pink-ink);color:var(--oo-white)}@media(max-width:419px){.oo-cd-ship__top{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.oo-cd-ship__title{font-size:.98rem}.oo-cd-ship__sub{font-size:.8rem}}@media(max-width:339px){.oo-cd-ship__top{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}}.oo-cd__form{margin:0}.oo-cd__lines{display:grid;gap:10px;margin:0;padding:0;list-style:none}.oo-cd-line{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:10px;border:1px solid var(--oo-line);border-radius:var(--oo-radius-media);background:var(--oo-white);box-shadow:var(--oo-shadow-card)}.oo-cd-line__media{display:grid;place-items:center;width:84px;height:84px;overflow:hidden;border-radius:var(--oo-radius-small);background:var(--oo-cd-soft);color:var(--oo-muted)}.oo-cd-line__img{width:100%;height:100%;object-fit:contain}.oo-cd-line__info{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:36px}.oo-cd-line__name{display:-webkit-box;margin:0;overflow:hidden;font-size:.92rem;font-weight:800;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.oo-cd-line__name a{color:inherit;text-decoration:none}.oo-cd-line__name a:hover{text-decoration:underline}.oo-cd-line__meta,.oo-cd-line__discount{margin:0;color:var(--oo-muted);font-size:.78rem;line-height:1.4}.oo-cd-line__discount{color:var(--oo-pink-ink);font-weight:700}.oo-cd-line__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin-top:6px;margin-right:-36px}.oo-cd-line__total{display:flex;flex-direction:column;align-items:flex-end;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.oo-cd-line__was{color:var(--oo-muted);font-size:.78rem;font-weight:700}.oo-cd-line__remove{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--oo-radius-small);color:var(--oo-muted)}.oo-cd-line__remove:hover{background:var(--oo-ice);color:var(--oo-pink-ink)}.oo-cd-line__error{margin-top:4px}.oo-cd .oo-stepper{display:inline-flex;align-items:center;border-radius:var(--oo-radius-small);background:var(--oo-white);box-shadow:inset 0 0 0 1px var(--oo-muted)}.oo-cd .oo-stepper__btn{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:var(--oo-radius-small);background:transparent;color:var(--oo-ink)}.oo-cd .oo-stepper__btn:hover{background:var(--oo-ice);color:var(--oo-cd-accent-ink)}.oo-cd .oo-stepper__btn:disabled{color:var(--oo-disabled-fg);opacity:.55;cursor:not-allowed}.oo-cd .oo-stepper__input{width:2.6rem;height:38px;padding:0 2px;border:0;background:transparent;font-size:.95rem;font-weight:800;text-align:center;-webkit-appearance:textfield;appearance:textfield}.oo-cd .oo-stepper__input::-webkit-inner-spin-button,.oo-cd .oo-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.oo-cd__totals{display:grid;gap:6px;margin:0;padding:2px 4px}.oo-cd__row{display:flex;justify-content:space-between;gap:12px;color:var(--oo-ink-2);font-size:.9rem}.oo-cd__row dt,.oo-cd__row dd{margin:0}.oo-cd__row dd{font-weight:700;text-align:right}.oo-cd__row--strong{color:var(--oo-ink);font-size:1.02rem;font-weight:800}.oo-cd__row--strong dd{color:var(--oo-ink);font-weight:800}.oo-cd__row--discount{color:var(--oo-pink-ink)}.oo-cd__free{color:var(--oo-cd-ok);font-weight:800}.oo-cd-recs__title{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--oo-ink);font-size:1.02rem;font-weight:800;line-height:1.3}.oo-cd-recs__title:before{color:var(--oo-pink);content:"\2726"}.oo-cd-recs__list{display:grid;grid-auto-columns:148px;grid-auto-flow:column;gap:10px;margin:0 -16px;padding:2px 16px 8px;overflow-x:auto;list-style:none;overscroll-behavior-x:contain;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:thin}.oo-crec{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--oo-line);border-radius:var(--oo-radius-media);background:var(--oo-white);box-shadow:var(--oo-shadow-card);scroll-snap-align:start}.oo-crec--reach{border-color:var(--oo-cd-accent);box-shadow:0 0 0 1px var(--oo-cd-accent)}.oo-crec__media{position:relative;display:grid;place-items:center;aspect-ratio:1;background:var(--oo-cd-soft);color:var(--oo-muted)}.oo-crec__img{width:100%;height:100%;object-fit:contain}.oo-crec__chip{position:absolute;top:6px;left:6px;max-width:calc(100% - 12px);padding:2px 8px;overflow:hidden;border-radius:var(--oo-radius-pill);background:#ffffffeb;color:var(--oo-cd-accent-ink);font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.oo-crec__body{display:flex;flex:1;flex-direction:column;gap:2px;padding:8px 10px 10px}.oo-crec__name{display:-webkit-box;margin:0;overflow:hidden;font-size:.8rem;font-weight:800;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.oo-crec__name a{color:inherit;text-decoration:none}.oo-crec__name a:hover{text-decoration:underline}.oo-crec__vendor{margin:0;color:var(--oo-muted);font-size:.72rem}.oo-crec__reach{margin:4px 0 0;padding:4px 6px;border-radius:10px;background:var(--oo-ice);color:var(--oo-cd-accent-ink);font-size:.7rem;font-weight:800;line-height:1.3}.oo-crec__form{display:block;margin-top:auto;padding-top:6px}.oo-crec__select{width:100%;margin-bottom:6px;padding:4px 6px;border:1px solid var(--oo-line-strong);border-radius:10px;background:var(--oo-white);color:var(--oo-ink);font:inherit;font-size:.74rem}.oo-crec__foot{position:relative}.oo-crec__foot .oo-price__row{min-height:40px;padding-right:46px}.oo-crec__foot .oo-price__current{font-size:.92rem}.oo-crec__foot .oo-price__note,.oo-crec__foot .oo-price__ref,.oo-crec__foot .oo-price__unit{font-size:.64rem}.oo-crec__add{position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--oo-radius-small);background-color:var(--oo-cd-accent);background-image:var(--oo-cd-cta);background-position:0% 50%;background-size:160% 100%;box-shadow:var(--oo-glow);color:var(--oo-white);cursor:pointer;transition:background-position .35s var(--oo-ease)}.oo-crec__add:hover{background-position:100% 50%}.oo-crec__add.is-busy{opacity:.6;cursor:progress}.oo-crec__error{margin:6px 0 0;color:var(--oo-pink-ink);font-size:.72rem;font-weight:700}@media(max-width:599px){.oo-crec--wide{display:none}}.oo-cd__foot{position:sticky;bottom:0;z-index:1;display:grid;gap:8px;margin:0 -16px;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--oo-line);background:var(--oo-surface-strong);box-shadow:0 -12px 24px -20px #1d2b4f73}.oo-cd__grand{display:flex;align-items:baseline;justify-content:space-between;margin:0;font-weight:800}.oo-cd__grand strong{color:var(--oo-ink);font-size:1.3rem}.oo-cd__checkout{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border:0;border-radius:var(--oo-radius-pill);background-color:var(--oo-cd-accent);background-image:var(--oo-cd-cta);background-position:0% 50%;background-size:160% 100%;box-shadow:var(--oo-glow);color:var(--oo-white);font-size:1.08rem;font-weight:800;text-decoration:none}.oo-cd__checkout:hover{background-position:100% 50%}.oo-cd__checkout:active,.oo-crec__add:active{transform:scale(.98)}.oo-cd__checkout:focus-visible,.oo-crec__add:focus-visible,.oo-cd__continue:focus-visible{outline:3px solid var(--oo-ink);outline-offset:3px}.oo-cd__note{margin:0;color:var(--oo-muted);font-size:.74rem;text-align:center}.oo-cd__after{display:grid;gap:10px;justify-items:center;padding:4px 0 max(18px,env(safe-area-inset-bottom))}.oo-cd__continue{width:100%;min-height:48px;border:0;border-radius:var(--oo-radius-pill);background:var(--oo-white);box-shadow:inset 0 0 0 1px var(--oo-line-strong);color:var(--oo-ink);font-weight:800}.oo-cd__page-link{font-size:.85rem}.oo-cd-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--oo-cd-line);list-style:none}@media(max-width:379px){.oo-cd-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}.oo-cd-trust li{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--oo-ink-2);font-size:.72rem;font-weight:700;line-height:1.3;text-align:center}.oo-cd-trust svg{color:var(--oo-cd-accent-ink)}.oo-cd-empty{position:relative;margin-top:58px}.oo-cd-empty__mascot{position:absolute;bottom:calc(100% - 12px);left:50%;width:150px;height:auto;transform:translate(-50%);pointer-events:none}.oo-cd-empty__card{display:grid;gap:10px;justify-items:center;padding:28px 20px 22px;border:1px solid var(--oo-white);border-radius:var(--oo-radius-panel);background:var(--oo-grad-soft);box-shadow:var(--oo-shadow-card);text-align:center}.oo-cd-empty__title{margin:0;color:var(--oo-ink);font-size:1.15rem;font-weight:800}.oo-cd-empty__text{margin:0;color:var(--oo-ink-2);font-size:.9rem}.oo-cd-empty__cta{margin-top:6px}@media(prefers-reduced-motion:no-preference){.oo-cd[open]::backdrop{animation:oo-cd-fade-in .28s ease}.oo-cd.is-closing{animation:oo-cd-out .28s var(--oo-ease) forwards}.oo-cd__cart[data-pending=loading] .oo-cd-skeleton__ship,.oo-cd__cart[data-pending=loading] .oo-cd-skeleton__img,.oo-cd__cart[data-pending=loading] .oo-cd-skeleton__text>span{animation:oo-cd-skeleton 1.4s ease-in-out infinite}.oo-cd__body.is-revealed{animation:oo-cd-fade-in .24s ease}.oo-cd.is-closing::backdrop{animation:oo-cd-fade-out .28s ease forwards}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship__fill:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / 55%) 50%,transparent 70%);content:"";animation:oo-cd-shine 2.8s ease-in-out .8s infinite}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship__spark{animation:oo-cd-twinkle 3.2s ease-in-out infinite}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship__spark--2{animation-delay:1.1s}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship__spark--3{animation-delay:2.2s}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship.is-intro .oo-cd-ship__mascot{animation:oo-cd-peek .6s var(--oo-ease) both}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship.is-celebrating{animation:oo-cd-pop .7s var(--oo-ease)}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship.is-celebrating .oo-cd-ship__mascot{animation:oo-cd-hop .9s var(--oo-ease)}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship.is-celebrating .oo-cd-ship__bar:before,.oo-motion .oo-cd[data-motion=full] .oo-cd-ship.is-celebrating .oo-cd-ship__bar:after{position:absolute;top:50%;right:8px;width:8px;height:8px;border-radius:50%;background:var(--oo-cd-fs-b);box-shadow:-18px -14px 0 0 var(--oo-cd-fs-a),-40px 10px 0 -1px var(--oo-ice-2),-64px -12px 0 -2px var(--oo-cd-fs-b),-90px 12px 0 -1px var(--oo-cd-fs-a);content:"";opacity:0;animation:oo-cd-sparkle 1s ease-out forwards}.oo-motion .oo-cd[data-motion=full] .oo-cd-ship.is-celebrating .oo-cd-ship__bar:after{right:40%;animation-delay:.12s}.oo-motion .oo-cd[data-motion=full] .oo-cd-empty__mascot{animation:oo-cd-peek-center .7s var(--oo-ease) both}}.oo-cd[data-motion=off][open],.oo-cd[data-motion=off][open]::backdrop,.oo-cd[data-motion=off] .oo-cd__body.is-revealed{animation:none}@keyframes oo-cd-fade-in{0%{opacity:0}}@keyframes oo-cd-skeleton{0%{background-position:100% 0}to{background-position:0 0}}@keyframes oo-cd-out{to{transform:translate(100%)}}@keyframes oo-cd-fade-out{to{opacity:0}}@keyframes oo-cd-loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes oo-cd-shine{0%,60%,to{transform:translate(-100%)}40%{transform:translate(100%)}}@keyframes oo-cd-twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1)}}@keyframes oo-cd-peek{0%{opacity:0;transform:translateY(18px)}}@keyframes oo-cd-peek-center{0%{opacity:0;transform:translate(-50%,22px)}}@keyframes oo-cd-hop{0%,to{transform:translateY(0)}35%{transform:translateY(-10px)}60%{transform:translateY(0)}78%{transform:translateY(-4px)}}@keyframes oo-cd-pop{50%{transform:scale(1.02)}}@keyframes oo-cd-sparkle{0%{opacity:0;transform:translateY(-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-160%) scale(1.1)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/oo-cart-drawer.css.map */