:root{--font-ui:Inter,"IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Pixelify Sans","IBM Plex Sans KR",monospace;--font-pixel:"Pixelify Sans","IBM Plex Sans KR",monospace;--cut:polygon(0 5px,5px 5px,5px 0, calc(100% - 5px) 0, calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px) , calc(100% - 5px) calc(100% - 5px) , calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px) ,0 calc(100% - 5px) )}#topbar #admin-top{touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#topbar #admin-top:not(.is-admin){width:32px;min-width:32px;height:32px;padding:0;justify-content:center;font-size:0}#topbar #admin-top:not(.is-admin):before{margin:0;display:block}#topbar #admin-top.is-admin:before{opacity:1}#topbar #admin-top.is-admin:after{content:"가게 관리"}.hold-gate{position:absolute;top:calc(100% + 7px);right:0;display:none;flex-direction:column;align-items:stretch;gap:5px;padding:6px 7px 7px;background:var(--bar,#072230);color:var(--ink,#f4e3b5);border:1px solid currentColor;box-shadow:2px 2px #0000004d;white-space:nowrap;z-index:60;pointer-events:none;font:500 10px/1 var(--font-ui);letter-spacing:.02em;text-align:center}.hold-gate--on{display:flex;animation:hold-gate-in .18s steps(3) both}.hold-gate__cat{display:block;width:72px;height:45px;margin:0 auto;image-rendering:pixelated}.hold-gate__cat .b{display:none}.hold-gate--on .hold-gate__cat .a{animation:hold-gate-tick .36s steps(1,end) infinite}.hold-gate--on .hold-gate__cat .b{display:block;animation:hold-gate-tock .36s steps(1,end) infinite}.hold-gate__label{display:block}.hold-gate__bar{display:block;height:3px;background:currentColor;opacity:.9;position:relative}.hold-gate__bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bar,#072230);opacity:.78}.hold-gate__bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:currentColor;animation:hold-gate-bar 3s linear forwards}@keyframes hold-gate-bar{to{width:100%}}@keyframes hold-gate-tick{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes hold-gate-tock{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes hold-gate-in{0%{transform:translateY(-3px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.hold-gate--on .hold-gate__cat .a,.hold-gate--on .hold-gate__cat .b{animation:none}.hold-gate__cat .b{display:none!important}.hold-gate__cat .a{opacity:1!important}}