.why-b{--wb-dots:radial-gradient(circle,rgb(255 255 255/.42) 0 1.7px,transparent 2.1px);--wb-dots-ink:radial-gradient(circle,rgb(46 42 36/.16) 0 1.4px,transparent 1.8px);overflow-x:clip}.why-b .h-l{margin-top:2px}.why-b .wb-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.why-b .wb-fig{margin:clamp(26px,4vw,44px) 0 0}.why-b .wb-strip{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;max-width:620px}.why-b .wb-p{position:relative;aspect-ratio:3/4;container-type:inline-size;border:2px solid var(--ink);border-radius:6px;background:var(--card);box-shadow:var(--sh-sm);rotate:var(--wb-r,0deg);transition:rotate .45s var(--spring),translate .45s var(--spring),box-shadow .3s var(--ease)}.why-b .wb-p1{--wb-r:-1deg}.why-b .wb-p2{--wb-r:.9deg}.why-b .wb-p3{--wb-r:-.7deg}.why-b .wb-p4{--wb-r:1.1deg}.why-b .wb-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:4px;background:var(--wb-bg,var(--sky-deep))}.why-b .wb-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--wb-dots) 0 0/8px 8px;-webkit-mask-image:linear-gradient(var(--wb-dir,200deg),#000 0,transparent 62%);mask-image:linear-gradient(var(--wb-dir,200deg),#000 0,transparent 62%)}.why-b .wb-p1 .wb-scene{--wb-bg:var(--sky-deep)}.why-b .wb-p2 .wb-scene{--wb-bg:var(--blush-deep);--wb-dir:160deg}.why-b .wb-p3 .wb-scene{--wb-bg:var(--lavender-deep);--wb-dir:20deg}.why-b .wb-p4 .wb-scene{background:repeating-conic-gradient(from 3deg at 32% 66%,var(--glow) 0 9deg,color-mix(in srgb,var(--glow) 42%,var(--butter)) 9deg 18deg)}.why-b .wb-p4 .wb-scene:before{display:none}.why-b .wb-cap{position:absolute;z-index:4;top:4cqw;left:4cqw;max-width:74cqw;background:var(--butter);border:2px solid var(--ink);border-radius:3px;padding:.28em .55em .34em;font-size:clamp(12px,6.6cqw,15.5px);font-weight:800;line-height:1.14;color:var(--ink);box-shadow:2px 2px 0 var(--ink);rotate:-1.5deg}.why-b .wb-say{position:absolute;z-index:4;max-width:64cqw;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:.55em .95em .6em;font-size:clamp(12px,6.6cqw,16px);font-weight:800;line-height:1.12;text-align:center;color:var(--ink);box-shadow:2px 3px 0 var(--ink)}.why-b .wb-say:before,.why-b .wb-say:after{content:"";position:absolute;top:100%;clip-path:polygon(0 0,100% 0,var(--wb-tip,70%) 100%)}.why-b .wb-say:before{left:var(--wb-tx,60%);width:17px;height:15px;background:var(--ink)}.why-b .wb-say:after{left:calc(var(--wb-tx,60%) + 3.2px);width:10.6px;height:9.6px;margin-top:-2px;background:var(--card)}.why-b .wb-phone{position:absolute;z-index:1;aspect-ratio:9/19;padding:2.2cqw;background:var(--ink);border-radius:9cqw;box-shadow:3px 4px #2e2a2459}.why-b .wb-scr{display:flex;flex-direction:column;align-items:center;height:100%;padding:2.6cqw 3cqw;border-radius:7cqw;background:var(--card);color:var(--ink);text-align:center}.why-b .wb-island{flex:none;width:34%;height:3.6cqw;border-radius:99px;background:var(--ink)}.why-b .wb-phone-1{left:9cqw;top:50cqw;width:52cqw;rotate:-7deg}.why-b .wb-scr-h{margin:4.5cqw 0 3.4cqw;font-size:max(9px,5.6cqw);font-weight:900;line-height:1}.why-b .wb-row{display:flex;align-items:center;gap:1.8cqw;width:100%;padding:2.4cqw 2.2cqw;border-radius:3cqw;background:var(--cream-2);font-size:max(8.5px,4.8cqw);font-weight:800;line-height:1;white-space:nowrap}.why-b .wb-row-ghost{margin-top:2cqw;height:9cqw;opacity:.7}.why-b .wb-hg-i{flex:none;width:5.6cqw;height:5.6cqw;fill:none;stroke:var(--lavender-text);stroke-width:2.6;stroke-linecap:round}.why-b .wb-tog{flex:none;position:relative;width:9.4cqw;height:5.4cqw;margin-left:auto;border-radius:99px;background:var(--mint-deep);border:1.5px solid var(--ink)}.why-b .wb-tog:after{content:"";position:absolute;right:.5cqw;top:50%;width:3.6cqw;height:3.6cqw;translate:0 -50%;border-radius:50%;background:var(--card)}.why-b .wb-phone-2{left:9cqw;top:25cqw;width:82cqw;padding:2.8cqw;border-radius:12cqw}.why-b .wb-phone-2 .wb-scr{padding:3.4cqw 6cqw;border-radius:9.5cqw}.why-b .wb-hg{display:grid;place-items:center;width:17cqw;height:17cqw;margin:5cqw 0 3.4cqw;border-radius:50%;background:var(--lavender);border:2px solid var(--ink)}.why-b .wb-hg svg{width:62%;height:62%;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}.why-b .wb-alert{display:block;font-size:max(12px,8.6cqw);font-weight:900;line-height:1.04;letter-spacing:-.01em}.why-b .wb-btn{display:block;margin-top:4.6cqw;width:100%;padding:2.6cqw 0 2.9cqw;border:2px solid var(--ink);border-radius:999px;background:var(--card);box-shadow:2px 3px 0 var(--ink);font-size:max(11px,7cqw);font-weight:900;line-height:1;color:var(--sky-text);white-space:nowrap}.why-b .wb-ok{margin-top:2.6cqw;font-size:max(9px,5.4cqw);font-weight:800;color:var(--muted-text)}.why-b .wb-burst{position:absolute;z-index:5;top:-7cqw;right:-2.5cqw;display:grid;place-items:center;width:34cqw;aspect-ratio:1;rotate:12deg;filter:drop-shadow(3px 3px 0 var(--ink))}.why-b .wb-burst svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:var(--butter);stroke:var(--ink);stroke-width:3.4;stroke-linejoin:round}.why-b .wb-burst span{position:relative;font-size:max(13px,8.4cqw);font-weight:900;line-height:1;color:var(--blush-text)}.why-b .wb-btn-big{position:absolute;z-index:2;text-align:center;left:7cqw;top:74cqw;width:70cqw;margin:0;padding:3.6cqw 0 4cqw;font-size:max(13px,8.8cqw);box-shadow:1px 1px 0 var(--ink);translate:1px 2px;rotate:-4deg}.why-b .wb-thumb{position:absolute;z-index:3;right:-9cqw;bottom:-30cqw;width:60cqw;height:auto;overflow:visible;transition:translate .35s var(--spring)}.why-b .wb-skin{fill:var(--shell-peach);stroke:var(--ink);stroke-width:2.6;stroke-linejoin:round}.why-b .wb-nail{fill:var(--peach);stroke:var(--ink);stroke-width:2.2}.why-b .wb-crease{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.why-b .wb-lines{position:absolute;z-index:3;left:42cqw;top:63cqw;width:30cqw;height:30cqw;fill:none;stroke:var(--card);stroke-width:3.2;stroke-linecap:round}.why-b .wb-p3 .wb-scene{z-index:auto}.why-b .wb-sfx{position:absolute;z-index:4;left:6cqw;bottom:6cqw;font-size:max(22px,16cqw);font-weight:900;line-height:1;letter-spacing:-.02em;color:var(--butter);rotate:-10deg;text-shadow:2px 0 var(--ink),-2px 0 var(--ink),0 2px var(--ink),0 -2px var(--ink),1.5px 1.5px var(--ink),-1.5px -1.5px var(--ink),1.5px -1.5px var(--ink),-1.5px 1.5px var(--ink),4px 4px 0 var(--ink)}.why-b .wb-table{position:absolute;left:0;right:0;bottom:0;height:34cqw;background:var(--wb-dots-ink) 0 0/7px 7px,var(--card);border-top:2px solid var(--ink)}.why-b .wb-flat{position:absolute;left:58cqw;top:74cqw;width:24cqw;aspect-ratio:1/2;perspective:300px}.why-b .wb-back{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--ink);border-radius:4.5cqw;background:var(--lavender-deep);box-shadow:-2.9cqw 2.7cqw 0 var(--ink);transform:rotateX(66deg) rotate(-48deg)}.why-b .wb-cam{position:absolute;left:9%;top:5%;width:42%;aspect-ratio:1;border-radius:30%;border:2px solid var(--ink);background:radial-gradient(circle at 32% 32%,var(--ink) 0 17%,transparent 19%),radial-gradient(circle at 32% 70%,var(--ink) 0 17%,transparent 19%),#7666db}.why-b .wb-back-star{position:absolute;left:30%;top:46%;width:44%;fill:var(--glow);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.why-b .wb-spark{position:absolute;fill:var(--card);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.why-b .wb-spark-a{right:9cqw;top:96cqw;width:11cqw;fill:var(--glow)}.why-b .wb-spark-b{right:6cqw;top:58cqw;width:9cqw}.why-b .wb-spark-c{left:4cqw;top:63cqw;width:6.5cqw}.why-b .wb-lumi{position:absolute;z-index:2;left:13cqw;top:63cqw;width:36cqw;aspect-ratio:4/5}.why-b .wb-lumi img{position:absolute;top:0;left:0;width:145.2%;max-width:none;height:auto;margin:-37.3% 0 0 -23.4%;filter:drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink)) drop-shadow(0 1.5px 0 var(--ink)) drop-shadow(0 -1.5px 0 var(--ink)) drop-shadow(2px 3px 0 rgb(46 42 36/.4))}.why-b .wb-say-1{right:3cqw;top:28cqw;max-width:52cqw;--wb-tx:62%;--wb-tip:85%}.why-b .wb-say-3{right:3cqw;top:24cqw;max-width:60cqw;--wb-tx:58%;--wb-tip:90%}.why-b .wb-say-4{right:3cqw;top:28cqw;max-width:56cqw;--wb-tx:18%;--wb-tip:0%}.why-b .wb-note{max-width:560px;margin:20px 0 0;padding:10px 14px 11px;background:var(--butter);border:2px solid var(--ink);border-radius:4px;box-shadow:var(--sh-sm);rotate:-.6deg;font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}.why-b .wb-note b{font-weight:900}.why-b .wb-note{position:relative}.why-b .wb-note:before,.why-b .wb-note:after{content:"";position:absolute;bottom:100%;right:22%;clip-path:polygon(50% 0,100% 100%,0 100%)}.why-b .wb-note:before{width:22px;height:13px;background:var(--ink)}.why-b .wb-note:after{width:15px;height:9px;margin:0 3.5px -2px 0;background:var(--butter)}.why-b .wb-stks{list-style:none;display:grid;gap:12px;margin-top:26px;max-width:620px}.why-b .wb-stk{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;background:var(--card);border:2px solid var(--ink);border-radius:16px;box-shadow:var(--sh-sm);rotate:var(--wb-r,0deg);transition:rotate .45s var(--spring),translate .45s var(--spring)}.why-b .wb-stk-1{--wb-r:-.8deg}.why-b .wb-stk-2{--wb-r:.6deg}.why-b .wb-stk-3{--wb-r:-.5deg;background:var(--glow)}.why-b .wb-stk p{font-size:14px;font-weight:600;line-height:1.36;color:var(--ink)}.why-b .wb-stk b{font-weight:900}.why-b .wb-ico{position:relative;flex:none;display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--ink);border-radius:14px;background:var(--wb-dots-ink) 0 0/6px 6px,var(--wb-ib,var(--sky));box-shadow:inset 0 0 0 3px var(--card)}.why-b .wb-ico svg{width:40px;height:40px}.why-b .wb-stk-2 .wb-ico{--wb-ib:var(--peach)}.why-b .wb-stk-3 .wb-ico{--wb-ib:var(--blush)}.why-b .wb-mini{position:relative;width:34px;aspect-ratio:4/5;margin-top:4px}.why-b .wb-mini img{position:absolute;top:0;left:0;width:145.2%;max-width:none;height:auto;margin:-37.3% 0 0 -23.4%}.why-b .wb-bang{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--card);border:2px solid var(--ink);font-size:14px;font-weight:900;line-height:1;color:var(--blush-text);rotate:12deg}@media(min-width:700px){.why-b .wb-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:none}.why-b .wb-note{margin:22px 0 0 auto}.why-b .wb-stks{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:none;margin-top:30px}.why-b .wb-stk{align-items:flex-start}}@media(hover:hover){.why-b .wb-p:hover,.why-b .wb-stk:hover{rotate:0deg;translate:0 -3px}.why-b .wb-p:hover{box-shadow:var(--sh-btn-up)}.why-b .wb-p3:hover .wb-thumb{translate:-4% 3%}}@supports (animation-timeline:view()){.why-b .wb-p{animation:wb-pop linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.why-b .wb-p2{animation-range:entry 8% entry 78%}.why-b .wb-p3{animation-range:entry 16% entry 86%}.why-b .wb-p4{animation-range:entry 24% entry 94%}}@keyframes wb-pop{0%{scale:.9;translate:0 18px}to{scale:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.why-b .wb-p,.why-b .wb-stk,.why-b .wb-thumb{animation:none;transition:none}.why-b .wb-p:hover,.why-b .wb-stk:hover,.why-b .wb-p3:hover .wb-thumb{translate:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lumi-why-b.css.map */