.lab{--lab-wall: #40275a;--lab-floor: #482d65;--lab-ink: #ffedc9;--lab-line: #150c1f;--lab-accent: #c5e58e;--lab-purple: #694581;--lab-green: #4b6840;--lab-cycle: 12s;--lab-delay: 1.2s;--lab-bob: 0px;--lab-brew: clamp(112px, 28vw, 260px);--lab-cast-pad: clamp(14px, 2.6vw, 36px);position:relative;isolation:isolate;overflow:hidden;color:var(--lab-ink);background:repeating-linear-gradient(0deg,transparent 0 54px,rgb(0 0 0 / .16) 54px 57px),var(--lab-wall);font-family:var(--font-body, "TT Chocolate", sans-serif)}.lab--loud{--lab-bob: 8px}.lab:before{content:"";position:absolute;inset:0 0 auto;height:22px;background:radial-gradient(circle at 50% 0,var(--lab-green) 10px,transparent 11px) 0 0 / 46px 22px repeat-x,radial-gradient(circle at 50% 0,var(--lab-accent) 6px,transparent 7px) 23px 0 / 46px 16px repeat-x;pointer-events:none}.lab__pause-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}.lab__controls{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:1200px;margin-inline:auto;padding:30px 32px 0}.lab__pill{--btn-bg: rgb(21 12 31 / .6);--btn-bg-hover: rgb(21 12 31 / .85);--btn-fg: var(--lab-ink);--btn-border: var(--lab-line);display:inline-flex;align-items:center;gap:8px;height:auto;min-height:44px;margin:0;padding:0 18px;border:1px solid var(--btn-border);border-radius:999px;background:var(--btn-bg);box-shadow:inset 0 0 0 1px var(--btn-border),0 3px 0 var(--lab-line);color:var(--btn-fg);font:500 15px/1 var(--font-ui, "Fredoka", sans-serif);letter-spacing:normal;text-transform:none;cursor:pointer}.lab__pill:hover{background:var(--btn-bg-hover)}.lab__pill[hidden]{display:none}.lab__pill-dot{width:12px;height:12px;border:2px solid currentColor;border-radius:50%}.lab__pill-icon{width:20px;height:20px;fill:currentColor}.lab__pause-input:checked~.lab__controls .lab__pause,.lab__sound[aria-pressed=true]{--btn-bg: var(--lab-accent);--btn-bg-hover: var(--lab-accent);--btn-fg: var(--lab-line)}.lab__pause-input:checked~.lab__controls .lab__pill-dot{background:currentColor}.lab__sound[aria-pressed=false] .lab__pill-waves{opacity:.35}.lab__story-line{margin:0}.lab__story{--btn-bg: var(--lab-accent);--btn-bg-hover: #d6efa8;--btn-fg: var(--lab-line);--btn-border: var(--lab-line);display:inline-flex;align-items:center;gap:10px;height:auto;min-height:52px;margin:0 0 18px;padding:0 26px 0 20px;border:1px solid var(--btn-border);border-radius:999px;background:var(--btn-bg);box-shadow:inset 0 0 0 2px var(--btn-border),0 4px 0 var(--lab-line);color:var(--btn-fg);font:500 18px/1 var(--font-ui, "Fredoka", sans-serif);letter-spacing:normal;text-transform:none;cursor:pointer}.lab__story:hover{background:var(--btn-bg-hover)}.lab__story[hidden]{display:none}.lab__story-icon{width:22px;height:22px;fill:currentColor}.lab__story[aria-pressed=false] .lab__story-pause,.lab__story[aria-pressed=true] .lab__story-play{display:none}.lab__sound:disabled,.lab__story:disabled{cursor:default;opacity:.75}.lab__pause-input:focus-visible~.lab__controls .lab__pause,.lab__sound:focus-visible,.lab__story:focus-visible,.lab__link:focus-visible,.lab__button:focus-visible,.lab__video:focus-visible{outline:3px solid var(--lab-accent);outline-offset:4px}.lab__editor-note{position:relative;z-index:3;max-width:1136px;margin:16px auto 0;padding:12px 16px;border:2px dashed var(--lab-accent);border-radius:12px;background:var(--lab-line);font-size:14px}.lab__room-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:radial-gradient(ellipse 70% 80% at 25% 30%,#fff4de4d,#fff4de1f 70%);mix-blend-mode:screen;opacity:0;pointer-events:none;animation:lab-flash var(--lab-cycle) linear var(--lab-delay) infinite}.lab__wall{position:relative;z-index:1}.lab__wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 28% 38%,rgb(255 237 201 / .07),transparent 70%);pointer-events:none}.lab__head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:1200px;margin-inline:auto;padding:28px 32px 40px}.lab--revealed .lab__head{grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,.78fr)}.lab__window{position:relative;isolation:isolate;justify-self:center;width:100%;max-width:360px;aspect-ratio:390 / 618;overflow:hidden;background:url(halloween-lab-castle.webp) 2.456% 1.217% / 246.154% auto no-repeat;-webkit-mask-image:linear-gradient(to right,transparent,#000 4% 96%,transparent),linear-gradient(to bottom,transparent,#000 1.5% 98.5%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 4% 96%,transparent),linear-gradient(to bottom,transparent,#000 1.5% 98.5%,transparent);mask-composite:intersect}.lab__rain,.lab__flash{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(12% 17.5% 12.5% 17.5% round 32.5% 32.5% 0 0 / 30% 30% 0 0)}.lab__rain{z-index:1;background-image:radial-gradient(1px 9px at 50% 50%,rgb(226 214 255 / .55) 99%,transparent),radial-gradient(1px 6px at 50% 50%,rgb(226 214 255 / .4) 99%,transparent);background-size:31px 53px,47px 71px;background-position:0 0,17px 0;animation:lab-rain .55s linear infinite}.lab__flash{z-index:2;background:inherit;filter:saturate(.3) brightness(3.4) contrast(1.2);opacity:0;animation:lab-flash var(--lab-cycle) linear var(--lab-delay) infinite}.lab__bolt{position:absolute;z-index:3;top:16%;left:18%;width:18%;height:auto;fill:#fff6d6;stroke:var(--lab-line);stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 6px #fff6d6) drop-shadow(0 0 16px var(--lab-accent));opacity:0;animation:lab-bolt var(--lab-cycle) linear var(--lab-delay) infinite}.lab__copy{position:relative;z-index:2;min-width:0}.lab__eyebrow{margin:0 0 14px;color:var(--lab-accent);font-family:var(--font-ui, "Fredoka", sans-serif);font-size:15px;letter-spacing:.08em;text-transform:uppercase}.lab__title{margin:0 0 22px;color:var(--lab-ink);font-family:var(--font-display, "Fredoka", sans-serif);font-size:clamp(44px,6vw,88px);font-weight:400;line-height:.98;letter-spacing:0;text-shadow:0 4px 0 var(--lab-line)}.lab__lede{max-width:34ch;margin:0 0 20px;font-size:clamp(17px,1.4vw,20px);line-height:1.5}.lab__date{display:inline-block;margin:0 0 22px;padding:8px 16px;border:2px solid var(--lab-line);border-radius:10px;background:var(--lab-purple);box-shadow:0 3px 0 var(--lab-line);font-family:var(--font-ui, "Fredoka", sans-serif);font-size:18px;rotate:-2deg}.lab__note{margin:0 0 20px;font-family:var(--font-ui, "Fredoka", sans-serif);font-size:18px}.lab__link-line{margin:0}.lab__link{display:inline-block;padding-block:10px;color:inherit;font-size:16px;text-decoration-thickness:1px;text-underline-offset:6px}.lab__link:hover{text-decoration-thickness:2px}.lab__button{display:inline-flex;align-items:center;min-height:52px;margin:0 0 18px;padding:0 28px;border:3px solid var(--lab-line);border-radius:999px;background:var(--lab-accent);box-shadow:0 4px 0 var(--lab-line);color:var(--lab-line);font-family:var(--font-ui, "Fredoka", sans-serif);font-size:18px;text-decoration:none}.lab__photo{justify-self:center;width:100%;max-width:360px;margin:0;overflow:hidden;border:4px solid var(--lab-line);border-radius:20px;background:var(--lab-purple);box-shadow:0 8px 0 var(--lab-line);rotate:2deg}.lab__photo-img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.lab__method{justify-self:center;width:100%;max-width:360px;padding:34px 24px 24px;border:4px solid var(--lab-line);border-radius:20px;background:linear-gradient(to right,#a681c9 0 50%,var(--lab-accent) 50% 100%) top / 100% 16px no-repeat,var(--lab-floor);box-shadow:0 8px 0 var(--lab-line);rotate:2deg;text-align:left}.lab__method-title{margin:0 0 14px;color:var(--lab-accent);font-family:var(--font-display, "Fredoka", sans-serif);font-size:clamp(24px,2.2vw,30px);font-weight:400;line-height:1.1}.lab__method-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:16px;line-height:1.45}.lab__method-list li{position:relative;padding-left:18px}.lab__method-list li:before{content:"";position:absolute;top:.55em;left:0;width:7px;height:7px;border-radius:50%;background:var(--lab-accent)}.lab__cast{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,1.8vw,30px);padding:calc(var(--lab-brew) * .5) 16px var(--lab-cast-pad);background:linear-gradient(to top,var(--lab-floor) 0 calc(var(--lab-cast-pad) * 2 - 5px),var(--lab-line) calc(var(--lab-cast-pad) * 2 - 5px) calc(var(--lab-cast-pad) * 2),transparent calc(var(--lab-cast-pad) * 2))}.lab__floor{position:relative;z-index:1;padding-bottom:64px;background:var(--lab-floor)}.lab__cast img{display:block;width:100%;height:auto}.lab__actor{position:relative;flex:none;animation:lab-jolt var(--lab-cycle) linear var(--lab-delay) infinite,lab-bob .652s ease-in-out infinite}.lab__whiz{width:clamp(62px,15vw,160px)}.lab__drac{width:clamp(92px,22vw,230px);animation-delay:var(--lab-delay),-.326s}.lab__face{animation:lab-calm var(--lab-cycle) linear var(--lab-delay) infinite}.lab__face--shock{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation-name:lab-shock}.lab__potion{flex:none;transform-origin:50% 100%;animation:lab-wobble 2.8s ease-in-out infinite alternate}.lab__cast .lab__potion--purple{width:clamp(28px,6.5vw,72px)}.lab__cast .lab__potion--green{width:clamp(30px,7vw,80px);animation-duration:3.4s;animation-delay:-1.2s}.lab__brew{position:relative;flex:none;width:var(--lab-brew)}.lab__brew .lab__cauldron{position:relative}.lab__brew .lab__smoke{position:absolute;bottom:72%;left:22%;width:56%;transform-origin:50% 100%;animation:lab-smoke 6s ease-in-out infinite}.lab__glow{position:absolute;top:0;left:12%;right:12%;height:26%;border-radius:50%;background:radial-gradient(closest-side,#c5e58ecc,#c5e58e00);filter:blur(6px);animation:lab-glow 3.2s ease-in-out infinite alternate}.lab__bubble{position:absolute;top:10%;left:30%;width:8%;aspect-ratio:1;border:2px solid var(--lab-line);border-radius:50%;background:var(--lab-accent);opacity:0;animation:lab-bubble 2.6s ease-in infinite}.lab__bubble--b{left:50%;width:6%;background:#a77bd0;animation-duration:3.1s;animation-delay:-1.1s}.lab__bubble--c{left:64%;width:5%;animation-duration:2.3s;animation-delay:-.5s}.lab--story .lab__room-flash,.lab--story .lab__flash,.lab--story .lab__bolt,.lab--story .lab__actor,.lab--story .lab__face{animation:none}.lab--story .lab__face{transform-origin:50% 100%}.lab--story:is([data-beat="00"],[data-beat="07"]) :is(.lab__room-flash,.lab__flash,.lab__bolt){animation:lab-strike .6s linear both}.lab--story[data-beat="07"] .lab__bolt{translate:120% 0}.lab--story[data-beat="02"] .lab__drac .lab__face{scale:1.14;translate:0 -4%;animation:lab-puff .6s step-end}.lab--story[data-beat="03"] .lab__whiz .lab__face{rotate:8deg;animation:lab-lean .5s step-end}.lab--story[data-beat="04"] .lab__drac .lab__face{scale:1.1;rotate:-6deg;animation:lab-huff .5s step-end}.lab--story[data-beat="06"] .lab__potion--purple{z-index:1;translate:22% -30%;rotate:48deg;animation:lab-pour-purple .36s step-end}.lab--story[data-beat="06"] .lab__potion--green{z-index:1;translate:-22% -30%;rotate:-48deg;animation:lab-pour-green .8s step-end}.lab--story:is([data-beat="07"],[data-beat="08"]) .lab__smoke{scale:1.7;translate:0 -6%;animation:lab-boom .5s step-end}.lab--story[data-beat="07"] .lab__face--shock,.lab--story[data-beat="08"] .lab__drac .lab__face--shock{opacity:1}.lab--story[data-beat="07"] .lab__face:not(.lab__face--shock),.lab--story[data-beat="08"] .lab__drac .lab__face:not(.lab__face--shock){opacity:0}.lab--story[data-beat="07"] .lab__face{animation:lab-hop .24s step-end}.lab--story[data-beat="08"] .lab__drac .lab__face{scale:.92;animation:lab-squeak .4s step-end}.lab--story[data-beat="09"] .lab__drac .lab__face{scale:1.06;rotate:-3deg;animation:lab-dignified .4s step-end}.lab--story[data-beat="10"] .lab__drac .lab__face{animation:lab-tremble .24s step-end infinite}.lab__say{position:absolute;z-index:2;bottom:calc(100% + 14px);width:max-content;max-width:clamp(140px,40vw,280px);margin:0;padding:8px 14px;border:3px solid var(--lab-line);border-radius:18px;background:var(--lab-ink);filter:drop-shadow(0 4px 0 var(--lab-line));color:var(--lab-line);font:500 clamp(15px,1.7vw,21px)/1.25 var(--font-ui, "Fredoka", sans-serif);text-align:start;text-wrap:balance;pointer-events:none;animation:lab-pop .16s steps(2,end) both}.lab__say[hidden]{display:none}.lab__say:after{content:"";position:absolute;top:calc(100% - 7px);width:14px;height:14px;border-right:3px solid var(--lab-line);border-bottom:3px solid var(--lab-line);background:var(--lab-ink);rotate:45deg}.lab__whiz .lab__say{left:0;transform-origin:0 100%}.lab__whiz .lab__say:after{left:clamp(16px,4vw,60px)}.lab__drac .lab__say{right:0;transform-origin:100% 100%}.lab__drac .lab__say:after{right:clamp(24px,9vw,100px)}.lab__say--caption{top:0;bottom:auto;left:50%;max-width:min(calc(100% - 32px),30ch);border-radius:4px;background:var(--lab-accent);text-align:center;translate:-50% 0;rotate:-2deg}.lab__say--caption:after{content:none}.lab__teaser,.lab__facts{max-width:820px;margin-inline:auto;padding:44px 20px 0}.lab__facts{max-width:980px}.lab__teaser-title,.lab__facts-title{margin:0 0 18px;color:var(--lab-ink);font-family:var(--font-display, "Fredoka", sans-serif);font-size:clamp(30px,3.2vw,42px);font-weight:400;line-height:1.05;letter-spacing:0;text-align:center}.lab__teaser-figure{margin:0}.lab__video{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border:4px solid var(--lab-line);border-radius:18px;background:#493264;box-shadow:0 6px 0 var(--lab-line);object-fit:contain}.lab__teaser-caption{margin-top:14px;font-size:15px;text-align:center}.lab__dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0}.lab__fact{padding:18px 20px;border:3px solid var(--lab-line);border-radius:16px;background:var(--lab-wall)}.lab__fact dt{margin-bottom:6px;color:var(--lab-accent);font-family:var(--font-ui, "Fredoka", sans-serif);font-size:14px;letter-spacing:.06em;text-transform:uppercase}.lab__fact dd{margin:0;line-height:1.5}@media(max-width:989px){.lab--revealed .lab__head{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.lab--revealed .lab__photo{grid-column:1 / -1;max-width:320px}.lab--revealed .lab__method{grid-column:1 / -1;max-width:420px}}@media(max-width:749px){.lab__controls{justify-content:center;padding:28px 16px 0}.lab__head,.lab--revealed .lab__head{grid-template-columns:minmax(0,1fr);gap:20px;padding:12px 16px 28px;text-align:center}.lab__window{max-width:210px}.lab--revealed .lab__window{max-width:150px}.lab__lede{margin-inline:auto}.lab__title{font-size:clamp(40px,12vw,56px)}.lab--revealed .lab__photo{max-width:280px}.lab--revealed .lab__method{max-width:none}.lab__teaser,.lab__facts{padding-top:32px}}.lab__pause-input:checked~*,.lab__pause-input:checked~* *{animation-play-state:paused!important}.lab__pause-input:checked~.lab__room-flash,.lab__pause-input:checked~.lab__wall .lab__flash,.lab__pause-input:checked~.lab__wall .lab__bolt,.lab__pause-input:checked~.lab__wall .lab__face,.lab__pause-input:checked~.lab__wall .lab__actor,.lab__pause-input:checked~.lab__wall .lab__say,.lab--story .lab__pause-input:checked~.lab__wall :is(.lab__potion,.lab__smoke){animation:none!important}@media(prefers-reduced-motion:reduce){.lab *,.lab:before{animation:none!important}.lab__bolt{opacity:.9;translate:120% 0}.lab__bubble{opacity:1}.lab__bubble--a{translate:0 -140%}.lab__bubble--b{translate:0 -260%}.lab__bubble--c{translate:0 -180%}}@media(forced-colors:active){.lab__room-flash,.lab__flash,.lab__rain{display:none}}@keyframes lab-flash{0%,3.2%,37%,40.2%,47%,50.2%,73.7%,76.9%,to{opacity:0}0.5%,37.5%,74.2%{opacity:.9}1.2%,38.2%,48.2%,74.9%{opacity:.15}1.8%,38.8%,75.5%{opacity:.75}47.5%{opacity:.75}48.8%{opacity:.6}}@keyframes lab-bolt{0%{opacity:0;translate:40% 0;scale:1 1}0.5%,1.8%{opacity:1}1.2%{opacity:.2}3.2%{opacity:0;translate:40% 0;scale:1 1}36.9%{opacity:0;translate:170% 0;scale:-1 1}37.5%,38.8%{opacity:1}38.2%{opacity:.2}40.2%{opacity:0;translate:170% 0;scale:-1 1}46.9%{opacity:0;translate:90% 0;scale:1 1}47.5%,48.8%{opacity:1}48.2%{opacity:.2}50.2%{opacity:0;translate:90% 0;scale:1 1}73.6%{opacity:0;translate:140% 0;scale:-1 1}74.2%,75.5%{opacity:1}74.9%{opacity:.2}76.9%,to{opacity:0;translate:140% 0;scale:-1 1}}@keyframes lab-jolt{0%,3.2%,37%,40.2%,47%,50.2%,73.7%,76.9%,to{translate:0 0}0.8%,37.8%,47.8%,74.5%{translate:0 -6%}}@keyframes lab-shock{0%,6%,37%,43%,47%,53%,73.7%,79.7%{opacity:1}6.1%,36.9%,43.1%,46.9%,53.1%,73.6%,79.8%,to{opacity:0}}@keyframes lab-calm{0%,6%,37%,43%,47%,53%,73.7%,79.7%{opacity:0}6.1%,36.9%,43.1%,46.9%,53.1%,73.6%,79.8%,to{opacity:1}}@keyframes lab-bob{0%,to{transform:translateY(0)}40%{transform:translateY(calc(var(--lab-bob) * -1))}}@keyframes lab-rain{to{background-position:0 53px,17px 71px}}@keyframes lab-wobble{0%{rotate:-4deg}to{rotate:4deg}}@keyframes lab-smoke{0%,to{translate:0 0;rotate:-2deg;opacity:.85}50%{translate:4% -5%;rotate:2deg;opacity:1}}@keyframes lab-glow{0%{opacity:.45;scale:.92}to{opacity:.95;scale:1.06}}@keyframes lab-bubble{0%{translate:0 0;scale:.5;opacity:0}15%{opacity:1}to{translate:0 -420%;scale:1.1;opacity:0}}@keyframes lab-strike{0%,to{opacity:0}20%{opacity:.9}32%{opacity:.15}44%{opacity:.75}80%{opacity:0}}@keyframes lab-puff{0%{scale:1;translate:0 0}30%{scale:1.06;translate:0 -2%}}@keyframes lab-lean{0%{rotate:0deg}40%{rotate:4deg}}@keyframes lab-huff{0%{scale:1;rotate:0deg}40%{scale:1.06;rotate:-3deg}}@keyframes lab-pour-purple{0%{translate:0 0;rotate:0deg}33%{translate:10% -18%;rotate:20deg}}@keyframes lab-pour-green{0%{translate:0 0;rotate:0deg}25%{translate:-8% -10%;rotate:-12deg}50%{translate:-16% -22%;rotate:-30deg}}@keyframes lab-boom{0%{scale:1;translate:0 0}33%{scale:1.35;translate:0 -3%}}@keyframes lab-hop{0%{translate:0 -10%}50%{translate:0 -4%}}@keyframes lab-squeak{0%{translate:-3% 0}25%{translate:3% -2%}50%{translate:-2% 0}75%{translate:2% 0}}@keyframes lab-dignified{0%{scale:.92;rotate:0deg}50%{scale:1;rotate:-1deg}}@keyframes lab-tremble{0%{translate:-1.5% 0}50%{translate:1.5% 0}}@keyframes lab-pop{0%{scale:.7}to{scale:1}}.lab:lang(zh){--font-display: "Fredoka", var(--sc-cjk-fallback), sans-serif;--font-ui: "Fredoka", var(--sc-cjk-fallback), sans-serif;--font-body: "TT Chocolate", var(--sc-cjk-fallback), sans-serif}.lab:lang(zh) .lab__eyebrow,.lab:lang(zh) .lab__fact dt{letter-spacing:.04em;text-transform:none}.lab:lang(zh) .lab__lede{max-width:24em;line-height:1.7}.lab:lang(zh) .lab__title{line-height:1.12;word-break:keep-all;text-wrap:balance}.lab:lang(zh) .lab__lede,.lab:lang(zh) .lab__note{text-wrap:pretty}
/*# sourceMappingURL=/cdn/shop/t/188/assets/halloween-flavor.css.map */