/* DA62 appointment controls: ivory, espresso and champagne, with local Manrope. */
.dt-field{position:relative;width:100%}
.dt-field input.dt-canonical{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important}
.dt-trigger{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #bcb5aa;background:transparent;color:#302b28;font:inherit;font-size:14px;text-align:left;padding:10px 0;cursor:pointer}
.dt-trigger>svg{flex:none;width:20px;height:20px;fill:none;stroke:#856a44;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.dt-trigger .dt-trigger-chevron{width:16px;height:16px;margin-left:auto;stroke:#756d64}
.dt-trigger.dt-empty .dt-value{color:#756d64}
.dt-trigger:hover{border-color:#302b28}
.dt-trigger[aria-invalid=true]{border-color:#6c3037}
.dt-trigger:disabled{opacity:.45;cursor:not-allowed}
.dt-trigger:focus-visible,.dt-dialog button:focus-visible,.dt-time-list:focus-visible{outline:2px solid #856a44;outline-offset:4px}
html.dt-is-open{overflow:hidden}
.dt-dialog{box-sizing:border-box;inset:0;width:min(480px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d3c9b8;border-radius:3px;background:#f5f1e8;color:#302b28;box-shadow:0 24px 100px #17131045;overflow:auto;font-family:Manrope,'Helvetica Neue',Arial,sans-serif;overscroll-behavior:contain}
.dt-dialog:not([open]){display:none}
.dt-dialog::backdrop{background:rgb(35 30 26 / 57%)}
.dt-panel{padding:28px}
.dt-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}
.dt-eyebrow{display:block;font-size:9px;line-height:1.5;letter-spacing:.16em;color:#756d64;margin-bottom:14px}
.dt-dialog h2{font-size:28px;line-height:1.12;letter-spacing:-.05em;font-weight:500;margin:0;max-width:310px}
.dt-dialog .dt-icon-button{width:44px;height:44px;min-width:44px;padding:11px;border:1px solid #d3c9b8;border-radius:50%;display:grid;place-items:center;background:transparent;color:#302b28;cursor:pointer}
.dt-dialog .dt-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.dt-dialog .dt-icon-button:hover{background:#e9e2d6;border-color:#ab8b5e}
.dt-dialog .dt-icon-button:disabled{opacity:.28;cursor:not-allowed}
.dt-description{font-size:12px;line-height:1.7;color:#756d64;margin:20px 0 22px}
.dt-month-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8d0c3;padding:16px 0}
.dt-dialog .dt-month-bar h3{font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:0;text-transform:capitalize}
.dt-calendar{width:100%}
.dt-weekdays,.dt-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.dt-weekdays{margin-bottom:8px}
.dt-weekdays>span{display:grid;place-items:center;height:28px;font-size:10px;color:#756d64}
.dt-dialog .dt-day{height:46px;min-width:0;position:relative;background:transparent;border:1px solid transparent;border-radius:2px;color:#302b28;font:inherit;font-size:13px;cursor:pointer;line-height:1;padding:0}
.dt-dialog .dt-day:hover{border-color:#ab8b5e;background:#e9e2d6}
.dt-dialog .dt-day.dt-outside{color:#8c8377}
.dt-dialog .dt-day:disabled{color:#b8b1a6;cursor:not-allowed;background:transparent;border-color:transparent}
.dt-dialog .dt-day[aria-selected=true]{color:#f5f1e8;background:#302b28;border-color:#302b28}
.dt-dialog .dt-day.dt-today:after{content:'';width:3px;height:3px;border-radius:50%;background:#856a44;position:absolute;bottom:6px;left:calc(50% - 1.5px)}
.dt-dialog .dt-day[aria-selected=true]:after{background:#d6ba90}
.dt-help{font-size:10px;line-height:1.6;color:#756d64;margin:18px 0 0}
.dt-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #d8d0c3;margin-top:22px;padding-top:16px}
.dt-dialog .dt-secondary,.dt-dialog .dt-primary{min-height:44px;font:inherit;font-size:11px;line-height:1.4;cursor:pointer;padding:10px 17px;border-radius:24px}
.dt-dialog .dt-secondary{color:#302b28;border:1px solid #b7ab98;background:transparent}
.dt-dialog .dt-secondary:hover{border-color:#302b28;background:#e9e2d6}
.dt-dialog .dt-primary{color:#f5f1e8;background:#302b28;border:1px solid #302b28;margin-left:auto;min-width:150px}
.dt-dialog .dt-primary:hover{background:#4c4238}
.dt-dialog .dt-secondary:disabled,.dt-dialog .dt-primary:disabled{opacity:.35;cursor:not-allowed}
.dt-time-summary{font-size:56px;line-height:1;letter-spacing:-.065em;font-weight:400;text-align:center;padding:16px 0 26px;font-variant-numeric:tabular-nums}
.dt-time-summary span{color:#ab8b5e;padding:0 7px}
.dt-time-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #d8d0c3;padding-top:18px}
.dt-time-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#756d64;text-align:center;margin-bottom:10px}
.dt-time-list{position:relative;height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ab8b5e #e9e2d6;border:1px solid #d8d0c3;border-radius:2px;outline-offset:3px}
.dt-time-option{height:44px;display:grid;place-items:center;font-size:17px;font-variant-numeric:tabular-nums;border-bottom:1px solid #e5ded2;cursor:pointer}
.dt-time-option:hover{background:#e9e2d6}
.dt-time-option[aria-selected=true]{color:#f5f1e8;background:#302b28}
@media(max-width:640px){.dt-trigger{font-size:16px;min-height:48px}.dt-dialog{inset:auto 0 0;width:100%;max-height:calc(100dvh - 20px);margin:0;border-radius:14px 14px 0 0;border-bottom:0;border-left:0;border-right:0}.dt-panel{padding:26px 22px calc(22px + env(safe-area-inset-bottom))}.dt-dialog h2{font-size:27px}.dt-description{margin:17px 0 18px}.dt-dialog .dt-day{height:44px}.dt-help{font-size:10px}.dt-time-list{height:220px}.dt-footer{margin-top:18px}.dt-time-summary{font-size:53px;padding:12px 0 22px}}
@media(max-height:650px){.dt-dialog{max-height:calc(100dvh - 16px)}.dt-panel{padding-top:18px}.dt-eyebrow{margin-bottom:8px}.dt-description{margin:12px 0}.dt-month-bar{padding:10px 0}.dt-dialog .dt-day{height:44px}.dt-time-list{height:176px}.dt-time-summary{font-size:42px;padding:8px 0 16px}.dt-footer{margin-top:14px}.dt-help{margin-top:12px}}
@media(forced-colors:active){.dt-dialog .dt-day[aria-selected=true],.dt-time-option[aria-selected=true]{border:2px solid Highlight;outline:2px solid Highlight}.dt-trigger>svg{stroke:ButtonText}}

.dt-description.sr-only{margin:-1px}
