.hw-lab{--hw-accent: var(--hw-slime);--hw-line: rgba(201, 163, 90, .3);padding-block:clamp(70px,8vw,110px) clamp(60px,7vw,100px);overflow:hidden;background:radial-gradient(50% 40% at 26% 46%,rgba(120,255,160,.1),transparent 70%),radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,#0b1611,#0a120e)}.hw-lab .hw-drip{color:var(--hw-slime)}.hw-lab__bench{display:grid;gap:clamp(30px,4vw,60px);align-items:center;margin-bottom:clamp(30px,4vw,50px)}@media(min-width:1000px){.hw-lab__bench{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}}.hw-lab__flask-wrap{display:flex;flex-direction:column;align-items:center;gap:22px}.hw-flask{--brew: #ff7a1f;position:relative;width:clamp(200px,21vw,280px);aspect-ratio:200 / 330}.hw-flask svg{position:relative;z-index:2;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--brew) 45%,transparent));transition:filter .8s ease}.hw-flask__brew,.hw-flask__wave{fill:var(--brew);transition:fill .9s ease}.hw-flask__wave{animation:hw-wave 3s linear infinite}@keyframes hw-wave{to{transform:translate(100px)}}.hw-flask__bubbles circle{fill:#ffffff8c;transform-box:fill-box;animation:hw-rise 2.4s ease-in infinite}.hw-flask__bubbles circle:nth-child(2){animation-delay:-.8s;animation-duration:2.8s}.hw-flask__bubbles circle:nth-child(3){animation-delay:-1.4s}.hw-flask__bubbles circle:nth-child(4){animation-delay:-.3s;animation-duration:2s}.hw-flask__bubbles circle:nth-child(5){animation-delay:-1.9s;animation-duration:2.6s}.hw-flask__bubbles circle:nth-child(6){animation-delay:-1.1s;animation-duration:3.1s}@keyframes hw-rise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}90%{opacity:1}to{transform:translateY(-88px) scale(1.1);opacity:0}}.hw-flask__label{position:absolute;left:50%;top:60%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:46%;padding:8px 12px 7px;translate:-50% 0;rotate:-3deg;border-radius:3px;background:linear-gradient(180deg,#f6ecd2,#e2d0a8);box-shadow:inset 0 0 0 1px #5a3c1466,0 6px 10px #0006;color:#2a1a08;text-align:center}.hw-flask__label b{font-family:var(--hw-display);font-weight:400;font-size:clamp(30px,3vw,40px);line-height:1}.hw-flask__label small{font-family:var(--hw-old);font-style:italic;font-size:13px;line-height:1.1}.hw-flask__stand{position:absolute;left:4%;right:4%;top:74%;z-index:1;height:26%}.hw-flask__stand:before,.hw-flask__stand:after{content:"";position:absolute;top:6%;width:7px;height:94%;border-radius:3px;background:linear-gradient(90deg,#7d5f26,#f3d995,#8f6c2a)}.hw-flask__stand:before{left:8%;rotate:8deg}.hw-flask__stand:after{right:8%;rotate:-8deg}.hw-flask__stand i{position:absolute;left:0;right:0;top:0;height:9px;border-radius:5px;background:linear-gradient(180deg,#f3d995,#8f6c2a)}.hw-flask__burner{position:absolute;left:50%;bottom:0;z-index:1;width:26%;height:12%;translate:-50% 0;border-radius:6px 6px 3px 3px;background:linear-gradient(90deg,#5a4416,#e8c87a,#6e5220)}.hw-flask__burner i{position:absolute;left:50%;bottom:100%;width:40%;aspect-ratio:1 / 1.6;translate:-50% 0;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:radial-gradient(60% 55% at 50% 72%,#e6f6ff,#5aa8ff 55%,#3c78ff00);transform-origin:50% 100%;animation:hw-flicker .8s ease-in-out infinite}.hw-flask__smoke{position:absolute;left:50%;top:-2%;z-index:1;width:40%;height:40%;translate:-50% -60%;pointer-events:none}.hw-flask__smoke i{position:absolute;left:30%;bottom:0;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brew) 45%,rgba(220,230,220,.4)),transparent);filter:blur(3px);opacity:0;animation:hw-smoke 3.6s ease-out infinite}.hw-flask__smoke i:nth-child(2){animation-delay:-1.2s;left:16%}.hw-flask__smoke i:nth-child(3){animation-delay:-2.4s;left:44%}@keyframes hw-smoke{0%{transform:translateY(0) scale(.5);opacity:0}30%{opacity:.8}to{transform:translateY(-120%) translate(10px) scale(1.8);opacity:0}}.hw-flask.is-pouring svg{animation:hw-slosh .8s ease-in-out}@keyframes hw-slosh{0%,to{transform:none}25%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}}.hw-quiz{display:flex;flex-direction:column;gap:22px;min-width:0;padding:clamp(22px,3vw,34px);border:1px solid rgba(201,163,90,.3);border-radius:20px;background:#060e0a8c;box-shadow:inset 0 0 50px #78ffaa0d;scroll-margin-top:90px}.hw-quiz__progress{display:flex;gap:10px;margin:0;padding:0;list-style:none}.hw-quiz__dot{flex:1;min-width:0}.hw-quiz__dot button{display:flex;align-items:center;gap:10px;width:100%;height:auto;padding:0 0 10px;border:0;border-bottom:3px solid rgba(242,233,216,.15);border-radius:0;background:none;color:var(--hw-bone-muted);font-family:var(--hw-sans);font-weight:600;font-size:12px;line-height:1;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .3s,border-color .3s}.hw-quiz__dot b{display:grid;flex:none;place-items:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;font-family:var(--hw-display);font-weight:400;font-size:14px;letter-spacing:0}.hw-quiz__dot button:disabled{opacity:.5;cursor:default}.hw-quiz__dot.is-done button{color:var(--hw-bone);border-bottom-color:#b6ff4a73}.hw-quiz__dot.is-done b{background:var(--hw-slime);border-color:var(--hw-slime);color:#0b1611}.hw-quiz__dot.is-current button{color:var(--hw-slime);border-bottom-color:var(--hw-slime)}.hw-quiz__panel{display:flex;flex-direction:column;gap:18px}.hw-quiz__panel.is-active{animation:hw-step-in .5s var(--hw-ease) both}@keyframes hw-step-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.hw-quiz__q{font-family:var(--hw-display);font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.1}.hw-quiz__options{display:grid;gap:12px}.hw-quiz__options--who,.hw-quiz__options--vibe{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-quiz__options--budget{grid-template-columns:repeat(4,minmax(0,1fr))}.hw-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;height:auto;min-height:84px;padding:16px 40px 16px 18px;border:1.5px solid rgba(242,233,216,.18);border-radius:14px;background:#ffffff08;color:var(--hw-bone);font-family:var(--hw-sans);line-height:1.25;letter-spacing:normal;text-align:left;text-transform:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .3s,background-color .3s,box-shadow .3s,transform .3s var(--hw-ease)}.hw-choice__title{font-family:var(--hw-display);font-weight:400;font-size:20px;line-height:1.1}.hw-choice__note{font-size:13px;color:var(--hw-bone-muted)}.hw-choice__n{font-size:12px;color:#f2e9d88c;font-variant-numeric:lining-nums tabular-nums}.hw-choice__n:empty{display:none}@media(hover:hover){.hw-choice:hover:not(:disabled){border-color:#b6ff4a99;transform:translateY(-2px)}}.hw-choice[aria-pressed=true]{border-color:var(--hw-slime);background:#b6ff4a1a;box-shadow:0 0 0 1px var(--hw-slime),0 0 24px #b6ff4a2e}.hw-choice[aria-pressed=true]:after{content:"\2713";position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--hw-slime);color:#0b1611;font-family:var(--hw-sans);font-weight:700;font-size:13px;line-height:22px;text-align:center}.hw-choice:disabled{opacity:.35;cursor:not-allowed}.hw-choice:focus-visible{outline:2px solid var(--hw-slime);outline-offset:3px}.hw-choice--potion{--vibe: #ff7a1f;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 40px 12px 14px}.hw-choice--potion .hw-potion__bottle{flex:none;width:44px}.hw-choice__text{display:flex;flex-direction:column;gap:3px;min-width:0}.hw-choice--potion[aria-pressed=true]{border-color:var(--vibe);background:color-mix(in srgb,var(--vibe) 12%,transparent);box-shadow:0 0 0 1px var(--vibe),0 0 24px color-mix(in srgb,var(--vibe) 30%,transparent)}.hw-choice--potion[aria-pressed=true]:after{background:var(--vibe)}.hw-choice--potion[aria-pressed=true] .hw-potion__liquid,.hw-choice--potion:hover .hw-potion__liquid{opacity:1;transform:none}.hw-choice--potion[aria-pressed=true] .hw-potion__bubbles circle{animation:hw-rise-small 1.8s ease-in infinite}.hw-choice--potion[aria-pressed=true] .hw-potion__bubbles circle:nth-child(2){animation-delay:-.6s}.hw-choice--potion[aria-pressed=true] .hw-potion__bubbles circle:nth-child(3){animation-delay:-1.2s}.hw-potion__bottle{position:relative;display:block}.hw-potion__bottle svg{width:100%;height:auto;overflow:visible}.hw-potion__glass{fill:#dcffeb14}.hw-potion__liquid{fill:var(--vibe);opacity:.75;transform:translateY(14px);transition:transform .6s var(--hw-ease),opacity .4s}.hw-potion__outline{fill:none;stroke:#e6fff0b3;stroke-width:2.5;stroke-linejoin:round}.hw-potion__cork{fill:#a0703a;stroke:#5a3a18;stroke-width:1.5}.hw-potion__bubbles circle{fill:#fff9;opacity:0;transform-box:fill-box}@keyframes hw-rise-small{0%{transform:translateY(0);opacity:0}25%{opacity:1}to{transform:translateY(-40px);opacity:0}}.hw-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px}.hw-quiz__back,.hw-quiz__skip{display:inline-flex;align-items:center;gap:6px;height:auto;padding:6px 0;border:0;background:none;color:var(--hw-bone-muted);font-family:var(--hw-sans);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.hw-quiz__back svg{width:16px;height:16px}.hw-quiz__skip{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.hw-quiz__back:hover,.hw-quiz__skip:hover{color:var(--hw-slime)}.hw-lab__results{scroll-margin-top:90px}.hw-lab__results.is-shown{animation:hw-step-in .5s var(--hw-ease) both}.hw-lab__summary{display:flex;flex-direction:column;gap:6px}.hw-lab__edit{display:flex;flex-wrap:wrap;gap:6px 20px}.hw-lab__edit-btn{height:auto;padding:0;border:0;background:none;color:var(--hw-slime);font-family:var(--hw-sans);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.hw-lab__edit-btn:hover{color:var(--hw-bone)}.hw-lab__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;padding-top:18px;border-top:1px solid var(--hw-line)}.hw-lab__result{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-family:var(--hw-old);font-style:italic;font-size:22px}.hw-lab__result b{font-family:var(--hw-display);font-style:normal;font-weight:400;font-size:30px;color:var(--hw-slime)}.hw-lab__result i{font-style:normal;font-size:12px;color:var(--hw-brass)}.hw-lab__tools{display:flex;align-items:center;gap:14px}.hw-lab__tools .hw-rail-nav__btn{width:42px;height:42px}.hw-lab__sort{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--hw-bone-muted)}.hw-lab__sort select{min-height:42px;padding:0 34px 0 14px;border:1px solid var(--hw-line);border-radius:999px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c9a35a' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--hw-bone);font-family:var(--hw-sans);font-size:14px;letter-spacing:.02em;text-transform:none;-webkit-appearance:none;appearance:none;cursor:pointer}.hw-lab__sort select option{color:#111}.hw-lab__track{grid-auto-columns:clamp(200px,54vw,240px);padding-top:26px}.hw-lab__track>.hw-card.is-entering{animation:hw-card-in .7s var(--hw-ease) both;animation-delay:calc(var(--k, 0) * 45ms)}.hw-card--jar .hw-card__media{padding-top:8px}.hw-jar{position:relative;display:block;padding-bottom:16px}.hw-jar__cork{position:absolute;left:50%;top:-6px;z-index:2;width:22px;height:18px;translate:-50% 0;border-radius:50% 50% 4px 4px;background:radial-gradient(circle at 40% 35%,#ffffffb3,#dcfff040 60%,#dcfff01f);box-shadow:inset 0 0 0 1.5px #e6fff099}.hw-jar__glass{position:relative;display:block;aspect-ratio:4 / 4.8;overflow:hidden;border-radius:50% 50% 6px 6px/38% 38% 6px 6px;background:radial-gradient(80% 70% at 50% 55%,#fbf5e6,#ece0c3 70%,#d2bf96);box-shadow:inset 0 0 0 2px #e6fff08c,inset 0 0 30px #78ffaa2e}.hw-jar__glass .hw-card__img{position:absolute;top:12%;right:7%;bottom:5%;left:7%;width:86%;height:83%;object-position:50% 100%;scale:1.18;transform-origin:50% 100%}.hw-card--jar .hw-card__img--hover{opacity:0}.hw-jar__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.55) 22%,transparent 30%),linear-gradient(100deg,transparent 70%,rgba(255,255,255,.25) 74%,transparent 78%);pointer-events:none}.hw-jar:after{content:"";position:absolute;left:-6%;right:-6%;bottom:0;height:18px;border-radius:4px;background:linear-gradient(180deg,#8a5a2c,#4a2c14);box-shadow:0 10px 14px #0000008c}.hw-jar__label{position:absolute;right:-4px;bottom:22px;z-index:2;padding:5px 9px 4px;rotate:-6deg;border-radius:2px;background:#f1e5c6;box-shadow:0 3px 5px #0006;color:var(--hw-blood);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hw-jar__label b{font-family:var(--hw-display);font-weight:400;font-size:16px;letter-spacing:0}@media(hover:hover){.hw-card--jar:hover .hw-jar__glass{box-shadow:inset 0 0 0 2px #e6fff0cc,inset 0 0 40px #78ffaa59,0 0 30px #b6ff4a40}.hw-card--jar:hover .hw-card__img:not(.hw-card__img--hover):has(+.hw-card__img--hover){opacity:0}.hw-card--jar:hover .hw-card__img--hover{opacity:1}}.hw-lab__empty{display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 0;font-family:var(--hw-old);font-style:italic;font-size:21px;text-align:center;color:var(--hw-muted)}@media(max-width:999px){.hw-lab__flask-wrap{order:2}.hw-flask{width:180px}}@media(max-width:749px){.hw-lab{padding-block:54px 44px}.hw-lab__flask-wrap{display:none}.hw-quiz{gap:18px;padding:18px 16px;border-radius:16px}.hw-quiz__dot button{gap:6px;font-size:10.5px;letter-spacing:.1em}.hw-quiz__dot b{width:22px;height:22px;font-size:12px}.hw-quiz__q{font-size:25px}.hw-quiz__options--who,.hw-quiz__options--vibe{grid-template-columns:minmax(0,1fr);gap:10px}.hw-quiz__options--budget{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hw-choice{min-height:62px;padding:12px 40px 12px 16px}.hw-choice__title{font-size:18px}.hw-choice--potion .hw-potion__bottle{width:34px}.hw-quiz__nav{flex-wrap:wrap}.hw-lab__track{grid-auto-columns:calc(50vw - 23px);gap:14px;padding-top:18px}.hw-jar__glass .hw-card__img{top:10%;right:4%;bottom:4%;left:4%;width:92%;height:86%;object-position:50% 100%;scale:1.25;transform-origin:50% 100%}.hw-jar__label{right:-2px;bottom:18px;padding:4px 6px 3px;font-size:8.5px}.hw-jar__label b{font-size:13px}.hw-card--jar .hw-card__body{gap:4px;padding:12px 2px 0}.hw-card--jar .hw-card__meta{font-size:8.5px;letter-spacing:.16em}.hw-card--jar .hw-card__title{font-size:11.5px;letter-spacing:.02em}.hw-card--jar .hw-card__price strong{font-size:16px}.hw-card--jar .hw-card__price s{font-size:11px}.hw-card--jar .hw-card__save{padding:2px 7px;font-size:9px}.hw-card--jar .hw-card__form{padding-top:8px}.hw-card--jar .hw-btn--add{min-height:36px;padding:0 6px;font-size:9.5px;letter-spacing:.1em}.hw-lab__bar{flex-direction:column;align-items:center;text-align:center}.hw-lab__result{justify-content:center;font-size:19px}.hw-lab__tools{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/halloween-lab.css.map */