.slotly-planner{color-scheme:light;--paper:#f5f8f7;--ink:#10252e;--muted:#526369;--line:#cbd5d5;--accent:#2356d7;--blue-paper:#edf2fc;--planner-gutter:clamp(24px,3vw,64px);--planner-width:1800px;font-family:var(--font-ui),sans-serif;color:var(--ink);background:var(--paper)}.slotly-planner *{box-sizing:border-box}.slotly-planner body{margin:0}.slotly-planner button,.slotly-planner input,.slotly-planner select{font:inherit}.slotly-planner a,.slotly-planner button,.slotly-planner input,.slotly-planner select{touch-action:manipulation}.slotly-planner button{cursor:pointer}.slotly-planner a{color:inherit;text-underline-offset:4px}.slotly-planner a:focus-visible,.slotly-planner button:focus-visible,.slotly-planner input:focus-visible,.slotly-planner select:focus-visible{outline:3px solid #2356d7;outline-offset:4px}.slotly-planner .skip{position:absolute;inset-block-start:-80px;inset-inline-start:20px;z-index:5;background:white;padding:12px}.slotly-planner .skip:focus{inset-block-start:45px}.slotly-planner .prototype{background:var(--ink);color:#fff;padding:8px 30px;display:flex;gap:20px;font-size:11px;letter-spacing:.025em;justify-content:space-between}.slotly-planner .prototype span:first-child{font-weight:600}.slotly-planner .prototype a{white-space:nowrap}.slotly-planner .mast{max-width:var(--planner-width);margin-inline:auto;padding:24px var(--planner-gutter);display:flex;align-items:center;gap:30px;-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.slotly-planner .brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:600;font-size:24px}.slotly-planner .brand-mark{background:var(--accent);color:white;width:35px;height:35px;display:grid;place-items:center;font-family:var(--font-time)}.slotly-planner .brand-note{font-size:10px;letter-spacing:.15em;-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);-webkit-padding-start:14px;padding-inline-start:14px;-webkit-margin-start:8px;margin-inline-start:8px;color:var(--muted)}.slotly-planner .mast nav{display:flex;gap:22px;margin-inline:auto}.slotly-planner .nav-link{border:0;background:none;padding:10px 0;min-height:44px;color:var(--muted);font-size:14px}.slotly-planner .nav-link.active{color:var(--ink);box-shadow:0 2px var(--accent)}.slotly-planner .demo-label{font-size:12px;color:var(--muted)}.slotly-planner .demo-label span{color:var(--accent);font-size:9px;-webkit-margin-end:7px;margin-inline-end:7px}.slotly-planner .planner-main{max-width:var(--planner-width);margin:auto;padding:38px var(--planner-gutter) 20px}.slotly-planner .intro{display:flex;justify-content:space-between;align-items:center;gap:32px;-webkit-margin-after:38px;margin-block-end:38px}.slotly-planner .eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;margin:0 0 12px;color:var(--muted)}.slotly-planner h1{font-weight:500;font-size:clamp(30px,3.15vw,47px);letter-spacing:-.045em;line-height:1.1;margin:0 0 12px}.slotly-planner h1 em{font-family:var(--font-time);font-weight:450;font-style:italic;color:var(--accent)}.slotly-planner .intro p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0}.slotly-planner .space-meta{-webkit-border-start:2px solid var(--accent);border-inline-start:2px solid var(--accent);-webkit-padding-start:18px;padding-inline-start:18px;display:grid;grid-gap:5px;gap:5px;font-size:12px;color:var(--muted)}.slotly-planner .space-meta strong{font-size:18px;color:var(--ink);font-weight:500}.slotly-planner .booking-layout{display:grid;grid-template-columns:clamp(232px,18vw,300px) minmax(0,1fr) clamp(300px,22vw,340px);border:1px solid var(--line);background:white}.slotly-planner .booking-layout>*{min-width:0;align-self:stretch}.slotly-planner .service-pane{padding:26px 24px;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line)}.slotly-planner .section-title{display:flex;align-items:center;gap:12px;-webkit-margin-after:25px;margin-block-end:25px}.slotly-planner .step{font-size:11px;letter-spacing:.05em;color:var(--accent);border:1px solid #ccd7f5;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.slotly-planner h2{font-size:17px;font-weight:500;margin:0}.slotly-planner h3{font-weight:500}.slotly-planner .service-list{display:grid;grid-gap:12px;gap:12px;-webkit-margin-after:28px;margin-block-end:28px}.slotly-planner .service-option{text-align:start;border:1px solid var(--line);background:white;padding:14px;display:grid;grid-gap:5px;gap:5px;min-height:76px;color:var(--ink)}.slotly-planner .service-option.selected{border:1.5px solid var(--accent);background:var(--blue-paper);box-shadow:inset 3px 0 var(--accent)}.slotly-planner .service-option strong{font-size:15px;font-weight:500}.slotly-planner .service-option span{font-size:12px;color:var(--muted)}.slotly-planner label:not(.zone-label,.slotly-planner .check-label){font-size:10px;letter-spacing:.1em;color:var(--muted);display:block;-webkit-margin-after:9px;margin-block-end:9px}.slotly-planner select{background:#fff;color:var(--ink);border:1px solid #809298;min-height:44px;border-radius:0;padding:8px 30px 8px 10px;max-width:100%}.slotly-planner #staff{width:100%}.slotly-planner .quiet{font-size:12px;color:var(--muted);line-height:1.65}.slotly-planner .secondary-info{margin-block:34px 20px;-webkit-padding-before:25px;padding-block-start:25px;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line)}.slotly-planner .mini-clock{color:var(--accent);font-size:32px}.slotly-planner .secondary-info h3{font-family:var(--font-time);font-size:21px;margin:8px 0}.slotly-planner .secondary-info p{font-size:13px;color:var(--muted);line-height:1.7}.slotly-planner .text-action{background:none;border:0;padding:10px 0;min-height:44px;color:var(--accent);font-size:13px}.slotly-planner .text-action span{-webkit-margin-start:10px;margin-inline-start:10px}.slotly-planner .time-pane{padding:26px 28px;container-type:inline-size;container-name:planner-time}.slotly-planner .time-content{display:grid}.slotly-planner .calendar-section,.slotly-planner .time-section{width:100%;max-width:600px;min-width:0;margin-inline:auto}.slotly-planner .calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;-webkit-margin-after:16px;margin-block-end:16px}.slotly-planner .calendar-head h3{font-family:var(--font-time);font-size:22px;margin:0}.slotly-planner .calendar-head h3 span{color:var(--muted);font-weight:400}.slotly-planner .calendar-context{font-size:11px;color:var(--muted)}.slotly-planner .calendar,.slotly-planner .weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:7px;gap:7px;text-align:center}.slotly-planner .weekdays{font-size:10px;color:var(--muted);-webkit-margin-after:9px;margin-block-end:9px}.slotly-planner .calendar{-webkit-padding-after:25px;padding-block-end:25px;-webkit-border-after:1px solid var(--line);border-block-end:1px solid var(--line)}.slotly-planner .calendar button{padding:0;min-width:0;border:0;background:none;min-height:39px;width:100%;font-size:14px;color:var(--ink)}.slotly-planner .calendar button:disabled{color:#929d9f;cursor:default}.slotly-planner .calendar button.selected{background:var(--accent);color:white}.slotly-planner .calendar button.available:not(.selected){background:#f4f7fa}.slotly-planner .time-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-block:24px 18px}.slotly-planner .time-heading h3{font-size:17px;margin:0 0 6px}.slotly-planner .time-heading p{font-size:12px;color:var(--muted);margin:0}.slotly-planner .zone-label span{display:block;font-size:9px;letter-spacing:.08em;color:var(--muted);-webkit-margin-after:5px;margin-block-end:5px}.slotly-planner .zone-label select{font-size:11px;max-width:178px}.slotly-planner .slots{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.slotly-planner .slot{background:white;border:1px solid var(--line);padding:11px 8px;display:grid;grid-gap:2px;gap:2px;min-height:64px}.slotly-planner .slot strong{font-family:var(--font-time);font-size:23px;font-weight:500}.slotly-planner .slot span{font-size:9px;color:var(--muted);letter-spacing:.08em}.slotly-planner .slot.selected{background:var(--ink);color:white;border-color:var(--ink)}.slotly-planner .slot.selected span{color:#d1e2ec}.slotly-planner .availability-note{font-size:11px;line-height:1.7;color:var(--muted);margin-block:22px 0}.slotly-planner .availability-note span{color:var(--accent);-webkit-margin-end:6px;margin-inline-end:6px}.slotly-planner .notice:not(:empty){padding:14px;background:#fff5e7;-webkit-border-start:3px solid #94611b;border-inline-start:3px solid #94611b;font-size:13px;-webkit-margin-before:15px;margin-block-start:15px}.slotly-planner .notice button{border:1px solid var(--ink);background:white;min-height:40px;padding:8px 12px;-webkit-margin-before:10px;margin-block-start:10px;display:block}.slotly-planner .summary-pane{padding:26px 25px;background:#f0f4fa;-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.slotly-planner .summary-main{padding-block:7px 21px;-webkit-border-after:1px solid #c4cfdc;border-block-end:1px solid #c4cfdc}.slotly-planner .summary-main h3{font-size:21px;margin:0 0 18px;font-weight:500}.slotly-planner .appointment-time{display:flex;align-items:baseline;gap:9px;font-family:var(--font-time);font-size:32px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.slotly-planner .time-dash{font-size:18px;color:var(--muted)}.slotly-planner .summary-main p:not(.eyebrow){font-size:12px;margin:9px 0 0}.slotly-planner #summary-zone{font-size:10px;color:var(--muted)}.slotly-planner .selection-details{font-size:12px;margin:21px 0 12px}.slotly-planner .selection-details div{display:flex;justify-content:space-between;gap:8px;-webkit-margin-after:13px;margin-block-end:13px}.slotly-planner .selection-details dt{color:var(--muted)}.slotly-planner .selection-details dd{margin:0;text-align:end}.slotly-planner .selection-details .deposit{-webkit-border-before:1px solid #c4cfdc;border-block-start:1px solid #c4cfdc;-webkit-padding-before:15px;padding-block-start:15px;-webkit-margin-before:18px;margin-block-start:18px}.slotly-planner .deposit dd{font-weight:600;font-size:17px}.slotly-planner .payment-note{font-size:11px;color:var(--muted);line-height:1.65;margin-block:0 19px}.slotly-planner .primary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;width:100%;min-height:50px;color:white;background:var(--accent);border:1px solid var(--accent);font-size:13px;font-weight:500}.slotly-planner .primary:disabled{background:#526369;border-color:#526369;cursor:not-allowed}.slotly-planner .summary-foot{text-align:center;font-size:10px;color:var(--muted);margin:10px 0 24px}.slotly-planner .policy{-webkit-border-before:1px solid #c4cfdc;border-block-start:1px solid #c4cfdc;-webkit-padding-before:20px;padding-block-start:20px}.slotly-planner .policy h3{font-family:var(--font-time);font-size:21px;margin:0 0 8px}.slotly-planner .policy p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.slotly-planner .project-footer{display:flex;justify-content:space-between;gap:24px;-webkit-margin-before:24px;margin-block-start:24px;font-size:11px;color:var(--muted);line-height:1.6}.slotly-planner .project-footer a{color:var(--ink)}.slotly-planner dialog{border:1px solid var(--line);padding:40px;max-width:520px;width:calc(100% - 32px);color:var(--ink);background:white;max-height:calc(100dvh - 32px);overflow:auto}.slotly-planner dialog::-webkit-backdrop{background:#10252e88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.slotly-planner dialog::backdrop{background:#10252e88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.slotly-planner dialog h2{font-family:var(--font-time);font-size:35px;line-height:1.2;-webkit-margin-after:16px;margin-block-end:16px}.slotly-planner dialog p{font-size:14px;line-height:1.7}.slotly-planner .close{position:absolute;inset-block-start:12px;inset-inline-end:14px;border:0;background:none;font-size:27px;min-width:44px;min-height:44px}.slotly-planner .demo-customer{background:var(--paper);padding:15px;display:grid;grid-gap:6px;gap:6px;margin-block:24px}.slotly-planner .demo-customer span{font-size:12px;color:var(--muted)}.slotly-planner .check-label{display:flex;gap:12px;align-items:start;font-size:13px;line-height:1.6}.slotly-planner .check-label input{margin:5px 0 0;accent-color:var(--accent)}.slotly-planner .error{color:#a21b46;min-height:20px}.slotly-planner .success-mark{width:48px;height:48px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-size:25px;-webkit-margin-after:24px;margin-block-end:24px}.slotly-planner .result-ticket{padding:22px;background:var(--blue-paper);display:grid;grid-gap:10px;gap:10px;margin-block:24px;font-size:13px}.slotly-planner .result-ticket strong{font-family:var(--font-time);font-size:35px;font-weight:500}.slotly-planner .result-ticket hr{border:0;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line);width:100%}.slotly-planner .result-ticket small{font-size:10px;color:var(--muted)}.slotly-planner .result-actions{display:grid;grid-gap:12px;gap:12px}.slotly-planner .secondary{background:white;border:1px solid var(--line);min-height:48px;padding:13px;color:var(--ink)}.slotly-planner .state-controls{-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line);padding:18px 4vw;display:flex;gap:16px;align-items:center;font-size:11px;color:var(--muted)}.slotly-planner .state-controls label{margin:0!important}.slotly-planner .state-controls select{font-size:12px}.slotly-planner .state-controls span{-webkit-margin-start:auto;margin-inline-start:auto}@container planner-time (min-width: 600px){.slotly-planner .slots{grid-template-columns:repeat(4,minmax(0,1fr))}}@container planner-time (min-width: 700px){.slotly-planner .time-content{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}.slotly-planner .calendar-context{display:none}.slotly-planner .calendar{-webkit-border-after:0;border-block-end:0;-webkit-padding-after:0;padding-block-end:0}.slotly-planner .time-heading{display:grid;align-items:start;grid-gap:14px;gap:14px;-webkit-margin-before:0;margin-block-start:0}.slotly-planner .zone-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.slotly-planner .zone-label span{margin:0}.slotly-planner .slots{grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px}}@media (max-width:1110px){.slotly-planner .booking-layout{grid-template-columns:clamp(216px,26vw,260px) minmax(0,1fr)}.slotly-planner .summary-pane{grid-column:1/-1;-webkit-border-start:0;border-inline-start:0;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;grid-column-gap:32px;column-gap:32px}.slotly-planner .summary-pane>.section-title{grid-column:1/-1}.slotly-planner .summary-main{grid-row:2/6}.slotly-planner .policy{grid-column:1/-1;-webkit-margin-before:15px;margin-block-start:15px}.slotly-planner .calendar-context{display:none}.slotly-planner .mast{gap:15px}.slotly-planner .brand-note{display:none}}@media (max-width:700px){.prototype{padding:8px 18px;flex-wrap:wrap;gap:4px 14px;font-size:9px}.slotly-planner .prototype span:nth-child(2){max-width:230px}.slotly-planner .prototype a{-webkit-margin-start:auto;margin-inline-start:auto}.slotly-planner .mast{padding:16px 20px;flex-wrap:wrap;gap:12px}.slotly-planner .brand{font-size:22px}.slotly-planner .demo-label{-webkit-margin-start:auto;margin-inline-start:auto}.slotly-planner .mast nav{width:100%;margin:0;gap:26px;order:3}.slotly-planner .nav-link{font-size:13px}.slotly-planner .intro{align-items:start;-webkit-margin-after:26px;margin-block-end:26px;display:grid;grid-gap:21px;gap:21px}.slotly-planner .planner-main{padding:28px 20px 20px}.slotly-planner h1{font-size:34px;max-width:340px}.slotly-planner .intro p:not(.eyebrow){font-size:14px}.slotly-planner .space-meta{font-size:10px;-webkit-padding-start:12px;padding-inline-start:12px}.slotly-planner .space-meta strong{font-size:15px}.slotly-planner .booking-layout{display:block;border:0;background:transparent}.slotly-planner .service-pane{padding:0;border:0;-webkit-margin-after:28px;margin-block-end:28px}.slotly-planner .section-title{-webkit-margin-after:16px;margin-block-end:16px}.slotly-planner .service-list{display:flex;overflow-x:auto;gap:12px;-webkit-margin-end:-20px;margin-inline-end:-20px;-webkit-padding-end:20px;padding-inline-end:20px;-webkit-padding-after:8px;padding-block-end:8px;-webkit-margin-after:19px;margin-block-end:19px}.slotly-planner .service-option{flex:0 0 170px;padding:13px}.slotly-planner .service-option.selected{box-shadow:inset 0 -3px var(--accent)}.slotly-planner .service-pane>label{-webkit-margin-after:6px;margin-block-end:6px}.slotly-planner .service-pane #staff{width:100%}.slotly-planner .service-pane .quiet{margin-block:8px 0}.slotly-planner .secondary-info,.slotly-planner .text-action{display:none}.slotly-planner .time-pane{padding:22px 18px;background:white;border:1px solid var(--line)}.slotly-planner .calendar-head h3{font-size:22px}.slotly-planner .calendar{gap:4px;-webkit-padding-after:21px;padding-block-end:21px}.slotly-planner .calendar button{min-height:40px}.slotly-planner .time-heading{display:grid;grid-gap:14px;gap:14px;align-items:start;margin-block:22px 17px}.slotly-planner .zone-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.slotly-planner .zone-label span{margin:0;font-size:9px}.slotly-planner .zone-label select{max-width:190px}.slotly-planner .slots{gap:10px}.slotly-planner .slot{padding:10px 5px}.slotly-planner .slot strong{font-size:21px}.slotly-planner .availability-note{font-size:10px}.slotly-planner .summary-pane{display:block;padding:23px 18px;-webkit-margin-before:20px;margin-block-start:20px;border:1px solid var(--line)}.slotly-planner .summary-main h3{font-size:22px}.slotly-planner .appointment-time{font-size:40px}.slotly-planner .summary-pane .primary{font-size:14px}.slotly-planner .policy p{font-size:12px}.slotly-planner .summary-foot{-webkit-margin-after:22px;margin-block-end:22px}.slotly-planner .project-footer{display:grid;grid-gap:10px;gap:10px;margin-block:25px 5px;font-size:11px}.slotly-planner .state-controls{padding:18px 20px;flex-wrap:wrap;gap:10px}.slotly-planner .state-controls span{margin:0;flex-basis:100%}.slotly-planner dialog{padding:30px 23px}.slotly-planner dialog h2{font-size:31px}.slotly-planner .result-ticket strong{font-size:32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.planner-return{display:block;padding:12px 4vw;font-size:12px}.public-shell:has(.slotly-planner) .planner-return,.public-shell:has(.slotly-planner)>.public-footer{display:none}.public-shell:has(.slotly-planner) main#content{max-width:none;padding:0}.slotly-planner .month-arrow{background:none;border:1px solid var(--line);padding:8px;min-height:44px;min-width:44px}.slotly-planner .account-actions{display:flex;gap:14px;flex-wrap:wrap}.slotly-planner .account-actions button{border:0;background:none;text-decoration:underline;padding:0;min-height:32px}.slotly-planner .mobile-appointments{display:none}.slotly-planner dialog input:not([type=checkbox]){display:block;width:100%;border:1px solid var(--line);padding:10px;min-height:44px;letter-spacing:normal;margin-block:6px 14px}.slotly-planner dialog .primary{-webkit-margin-before:18px;margin-block-start:18px}.slotly-planner .slots{max-height:480px;overflow:auto;padding:3px}.slotly-planner .slots:focus-within{outline:1px solid var(--accent)}@media (max-width:700px){.slotly-planner .planner-main{padding-top:20px}.slotly-planner .intro{gap:16px;margin-bottom:20px}.slotly-planner .mobile-appointments{display:block;margin-top:20px;width:100%}.slotly-planner .calendar-head{gap:6px}.slotly-planner .calendar-head h3{margin:auto}.slotly-planner .slots{max-height:360px}}.slotly-planner .account-actions button,.slotly-planner .month-arrow{color:var(--ink)}.slotly-planner .account-actions button{opacity:1}.slotly-planner .service-option{justify-content:stretch;align-items:start}.slotly-planner .calendar button:disabled{opacity:1}.slotly-planner .summary-pane{align-self:stretch}.public-shell:has(.slotly-planner){width:100%;max-width:none;padding:0;margin:0}@media (max-width:1110px){.slotly-planner .summary-pane{align-self:auto}}