/** Redirect component only. Fonts and outer layout belong to the host. */
.shipxio-connect-redirect,
.shipxio-connect-redirect * {
    box-sizing: border-box;
}

.shipxio-connect-redirect {
    color: var(--sxc-clr-acc-a);
    font-family: inherit;
    font-size: var(--sxc-fs-body);
    font-weight: var(--sxc-fw-n);
    line-height: var(--sxc-lh-body);
    text-align: center;
    overflow-wrap: anywhere;
}

.shipxio-connect-redirect .shipxio-connect-redirect__spinner {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0 auto var(--sxc-pad-xl);
    border: 3px solid var(--sxc-brd-l);
    border-top-color: var(--sxc-redirect-spinner-color, var(--sxc-clr-pri));
    border-radius: 50%;
    animation: shipxio-connect-redirect-spin 0.8s linear infinite;
}

.shipxio-connect-redirect .shipxio-connect-redirect__heading {
    margin: 0;
    padding: 0;
    color: var(--sxc-redirect-text-color, var(--sxc-clr-acc-a));
    font-family: inherit;
    font-size: var(--sxc-fs-h5);
    font-weight: var(--sxc-fw-sb);
    line-height: var(--sxc-lh-h5);
    letter-spacing: -0.015em;
}

.shipxio-connect-redirect .shipxio-connect-redirect__message {
    margin: var(--sxc-pad-sm) 0 0;
    padding: 0;
    color: var(--sxc-redirect-text-color, var(--sxc-clr-gray-d));
    font-family: inherit;
    font-size: var(--sxc-fs-body);
    font-weight: var(--sxc-fw-n);
    line-height: var(--sxc-lh-body);
}

.shipxio-connect-redirect .shipxio-connect-redirect__fallback {
    margin: var(--sxc-pad-sm) 0 0;
    padding: 0;
    color: var(--sxc-redirect-subtext-color, var(--sxc-clr-gray-d));
    font-family: inherit;
    font-size: var(--sxc-fs-sm);
    font-weight: var(--sxc-fw-n);
    line-height: var(--sxc-lh-sm);
}

.shipxio-connect-redirect .shipxio-connect-redirect__continue {
    display: inline;
    margin: 0;
    padding: 0;
    color: var(--sxc-redirect-link-color, var(--sxc-clr-sec));
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.shipxio-connect-redirect .shipxio-connect-redirect__continue:hover {
    color: var(--sxc-redirect-link-color, var(--sxc-clr-acc-a));
}

.shipxio-connect-redirect .shipxio-connect-redirect__continue:focus-visible {
    outline: 2px solid var(--sxc-redirect-link-color, var(--sxc-clr-sec));
    outline-offset: 3px;
    border-radius: 2px;
}

@keyframes shipxio-connect-redirect-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .shipxio-connect-redirect .shipxio-connect-redirect__spinner {
        animation: none;
    }
}