.ccqv-dlg{--cc-pink: #f082b4;--cc-pink-ink: #3d1029;--cc-pink-soft: #fdeaf3;--cc-mint: #66d3b4;--cc-mint-soft: #e3f7f0;--cc-ink: #2b2226;--cc-muted: #75686e;--cc-line: #eee3e8;--cc-sheet: #fff;--cc-hero: var(--cc-pink-soft);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--cc-sheet);color:var(--cc-ink);overflow-y:auto;overscroll-behavior:contain}.ccqv-dlg[open]{animation:ccqv-in .32s cubic-bezier(.2,.8,.2,1)}.ccqv-dlg::backdrop{background:#2b222673}html.ccqv-lock{overflow:hidden}@keyframes ccqv-in{0%{transform:translateY(40px);opacity:0}}.ccqv{position:relative;min-height:100%;font-size:15px;line-height:1.45}.ccqv__media{position:relative;overflow:hidden;padding:calc(env(safe-area-inset-top) + 64px) 0 40px;background:radial-gradient(120% 80% at 50% 35%,#fff,var(--cc-hero))}.ccqv__bar{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 12px);inset-inline:16px;display:flex;align-items:center;gap:10px}.ccqv__circle{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--cc-ink);cursor:pointer;box-shadow:0 4px 14px #0000001f;transition:transform .15s}.ccqv__circle:active{transform:scale(.92)}.ccqv__circle{position:relative;text-decoration:none}.ccqv__logo{flex:1;min-width:0;display:flex;justify-content:center;color:inherit;text-decoration:none;font-weight:800}.ccqv__logo img{display:block;height:40px;width:auto;max-width:100%;object-fit:contain}.ccqv__count{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:var(--cc-pink);color:var(--cc-pink-ink);font-size:11px;font-weight:800;line-height:1;border:2px solid #fff}.ccqv__count[hidden]{display:none}.is-1111 .ccqv__count{background:#e72478;color:#fff}.ccqv__gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ccqv__gallery::-webkit-scrollbar{display:none}.ccqv__slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1 / 1;padding:0 24px}.ccqv__slide img,.ccqv__slide svg{width:100%;height:100%;object-fit:contain;display:block;border-radius:18px}.ccqv__dots{position:absolute;left:0;right:0;bottom:34px;display:flex;justify-content:center;gap:6px;pointer-events:none}.ccqv__dots i{width:7px;height:7px;border-radius:99px;background:#3d10292e;transition:width .2s,background .2s}.ccqv__dots i.is-on{width:20px;background:var(--cc-pink)}.ccqv__info{position:relative;z-index:2;margin-top:-24px;padding:22px 20px 0;background:var(--cc-sheet);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #3d10290f}.ccqv__title{margin:0 0 8px;font-size:21px;line-height:1.25;font-weight:700;color:var(--cc-ink)}.ccqv__price{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}.ccqv__price b{font-size:24px;font-weight:800;color:var(--cc-ink)}.ccqv__price s{color:var(--cc-muted);font-size:15px}.ccqv__off{padding:3px 9px;border-radius:99px;background:var(--cc-pink);color:var(--cc-pink-ink);font-size:12px;font-weight:800}.ccqv__promo{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:8px 12px;border-radius:12px;background:var(--cc-mint-soft);color:#0f5a45;font-size:13px;font-weight:700}.ccqv__flat b{font-size:15px}.ccqv__eyebrow,.ccqv__deco{display:none}.ccqv__opt{margin:16px 0 0;padding:0;border:0}.ccqv__opt legend{display:flex;justify-content:space-between;width:100%;margin-bottom:8px;padding:0;font-size:14px;color:var(--cc-muted)}.ccqv__opt legend b{color:var(--cc-ink)}.ccqv__guide{color:var(--cc-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--cc-pink);text-underline-offset:3px}.ccqv__pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.ccqv__pill{min-height:46px;padding:8px 6px;border:1.5px solid var(--cc-line);border-radius:12px;white-space:nowrap;background:#fff;color:var(--cc-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.ccqv__pill:hover{border-color:var(--cc-mint)}.ccqv__pill:active{transform:scale(.96)}.ccqv__pill.is-on{border-color:var(--cc-pink);background:var(--cc-pink-soft);box-shadow:inset 0 0 0 1px var(--cc-pink)}.ccqv__pill.is-out{color:#b3a7ad;background:repeating-linear-gradient(135deg,#fff 0 6px,#faf5f7 6px 12px)}.ccqv__qtyrow{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:14px;color:var(--cc-muted)}.ccqv__qty{display:flex;align-items:center;border:1.5px solid var(--cc-line);border-radius:999px;overflow:hidden;background:#fff}.ccqv__qty button{width:42px;height:44px;border:0;background:none;font-size:20px;color:var(--cc-ink);cursor:pointer}.ccqv__qty input{width:36px;border:0;text-align:center;font:inherit;font-weight:700;color:var(--cc-ink);-moz-appearance:textfield;background:none}.ccqv__qty input::-webkit-inner-spin-button,.ccqv__qty input::-webkit-outer-spin-button{-webkit-appearance:none}.ccqv__msg{min-height:1em;margin:8px 0 0;color:#c62a4f;font-size:13px;font-weight:600}.ccqv__desc{margin-top:16px;border-top:1px solid var(--cc-line)}.ccqv__desc summary{display:flex;justify-content:space-between;padding:14px 0;font-weight:700;cursor:pointer;list-style:none}.ccqv__desc summary::-webkit-details-marker{display:none}.ccqv__desc summary:after{content:"+";font-size:20px;line-height:1;color:var(--cc-pink)}.ccqv__desc[open] summary:after{content:"\2212"}.ccqv__rte{padding-bottom:8px;font-size:14px;color:var(--cc-muted)}.ccqv__rte img{max-width:100%;height:auto}.ccqv__full{display:block;margin:12px 0 4px;text-align:center;font-weight:700;color:var(--cc-ink);text-decoration:underline;text-decoration-color:var(--cc-pink);text-decoration-thickness:2px;text-underline-offset:4px}.ccqv__cta{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px;margin:12px -20px 0;padding:14px 20px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--cc-sheet) 72%,rgba(255,255,255,0))}.ccqv__add,.ccqv__now{flex:1;min-height:56px;padding:0 10px;border:0;border-radius:999px;font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #00000024;transition:transform .12s,filter .15s,background .2s}.ccqv__add{background:var(--cc-pink);color:var(--cc-pink-ink)}.ccqv__now{background:var(--cc-ink);color:#fff}.ccqv__add:hover{filter:brightness(1.04)}.ccqv__now:hover{background:#000}.ccqv__add:active,.ccqv__now:active{transform:scale(.98)}.ccqv__add:disabled,.ccqv__now:disabled{opacity:.5;cursor:not-allowed;transform:none}.ccqv.is-added .ccqv__add{background:var(--cc-mint);color:#0f3d31}.ccqv__circle:focus-visible,.ccqv__pill:focus-visible,.ccqv__add:focus-visible,.ccqv__now:focus-visible{outline:3px solid var(--cc-mint);outline-offset:2px}.ccqv__eta{flex:0 0 100%;display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:12px;line-height:1.3;color:var(--cc-muted);text-align:center}.ccqv__eta svg{flex:none;color:#1d7a5e}.ccqv__eta b{color:var(--cc-ink);font-weight:700}.ccqv__bar-sk{display:block;margin-top:12px;border-radius:12px;background:linear-gradient(90deg,#f6eef2 25%,#fdf7fa,#f6eef2 75%) 0 0 / 200% 100%;animation:ccqv-shine 1.1s linear infinite}@keyframes ccqv-shine{to{background-position:-200% 0}}@media(max-width:749px){.ccqv__media{padding:calc(env(safe-area-inset-top) + 62px) 0 30px}.ccqv__slide{aspect-ratio:auto;height:min(40vh,330px);padding:0 20px}.ccqv__dots{bottom:36px}.ccqv__info{padding-top:16px}.ccqv__title{margin-bottom:4px;font-size:18px}.ccqv__price b{font-size:21px}.ccqv__opt{margin-top:10px}.ccqv__opt legend{margin-bottom:6px}.ccqv__pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 4px;scroll-snap-type:x proximity}.ccqv__pills::-webkit-scrollbar{display:none}.ccqv__pill{flex:0 0 auto;min-width:74px;min-height:44px;padding:8px 12px;scroll-snap-align:start}.is-1111 .ccqv__eyebrow{margin-bottom:6px;padding:3px 10px;font-size:10px}.is-1111 .ccqv__deco--a{font-size:32px}}@media(min-width:750px)and (max-width:989px){.ccqv-dlg{inset:3vh 0 auto;width:560px;height:94vh;margin:0 auto;border-radius:28px}}@media(min-width:990px){.ccqv{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr)}.ccqv__media{position:sticky;top:0;height:100vh;padding:88px 40px 48px;display:flex;flex-direction:column;justify-content:center}.ccqv__bar{top:24px;inset-inline:28px}.ccqv__bar{inset-inline:28px auto;width:calc(100% - 56px)}.ccqv__logo img{height:46px}.ccqv__gallery{flex:1 1 0;min-height:0}.ccqv__slide{aspect-ratio:auto;height:100%}.ccqv__dots{position:static;margin-top:16px}.ccqv__info{margin:0;border-radius:0;box-shadow:none;padding:88px clamp(32px,4vw,64px) 0;display:flex;flex-direction:column;min-height:100vh}.ccqv__title{font-size:28px}.ccqv__price b{font-size:26px}.ccqv__cta{margin:auto calc(-1*clamp(32px,4vw,64px)) 0;padding-inline:clamp(32px,4vw,64px);padding-top:18px}}.ccqv-dlg.is-1111{--joy-yellow: #ffd45c;--joy-orange: #f4b400;--joy-pink: #e72478;--joy-teal: #18a7b5;--joy-text: #392f31;--joy-muted: #756a6d;--cc-sheet: #fffaf7;--cc-hero: #fbe8f1;color:var(--joy-text)}.ccqv-dlg.is-1111::backdrop{background:radial-gradient(circle at 20% 10%,rgba(255,210,41,.18),transparent 35%),#151f25ad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.is-1111 .ccqv__media{background:radial-gradient(circle at 0 0,rgba(255,210,41,.28),transparent 30%),radial-gradient(circle at 100% 0,rgba(21,189,210,.18),transparent 32%),radial-gradient(120% 80% at 50% 40%,#fff,#fbe8f1)}.is-1111 .ccqv__deco{display:block;position:absolute;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.is-1111 .ccqv__deco--a{top:calc(env(safe-area-inset-top) + 66px);right:18px;font-size:40px;color:var(--joy-pink);transform:rotate(10deg);opacity:.85}.is-1111 .ccqv__deco--b{left:18px;top:calc(env(safe-area-inset-top) + 72px);font-size:22px;font-weight:950;color:var(--joy-yellow);transform:rotate(-12deg);text-shadow:2px 2px 0 var(--joy-orange)}.is-1111 .ccqv__dots i.is-on{background:var(--joy-pink)}.is-1111 .ccqv__info{box-shadow:0 -8px 24px #6d324a14,inset 0 3px 0 var(--joy-yellow)}.is-1111 .ccqv__eyebrow{display:inline-flex;align-self:flex-start;margin-bottom:10px;padding:5px 12px;border:3px solid #fff;border-radius:999px;box-shadow:0 3px #078b9b;background:linear-gradient(180deg,#1cc8db,#0babbf);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.is-1111 .ccqv__title{color:var(--joy-text);font-weight:900}.is-1111 .ccqv__price b{color:var(--joy-pink);font-weight:950}.is-1111 .ccqv__off{background:linear-gradient(180deg,#ef4b91,#d91668);color:#fff;border:2px solid #fff;box-shadow:0 3px 8px #d72d4133;font-weight:950}.is-1111 .ccqv__promo{background:transparent;padding:0;color:var(--joy-muted);font-weight:650}.is-1111 .ccqv__flat{display:inline-flex;align-items:baseline;gap:4px;padding:4px 13px;border:3px solid #fff;border-radius:999px;transform:rotate(-1deg);background:linear-gradient(180deg,#ef4b91,#d91668);color:#fff;box-shadow:0 3px #c91461,0 6px 14px #ff405638;font-size:11px;font-weight:950}.is-1111 .ccqv__flat b{font-size:19px}.is-1111 .ccqv__pill{border-color:#f3e8d3;border-radius:13px}.is-1111 .ccqv__pill:hover{border-color:var(--joy-yellow)}.is-1111 .ccqv__pill.is-on{border-color:var(--joy-pink);background:#fde8f1;box-shadow:inset 0 0 0 1px var(--joy-pink);color:var(--joy-pink)}.is-1111 .ccqv__guide,.is-1111 .ccqv__full{text-decoration-color:var(--joy-pink)}.is-1111 .ccqv__qty{border-color:#f3e8d3}.is-1111 .ccqv__eta svg{color:#147b58}.is-1111 .ccqv__desc{border-top-color:#f3e8d3}.is-1111 .ccqv__desc summary:after{color:var(--joy-pink)}.is-1111 .ccqv__cta{background:linear-gradient(to top,#fffaf7 72%,#fffaf700)}.is-1111 .ccqv__add,.is-1111 .ccqv__now{border-radius:16px;letter-spacing:.03em;text-transform:uppercase;font-size:14px;font-weight:950;transition:transform .15s,box-shadow .15s}.is-1111 .ccqv__add{background:linear-gradient(180deg,#23b4c0,#0aaabd);color:#fff;box-shadow:0 4px #087d87,0 8px 14px #08a9bc33}.is-1111 .ccqv__now{background:linear-gradient(180deg,#ef4b91,#d91668);color:#fff;box-shadow:0 4px #c91461,0 8px 14px #e7247838}.is-1111 .ccqv__add:hover,.is-1111 .ccqv__now:hover{transform:translateY(-2px);filter:none}.is-1111 .ccqv__add:active,.is-1111 .ccqv__now:active{transform:translateY(2px);box-shadow:0 1px #00000040}.is-1111 .ccqv.is-added .ccqv__add{background:linear-gradient(180deg,#2cc98f,#17a874);box-shadow:0 4px #11815a}@media(min-width:750px)and (max-width:989px){.ccqv-dlg.is-1111{border:4px solid #fff;box-shadow:0 30px 80px #00000047,0 0 0 3px var(--joy-yellow)}}@media(prefers-reduced-motion:reduce){.ccqv-dlg[open],.ccqv__bar-sk{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/cc-quick-view.css.map */