.time-picker{border:1px solid #ffffff26;border-radius:16px;padding:24px;background:#151a17}.time-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.time-picker-heading h3{font-size:22px;margin:0;color:#fff}.time-picker-heading>span{font-size:12px;color:#b9c6bd;white-space:nowrap}.time-day-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.time-day-nav button,.time-try-next{font:inherit;font-size:14px;background:transparent;color:#c7ff30;border:1px solid #6b7950;border-radius:8px;padding:11px 14px;cursor:pointer;min-height:44px}.time-day-nav button:disabled{opacity:.45;background:transparent!important;color:#abb3a7!important;cursor:not-allowed}.time-availability{font-size:14px;line-height:1.6;color:#c4cdc6;min-height:24px;margin:18px 0 10px}.time-period{margin-top:22px;padding:0}.time-period h4{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;color:#adb9af;margin:0 0 12px}.time-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.time-buttons button{font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:15px 8px;min-height:78px;background:#1e2721;border:1px solid #526256;border-radius:10px;color:white;cursor:pointer}.time-buttons strong{font-size:18px;white-space:nowrap}.time-buttons small{font-size:11px;color:#b6c3ba;white-space:nowrap}.time-buttons button:hover{border-color:#c7ff30;background:#2c3824}.time-buttons button[aria-pressed=true]{background:#c7ff30;color:#101714;border-color:#c7ff30;box-shadow:0 0 0 2px #c7ff3030}.time-buttons button[aria-pressed=true] small{color:#344321}.time-buttons button:focus-visible,.time-day-nav button:focus-visible,.time-try-next:focus-visible{outline:3px solid white;outline-offset:3px}.time-selected{border-top:1px solid #ffffff26;padding-top:18px;margin:22px 0 0;color:#c7ff30;line-height:1.65;font-size:15px;font-weight:600}.customer-appointment .time-native{display:none}.time-try-next{margin-top:6px}[data-time-grid][aria-busy=true]{min-height:60px}@media(max-width:600px){.time-picker{padding:18px}.time-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.time-buttons strong{font-size:16px}.time-buttons small{font-size:10px}.time-picker-heading h3{font-size:19px}}@media(max-width:370px){.time-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}