/* ======================================================
    OREJIME
========================================================= */

/**
 * Orejime Variables
 */

.orejime-Env {
    --orejime-color-on-interactive: #78716c;
    --orejime-color-shadow: 0, 0, 0;
    --orejime-color-text: #78716c;
    --orejime-shadow: none;
    --orejime-modal-max-width: 65ch;
    --orejime-color-backdrop: #00000080;
    --orejime-space-s: calc(var(--orejime-space-m) / 2);
    --orejime-font-size-small: 1rem;
    --orejime-font-family: 'menco', sans-serif;
    --orejime-collision-padding: 0;
    --orejime-radius: calc(var(--orejime-space-m) / 4);
    --orejime-space-m: 1.4em;
    --orejime-space-l: calc(2 * var(--orejime-space-m));
    --orejime-color-background: white;
    --orejime-color-subdued: #666;
    --orejime-banner-max-width: 60ch;
    --orejime-color-interactive: #0a5479;
    --orejime-space-xs: calc(var(--orejime-space-m) / 4);

    --color-grey: #e7e5e4;
    --color-accent: #f5f5f4;
    --color-dark: #0c0a09;
    all: unset;
}

.orejime-Banner {
    right: auto;
}

.orejime-Banner-body {
    font-size: var(--orejime-font-size-small);
    border: 1px solid var(--color-grey);
}

.orejime-ButtonList {
    gap: 1rem;
    width: 100%;
}

.orejime-Button {
    background-color: white;
    border: 1px solid var(--color-grey);
    border-radius: 0;
    padding: 0.6rem 1rem;
    transition: background-color 0.3s ease;
    font-weight: 500;
    color: var(--color-dark);
}

.orejime-Button:not([disabled]):not([aria-disabled=true]):hover {
    background-color: var(--color-accent);
    transition: background-color 0.3s ease;
    outline: 0px;
}

/* Accept Button */
/* .orejime-Button.orejime-Button--save.orejime-Banner-button.orejime-Banner-saveButton {} */

/* Decline Button */
/* .orejime-Button.orejime-Button--decline.orejime-Banner-button.orejime-Banner-declineButton {} */

/* Info Button */
.orejime-Button.orejime-Button--info.orejime-Banner-learnMoreButton {
    color: #fff;
    background-color: var(--orejime-color-interactive);
    border: none;
}

.orejime-Button.orejime-Button--info.orejime-Banner-learnMoreButton:hover {
    background-color: color-mix(in srgb, var(--orejime-color-interactive) 90%, transparent);
}

.orejime-Banner-actionItem.orejime-Banner-actionItem--info {
    margin-left: auto;
}