.guide-swap{display:grid}.guide-swap>*{grid-area:1/1}.guide-grow{display:grid}.guide-grow>*{min-height:0;overflow:hidden}.if-anim{--if-cycle:8s}.if-anim .guide-grow,.if-count-a,.if-count-b,.if-ph-a,.if-ph-b,.if-type-text,.if-check-a,.if-check-b,.if-star{animation-duration:var(--if-cycle);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.if-anim .guide-grow{animation-name:if-grow}@keyframes if-grow{0%,24%{opacity:0;grid-template-rows:0fr}30%,89%{opacity:1;grid-template-rows:1fr}95%,to{opacity:0;grid-template-rows:0fr}}.if-count-a{animation-name:if-count-a}.if-count-b{opacity:0;animation-name:if-count-b}@keyframes if-count-a{0%,25%{opacity:1}28%,89%{opacity:0}95%,to{opacity:1}}@keyframes if-count-b{0%,25%{opacity:0}28%,89%{opacity:1}95%,to{opacity:0}}.if-type-text{clip-path:inset(0 100% 0 0);animation-name:if-type;display:inline-block}@keyframes if-type{0%,36%{clip-path:inset(0 100% 0 0)}44%,89%{clip-path:inset(0)}95%,to{clip-path:inset(0 100% 0 0)}}.if-ph-a{animation-name:if-ph-a}.if-ph-b{opacity:0;animation-name:if-ph-b}@keyframes if-ph-a{0%,36%{opacity:1}37%,to{opacity:0}}@keyframes if-ph-b{0%,43%{opacity:0}45%,89%{opacity:1}95%,to{opacity:0}}.if-check-a{animation-name:if-check-a}.if-check-b,.if-star{opacity:0;animation-name:if-check-b}@keyframes if-check-a{0%,49%{opacity:1}51%,89%{opacity:0}95%,to{opacity:1}}@keyframes if-check-b{0%,49%{opacity:0}51%,89%{opacity:1}95%,to{opacity:0}}.if-cursor-add,.if-cursor-check{pointer-events:none;opacity:0;animation-duration:var(--if-cycle);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:50%;left:50%}.if-cursor-add{animation-name:if-cursor-add}.if-cursor-check{animation-name:if-cursor-check}@keyframes if-cursor-add{0%,6%{opacity:0;transform:translate(70px,30px)}10%{opacity:1}20%{transform:translate(0)scale(1)}22%{transform:translate(0)scale(.8)}24%{opacity:1;transform:translate(0)scale(1)}28%,to{opacity:0;transform:translate(0)}}@keyframes if-cursor-check{0%,38%{opacity:0;transform:translate(-60px)}41%{opacity:1}47%{transform:translate(0)scale(1)}49%{transform:translate(0)scale(.8)}52%{opacity:1;transform:translate(0)scale(1)}58%,to{opacity:0;transform:translate(0)}}.if-press{animation:if-press var(--if-cycle) ease-in-out infinite}@keyframes if-press{0%,20%{background-color:#0000}22%{background-color:var(--color-accent-light);border-color:var(--color-accent)}28%,to{background-color:#0000}}.io-anim{--io-cycle:18s}.io-anim .io-g3,.io-anim .io-c-a,.io-anim .io-c-b,.io-anim .io-ph,.io-anim .io-type,.io-anim .io-chip,.io-anim .io-chip2,.io-anim .io-box-off,.io-anim .io-box-on,.io-anim .io-bento-row,.io-anim .io-cursor-group,.io-anim .io-cursor-box,.io-anim .io-ice-body,.io-anim .io-ice-off,.io-anim .io-ice-on,.io-anim .io-tea-ice,.io-anim .io-cursor-ice,.io-anim .io-ice-val-a,.io-anim .io-ice-val-b,.io-anim .io-sugar-val-a,.io-anim .io-sugar-val-b,.io-anim .io-cursor-ice-val,.io-anim .io-cursor-sugar-val,.io-anim .io-icechip-off,.io-anim .io-icechip-on,.io-anim .io-cursor-icechip{animation-duration:var(--io-cycle);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.io-ice-off{animation-name:io-ice-off}.io-ice-on{opacity:0;animation-name:io-ice-on}@keyframes io-ice-off{0%,6.7%{opacity:1}7.5%,45%{opacity:0}45.8%,to{opacity:1}}@keyframes io-ice-on{0%,6.7%{opacity:0}7.5%,45%{opacity:1}45.8%,to{opacity:0}}.io-anim .io-ice-body{animation-name:io-ice-body}@keyframes io-ice-body{0%,7.5%{opacity:0;grid-template-rows:0fr}12.5%,45%{opacity:1;grid-template-rows:1fr}50%,to{opacity:0;grid-template-rows:0fr}}.io-anim .io-tea-ice{animation-name:io-tea-ice}@keyframes io-tea-ice{0%,16%{opacity:0;grid-template-rows:0fr}19.5%,45%{opacity:1;grid-template-rows:1fr}50%,to{opacity:0;grid-template-rows:0fr}}.io-icechip-off{animation-name:io-icechip-off}.io-icechip-on{opacity:0;animation-name:io-icechip-on}@keyframes io-icechip-off{0%,15.5%{opacity:1}16.5%,51%{opacity:0}52%,to{opacity:1}}@keyframes io-icechip-on{0%,15.5%{opacity:0}16.5%,51%{opacity:1}52%,to{opacity:0}}.io-ice-val-a{animation-name:io-ice-val-a}.io-ice-val-b{opacity:0;animation-name:io-ice-val-b}.io-sugar-val-a{animation-name:io-sugar-val-a}.io-sugar-val-b{opacity:0;animation-name:io-sugar-val-b}@keyframes io-ice-val-a{0%,24%{opacity:1}25%,51%{opacity:0}52%,to{opacity:1}}@keyframes io-ice-val-b{0%,24%{opacity:0}25%,51%{opacity:1}52%,to{opacity:0}}@keyframes io-sugar-val-a{0%,30.5%{opacity:1}31.5%,51%{opacity:0}52%,to{opacity:1}}@keyframes io-sugar-val-b{0%,30.5%{opacity:0}31.5%,51%{opacity:1}52%,to{opacity:0}}.io-c-a{animation-name:io-c-a}.io-c-b{opacity:0;animation-name:io-c-b}@keyframes io-c-a{0%,55%{opacity:1}55.8%,95%{opacity:0}96.7%,to{opacity:1}}@keyframes io-c-b{0%,55%{opacity:0}55.8%,95%{opacity:1}96.7%,to{opacity:0}}.io-anim .io-g3{animation-name:io-g3}@keyframes io-g3{0%,55.8%{opacity:0;grid-template-rows:0fr}60.8%,95%{opacity:1;grid-template-rows:1fr}98.3%,to{opacity:0;grid-template-rows:0fr}}.io-box-off{animation-name:io-box-off}.io-box-on{opacity:0;animation-name:io-box-on}@keyframes io-box-off{0%,65%{opacity:1}65.8%,95%{opacity:0}96.7%,to{opacity:1}}@keyframes io-box-on{0%,65%{opacity:0}65.8%,95%{opacity:1}96.7%,to{opacity:0}}.io-ph{animation-name:io-ph}.io-type{clip-path:inset(0 100% 0 0);animation-name:io-type;display:inline-block}.io-chip{opacity:0;animation-name:io-chip}.io-chip2{opacity:0;animation-name:io-chip2}@keyframes io-ph{0%,66.7%{opacity:1}67.5%,95%{opacity:0}96.7%,to{opacity:1}}@keyframes io-type{0%,66.7%{clip-path:inset(0 100% 0 0)}71.7%,95%{clip-path:inset(0)}96.7%,to{clip-path:inset(0 100% 0 0)}}@keyframes io-chip{0%,72.5%{opacity:0;transform:scale(.8)}74.2%,95%{opacity:1;transform:scale(1)}96.7%,to{opacity:0;transform:scale(.8)}}@keyframes io-chip2{0%,74.2%{opacity:0;transform:scale(.8)}75.5%,95%{opacity:1;transform:scale(1)}96.7%,to{opacity:0;transform:scale(.8)}}.io-anim .io-bento-row{animation-name:io-bento-row}@keyframes io-bento-row{0%,75.5%{opacity:0;grid-template-rows:0fr}78.5%,95%{opacity:1;grid-template-rows:1fr}98.3%,to{opacity:0;grid-template-rows:0fr}}.io-cursor-ice,.io-cursor-icechip,.io-cursor-group,.io-cursor-box,.io-cursor-ice-val,.io-cursor-sugar-val{pointer-events:none;opacity:0;position:absolute;top:50%;left:50%}.io-cursor-ice{animation-name:io-cursor-ice}.io-cursor-group{animation-name:io-cursor-group}.io-cursor-box{animation-name:io-cursor-box}@keyframes io-cursor-ice{0%,.8%{opacity:0;transform:translate(40px,30px)}2.5%{opacity:1}5.8%{transform:translate(0)scale(1)}6.7%{transform:translate(0)scale(.8)}8.3%{opacity:1;transform:translate(0)scale(1)}10.8%,40%{opacity:0;transform:translate(0)}41.7%{opacity:1}44.2%{transform:translate(0)scale(1)}45%{transform:translate(0)scale(.8)}46.7%{opacity:1;transform:translate(0)scale(1)}49.2%,to{opacity:0;transform:translate(0)}}@keyframes io-cursor-group{0%,48.3%{opacity:0;transform:translate(60px,30px)}50%{opacity:1}54.2%{transform:translate(0)scale(1)}55%{transform:translate(0)scale(.8)}56.7%{opacity:1;transform:translate(0)scale(1)}59.2%,to{opacity:0;transform:translate(0)}}@keyframes io-cursor-box{0%,60%{opacity:0;transform:translate(50px,30px)}61.7%{opacity:1}64.2%{transform:translate(0)scale(1)}65%{transform:translate(0)scale(.8)}65.8%{opacity:1;transform:translate(0)scale(1)}67.5%,to{opacity:0;transform:translate(0)}}.io-cursor-icechip{animation-name:io-cursor-icechip}.io-cursor-ice-val{animation-name:io-cursor-ice-val}.io-cursor-sugar-val{animation-name:io-cursor-sugar-val}@keyframes io-cursor-icechip{0%,11.5%{opacity:0;transform:translate(40px,10px)}12.5%{opacity:1}15%{transform:translateY(-4px)scale(1)}15.5%{transform:translateY(-4px)scale(.8)}16.5%{opacity:1;transform:translateY(-4px)scale(1)}18.5%,to{opacity:0;transform:translateY(-4px)}}@keyframes io-cursor-ice-val{0%,19.5%{opacity:0;transform:translate(24px,-2px)}21%{opacity:1}23.5%{transform:translateY(-4px)scale(1)}24%{transform:translateY(-4px)scale(.8)}25.5%{opacity:1;transform:translateY(-4px)scale(1)}27.5%,to{opacity:0;transform:translateY(-4px)}}@keyframes io-cursor-sugar-val{0%,27%{opacity:0;transform:translate(24px,-2px)}28%{opacity:1}30%{transform:translateY(-4px)scale(1)}30.5%{transform:translateY(-4px)scale(.8)}32%{opacity:1;transform:translateY(-4px)scale(1)}34%,to{opacity:0;transform:translateY(-4px)}}.mp-anim{--mp-cycle:12s}.mp-anim .mp-a,.mp-anim .mp-b,.mp-anim .mp-cursor-b,.mp-anim .mp-cursor-a{animation-duration:var(--mp-cycle);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.mp-a{animation-name:mp-a}.mp-b{opacity:0;animation-name:mp-b}@keyframes mp-a{0%,45%{opacity:1}46%,95%{opacity:0}96%,to{opacity:1}}@keyframes mp-b{0%,45%{opacity:0}46%,95%{opacity:1}96%,to{opacity:0}}.mp-cursor-b,.mp-cursor-a{pointer-events:none;opacity:0;position:absolute;top:50%;left:50%}.mp-cursor-b{animation-name:mp-cursor-b}.mp-cursor-a{animation-name:mp-cursor-a}@keyframes mp-cursor-b{0%,36%{opacity:0;transform:translate(40px,24px)}38%{opacity:1}44%{transform:translate(0)scale(1)}45%{transform:translate(0)scale(.8)}47%{opacity:1;transform:translate(0)scale(1)}50%,to{opacity:0;transform:translate(0)}}@keyframes mp-cursor-a{0%,86%{opacity:0;transform:translate(40px,24px)}88%{opacity:1}94%{transform:translate(0)scale(1)}95%{transform:translate(0)scale(.8)}97%{opacity:1;transform:translate(0)scale(1)}99%,to{opacity:0;transform:translate(0)}}.dl-anim{--dl-cycle:16s}.dl-anim .dl-open,.dl-anim .dl-count,.dl-anim .dl-closed,.dl-anim .dl-toggle-off,.dl-anim .dl-toggle-on,.dl-anim .dl-body,.dl-anim .dl-box,.dl-anim .dl-cursor-toggle{animation-duration:var(--dl-cycle);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.dl-toggle-off{animation-name:dl-toggle-off}.dl-toggle-on{opacity:0;animation-name:dl-toggle-on}@keyframes dl-toggle-off{0%,6%{opacity:1}7%,92%{opacity:0}93%,to{opacity:1}}@keyframes dl-toggle-on{0%,6%{opacity:0}7%,92%{opacity:1}93%,to{opacity:0}}.dl-anim .dl-body{animation-name:dl-body}@keyframes dl-body{0%,6%{opacity:0;grid-template-rows:0fr}10%,92%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}.dl-open{animation-name:dl-open}.dl-count{opacity:0}.dl-closed{opacity:0;animation-name:dl-closed}@keyframes dl-open{0%,55%{opacity:1}56%,92%{opacity:0}93%,to{opacity:1}}.dl-c1{animation-name:dl-c1}@keyframes dl-c1{0%,7%{opacity:0}10%,20%{opacity:1}20.3%,to{opacity:0}}.dl-c2{animation-name:dl-c2}@keyframes dl-c2{0%,19.7%{opacity:0}20%,28%{opacity:1}28.3%,to{opacity:0}}.dl-c3{animation-name:dl-c3}@keyframes dl-c3{0%,27.7%{opacity:0}28%,35%{opacity:1}35.3%,to{opacity:0}}.dl-c4{animation-name:dl-c4}@keyframes dl-c4{0%,34.7%{opacity:0}35%,41%{opacity:1}41.3%,to{opacity:0}}.dl-c5{animation-name:dl-c5}@keyframes dl-c5{0%,40.7%{opacity:0}41%,46%{opacity:1}46.3%,to{opacity:0}}.dl-c6{animation-name:dl-c6}@keyframes dl-c6{0%,45.7%{opacity:0}46%,49%{opacity:1}49.3%,to{opacity:0}}.dl-c7{animation-name:dl-c7}@keyframes dl-c7{0%,48.7%{opacity:0}49%,51%{opacity:1}51.3%,to{opacity:0}}.dl-c8{animation-name:dl-c8}@keyframes dl-c8{0%,50.7%{opacity:0}51%,53%{opacity:1}53.3%,to{opacity:0}}.dl-c9{animation-name:dl-c9}@keyframes dl-c9{0%,52.7%{opacity:0}53%,55%{opacity:1}56%,to{opacity:0}}@keyframes dl-closed{0%,55%{opacity:0}56%,92%{opacity:1}93%,to{opacity:0}}.dl-anim .dl-box{animation-name:dl-box}@keyframes dl-box{0%,55%{opacity:0;grid-template-rows:0fr}60%,92%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}.dl-cursor-toggle{pointer-events:none;opacity:0;animation-name:dl-cursor-toggle;position:absolute;top:50%;left:50%}@keyframes dl-cursor-toggle{0%,1%{opacity:0;transform:translate(30px,24px)}2%{opacity:1}5%{transform:translate(0)scale(1)}6%{transform:translate(0)scale(.8)}8%{opacity:1;transform:translate(0)scale(1)}10%,84%{opacity:0;transform:translate(0)}86%{opacity:1}91%{transform:translate(0)scale(1)}92%{transform:translate(0)scale(.8)}94%{opacity:1;transform:translate(0)scale(1)}97%,to{opacity:0;transform:translate(0)}}.rq-anim,.ug-anim{--tg-cycle:14s}.rq-anim .tg-off,.rq-anim .tg-on,.rq-anim .tg-body,.rq-anim .tg-cursor,.rq-anim .rq-chip-off,.rq-anim .rq-chip-on,.rq-anim .rq-cursor-chip,.rq-anim .rq-cart,.rq-anim .rq-note,.rq-anim .rq-enabled,.rq-anim .rq-locked,.rq-anim .rq-miss-a,.rq-anim .rq-miss-b,.ug-anim .tg-off,.ug-anim .tg-on,.ug-anim .tg-body,.ug-anim .tg-cursor,.ug-anim .ug-tag,.ug-anim .ug-cursor-tag,.ug-anim .ug-name-a,.ug-anim .ug-name-b,.ug-anim .ug-plan,.ug-anim .ug-tea,.ug-anim .ug-cake,.ug-anim .ug-t1,.ug-anim .ug-t2,.ug-anim .ug-t3{animation-duration:var(--tg-cycle);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tg-off{animation-name:dl-toggle-off}.tg-on{opacity:0;animation-name:dl-toggle-on}.rq-anim .tg-body,.ug-anim .tg-body{animation-name:dl-body}.tg-cursor,.rq-cursor-chip,.ug-cursor-tag{pointer-events:none;opacity:0;position:absolute;top:50%;left:50%}.tg-cursor{animation-name:dl-cursor-toggle}.rq-chip-off{animation-name:rq-chip-off}.rq-chip-on{opacity:0;animation-name:rq-chip-on}@keyframes rq-chip-off{0%,20%{opacity:1}21%,92%{opacity:0}93%,to{opacity:1}}@keyframes rq-chip-on{0%,20%{opacity:0}21%,92%{opacity:1}93%,to{opacity:0}}.rq-enabled{animation-name:rq-enabled}.rq-locked{opacity:0;animation-name:rq-locked}@keyframes rq-enabled{0%,8%{opacity:1}9%,52%{opacity:0}53%,to{opacity:1}}@keyframes rq-locked{0%,8%{opacity:0}9%,52%{opacity:1}53%,to{opacity:0}}.rq-note li .guide-swap{vertical-align:top;display:inline-grid}.rq-miss-a{animation-name:rq-miss-a}.rq-miss-b{opacity:0;animation-name:rq-miss-b}@keyframes rq-miss-a{0%,20%{opacity:1}21%,92%{opacity:0}93%,to{opacity:1}}@keyframes rq-miss-b{0%,20%{opacity:0}21%,92%{opacity:1}93%,to{opacity:0}}.rq-anim .rq-note{animation-name:rq-note}@keyframes rq-note{0%,8%{opacity:0;grid-template-rows:0fr}12%,52%{opacity:1;grid-template-rows:1fr}56%,to{opacity:0;grid-template-rows:0fr}}.rq-anim .rq-cart{animation-name:rq-cart}@keyframes rq-cart{0%,52%{opacity:0;grid-template-rows:0fr}56%,92%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}.rq-cursor-chip{animation-name:rq-cursor-chip}@keyframes rq-cursor-chip{0%,14%{opacity:0;transform:translate(30px,24px)}16%{opacity:1}19%{transform:translate(0)scale(1)}20%{transform:translate(0)scale(.8)}22%{opacity:1;transform:translate(0)scale(1)}25%,to{opacity:0;transform:translate(0)}}.ug-tag{opacity:0;animation-name:ug-tag}@keyframes ug-tag{0%,12%{opacity:0}14%,92%{opacity:1}93%,to{opacity:0}}.ug-name-a{animation-name:ug-name-a}.ug-name-b{opacity:0;animation-name:ug-name-b}@keyframes ug-name-a{0%,26%{opacity:1}27%,92%{opacity:0}93%,to{opacity:1}}@keyframes ug-name-b{0%,26%{opacity:0}27%,92%{opacity:1}93%,to{opacity:0}}.ug-anim .ug-plan{animation-name:ug-plan}.ug-anim .ug-tea{animation-name:ug-tea}.ug-anim .ug-cake{animation-name:ug-cake}@keyframes ug-plan{0%,26%{opacity:0;grid-template-rows:0fr}30%,92%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}@keyframes ug-tea{0%,40%{opacity:0;grid-template-rows:0fr}44%,92%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}@keyframes ug-cake{0%,54%{opacity:0;grid-template-rows:0fr}58%,92%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}.ug-t1{animation-name:ug-t1}.ug-t2{opacity:0;animation-name:ug-t2}.ug-t3{opacity:0;animation-name:ug-t3}@keyframes ug-t1{0%,27%{opacity:1}28%,92%{opacity:0}93%,to{opacity:1}}@keyframes ug-t2{0%,27%{opacity:0}28%,40%{opacity:1}41%,to{opacity:0}}@keyframes ug-t3{0%,40%{opacity:0}41%,92%{opacity:1}93%,to{opacity:0}}.ug-cursor-tag{animation-name:ug-cursor-tag}@keyframes ug-cursor-tag{0%,17%{opacity:0;transform:translate(-30px,24px)}19%{opacity:1}25%{transform:translate(0)scale(1)}26%{transform:translate(0)scale(.8)}28%{opacity:1;transform:translate(0)scale(1)}31%,to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.if-anim *,.if-anim .guide-grow{animation:none!important}.if-anim .guide-grow{grid-template-rows:1fr}.if-anim .if-count-a,.if-anim .if-ph-a,.if-anim .if-check-a,.if-anim .if-cursor-add,.if-anim .if-cursor-check{opacity:0}.if-anim .if-count-b,.if-anim .if-ph-b,.if-anim .if-check-b,.if-anim .if-star{opacity:1}.if-anim .if-type-text{clip-path:none}.mp-anim *,.rq-anim *,.ug-anim *{animation:none!important}.rq-anim .tg-off,.ug-anim .tg-off,.rq-anim .rq-chip-off,.rq-anim .rq-enabled,.rq-anim .rq-miss-a,.ug-anim .ug-name-a,.ug-anim .ug-t1,.ug-anim .ug-t2,.rq-anim [class*=cursor-],.ug-anim [class*=cursor-]{opacity:0}.rq-anim .tg-on,.ug-anim .tg-on,.rq-anim .rq-chip-on,.rq-anim .rq-locked,.rq-anim .rq-miss-b,.ug-anim .ug-tag,.ug-anim .ug-name-b,.ug-anim .ug-t3{opacity:1}.rq-anim .tg-body,.ug-anim .tg-body,.rq-anim .rq-note,.ug-anim .ug-plan,.ug-anim .ug-tea,.ug-anim .ug-cake{grid-template-rows:1fr}.rq-anim .rq-cart{grid-template-rows:0fr}.dl-anim *{animation:none!important}.dl-anim .dl-toggle-off,.dl-anim .dl-open,.dl-anim .dl-count,.dl-anim [class*=dl-cursor-]{opacity:0}.dl-anim .dl-toggle-on,.dl-anim .dl-closed{opacity:1}.dl-anim .dl-body,.dl-anim .dl-box{grid-template-rows:1fr}.io-anim *,.io-anim .guide-grow{animation:none!important}.io-anim .io-ice-on,.io-anim .io-c-a,.io-anim .io-ph,.io-anim .io-box-off,.io-anim [class*=io-cursor-]{opacity:0}.io-anim .io-ice-off,.io-anim .io-c-b,.io-anim .io-chip,.io-anim .io-chip2,.io-anim .io-box-on{opacity:1}.io-anim .io-type{clip-path:none}.io-anim .io-g3,.io-anim .io-bento-row{grid-template-rows:1fr}.io-anim .io-ice-body,.io-anim .io-tea-ice{opacity:0;grid-template-rows:0fr}}