.bar-home{margin-top:-35px;margin-bottom:48px}.bar-card{background:var(--green);color:var(--cream);padding:29px 32px}.bar-card>.eyebrow{color:var(--gold);margin-bottom:8px}.bar-demo-label{font-size:11px;color:#d8dfd1;margin:0 0 19px}.bar-card-body{background:#fffdf8;color:var(--ink);padding:24px}.bar-date{font-size:12px;color:var(--muted);margin:0 0 18px}.bar-status-line{display:flex;align-items:flex-start;gap:13px}.bar-dot{width:11px;height:11px;flex:0 0 11px;margin-top:9px;border-radius:50%;background:#979b91}.bar-dot.is-opening{background:#39804a}.bar-dot.is-closed{background:#af5543}.bar-status-line h2{font:28px/1.25 var(--serif);letter-spacing:-.4px;margin:0 0 8px}.bar-status-line p{font-size:14px;color:var(--muted);margin:0}.bar-updated{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding-top:14px;margin:19px 0 0}.bar-no-script{font-size:12px}.bar-demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:48px 80px}.bar-column-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.bar-update-form{background:#fffdf8;border:1px solid var(--line);padding:30px}.bar-update-form h2{font:30px/1.2 var(--serif);margin:0 0 12px;letter-spacing:-.5px}.bar-prototype-notice{font-size:12px;line-height:1.65;background:var(--paper);padding:14px 16px;margin:0 0 25px}.bar-update-form fieldset{border:0;margin:0;padding:0;min-width:0}.bar-update-form legend{font-size:13px;font-weight:600;margin-bottom:12px}.bar-choice{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:14px;margin-bottom:11px;cursor:pointer;border-radius:3px}.bar-choice:has(input:checked){background:#edf2e9;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.bar-choice input{accent-color:var(--green);height:18px;width:18px;flex:0 0 18px;margin:0}.bar-choice strong{display:block;font-size:14px;font-weight:600}.bar-choice small{font-size:12px;color:var(--muted)}.bar-time-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 24px}.bar-time-row label{font-size:14px;font-weight:600}.bar-time-row input{padding:10px;border:1px solid #879586;border-radius:3px;font:16px var(--sans);background:white;color:var(--ink)}.bar-save{width:100%;justify-content:space-between;cursor:pointer;font-family:var(--sans)}.bar-save:disabled{opacity:.5;cursor:not-allowed}.bar-update-form :is(input,button):focus-visible,.bar-demo-controls button:focus-visible{outline:3px solid #a15b26;outline-offset:4px}.bar-form-note{font-size:12px;color:var(--muted);margin:16px 0 0}.bar-save-message{font-size:13px;color:var(--green);min-height:22px;margin:17px 0 0}.bar-demo-quote{font:italic 24px/1.5 var(--serif);color:#5a6e5d;margin:26px 5px}.bar-demo-controls{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:8px;flex-wrap:wrap}.bar-demo-controls p{width:100%;font-size:12px;color:var(--muted);margin:0 0 4px}.bar-demo-controls button{border:1px solid #a5afa0;border-radius:3px;padding:9px 12px;background:transparent;color:var(--green);font:12px var(--sans);cursor:pointer}.bar-demo-controls button[aria-pressed=true]{background:var(--paper);border-color:var(--green)}.bar-demo-layout [hidden]{display:none!important}
@media(min-width:850px){.bar-home .bar-card-body{display:grid;grid-template-columns:1fr 2fr;gap:10px 28px;align-items:center}.bar-home .bar-date{margin:0}.bar-home .bar-updated{grid-column:1/-1}}
@media(max-width:720px){.bar-demo-layout{grid-template-columns:1fr;gap:30px;padding-block:30px 55px}.bar-update-form,.bar-card{padding:23px}.bar-card-body{padding:21px}.bar-home{margin-top:-15px;margin-bottom:30px}.bar-status-line h2{font-size:25px}.bar-demo-quote{font-size:22px}}