/* Match the homepage cabinet popup even on pages without the homepage CSS. */
@font-face {
    font-family: EuclidCircularB;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/EuclidCircularB-Regular.woff2") format("woff2");
}
@font-face {
    font-family: EuclidCircularB;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/EuclidCircularB-SemiBold.woff2") format("woff2");
}
@font-face {
    font-family: EuclidCircularB;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/EuclidCircularB-Bold.woff2") format("woff2");
}
/* Global customer-cabinet migration dialog. Does not affect staff/admin logins. */
.a7-cabinet-transfer[hidden] { display: none !important; }
.a7-cabinet-transfer {
    position: fixed !important;
    z-index: 2147483000 !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 22px !important;
    background: rgba(13, 19, 31, .65) !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch;
}
body.a7-cabinet-transfer-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}
.a7-cabinet-transfer__dialog {
    position: relative !important;
    flex: 0 1 auto !important;
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    margin: auto !important;
    padding: 34px 36px 30px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 18px !important;
    color: #0e172c !important;
    background: #fff !important;
    box-shadow: 0 26px 85px rgba(0,0,0,.2) !important;
    font-family: EuclidCircularB, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    text-align: left !important;
    line-height: 1.48 !important;
}
.a7-cabinet-transfer__close {
    position: absolute !important;
    top: 24px !important;
    right: 23px !important;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 5px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #727e93 !important;
    cursor: pointer !important;
}
.a7-cabinet-transfer__close svg {
    width: 26px !important;
    height: 26px !important;
}
.a7-cabinet-transfer__close:hover { background: #f1f5fa !important; }
.a7-cabinet-transfer__dialog h2 {
    margin: 0 42px 22px 0 !important;
    padding: 0 !important;
    color: #09142a !important;
    font-size: clamp(26px, 4.5vw, 33px) !important;
    line-height: 1.16 !important;
    font-weight: 750 !important;
    letter-spacing: -.025em !important;
}
.a7-cabinet-transfer__dialog p {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #677186 !important;
    font-size: 18px !important;
    line-height: 1.48 !important;
    font-weight: 400 !important;
}
.a7-cabinet-transfer__dialog p.a7-cabinet-transfer__lead {
    color: #182235 !important;
    font-weight: 450 !important;
}
.a7-cabinet-transfer__dialog strong {
    color: #131c30 !important;
    font-weight: 750 !important;
}
.a7-cabinet-transfer__action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 53px !important;
    margin: 22px 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    border: none !important;
    background: #1485f6 !important;
    box-sizing: border-box !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 550 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.a7-cabinet-transfer__action:hover {
    background: #0875e6 !important;
    color: #fff !important;
}
.a7-cabinet-transfer__action:focus-visible,
.a7-cabinet-transfer__close:focus-visible {
    outline: 3px solid #72b7ff !important;
    outline-offset: 3px !important;
}
@media (max-width: 600px) {
    .a7-cabinet-transfer { padding: 18px !important; }
    .a7-cabinet-transfer__dialog {
        padding: 29px 23px 23px !important;
        border-radius: 17px !important;
    }
    .a7-cabinet-transfer__dialog h2 { font-size: 27px !important; margin-bottom: 18px !important; }
    .a7-cabinet-transfer__dialog p { font-size: 16px !important; margin-bottom: 17px !important; }
    .a7-cabinet-transfer__action { font-size: 16px !important; min-height: 52px !important; }
    .a7-cabinet-transfer__close { top: 20px !important; right: 18px !important; }
}
@media (prefers-reduced-motion: no-preference) {
    .a7-cabinet-transfer:not([hidden]) .a7-cabinet-transfer__dialog {
        animation: a7-cabinet-modal-in .16s ease-out both;
    }
    @keyframes a7-cabinet-modal-in {
        from { opacity: 0; transform: translateY(7px); }
        to { opacity: 1; transform: translateY(0); }
    }
}