:root{--cobalt:#2747D6;--cobalt-deep:#1E3BB8;--paper:#F6F4EF;--white:#FFFFFF;--slate:#4A5878;--ink:#10152A;--sunshine:#FFC23D;--sky:#E7EBFB;--sky-mid:#C9D3FF;--grey-line:#C9CFE0;--grey:#8A93AE;--navy:#1E2C66}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--paper);color:var(--slate);display:flex;flex-direction:column;min-height:100svh}.fr{font-family:Fraunces,Georgia,serif;font-weight:900;font-variation-settings:"SOFT" 100,"WONK" 1}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sign{background:var(--cobalt);padding:clamp(22px,4vw,30px) 20px clamp(18px,3vw,22px);display:flex;flex-direction:column;align-items:center;gap:6px;border-bottom:6px solid var(--ink);text-align:center}.sign h1{margin:0;font-size:clamp(64px,8vw,96px);line-height:.85;letter-spacing:-.045em;color:var(--paper)}.sign p{margin:0;font-family:Anton,sans-serif;font-size:clamp(12px,1.4vw,15px);letter-spacing:.22em;color:var(--sunshine)}.awning{display:block;width:100%;height:22px}.wall{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.scene{width:min(100%,1300px,calc((100svh - 300px)*2));margin:0 auto}.scene>svg{display:block;width:100%;height:auto;overflow:visible}.board{display:none}@media(max-width:699px){.scene{width:210%;margin-left:-55%}.board{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:14px;padding:18px 20px 6px}}@media(min-width:700px){.wall{container-type:inline-size}.board{--sw:min(100cqw,1300px, calc((100svh - 300px)*2) );display:flex;align-items:center;justify-content:center;gap:1em;position:absolute;z-index:1;top:0;left:0;right:0;bottom:calc(var(--sw) * .3767);font-size:max(10px,calc(var(--sw) * .0105))}.board .note{width:15em;border-width:.2143em;border-radius:.7143em;padding:1.1429em 1.1429em 1em;box-shadow:0 .4286em #10152a14}.board .note:before{top:-.7143em;width:1.2857em;height:1.2857em;margin-left:-.6429em;border-width:.2143em}.board .note h2{margin-bottom:.7143em;font-size:1em}.board .note ul{gap:.5em;font-size:1em}.board .note .now{padding:0 .4286em;border-radius:.2857em}.board .note .rule{border-top-width:.1429em}.board .side{gap:.8571em}.board .side svg{width:3.7143em;height:3.7143em}.board .open-sign{font-size:.7857em;width:4.7273em;padding:.5455em 0;border-radius:.5455em}}.note{position:relative;width:210px;background:var(--white);border:3px solid var(--ink);border-radius:10px;padding:16px 16px 14px;transform:rotate(-2deg);box-shadow:0 6px #10152a14}.note:before{content:"";position:absolute;left:50%;top:-10px;width:18px;height:18px;margin-left:-9px;border-radius:999px;background:var(--sunshine);border:3px solid var(--ink)}.note h2{margin:0 0 10px;font-family:Anton,sans-serif;font-weight:400;font-size:14px;letter-spacing:.12em;color:var(--cobalt)}.note ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;color:var(--ink)}.note li{display:flex;justify-content:space-between}.note .done{color:var(--cobalt)}.note .now{background:var(--sunshine);padding:0 6px;border-radius:4px}.note .later{color:var(--slate)}.note .rule{height:0;border-top:2px dashed var(--grey-line)}.side{display:flex;flex-direction:column;align-items:center;gap:12px}.open-sign{width:52px;padding:6px 0;border-radius:6px;background:var(--ink);text-align:center;font-family:Anton,sans-serif;font-size:11px;letter-spacing:.08em;color:var(--sunshine);line-height:1.2}.open-sign span{color:var(--sky-mid)}.foot{background:var(--ink);padding:16px clamp(20px,3vw,32px) 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;font-size:13px;font-weight:500;color:var(--grey-line)}.foot strong{font-size:17px;font-weight:700;color:var(--paper)}@keyframes drum{to{transform:rotate(360deg)}}@keyframes spinself{to{transform:rotate(-260deg)}}@keyframes slosh{to{transform:translate(-120px)}}@keyframes bubble{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.95}to{transform:translateY(-60px) scale(1.15);opacity:0}}@keyframes rumble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px,.5px) rotate(-.25deg)}50%{transform:translate(1px) rotate(0)}75%{transform:translateY(-.5px) rotate(.25deg)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes blinkSoft{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes glow{0%,to{opacity:.25}50%{opacity:.9}}@keyframes buzz{0%,to{opacity:0}40%,60%{opacity:.7}}.drum{animation:drum 3s linear infinite;transform-box:view-box;transform-origin:150px 218px}.drumSlow{animation:drum 7s linear infinite;transform-box:view-box;transform-origin:150px 218px}.drumRev{animation:drum 5s linear infinite reverse;transform-box:view-box;transform-origin:150px 218px}.self{animation:spinself 3s linear infinite;transform-box:fill-box;transform-origin:50% 50%}.slosh{animation:slosh 1.6s linear infinite}.sloshSlow{animation:slosh 3.2s linear infinite}.b1{animation:bubble 2s ease-out infinite;transform-box:fill-box}.b2{animation:bubble 2s ease-out .5s infinite;transform-box:fill-box}.b3{animation:bubble 2s ease-out 1s infinite;transform-box:fill-box}.b4{animation:bubble 2s ease-out 1.5s infinite;transform-box:fill-box}.rumble{animation:rumble .22s linear infinite}.blink{animation:blink 1s steps(1,end) infinite}.note .now{animation:blinkSoft 1.2s steps(1,end) infinite}.glow{animation:glow 1.6s ease-in-out infinite}.buzz{animation:buzz .5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/moddies-holding.css.map */