.appointment-availability{font-variant-numeric:tabular-nums}.appointment-availability button:focus-visible,.appointment-availability select:focus-visible{outline-offset:2px;outline:2px solid #087e9d}.availability-corner{color:#64748b;border-bottom:1px solid #dfe6ec;justify-content:center;align-items:flex-end;padding-bottom:16px;font-size:10px;display:flex}.availability-day{text-align:center;border-bottom:1px solid #dfe6ec;padding:14px 4px 12px}.availability-day[data-closed=true]{background:#fafbfc}.availability-weekday{color:#64748b;font-size:11px;font-weight:500}.availability-date{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:3px auto 7px;font-size:20px;font-weight:500;display:flex}.availability-date[data-today=true]{color:#fff;background:#087e9d}.availability-day-action{color:#466174;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:500}.availability-day-action:hover{color:#075b72;background:#edf4f7}.availability-slot{text-align:left;cursor:default;background:#e1e5eb;border-top:1px solid #0000;border-left:1px solid #cbd5df;height:28px;padding:0;position:relative}.availability-slot[data-hour=true]{border-top-color:#cbd5df}.availability-slot[data-open=true]{cursor:pointer;background:#c5eaf4}.availability-slot[data-open=true]:hover{background:#a5dcec}.availability-slot-hint{opacity:0;color:#206379;pointer-events:none;padding-left:8px;font-size:10px}.availability-slot:hover .availability-slot-hint{opacity:1}.availability-slot[data-blocked=true]{border-top-color:#0000}.availability-block{color:#432765;pointer-events:none;background:#c9b5e8;justify-content:space-between;align-items:center;gap:2px;padding:0 7px;font-size:10px;font-weight:600;display:flex;position:absolute;inset:-1px 4px 0}.availability-block small{white-space:nowrap;font-size:9px;font-weight:400}.availability-block[data-start=true]{border-radius:5px 5px 0 0;top:2px}.availability-block[data-end=true]{border-radius:0 0 5px 5px;bottom:2px}.availability-block[data-start=true][data-end=true]{border-radius:5px}.availability-slot:hover .availability-block{background:#bba1e0}.availability-slot:focus:not(:focus-visible){outline:none}@media (width<=1100px){.availability-block small{display:none}}.availability-day,.availability-corner{z-index:2;background:#fff;position:sticky;top:0}.availability-day{padding:7px 4px 6px}.availability-date{width:28px;height:28px;margin:1px auto 2px;font-size:17px}.availability-corner{padding-bottom:10px}.appointment-availability>div{scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin}.appointment-config-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.appointment-states-panel{border-left:1px solid #cbd5df;margin-top:0;padding:0 0 0 20px}@media (width<=1000px){.appointment-config-layout{grid-template-columns:minmax(0,1fr);gap:16px}.appointment-states-panel{border-top:1px solid #cbd5df;border-left:0;margin-top:0;padding:16px 0 0}}