.calendar-widget-overlay {
    position: fixed;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9998;
}

.calendar-side-panel {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    visibility: hidden;
    z-index: 9999;
}


@media (min-width: 450px) {
    #customCallbackModal {
        width: 450px;
        left: auto;
    }
}

#customCallbackModal .calendar-side-panel__content {
    background: var(--color-bg-secondary);
}

#customCallbackModal form input:focus,
#customCallbackModal form textarea:focus {
    border-color: var(--color-accent) !important;
    outline: none;
}

#customCallbackModal #callbackClose:hover {
    opacity: 1 !important;
    transform: scale(1.1) rotate(90deg) !important;
}

#customCallbackModal button[type="submit"]:hover {
    background-color: var(--color-blue-100) !important;
    transition: background-color 0.2s;
}