.how-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 24px;display:flex}.flow-toggle{min-width:7.25em;min-height:var(--size-button-small);box-sizing:border-box;border:1.5px solid var(--line-on-amber);border-radius:var(--radius-button);color:var(--on-amber);font-family:var(--font-sans);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:0;padding:0 18px;font-size:16px;font-weight:600;line-height:1.2;display:inline-flex}.flow-toggle[hidden]{display:none}.flow-toggle:hover{background:#10140f12}.flow-toggle:focus-visible{outline-offset:2px;box-shadow:var(--focus-ring);outline:2px solid #0000}.flow{--phone-scale:.8;--flow-mark:192px;--flow-ring-gap:18px;--cal-scale:1;--u:calc(1px * var(--cal-scale));--flow-sched:calc(300 * var(--u));grid-template-columns:calc(360px * var(--phone-scale)) minmax(0, 1fr) var(--flow-mark) minmax(0, 1fr) var(--flow-sched);align-items:center;padding-bottom:39px;display:grid}@media (width>=1000px){.flow{--flow-mark:228px;--flow-ring-gap:28px}}@media (width>=1200px){.flow{--cal-scale:1.14}}@media (width>=1200px) and (height>=860px){.flow{--phone-scale:.89}}.flow-node{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.flow-caption{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:calc(100% + 16px);left:50%;translate:-50%}.flow-label{color:var(--on-amber);text-align:center;white-space:nowrap;margin:0;font-size:17px;font-weight:600;line-height:1.35}.flow-link{--fill:1;--pos:0;--into-mark:calc((var(--flow-mark) - 120px) / 2 - 8px);background-image:linear-gradient(to right, var(--track-on-amber) 60%, transparent 0);background-size:10px 2px;height:2px;margin:0 8px;position:relative}.flow-link-1{margin-right:calc(-1 * var(--into-mark))}.flow-link-2{margin-left:calc(-1 * var(--into-mark))}.flow-link-fill{background:var(--on-amber);transform:scaleX(var(--fill));transform-origin:0;position:absolute;inset:0}.flow-dot{top:50%;left:calc(var(--pos) * 100%);border-radius:var(--radius-round);background:var(--on-amber);width:12px;height:12px;box-shadow:0 0 0 4px var(--amber);opacity:0;margin:-6px 0 0 -6px;position:absolute}.flow-dot.is-return{background:var(--forest)}.mk-phone-scaled{width:min(calc(360px * var(--phone-scale,1)), 100%);padding:calc(11px * var(--phone-scale,1));border-radius:calc(58px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-key-1{top:calc(150px * var(--phone-scale,1));height:calc(30px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-key-2{top:calc(206px * var(--phone-scale,1));height:calc(56px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-key-3{top:calc(274px * var(--phone-scale,1));height:calc(56px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-key-4{top:calc(224px * var(--phone-scale,1));height:calc(88px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-screen{min-height:0;height:calc(720px * var(--phone-scale,1));border-radius:calc(47px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-island{top:calc(13px * var(--phone-scale,1));width:calc(92px * var(--phone-scale,1));height:calc(29px * var(--phone-scale,1));margin-left:calc(-46px * var(--phone-scale,1));border-radius:calc(15px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-status{top:calc(13px * var(--phone-scale,1));height:calc(29px * var(--phone-scale,1));padding:0 calc(22px * var(--phone-scale,1)) 0 calc(28px * var(--phone-scale,1));font-size:calc(16px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-status-icons{gap:calc(5px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-status-icons svg{width:auto;height:calc(12px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-status-icons svg:last-child{height:calc(13px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-bar{gap:calc(10px * var(--phone-scale,1));padding:calc(58px * var(--phone-scale,1)) calc(20px * var(--phone-scale,1)) calc(10px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-bar svg{width:calc(22px * var(--phone-scale,1));height:calc(22px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-title-name{font-size:calc(17px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-title-meta{font-size:calc(12.5px * var(--phone-scale,1))}.mk-phone-scaled .mk-phone-body{gap:calc(28px * var(--phone-scale,1));padding:calc(18px * var(--phone-scale,1)) calc(20px * var(--phone-scale,1)) calc(24px * var(--phone-scale,1))}.mk-phone-scaled .mk-chat-message{padding:calc(13px * var(--phone-scale,1)) calc(17px * var(--phone-scale,1));border-radius:calc(22px * var(--phone-scale,1));font-size:calc(20.5px * var(--phone-scale,1))}.mk-phone-scaled .mk-chat-answer{gap:calc(14px * var(--phone-scale,1))}.mk-phone-scaled .mk-chat-text{font-size:calc(20px * var(--phone-scale,1))}.mk-phone-scaled .mk-chat-reply{font-size:calc(28px * var(--phone-scale,1))}.mk-phone-scaled .mk-chat-source{gap:calc(8px * var(--phone-scale,1));font-size:calc(15px * var(--phone-scale,1))}.mk-phone-scaled .mk-chat-source img{width:calc(22px * var(--phone-scale,1));height:calc(22px * var(--phone-scale,1))}.mk-phone-scaled .mk-highlight{padding:0 calc(4px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking{border-radius:calc(16px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking-when{width:calc(100px * var(--phone-scale,1));padding:calc(23px * var(--phone-scale,1)) 0;gap:calc(3px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking-day,.mk-phone-scaled .mk-booking-meridiem{font-size:calc(13px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking-time{font-size:calc(34px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking-what{gap:calc(7px * var(--phone-scale,1));padding:calc(16px * var(--phone-scale,1)) calc(14px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking-name{font-size:calc(19px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking-status{gap:calc(6px * var(--phone-scale,1));font-size:calc(16.5px * var(--phone-scale,1))}.mk-phone-scaled .mk-booking-status svg{width:calc(17px * var(--phone-scale,1));height:calc(17px * var(--phone-scale,1))}.mk-chat-text{margin:0;font-size:20px;line-height:1.4}.mk-phone-composer{align-items:flex-end;gap:calc(8px * var(--phone-scale,1));box-sizing:border-box;margin:auto calc(14px * var(--phone-scale,1)) calc(28px * var(--phone-scale,1));padding:calc(6px * var(--phone-scale,1)) calc(6px * var(--phone-scale,1)) calc(6px * var(--phone-scale,1)) calc(18px * var(--phone-scale,1));border:1px solid var(--screen-line);border-radius:calc(24px * var(--phone-scale,1));background:var(--screen-card);font-size:calc(17px * var(--phone-scale,1));line-height:1.35;display:flex}.mk-phone-composer-text{min-width:0;padding:calc(5.5px * var(--phone-scale,1)) 0;overflow-wrap:anywhere;flex:auto}.mk-phone-composer-placeholder{color:var(--on-screen-muted)}.mk-phone-composer-send{width:calc(34px * var(--phone-scale,1));height:calc(34px * var(--phone-scale,1));border-radius:var(--radius-round);background:var(--screen-line);color:var(--on-screen-muted);flex:none;justify-content:center;align-items:center;display:flex}.mk-phone-composer-send svg{width:calc(16px * var(--phone-scale,1));height:calc(16px * var(--phone-scale,1))}.mk-phone-composer.has-text .mk-phone-composer-send{background:var(--amber);color:var(--on-amber)}.mk-phone-home{left:50%;bottom:calc(8px * var(--phone-scale,1));width:calc(124px * var(--phone-scale,1));height:calc(5px * var(--phone-scale,1));margin-left:calc(-62px * var(--phone-scale,1));border-radius:calc(3px * var(--phone-scale,1));background:var(--on-screen);position:absolute}.flow-mango-mark{width:var(--flow-mark);height:var(--flow-mark);position:relative}.flow-mango-disc{inset:calc((var(--flow-mark) - 120px) / 2);border-radius:var(--radius-round);background:var(--forest);justify-content:center;align-items:center;display:flex;position:absolute}.flow-mango-disc img{width:64px;height:64px;display:block}.flow-mango-ring{box-sizing:border-box;border-radius:var(--radius-round);position:absolute}.flow-mango-ring-1{inset:var(--flow-ring-gap);border:1px solid var(--ring-on-amber-1)}.flow-mango-ring-2{border:1px solid var(--ring-on-amber-2);inset:0}.flow-receipt{white-space:nowrap;gap:6px;margin:0;font-size:15px;line-height:1.35;display:grid}.flow-receipt div{grid-template-columns:48px auto;gap:10px;display:grid}.flow-receipt dt{color:var(--on-amber-muted);font-weight:500}.flow-receipt dd{color:var(--on-amber);margin:0;font-weight:700}.flow-device{width:min(var(--flow-sched), 100%);box-sizing:border-box;padding:calc(8 * var(--u));border-radius:calc(24 * var(--u));background:var(--device);box-shadow:var(--shadow-device)}.flow-screen{box-sizing:border-box;padding:calc(14 * var(--u)) calc(14 * var(--u)) calc(18 * var(--u));border-radius:calc(16 * var(--u));background:var(--screen);color:var(--on-screen);font-family:var(--font-system)}.cal-bar{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));padding:0 calc(2 * var(--u)) calc(12 * var(--u));display:flex}.cal-title{flex-direction:column;gap:1px;display:flex}.cal-name{font-size:calc(15.5 * var(--u));font-weight:600;line-height:1.25}.cal-meta{font-size:calc(12 * var(--u));color:var(--on-screen-muted);font-weight:500;line-height:1.25}.cal-nav{gap:calc(14 * var(--u));color:var(--screen-icon);display:flex}.cal-nav svg{width:calc(16 * var(--u));height:calc(16 * var(--u));display:block}.cal-week{padding:0 0 calc(12 * var(--u));border-bottom:1px solid var(--screen-line);grid-template-columns:repeat(7,minmax(0,1fr));margin:0;list-style:none;display:grid}.cal-day{align-items:center;gap:calc(5 * var(--u));flex-direction:column;display:flex}.cal-dow{font-size:calc(10.5 * var(--u));color:var(--on-screen-muted);font-weight:500;line-height:1}.cal-date{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:var(--radius-round);font-size:calc(14 * var(--u));color:var(--on-screen);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex}.cal-day.is-selected .cal-dow{color:var(--on-screen);font-weight:700}.cal-day.is-selected .cal-date{background:var(--amber);color:var(--on-amber);font-weight:700}.cal-grid{--quarter:calc(21 * var(--u));grid-template-columns:calc(48 * var(--u)) minmax(0, 1fr);grid-template-rows:repeat(12, var(--quarter)) 0;margin-top:calc(16 * var(--u));display:grid}.cal-rule{border-top:1px solid var(--screen-line);grid-column:2}.cal-rule-half{border-top-color:var(--screen-hairline)}.cal-hour{padding-right:calc(8 * var(--u));font-size:calc(11 * var(--u));color:var(--on-screen-muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:1;place-self:start end;line-height:1;translate:0 -50%}.cal-grid [data-row="1"]{grid-row-start:1}.cal-grid [data-row="2"]{grid-row-start:2}.cal-grid [data-row="3"]{grid-row-start:3}.cal-grid [data-row="4"]{grid-row-start:4}.cal-grid [data-row="5"]{grid-row-start:5}.cal-grid [data-row="6"]{grid-row-start:6}.cal-grid [data-row="7"]{grid-row-start:7}.cal-grid [data-row="8"]{grid-row-start:8}.cal-grid [data-row="9"]{grid-row-start:9}.cal-grid [data-row="10"]{grid-row-start:10}.cal-grid [data-row="11"]{grid-row-start:11}.cal-grid [data-row="12"]{grid-row-start:12}.cal-grid [data-row="13"]{grid-row-start:13}.cal-grid [data-span="2"]{grid-row-end:span 2}.cal-grid [data-span="3"]{grid-row-end:span 3}.cal-event{box-sizing:border-box;min-width:0;padding:calc(5 * var(--u)) calc(10 * var(--u)) calc(5 * var(--u)) calc(13 * var(--u));border-radius:calc(8 * var(--u));background:var(--screen-card);font-size:calc(12.5 * var(--u));color:var(--on-screen);flex-direction:column;grid-column:2;gap:1px;margin:1px 0;line-height:1.2;display:flex;position:relative;overflow:hidden}.cal-event:before{content:"";width:calc(3 * var(--u));background:var(--screen-icon);position:absolute;inset:0 auto 0 0}.cal-event-title{font-weight:600}.cal-event-time{font-size:calc(11 * var(--u));font-variant-numeric:tabular-nums;color:var(--on-screen-muted)}.flow-slot-open{border:1px dashed var(--screen-line);background:var(--screen);opacity:0}.flow-slot-open:before{display:none}.flow-slot-open .cal-event-title{color:var(--on-screen-muted);font-weight:500}.cal-event-new{background:var(--amber);color:var(--on-amber)}.cal-event-new:before{background:var(--amber-bar)}.cal-event-new .cal-event-title{font-weight:700}.cal-event-new .cal-event-time{color:var(--on-amber-muted)}.flow-slot-confirm{align-items:center;gap:calc(4 * var(--u));margin-top:calc(2 * var(--u));font-size:calc(12 * var(--u));font-weight:700;display:flex}.flow-slot-confirm svg{width:calc(12 * var(--u));height:calc(12 * var(--u));display:block}.flow-steps.is-interactive .mk-step{position:relative}.flow-step-button{color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.flow-step-button:after{content:"";border-radius:var(--radius-button);position:absolute;inset:-12px}.flow-step-button:focus-visible{outline:none}.flow-step-button:focus-visible:after{box-shadow:var(--focus-ring)}.flow-steps.is-interactive .mk-step:hover .mk-step-title{text-underline-offset:5px;text-decoration:underline 2px}.flow-steps.is-interactive .mk-step:not(.is-current) .mk-step-badge{color:var(--on-amber);box-shadow:inset 0 0 0 2px var(--on-amber);background:0 0}.flow-steps.is-interactive .mk-step-rule{background:var(--track-on-amber);position:relative}.flow-step-fill{background:var(--on-amber);transform-origin:0;position:absolute;inset:0}@media (width<=899px){.flow{--cal-scale:1.06;grid-template-columns:minmax(0,1fr);padding-bottom:0}.flow-caption{margin-top:16px;position:static;translate:none}.flow-link,.flow-link-1,.flow-link-2{background-image:linear-gradient(to bottom, var(--track-on-amber) 60%, transparent 0);background-size:2px 10px;justify-self:center;width:2px;height:36px;margin:16px 0}.flow-link-fill{transform:scaleY(var(--fill));transform-origin:top}.flow-dot{top:calc(var(--pos) * 100%);left:50%}}@media (width<=339px){.flow{--phone-scale:.77}}
