@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(./dm-serif-display-latin-400-normal-_kVFYEpx.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(./caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2"),url(./caveat-latin-500-normal-Do9veZfZ.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(./caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(./caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#ffe3ec;--desk:#ffe3ec;--cloth:#ff6f9f;--cloth-dark:#e04f83;--gold:#ffd166;--kraft:#fffaf2;--wall:#fffaf2;--ink:#5a3a4a;--red:#ff6f9f;--blue:#7fb3e6;--sky:#cfe4fa;--paper:#fffaf2;--display:"Fredoka Variable", "Fredoka", system-ui, sans-serif;--hand:"Caveat", "Comic Sans MS", cursive;--body:"Nunito Variable", system-ui, sans-serif;--pop:cubic-bezier(.3, 1.6, .5, 1);--soft:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{background-color:var(--desk);min-height:100dvh;color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;background-image:radial-gradient(#ffffffd9 2px,#0000 2.6px),radial-gradient(#7fb3e659 1.6px,#0000 2px);background-position:0 0,17px 17px;background-size:34px 34px,34px 34px;margin:0;line-height:1.5;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2{font-family:var(--display);margin:0;font-weight:600;line-height:1.05}#confetti{z-index:40;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#sound{top:max(12px, env(safe-area-inset-top));z-index:30;background:var(--kraft);width:46px;height:46px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;right:12px;box-shadow:0 3px 10px #0000004d}#sound .mute{display:none}#sound[aria-pressed=false] .mute{display:inline}#gate{z-index:25;background:var(--night);place-items:center;padding:16px;transition:opacity .5s;display:grid;position:fixed;inset:0}#gate.gone{opacity:0;pointer-events:none}.gate-card{border:3px solid var(--ink);background:var(--paper);width:min(100%,380px);box-shadow:0 6px 0 var(--gold);text-align:center;animation:arrive .6s var(--pop);border-radius:20px;padding:30px 22px 24px}.gate-gift{width:40px;fill:var(--red)}.gate-to{font-family:var(--display);overflow-wrap:anywhere;margin:6px 0 14px;font-size:1.6rem;line-height:1.1}#gate-wait-text{margin:0;font-weight:700}.gate-when{color:var(--blue);margin:2px 0 16px;font-weight:800}.ticks{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tick{background:var(--wall);border-radius:12px;padding:10px 0 8px;display:grid}.tick b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:400;line-height:1}.tick span{font-size:.8rem;font-weight:800}.gate-note{min-height:1.6em;font-family:var(--display);color:var(--red);margin:14px 0 0;font-size:1.3rem}.gate-question{font-size:clamp(24px,7vw,30px)}#gate-form{text-align:left;gap:10px;margin-top:18px;display:grid}#gate-form.shake{animation:.4s shake}.gate-label{font-size:.95rem;font-weight:800}#gate-answer{border:3px solid var(--ink);min-height:50px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:0 14px;font-size:1.1rem}#gate-answer[aria-invalid=true]{border-color:var(--red)}#gate-submit{border:3px solid var(--ink);background:var(--red);color:#fff;min-height:50px;box-shadow:0 4px 0 var(--ink);border-radius:999px;font-weight:800}#gate-submit:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.gate-reply{min-height:1.6em;margin:12px 0 4px;font-weight:800}.gate-reply.wrong{color:#c7271a}.gate-reply.right{color:#137a55}#gate-hint{text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:0 16px;font-weight:700;text-decoration:underline}#desk{z-index:1;min-height:100dvh;padding:max(56px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));opacity:0;grid-template-rows:1fr auto auto;place-items:center;gap:14px;transition:opacity .6s;display:grid;position:relative}body.ready #desk{opacity:1}.book{--w:min(84vw, 380px, calc((100dvh - 190px) * .72));width:var(--w);aspect-ratio:.72;perspective:1800px;touch-action:pan-y;cursor:grab;will-change:transform;position:relative}.book:before{content:"";background:repeating-linear-gradient(90deg,#fff6ea 0 2px,#f1dfd0 2px 3px);border-radius:4px 10px 10px 4px;position:absolute;inset:6px -6px -6px 6px;box-shadow:0 18px 34px #e04f8347}.pages{transform-style:preserve-3d;position:absolute;inset:0}.leaf{transform-origin:0;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.peel{pointer-events:none;background:linear-gradient(135deg,#0000 49%,#e04f8340 50%,#ffd9e6 52%,#fff5f8 100%);border-top-left-radius:6px;width:0;height:0;position:absolute;bottom:0;right:0;box-shadow:-3px -3px 6px #e04f831f}.face{backface-visibility:hidden;border-radius:3px 10px 10px 3px;position:absolute;inset:0;overflow:hidden}.shade,.cast{z-index:5;opacity:0;pointer-events:none;will-change:opacity;position:absolute;inset:0}.shade{background:linear-gradient(90deg,#5a283c73,#ffffff59 45%,#0000 80%)}.cast{background:linear-gradient(90deg,#5a283c66,#0000 55%)}.back{background:var(--kraft);background-image:radial-gradient(#ff6f9f2e 1.4px,#0000 1.8px);background-size:16px 16px;transform:rotateY(180deg)}.back.endpaper{background-color:#ffc2d6;background-image:radial-gradient(#fff 2px, transparent 2.5px), radial-gradient(var(--gold) 1.8px, transparent 2.2px);background-position:0 0,11px 11px;background-size:22px 22px}.cover{text-align:center;cursor:pointer;background-color:#fff;background-image:linear-gradient(90deg,#7fb3e673 50%,#0000 50%),linear-gradient(#7fb3e673 50%,#0000 50%);background-size:26px 26px;flex-direction:column;align-items:center;padding:12% 9% 9%;display:flex}.cover:before{content:"";background:var(--cloth);width:7%;position:absolute;inset:0 auto 0 0;box-shadow:inset -3px 0 #00000014}.label{background:var(--paper);width:92%;box-shadow:0 0 0 4px var(--paper), 0 0 0 7px var(--cloth), 0 10px 20px #e04f8340;border-radius:22px;justify-items:center;margin-left:6%;padding:18px 12px 20px;display:grid;position:relative}.cover-over{font-family:var(--hand);color:var(--blue);margin:0;font-size:clamp(22px,6.4vw,28px);font-weight:700}.cover-title{overflow-wrap:anywhere;max-width:100%;color:var(--cloth);text-shadow:0 3px #ffd0df;margin-top:2px;font-size:clamp(46px,14vw,70px);font-weight:700;line-height:1}.cover-title.long{font-size:clamp(36px,10.5vw,54px)}.cover-title.longer{font-size:clamp(30px,8.4vw,42px)}.cover-badge{background:var(--gold);width:76px;height:76px;color:var(--ink);border-radius:50%;place-content:center;margin:10px 0 0;line-height:1;display:grid;rotate:-8deg;box-shadow:0 4px #f2b33d}.cover-badge b{font-family:var(--display);font-size:2rem;font-weight:700}.cover-badge span{font-size:.75rem;font-weight:800}.cover-hint{background:var(--paper);color:var(--cloth);border-radius:999px;margin:auto 0 0 6%;padding:6px 14px;font-size:.95rem;font-weight:800;animation:2.2s ease-in-out infinite breathe}.cover .sticker{z-index:2;width:22%;position:absolute}.cover .sticker:first-of-type{top:2%;right:2%;rotate:14deg}.cover .sticker:nth-of-type(2){bottom:14%;left:10%;rotate:-12deg}.the-end{z-index:3;border:3px solid var(--paper);background:var(--cloth);color:#fff;font-family:var(--hand);border-radius:999px;padding:6px 14px;font-size:clamp(18px,7cqw,26px);font-weight:700;position:absolute;bottom:20%;right:8%;box-shadow:0 4px 10px #e04f8359}.ribbon{background:var(--cloth);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:18px;height:46px;position:absolute;bottom:0;right:22%}.cat{z-index:60;pointer-events:none;width:26%;position:absolute;bottom:-9%;left:-4%}.cat svg{width:100%;display:block;overflow:visible}.paper{background-color:var(--kraft);background-image:linear-gradient(90deg,#e04f8324,#0000 7%),radial-gradient(#7fb3e659 1.3px,#0000 1.7px);background-position:0 0,0 18px;background-size:100% 100%,18px 18px;flex-direction:column;padding:8% 9% 7% 11%;display:flex}.hand{font-family:var(--hand);margin:0;font-size:clamp(19px,5.4vw,23px);font-weight:500;line-height:1.3}.hand.big{color:var(--cloth);font-size:clamp(30px,9vw,40px);font-weight:700}.hand.big.long{font-size:clamp(25px,7.2vw,32px)}.first .hand+.hand{margin-top:10px}.sign{text-align:right;font-weight:700;margin-top:14px!important}.first .sticker{align-self:center;width:30%;margin-top:auto}.when{border:2px solid var(--cloth);color:var(--cloth);border-radius:4px;align-self:flex-start;margin:0;padding:1px 10px;font-size:.75rem;font-weight:900;rotate:-3deg}.snap{background:#fff;margin:10px 0 0;padding:7px 7px 22px;position:relative;rotate:2deg;box-shadow:0 6px 14px #e04f8338}.flip .snap{rotate:-2.5deg}.snap img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.tape{background:repeating-linear-gradient(90deg,#f08aa7bf 0 8px,#fff9 8px 14px);width:34%;height:22px;position:absolute;top:-10px;left:50%;translate:-50%;rotate:-4deg}.flip .tape{background:repeating-linear-gradient(90deg,#2f6b4f99 0 8px,#ffffff8c 8px 14px);rotate:5deg}.page-title{color:var(--cloth);margin-top:12px;font-size:clamp(24px,7vw,32px)}.photo-page .hand{margin-top:4px}.sticker{width:24%;display:block}.sticker svg{width:100%;display:block}.photo-page .sticker{position:absolute;top:4%;right:6%;rotate:12deg}.flip .sticker{left:52%;right:auto;rotate:-10deg}.hand .w{overflow-wrap:anywhere;max-width:100%;display:inline-block}.last{align-items:stretch}.last .page-title{margin-top:0;font-size:clamp(30px,9vw,40px)}.last .hand:first-of-type{margin-top:10px}.stamp{aspect-ratio:1;color:#b8322a40;background:0 0;border:0;border-radius:50%;place-items:center;width:27%;margin:auto auto 0;padding:0;display:grid;position:relative;rotate:-12deg}.stamp svg{width:100%}.stamp-label{white-space:nowrap;color:var(--cloth);font-size:.8rem;font-weight:900;animation:2.2s ease-in-out infinite breathe;position:absolute;bottom:-26px;left:50%;translate:-50%;rotate:12deg}.stamp.inked{color:var(--cloth)}.stamp.inked .stamp-label{visibility:hidden}.stamp.pressed svg{animation:press .45s var(--soft)}.msg{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:30px;display:flex}.msg-btn{border:2px solid var(--ink);background:var(--gold);border-radius:999px;min-height:44px;padding:0 16px;font-size:.9rem;font-weight:900}.msg-btn[aria-pressed=true]{background:var(--ink);color:var(--gold)}.msg-sample{text-align:center;flex-basis:100%;margin:0;font-size:.75rem}#clip{background:var(--kraft);text-align:center;border:0;border-radius:14px;width:min(92vw,420px);padding:12px}#clip::backdrop{background:#5a3a4ab3}#clip video{border-radius:8px;width:100%;display:block}#clip-close{background:0 0;border:0;min-height:44px;margin-top:10px;padding:0 20px;font-weight:800}.controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:min(100%,440px);display:grid}#prev,#next{white-space:nowrap;border-radius:999px;min-height:48px;padding:0 clamp(12px,6vw - 6px,20px);font-weight:900}#prev{border:2px solid var(--ink);background:var(--paper);color:var(--ink);justify-self:start}#next{background:var(--gold);color:var(--ink);border:0;grid-column:3;justify-self:end;box-shadow:0 4px #f2b33d}#next:active{translate:0 3px;box-shadow:0 1px #f2b33d}.count{color:#5a3a4acc;white-space:nowrap;grid-column:2;margin:0;font-size:.85rem;font-weight:800}.swipe{color:#5a3a4ab3;margin:0;font-size:.85rem;font-weight:700;transition:opacity .4s}.swipe.gone{opacity:0}.face{container-type:inline-size}body.wide .book{--w:min(88vw, 840px, calc((100dvh - 170px) * 1.44));width:var(--w);aspect-ratio:1.44}body.wide .pages{inset:0 0 0 50%}body.wide .book:before{transition:inset .6s var(--soft);inset:6px -6px -6px calc(50% + 6px)}body.wide.open .book:before{inset:6px -6px -6px}body.wide .cat{width:11%;transition:left .9s var(--soft);left:43%}body.wide.open .cat{left:-4%}body.wide .paper{padding:9% 9% 7% 11%}body.wide .back.paper{background-image:linear-gradient(270deg,#e04f8324,#0000 7%),radial-gradient(#7fb3e659 1.3px,#0000 1.7px);background-size:100% 100%,18px 18px;padding:9% 11% 7% 9%}body.wide .hand{font-size:clamp(9px,6.6cqw,24px)}body.wide .hand.big{font-size:clamp(14px,10cqw,38px)}body.wide .hand.big.long{font-size:clamp(12px,8cqw,30px)}body.wide .page-title{font-size:clamp(13px,9cqw,34px)}body.wide .when{font-size:clamp(8px,3.6cqw,13px)}body.wide .cover-title{font-size:clamp(26px,15cqw,70px)}body.wide .cover-title.long{font-size:clamp(20px,11cqw,54px)}body.wide .cover-title.longer{font-size:clamp(16px,8.8cqw,42px)}body.wide .cover-over{font-size:clamp(13px,7cqw,28px)}body.wide .cover-badge{width:18cqw;height:18cqw}body.wide .cover-badge b{font-size:clamp(14px,8cqw,32px)}body.wide .cover-badge span,body.wide .cover-hint{font-size:clamp(8px,3.4cqw,15px)}body.wide .label{padding:5% 3% 6%}body.wide .story{justify-content:center}body.wide .last .page-title{font-size:clamp(16px,11cqw,42px)}body.wide .last .hand{font-size:clamp(11px,7.4cqw,28px);line-height:1.35}body.wide .story .hand{margin-top:4%;font-size:clamp(11px,8cqw,30px);line-height:1.35}body.wide .story .page-title{margin-top:4%;font-size:clamp(16px,12cqw,46px)}body.wide .story .sticker{width:26%;margin:8% 0 0 auto;rotate:10deg}body.wide .msg-btn{min-height:36px;padding:0 3cqw;font-size:clamp(9px,3.6cqw,14px)}body.wide .msg-sample{font-size:clamp(8px,2.8cqw,12px)}body.wide .stamp-label{font-size:clamp(8px,3.2cqw,13px)}.collage .snap{width:47%;margin:0;padding:3% 3% 2%;position:absolute}.collage .snap img{aspect-ratio:4/3}.collage figcaption{text-align:center;margin:0;padding:3% 0 1%;font-weight:700;line-height:1.1;font-size:clamp(9px,5.4cqw,20px)!important}.collage .c1{top:5%;left:7%;rotate:-6deg}.collage .c2{z-index:2;top:33%;right:5%;rotate:5deg}.collage .c3{bottom:4%;left:11%;rotate:-2deg}.collage.flip .c1{left:auto;right:8%;rotate:5deg}.collage.flip .c2{left:6%;right:auto;rotate:-5deg}.collage.flip .c3{left:auto;right:12%;rotate:3deg}.ending{text-align:center;place-items:center;display:grid}.ending .hand.big{max-width:80%;color:var(--cloth)}.ending .sticker{width:24%;position:absolute}.ending .sticker:first-of-type{top:10%;left:12%;rotate:-12deg}.ending .sticker:nth-of-type(2){bottom:12%;left:16%;rotate:8deg}.ending .sticker:nth-of-type(3){bottom:18%;right:12%;rotate:-6deg}.rotate{display:none}@media (orientation:portrait) and (width<=700px){body.wide .rotate{top:max(14px, env(safe-area-inset-top));z-index:30;background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:800;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 4px 12px #e04f8340}}.backdrop{z-index:0;filter:blur(16px)saturate(1.1);pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:-40px}.backdrop:after{content:"";background-color:#ffe3ec9e;background-image:radial-gradient(#ffffffd9 2px,#0000 2.6px);background-size:34px 34px;position:absolute;inset:0}.hearts{justify-content:center;margin-top:auto;padding-top:6%;display:flex;position:relative}.heart-frame{--heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M50 90C38 80 2 60 2 30 2 12 18 2 32 2c8 0 14 4 18 11C54 6 60 2 68 2c14 0 30 10 30 28 0 30-36 50-48 60z'/%3E%3C/svg%3E");aspect-ratio:100/92;background:var(--cloth);width:40%;-webkit-mask:var(--heart) center / contain no-repeat;-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat;filter:drop-shadow(0 4px 6px #e04f834d);display:block;position:relative}.heart-frame:first-child{margin-right:-6%;rotate:-10deg}.heart-frame:last-child{margin-top:6%;rotate:9deg}.heart-frame img{object-fit:cover;width:86%;height:86%;-webkit-mask:var(--heart) center / contain no-repeat;-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat;position:absolute;inset:7%}.friends .page-title{margin:0 0 6%}.friends .notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:5%;margin:0;padding:0;list-style:none;display:grid}.friends .note{align-content:space-between;gap:6px;min-height:0;padding:9% 9% 8%;display:grid;box-shadow:0 4px 8px #5a3a4a24}.friends .note .hand{font-size:clamp(13px,7.2cqw,21px);line-height:1.2}.friends .note b{text-align:right;font-size:clamp(10px,4cqw,13px);font-weight:800}.floaty{z-index:1;opacity:.55;pointer-events:none;font-size:22px;animation:9s ease-in-out infinite alternate drift;position:fixed}.spark{z-index:45;pointer-events:none;font-size:20px;position:fixed}@keyframes drift{0%{transform:translate(0)rotate(-10deg)}to{transform:translate(14px,-26px)rotate(12deg)}}.demo-badge{top:calc(max(12px, env(safe-area-inset-top)) + 10px);left:max(12px, env(safe-area-inset-left));z-index:50;border:2px solid var(--ink);background:var(--paper);color:var(--ink);white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;padding:4px 10px;font-size:.72rem;font-weight:900;line-height:1.2;position:fixed}@media (orientation:portrait) and (width<=700px){body.demo.wide .rotate{top:calc(max(12px, env(safe-area-inset-top)) + 46px)}}.demo-end{z-index:48;border:3px solid var(--ink);background:var(--paper);width:min(100% - 32px,360px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:0 6px 0 var(--gold);text-align:center;-webkit-user-select:text;user-select:text;border-radius:20px;margin:auto;padding:26px 22px 14px;position:fixed;inset:0;overflow-y:auto}.demo-end[open]{height:fit-content;animation:arrive .6s var(--pop);gap:10px;display:grid}.demo-end h2{font-size:1.55rem}.demo-end p{margin:0 0 6px;font-weight:700}.demo-order{border:3px solid var(--ink);background:var(--gold);min-height:50px;color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;place-items:center;font-weight:900;text-decoration:none;display:grid}.demo-order:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.demo-more,.demo-close{min-height:44px;color:var(--ink);background:0 0;border:0;font-weight:800}.demo-more{text-underline-offset:4px;place-items:center;text-decoration:underline;display:grid}.demo-end a:focus-visible,.demo-end button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes arrive{0%{opacity:0;transform:translateY(24px)scale(.92)}}@keyframes breathe{50%{opacity:.5}}@keyframes stick{0%{opacity:0;transform:scale(1.8)rotate(-20deg)}}@keyframes press{40%{transform:scale(.82)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}