.easyr{max-width:1120px;container-type:inline-size;container-name:easyr}
.easyr .er-picker{display:grid;gap:22px}.easyr .er-preferences{min-width:0;background:#f7f8fc;padding:18px;border-radius:16px}.easyr .er-preferences h3{font:700 17px/1.4 system-ui,sans-serif;margin:0 0 16px;color:var(--er-ink)}
.easyr .er-date-time{display:grid;gap:26px;min-width:0;align-items:start}.easyr .er-calendar{min-width:0}.easyr .er-month-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.easyr .er-month-title{font:650 16px/1.4 system-ui,sans-serif;margin:0;text-transform:capitalize;text-align:center}.easyr .er-month-nav button{border:1px solid #e1e5ef;border-radius:10px;background:white;color:var(--er-ink);width:38px;height:38px;font:26px/1 system-ui;cursor:pointer;flex-shrink:0}
.easyr .er-weekdays,.easyr .er-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.easyr .er-weekdays{font-size:11px;color:var(--er-muted);text-align:center;margin-bottom:10px}.easyr .er-day{position:relative;min-width:0;min-height:38px;width:100%;padding:8px 0 12px;border:1px solid transparent;border-radius:10px;color:var(--er-ink);background:transparent;font:500 13px/1 system-ui;cursor:pointer}.easyr .er-day:disabled{opacity:1;color:#adb3c1;cursor:default}.easyr .er-available:after{content:'';position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--er-blue)}.easyr .er-day[aria-current=date]{border-color:#b4bffd}.easyr .er-day[aria-pressed=true]{background:var(--er-blue);color:white}.easyr .er-day:not(:disabled):hover{background:#edf0ff;color:var(--er-blue)}.easyr .er-day[aria-pressed=true]:after{background:white}.easyr .er-day[aria-pressed=true]:hover{background:var(--er-blue);color:white}.easyr .er-calendar-key{font-size:11px;color:var(--er-muted);margin:15px 0 0}.easyr .er-calendar-key span{color:var(--er-blue);margin-right:6px}.easyr .er-date-title{font-size:13px;line-height:1.6;margin-bottom:15px;float:none;width:100%}.easyr .er-slots{grid-template-columns:repeat(2,minmax(0,1fr));max-height:440px;overflow:auto;padding:3px}.easyr .er-slot{min-height:48px;font-size:14px}.easyr .er-times{margin:0}.easyr .er-choice{padding:15px 0;border-top:1px solid #e5e7ee;margin-top:24px}.easyr .er-next{max-width:260px;display:block;margin-left:auto}.easyr .er-back,.easyr .er-retry{border:1px solid #d9deea;background:white;border-radius:10px;color:var(--er-blue);font:inherit;padding:12px;cursor:pointer}.easyr .er-actions{display:flex;gap:12px;flex-wrap:wrap}.easyr .er-actions .er-submit{flex:1;min-width:200px}.easyr .er-details legend{font-size:20px;margin:0 0 20px}
@container easyr (min-width:480px){.easyr .er-date-time{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.easyr .er-preferences .er-two{grid-template-columns:1fr 1fr;gap:15px}}
/* Service navigation */
.easyr input[type=hidden]{display:none}
.easyr .er-head{padding:16px 24px}
.easyr .er-preferences h3{font:750 11px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--er-muted)}
.easyr .er-services{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.easyr .er-service{display:flex;align-items:center;gap:10px;max-width:100%;border:0;border-radius:12px;padding:10px;background:transparent;color:var(--er-muted);font:500 13px/1.4 system-ui,sans-serif;text-align:left;cursor:pointer}
.easyr .er-service span:last-child{overflow-wrap:anywhere;min-width:0}
.easyr .er-service-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#fff;font-size:18px;color:var(--er-blue)}
.easyr .er-service:hover{background:#f0f1ff}
.easyr .er-service[aria-pressed=true]{background:#e9ecff;color:var(--er-blue);font-weight:750}
@container easyr (min-width:560px){.easyr .er-picker{grid-template-columns:180px minmax(0,1fr);gap:24px}.easyr .er-preferences{grid-column:1;grid-row:1;padding:16px 12px}.easyr .er-date-time{grid-column:2;grid-row:1;grid-template-columns:1fr}.easyr .er-services{flex-direction:column}.easyr .er-service{width:100%}}
@container easyr (min-width:880px){.easyr .er-picker{grid-template-columns:200px minmax(0,1fr);gap:30px}.easyr .er-date-time{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.easyr .er-day{min-height:42px}.easyr .er-weekdays{font-size:12px}}