.sk-oh-app-area {
   display: table;
}
.sk-oh-day-wrapper {
   display: table-row;
}
.sk-oh-days,
.sk-oh-times,
.sk-oh-state,
.sk-oh-state-open,
.sk-oh-state-closed {
   display: table-cell;
}
.sk-oh-hide-container {
   display: none;
}
.sk-oh-days.sk-oh-days-bold {
   font-weight: bold;
}
.sk-oh-times {
   padding: 0 15px;
   text-align: center;
}
.sk-oh-times-wrapper span {
   margin: 0 3px;
}
.sk-oh-state,
.sk-oh-state-open,
.sk-oh-state-closed {
   text-align: left;
   vertical-align: middle;
}

.sk-oh-state-pill {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 4px 10px;
   border-radius: 10px;
   color: #FFFFFF;
   font-weight: 600;
   font-size: 12px;
   line-height: 1;
}

.sk-oh-state-pill::before {
   content: '';
   width: 8px;
   height: 8px;
   border-radius: 50%;
   display: inline-block;
}

.sk-oh-state-open .sk-oh-state-pill {
   background-color: #15803D;
}

.sk-oh-state-open .sk-oh-state-pill::before {
   background-color: #4ADE80;
}

.sk-oh-state-closed .sk-oh-state-pill {
   background-color: #BE1E1E;
}

.sk-oh-state-closed .sk-oh-state-pill::before {
   background-color: #FCA5A5;
}

.sk-oh-state .sk-oh-state-pill {
   background-color: #996F00;
}

.sk-oh-state .sk-oh-state-pill::before {
   background-color: #FCE7A5;
}