.workhours-field{display:grid;gap:7px;max-width:880px;min-width:0}
.workhours-field>label{margin:0}
.workhours-field__tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.workhours-field__tools select{width:auto;min-width:230px}
.workhours-field__hint{margin:0!important;color:#9299a3;font-size:.875rem;font-weight:400}
.workhours-field__timezone{display:grid;grid-template-columns:150px minmax(230px,420px);align-items:center;gap:8px;margin:5px 0}
.workhours-field__timezone label{margin:0;font-weight:600}
.workhours-field__schedule{display:grid}
.workhours-field__row{display:grid;grid-template-columns:110px 140px minmax(330px,1fr);align-items:start;gap:8px;padding:7px 0;border-top:1px solid #edf0f4}
.workhours-field__day{font-weight:600;padding-top:6px;font-size:.92rem}
.workhours-field__times{display:grid;gap:6px}
.workhours-field__interval{display:grid;grid-template-columns:104px auto 104px;align-items:center;justify-content:start;gap:6px}
.workhours-field__interval input[type=time],.workhours-field__break input[type=time]{width:104px}
.workhours-field__break-add{justify-self:start;width:auto;padding:3px 9px;font-size:.86rem}
.workhours-field__break{display:grid;grid-template-columns:auto 104px auto 104px auto;align-items:center;justify-content:start;gap:6px}
.workhours-field__break-label{font-size:.86rem;color:#69778a}
.workhours-field__times[hidden],.workhours-field__break[hidden],.workhours-field__break-add[hidden],.workhours-field__schedule[hidden],.workhours-field__hint[hidden]{display:none!important}
.workhours-output{display:grid;gap:9px;min-width:0}
.workhours-status{display:inline-flex;align-items:center;justify-self:start;gap:7px;font-size:.9rem;font-weight:600;line-height:1.35}
.workhours-status::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#8993a1;box-shadow:0 0 0 3px rgba(137,147,161,.14)}
.workhours-status--open,.workhours-status--24h{color:#187743}
.workhours-status--open::before,.workhours-status--24h::before{background:#28a35f;box-shadow:0 0 0 3px rgba(40,163,95,.14)}
.workhours-status--break{color:#946000}
.workhours-status--break::before{background:#d99a1b;box-shadow:0 0 0 3px rgba(217,154,27,.16)}
.workhours-status--closed{color:#a63a46}
.workhours-status--closed::before{background:#d65a67;box-shadow:0 0 0 3px rgba(214,90,103,.14)}
.workhours-status--unknown{color:#69778a}
.workhours-view{display:grid;gap:0;min-width:0;border-top:1px solid #e3e8ef}
.workhours-view>div{display:grid;grid-template-columns:minmax(52px,auto) minmax(0,1fr);align-items:start;gap:10px;padding:6px 0;border-bottom:1px solid #e8ecf1}
.workhours-view span{min-width:0;color:#69778a;white-space:nowrap}
.workhours-view strong{display:grid;gap:2px;min-width:0;color:#344358;font-weight:400;line-height:1.4;text-align:left;overflow-wrap:anywhere}
.workhours-view__break{display:block;color:#69778a;font-size:.92em}
.workhours-template-editor{display:grid;gap:10px;min-width:0}
.workhours-template-editor>[data-workhours-template-list]{display:grid;gap:10px}
.workhours-template{display:grid;gap:9px;padding:12px;border:1px solid #dee2e6;border-radius:.35rem;background:#fff}
.workhours-template__head{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px}
.workhours-template__actions{display:flex;gap:6px}
.workhours-template__head label,.workhours-template__settings label{display:grid;gap:4px;margin:0}
.workhours-template__days{display:flex;flex-wrap:wrap;gap:6px 14px}
.workhours-template__days label{display:flex;align-items:center;gap:4px;margin:0}
.workhours-template__settings{display:flex;align-items:end;flex-wrap:wrap;gap:10px}
.workhours-template__time{display:flex;align-items:end;gap:6px}
.workhours-template__time[hidden]{display:none!important}
@media(max-width:767px){
 .workhours-field>*,.workhours-field__tools,.workhours-field__schedule,.workhours-field__row,.workhours-field__times,.workhours-template-editor>*{width:100%;min-width:0}
 .workhours-field__tools{align-items:stretch;flex-direction:column}.workhours-field__tools select,.workhours-field__tools button{width:100%;min-width:0}
 .workhours-field__timezone,.workhours-field__row{grid-template-columns:minmax(0,1fr)}.workhours-field__day{padding-top:0}
 .workhours-field__break{grid-template-columns:1fr 104px auto 104px}.workhours-field__break-label{grid-column:1/5}.workhours-field__break button{grid-column:1/5;justify-self:start}
 .workhours-template__head{grid-template-columns:1fr}.workhours-template__actions{justify-self:start;flex-wrap:wrap}
}