/*
==========================================================================

 PROJECT     : SIGNATURE SPREADS AND TREATS BY DI
 VERSION     : 1.0.0
 AUTHOR      : JB

===========================================================================
*/

/*==================================================
01. POLICY NAVIGATION
==================================================*/

.terms-page .terms-index-link {
    transition:
        color
        var(--motion-duration-fast)
        var(--motion-ease-standard),
        padding-left
        var(--motion-duration-normal)
        var(--motion-ease-emphasized);
}

@media (hover: hover) {

    .terms-page .terms-index-link:hover,
    .terms-page .terms-index-link:focus-visible,
    .terms-page .terms-index-link.is-active {
        color: var(--color-primary-dark);
        padding-left: 0.35rem;
    }

}

/*==================================================
02. SUPPORT LINK
==================================================*/

.terms-page .terms-support-link span {
    transition:
        transform
        var(--motion-duration-fast)
        var(--motion-ease-standard);
}

@media (hover: hover) {

    .terms-page .terms-support-link:hover span,
    .terms-page .terms-support-link:focus-visible span {
        transform: translateX(3px);
    }

}


/*==================================================
03. REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion: reduce) {

    .terms-page .terms-index-link,
    .terms-page .terms-support-link span {
        transition: none;
    }

    .terms-page .terms-index-link:hover,
    .terms-page .terms-index-link:focus-visible,
    .terms-page .terms-index-link.is-active {
        padding-left: 0;
    }

    .terms-page .terms-support-link:hover span,
    .terms-page .terms-support-link:focus-visible span {
        transform: none;
    }

}

.terms-page .terms-reminder-icon{transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-normal) var(--motion-ease-emphasized)}
@media(hover:hover){.terms-page .terms-reminder-inner:hover .terms-reminder-icon{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.terms-page .terms-reminder-icon{transition:none}.terms-page .terms-reminder-inner:hover .terms-reminder-icon{transform:none}}