/* Most XYCookies styles are loaded from editable CSS in Settings > XYCookies. */
.xycookies-bar[hidden] {
    display: none !important;
}

.xycookies-overlay {
    position: fixed;
    inset: 0;
    z-index: 99998;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

.xycookies-overlay[hidden] {
    display: none !important;
}

.xycookies-reject {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 6px;
    background: #ffffff;
    color: #111827;
    font-weight: 700;
    cursor: pointer;
}

.xycookies-reject[hidden] {
    display: none !important;
}

@media (max-width: 640px) {
    .xycookies-bar.xycookies-bar {
        right: 16px;
        bottom: 16px;
        left: 16px;
        flex-direction: column;
        align-items: stretch;
    }

    .xycookies-bar .xycookies-actions {
        flex-wrap: wrap;
        width: 100%;
    }

    .xycookies-bar .xycookies-actions button {
        flex: 1 1 120px;
    }
}