.myload-cookie-consent {
    --mlcc-bg: var(--myload-bg, #ffffff);
    --mlcc-surface: var(--myload-surface, #ffffff);
    --mlcc-surface-soft: var(--myload-surface-soft, #f8fafc);
    --mlcc-text: var(--myload-text, #111827);
    --mlcc-muted: var(--myload-muted, #64748b);
    --mlcc-line: var(--myload-border, #e2e8f0);
    --mlcc-primary: var(--myload-primary, #4F46E5);
    --mlcc-primary-dark: var(--myload-primary-dark, #4338ca);
    color: var(--mlcc-text);
    font-family: var(--myload-font, Arial, Helvetica, sans-serif);
    inset: auto 0 0;
    position: fixed;
    z-index: 99999;
}

:root[data-theme="dark"] .myload-cookie-consent,
.myload-cookie-consent--theme-dark {
    --mlcc-bg: var(--myload-bg, #0f172a);
    --mlcc-surface: var(--myload-surface, #111827);
    --mlcc-surface-soft: var(--myload-surface-soft, #1e293b);
    --mlcc-text: var(--myload-text, #f8fafc);
    --mlcc-muted: var(--myload-muted, #cbd5e1);
    --mlcc-line: var(--myload-border, #334155);
}

.myload-cookie-consent--theme-light {
    --mlcc-bg: #ffffff;
    --mlcc-surface: #ffffff;
    --mlcc-surface-soft: #f8fafc;
    --mlcc-text: #111827;
    --mlcc-muted: #64748b;
    --mlcc-line: #e2e8f0;
}

.myload-cookie-consent[hidden] {
    display: none !important;
}

.myload-cookie-consent *,
.myload-cookie-consent *::before,
.myload-cookie-consent *::after {
    box-sizing: border-box;
}

.myload-cookie-consent a,
.myload-cookie-consent button {
    text-decoration: none !important;
}

.myload-cookie-consent__panel {
    background: var(--mlcc-bg);
    border: 1px solid var(--mlcc-line);
    border-radius: 8px 8px 0 0;
    box-shadow: var(--myload-shadow-lg, 0 -14px 34px rgba(15, 23, 42, 0.14));
    margin: 0 auto;
    max-width: 1180px;
    padding: 16px;
    width: min(100%, 1180px);
}

.myload-cookie-consent__content {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.myload-cookie-consent__copy h2 {
    color: var(--mlcc-text);
    font-size: 18px;
    line-height: 1.25;
    margin: 0 0 6px;
}

.myload-cookie-consent__copy p {
    color: var(--mlcc-muted);
    margin: 0;
}

.myload-cookie-consent__policy {
    color: var(--mlcc-primary);
    display: inline-flex;
    margin-top: 8px;
}

.myload-cookie-consent__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.myload-cookie-consent .btn {
    border-radius: 8px;
    font-weight: 400;
    line-height: 1.2;
    min-height: 40px;
    padding: 9px 15px;
}

.myload-cookie-consent .btn-primary {
    background: var(--mlcc-primary);
    border-color: var(--mlcc-primary);
    color: #fff;
}

.myload-cookie-consent .btn-primary:hover {
    background: var(--mlcc-primary-dark);
    border-color: var(--mlcc-primary-dark);
    color: #fff;
}

.myload-cookie-consent .btn-outline-secondary {
    background: transparent;
    border: 1px solid var(--mlcc-line);
    color: var(--mlcc-text);
}

.myload-cookie-consent .btn-outline-secondary:hover {
    border-color: var(--mlcc-primary);
    color: var(--mlcc-primary);
}

.myload-cookie-consent .btn-link {
    background: transparent;
    border: 0;
    color: var(--mlcc-primary);
    padding-left: 8px;
    padding-right: 8px;
}

.myload-cookie-consent__preferences {
    border-top: 1px solid var(--mlcc-line);
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
}

.myload-cookie-consent__category {
    align-items: center;
    background: var(--mlcc-surface-soft);
    border: 1px solid var(--mlcc-line);
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
    padding: 12px;
}

.myload-cookie-consent__category strong,
.myload-cookie-consent__category small {
    display: block;
}

.myload-cookie-consent__category strong {
    color: var(--mlcc-text);
    font-size: 14px;
    margin-bottom: 2px;
}

.myload-cookie-consent__category small {
    color: var(--mlcc-muted);
    font-size: 13px;
    line-height: 1.35;
}

.myload-cookie-consent__category input {
    accent-color: var(--mlcc-primary);
    height: 18px;
    width: 18px;
}

.myload-cookie-consent__save {
    display: flex;
    justify-content: flex-end;
}

.myload-cookie-consent--top {
    inset: 0 0 auto;
}

.myload-cookie-consent--top .myload-cookie-consent__panel {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
}

.myload-cookie-consent--floating {
    bottom: 18px;
    left: auto;
    right: 18px;
    width: min(420px, calc(100vw - 28px));
}

.myload-cookie-consent--floating .myload-cookie-consent__panel,
.myload-cookie-consent--bottom_left .myload-cookie-consent__panel,
.myload-cookie-consent--bottom_right .myload-cookie-consent__panel {
    border-radius: 8px;
}

.myload-cookie-consent--floating .myload-cookie-consent__content,
.myload-cookie-consent--bottom_left .myload-cookie-consent__content,
.myload-cookie-consent--bottom_right .myload-cookie-consent__content {
    grid-template-columns: 1fr;
}

.myload-cookie-consent--floating .myload-cookie-consent__actions,
.myload-cookie-consent--bottom_left .myload-cookie-consent__actions,
.myload-cookie-consent--bottom_right .myload-cookie-consent__actions {
    justify-content: flex-start;
}

.myload-cookie-consent--bottom_left,
.myload-cookie-consent--bottom_right {
    bottom: 18px;
    width: min(460px, calc(100vw - 28px));
}

.myload-cookie-consent--bottom_left {
    left: 18px;
    right: auto;
}

.myload-cookie-consent--bottom_right {
    left: auto;
    right: 18px;
}

.myload-cookie-consent--modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
}

.myload-cookie-consent--modal .myload-cookie-consent__backdrop {
    background: rgba(0, 0, 0, 0.45);
    inset: 0;
    position: fixed;
}

.myload-cookie-consent--modal .myload-cookie-consent__panel {
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    max-width: 720px;
    position: relative;
    z-index: 1;
}

.myload-cookie-consent--modal .myload-cookie-consent__content {
    grid-template-columns: 1fr;
}

.myload-cookie-consent--modal .myload-cookie-consent__actions {
    justify-content: flex-start;
}

@media (max-width: 720px) {
    .myload-cookie-consent,
    .myload-cookie-consent--floating,
    .myload-cookie-consent--bottom_left,
    .myload-cookie-consent--bottom_right {
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .myload-cookie-consent__panel,
    .myload-cookie-consent--floating .myload-cookie-consent__panel,
    .myload-cookie-consent--bottom_left .myload-cookie-consent__panel,
    .myload-cookie-consent--bottom_right .myload-cookie-consent__panel {
        border-radius: 8px 8px 0 0;
    }

    .myload-cookie-consent__content {
        grid-template-columns: 1fr;
    }

    .myload-cookie-consent__actions,
    .myload-cookie-consent__save {
        justify-content: stretch;
    }

    .myload-cookie-consent .btn {
        width: 100%;
    }
}