.ocp-hours-picker{box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:20px;border:1px solid #85b7d6;border-radius:12px;background:#fff;color:#17384b;box-shadow:0 16px 60px #001c3040;overflow:auto;font-family:inherit}
.ocp-hours-picker::backdrop{background:#081d2a80}
.ocp-hours-picker header{display:block;padding:0;background:none;border:0;color:inherit}
.ocp-hours-picker header small{color:#0b5471;font-size:11px;letter-spacing:.08em;font-weight:700}
.ocp-hours-picker h2{margin:5px 0 8px;font-size:21px;color:inherit}
.ocp-hours-picker p{margin:0 0 16px;font-size:15px;line-height:1.5;color:#526b7c}
.ocp-hours-picker .ocp-hours-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.ocp-hours-picker .ocp-hours-grid button{box-sizing:border-box;min-width:0;min-height:44px;padding:8px 2px;border:1px solid #b6d2e3;border-radius:8px;background:#edf6fb;color:#0b5471;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer}
.ocp-hours-picker .ocp-hours-grid button.selected{background:#0b5471;color:#fff;border-color:#0b5471}
.ocp-hours-picker button:focus-visible{outline:3px solid #d8ad39;outline-offset:2px}
.ocp-hours-picker footer{padding:16px 0 0;display:flex;border:0;background:none}
.ocp-hours-picker .ocp-hours-close{width:100%;min-height:42px;border:1px solid #f59a9a;border-radius:8px;background:#ffc9c9;color:#712525;font-size:15px;font-weight:700;cursor:pointer}
html[data-theme="dark"] .ocp-hours-picker,body[data-theme="dark"] .ocp-hours-picker{background:#192d38;color:#f3f8fc;border-color:#6d9ab4}
html[data-theme="dark"] .ocp-hours-picker p,html[data-theme="dark"] .ocp-hours-picker header small,body[data-theme="dark"] .ocp-hours-picker p,body[data-theme="dark"] .ocp-hours-picker header small{color:#c1deed}
@media(max-width:350px){.ocp-hours-picker{padding:14px}.ocp-hours-picker .ocp-hours-grid{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}}