@font-face{font-family:Inter;src:url(/demos/barber-studio/assets/inter-latin-opsz-normal-core-ChKyLFwE.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0,U+B7,U+2019,U+201C-201D}@font-face{font-family:Inter;src:url(/demos/barber-studio/assets/inter-latin-opsz-normal-rest-1pSuaLNw.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0,U+A1-AC,U+AE-B6,U+B8-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308-309,U+323,U+2002,U+2009,U+200B,U+2013-2014,U+2018,U+201A,U+201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF}:root{--page:#e9e3db;--ink:#1c1815;--ink-2:#4b433d;--ink-3:#6b625a;--line:#d3cabe;--bar-2:#c9c0b7}html,body{height:100%;margin:0}[hidden]{display:none!important}body{background:var(--page);color:var(--ink);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.demo-bar{z-index:10;box-sizing:border-box;background:var(--ink);color:#fff;letter-spacing:.002em;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:60px;padding:8px 16px;font-size:13px;line-height:18px;display:grid;position:relative}.story-hold body{visibility:hidden;background:0 0;animation:0s 4s forwards story-show}@keyframes story-show{to{visibility:visible}}.demo-line{color:var(--bar-2);grid-area:1/1;margin:0}.demo-line b{color:#fff;font-weight:650}.demo-sample{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0;padding:0;display:inline}.demo-sample:focus-visible{outline-offset:2px;outline:2px solid #e8b45c}.demo-line-short{display:none}.demo-switch{background:#2e2824;border-radius:999px;grid-area:1/2;grid-template-columns:1fr 1fr;padding:2px;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility;display:grid}.demo-switch a{min-height:44px;color:var(--bar-2);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.demo-switch a[aria-current=page]{color:var(--ink);background:#f5f1eb}.demo-switch a:not([aria-current]):hover{color:#fff}.demo-switch a:not([aria-current]):active{background:#ffffff1a}.demo-back{color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 14px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff47}.demo-back:before{content:"";border-bottom:1.75px solid;border-left:1.75px solid;width:7px;height:7px;margin-right:2px;transform:rotate(45deg)}.demo-back:hover{box-shadow:inset 0 0 0 1px #fff9}.demo-back:active{background:#ffffff1f}.demo-bar a:focus-visible{outline-offset:2px;outline:2px solid #e8b45c}.demo-end{grid-area:1/3;justify-self:end;align-items:center;gap:8px;display:flex}.demo-play{box-sizing:border-box;color:#fff;min-width:104px;height:44px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 16px 0 12px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff47}.demo-play .demo-i{flex:none;display:none}.demo-play[data-do=pause] .demo-i-pause,.demo-play[data-do=play] .demo-i-play,.demo-play[data-do=replay] .demo-i-replay{display:block}.demo-play:hover{box-shadow:inset 0 0 0 1px #fff9}.demo-play:active{background:#ffffff1f}.demo-play:focus-visible{outline-offset:2px;outline:2px solid #e8b45c}.demo-beat,.demo-beat-short,.demo-bar[data-line] .demo-line-long,.demo-bar[data-line] [data-bar-now]{display:none}.demo-bar[data-line] .demo-beat{color:var(--bar-2);pointer-events:none;display:inline}.demo-bar[data-line=story] .demo-line{grid-column:1/3}.demo-bar[data-line=story] .demo-switch{visibility:hidden;opacity:0;transition:opacity .16s cubic-bezier(.7,0,.84,0),visibility 0s .16s}.demo-say{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.demo-news{z-index:5;padding:10px max(16px, env(safe-area-inset-left));color:#f5f1eb;letter-spacing:.002em;text-wrap:pretty;pointer-events:none;background:#2e2824;margin:0;font-size:13px;line-height:18px;position:absolute;top:100%;left:0;right:0;box-shadow:inset 0 1px #ffffff14}[data-bar-now]{font-variant-numeric:tabular-nums}.demo-stage{--s:1;justify-content:center;align-items:flex-start;gap:64px;padding:24px 24px 0;display:flex;position:relative}.demo-phone{--pw:calc(410px * var(--s));width:var(--pw);height:calc(864px * var(--s));flex:none;transition:transform .2s cubic-bezier(.65,0,.35,1);position:relative}@media (max-height:980px){.demo-stage{--s:.996}}@media (max-height:940px){.demo-stage{--s:.95}}@media (max-height:900px){.demo-stage{--s:.917}}@media (max-height:860px){.demo-stage{--s:.87}}@media (max-height:800px){.demo-stage{--s:.8}}@media (max-height:740px){.demo-stage{--s:.73}}.demo-two{top:24px;left:calc(50% + var(--pw) / 2 - 112px);z-index:2;position:absolute}.demo-stage.is-two .demo-phone{transform:translateX(calc((288px - var(--pw)) / 2))}.demo-stage.is-two .demo-notes{opacity:0;pointer-events:none}.demo-phone-inner{box-sizing:border-box;width:410px;height:864px;transform:scale(var(--s));transform-origin:0 0;background:#15110f;border-radius:58px;padding:10px;position:absolute;top:0;left:0;box-shadow:0 30px 60px -36px #1c181580}.cc-root{background:#f5f1eb;border-radius:48px;width:390px;height:844px;position:relative;overflow:hidden}.demo-stage{--ls:var(--s)}.cc-root .cc-slot-label,.cc-root .cc-gen-cap{--lab:max(12px, calc(11px / var(--ls)));font-size:var(--lab);line-height:calc(var(--lab) * 4 / 3)}.cc-root .cc-gen-meta{font-size:max(1em, calc(11px / var(--ls)));line-height:1.35}.demo-notes{text-wrap:pretty;width:288px;color:var(--ink-2);letter-spacing:-.003em;padding-top:40px;font-size:15px;line-height:22px}.demo-notes h2{letter-spacing:-.014em;color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:640;line-height:28px}.demo-notes h3{letter-spacing:-.005em;color:var(--ink);margin:24px 0 12px;font-size:16px;font-weight:600;line-height:22px}.demo-notes p{margin:0 0 8px}.demo-now{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.demo-notes ol{counter-reset:s;gap:12px;margin:0;padding:0;list-style:none;display:grid}.demo-notes li{counter-increment:s;grid-template-columns:24px 1fr;gap:12px;display:grid}.demo-notes ol li:before{content:counter(s);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:650;line-height:16px;display:grid}.demo-notes ol li{position:relative}.demo-notes ol li.is-done:before{content:"";box-shadow:none;background:#7a3e21}.demo-notes ol li.is-done:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:5px;left:8px;transform:rotate(45deg)}.demo-notes ol li .sr,.demo-moments .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-moments{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.demo-moments li{border-bottom:1px solid var(--line);display:block}.demo-moments button{text-align:left;width:100%;min-height:48px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:72px 1fr 16px;align-items:center;gap:12px;padding:8px 0;display:grid;position:relative}.demo-moments button:hover:not([disabled]){background:#1c18150d}.demo-moments button:active:not([disabled]){background:#1c181514}.demo-moments button[disabled]{color:var(--ink-3);cursor:default}.demo-moments button.is-past:after{content:"";border:solid var(--ink-3);border-width:0 2px 2px 0;justify-self:center;width:5px;height:10px;margin-top:-3px;transform:rotate(45deg)}.demo-moments button:focus-visible{outline-offset:2px;outline:2px solid #8a4526}.demo-time{font-variant-numeric:tabular-nums;font-weight:600}.demo-built{border-top:1px solid var(--line);padding-top:16px;font-size:13px;line-height:18px;margin-top:24px!important}.demo-noscript{text-align:center;color:var(--ink);margin:0;padding:0 40px;font-size:16px;line-height:24px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.demo-ns-status{box-sizing:border-box;font-variant-numeric:tabular-nums;height:50px;color:var(--ink);padding:14px 28px 0 36px;font-size:16px;font-weight:600;line-height:22px;position:absolute;top:0;left:0;right:0}@media (max-width:1099px){.demo-line-long{display:none}.demo-line-short{display:inline}.demo-bar{grid-template-columns:minmax(0,1fr) auto auto}.demo-l-long,.demo-back-rest{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:899px),(pointer:coarse) and (max-height:500px){.demo-notes:not(:focus-within){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.demo-notes:focus-within{z-index:50;box-sizing:border-box;width:auto;max-height:60vh;padding:16px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--page);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0;overflow:auto}}@media (min-width:900px){.demo-news{display:none!important}}@media (max-width:599px),(pointer:coarse) and (max-height:500px){body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.demo-bar{flex:none;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:52px;padding:4px 12px 4px 16px;font-size:12px;line-height:16px}.demo-sample{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:44px;margin-left:-8px;padding:0;display:flex}.demo-sample b{white-space:nowrap;background:#2e2824;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px 0 7px;display:inline-flex;box-shadow:inset 0 0 0 1px #3e3631}.demo-sample b:before{content:"";background:#e8b45c;border-radius:50%;flex:none;width:6px;height:6px}.demo-sample .demo-line-short{white-space:nowrap;color:var(--bar-2);padding-left:8px;font-weight:400;display:block}.cc-root .cc-pill{display:none}.demo-news{background:var(--ink);box-shadow:none;color:var(--bar-2);padding:0 16px 8px;font-size:12px;line-height:16px}.demo-news:not([hidden]){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-line-short{white-space:nowrap}.demo-switch{grid-template-columns:auto auto}.demo-switch a{min-width:44px;padding:0 8px;font-size:13px}.demo-end{gap:6px}.demo-l-long,.demo-back-rest{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-back{gap:6px;padding:0 12px 0 10px;font-size:13px}.demo-play{width:44px;min-width:44px;padding:0}.demo-play-word{display:none}.demo-line{position:relative}.demo-bar[data-line] [data-bar-now]{visibility:hidden;display:block}.demo-bar[data-line] .demo-beat{white-space:nowrap;display:block;position:absolute;top:26px;left:-8px;right:0;overflow:hidden}.demo-beat-long{display:none}.demo-beat-short{display:inline}.demo-stage{--ls:1;flex:1;min-height:0;padding:0;display:block}.demo-phone,.demo-phone-inner{width:auto;height:100%;box-shadow:none;background:0 0;border-radius:0;padding:0;position:static;transform:none}.cc-root{border-radius:0;width:100%;height:100%}.cc-root .cc-status{display:none}.cc-root .cc-tabs{height:auto;min-height:64px;padding-bottom:env(safe-area-inset-bottom)}.cc-root .cc-bar{padding-bottom:max(12px, env(safe-area-inset-bottom))}.cc-root .cc-scr.has-tabs .cc-bar{padding-bottom:12px}.cc-root .cc-sheet-foot{padding-bottom:max(16px, env(safe-area-inset-bottom))}.demo-bar{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.cc-root .cc-app{--gutter:max(20px, env(safe-area-inset-left), env(safe-area-inset-right))}.demo-ns-status{display:none}}@media (pointer:coarse) and (max-height:500px){.cc-root .cc-app{--gutter:max(20px, env(safe-area-inset-left), env(safe-area-inset-right), calc((100vw - 600px) / 2))}.cc-root .cc-pill{display:none}}@media (max-width:389px){.demo-back{justify-content:center;gap:0;width:44px;padding:0}.demo-back>span{display:none}.demo-back:before{margin:0 0 0 3px}}@media (max-width:339px){[data-bar-now]{display:none!important}.demo-line b{white-space:nowrap}.demo-switch a{min-width:44px;padding:0 8px}.demo-bar[data-line] .demo-beat,.demo-bar:not([data-line=story]) .demo-play{display:none}}.cc-pin{display:none}.is-capture .demo-bar,.is-capture .demo-news{display:none!important}.is-capture .cc-root .cc-pill{visibility:hidden}.is-capture .cc-pin{z-index:25;pointer-events:none;display:block;position:absolute;top:66px;right:16px}.is-capture .cc-app.is-barber .cc-pin{right:68px}.cc-pin span{letter-spacing:.006em;color:#4b433d;white-space:nowrap;box-sizing:border-box;background:#fff;border:1px solid #d3cabe;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;font-size:12px;font-weight:550;line-height:16px;display:inline-flex}.cc-pin span:before{content:"";background:#8a4526;border-radius:50%;width:6px;height:6px}.cc-pin.is-dark span{color:#bdb3aa;background:#2a2420;border-color:#3e3631}.cc-pin.is-dark span:before{background:#e8b45c}@media (max-width:599px),(pointer:coarse) and (max-height:500px){.is-capture .cc-pin{top:16px}}@media (prefers-reduced-motion:reduce){.demo-phone,.demo-switch{transition:none}}