.online-note {
    display: block;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 0px 0px;
}
.online-note-clinic {
    display: none;
}
.online-note-clinic._active {
    display: block;
}
.online-clinic-note-headers {
    padding-bottom: 20px;
}
.online-raspisanie-place {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    flex-wrap: wrap;
    gap: 6px;
}
.online-raspisanie-place._active {
    display: flex;
}
.online-note-time {
    position: relative;
    display: inline-flex;
    width: 69px;
    height: 35px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex-shrink: 0;
    border-radius: var(--radius);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.online-note-time:hover {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity, 1)) !important;
    background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
    border-color: rgb(207 250 254 / var(--tw-border-opacity, 1));
}
.online-button-note {
    --tw-shadow:
        0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:
        0 4px 6px -1px var(--tw-shadow-color),
        0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-duration: 200ms;
    font-weight: 600;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    background: var(--brand-gradient);
    border-radius: 0.75rem;
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
}

.online-button-note:hover {
    --tw-shadow:
        0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:
        0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:
        var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    opacity: 0.9;
}
.online-note-help {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
    padding-bottom: 1rem;
}