.appear-on-scroll-module_appear-on-scroll {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

 .appear-on-scroll-module_appear-on-scroll {
    box-shadow: 0 2px 3px rgba(0,0,0,.05),0 4px 8px rgba(0,0,0,.15);
    transform: translateY(-100%)
}

 .appear-on-scroll-module_appear-on-scroll {
    left: 0
}

 .appear-on-scroll-module_appear-on-scroll--entering {
    animation: appear-on-scroll-module_enter var(--styleguide-appear-on-scroll-animation-duration,.2s) ease-out forwards
}

 .appear-on-scroll-module_appear-on-scroll--outside-view{
    animation: appear-on-scroll-module_enter 0ms ease-out forwards
}

 .appear-on-scroll-module_appear-on-scroll--exiting{
    animation: appear-on-scroll-module_exit var(--styleguide-appear-on-scroll-animation-duration,.2s) ease-out forwards
}

 .appear-on-scroll-module_appear-on-scroll--in-view{
    animation: appear-on-scroll-module_exit 0ms ease-out forwards
}

@keyframes appear-on-scroll-module_enter {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }

    to {
        transform: translateY(0)
    }
}

@keyframes appear-on-scroll-module_exit {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%);
        visibility: hidden
    }
}

.styles_navigator {
    color: var(--styleguide-color-neutral-06,#707070);
    position: sticky;
    top: 0;
    z-index: 2;
    font-size: var(--styleguide-typography-label-size,1.4rem);
    font-weight: var(--styleguide-typography-label-regular,400);
    line-height: var(--styleguide-typography-label-lh,2.4rem)
}

.styles_navigator {
    background-color: var(--styleguide-color-neutral-00,#fff);
    border-bottom: .1rem solid var(--styleguide-color-neutral-02,#e3e3e3);
    border-color: var(--styleguide-color-neutral-02,#e3e3e3)
}

.styles_navigator__details {
    border-bottom: .1rem solid var(--styleguide-color-neutral-02,#e3e3e3);
    padding: 1.2rem 1.6rem
}

.styles_navigator__content {
    display: flex;
    width: 100%;
}

 .styles_navigator__content {
    margin: 0 auto
}

@media(min-width: 1440px) {
    .styles_navigator__content {
        max-width:127.8rem
    }
}


.styles_navigator__back-button {
    color: var(--styleguide-color-brand-secondary-07,#3a307f);
    display: flex;
    position: relative;
    margin-right: 1.2rem
}

.styles_link {
    align-items: center;
    display: flex;
    font-size: var(--styleguide-typography-label-size,1.4rem);
    font-weight: var(--styleguide-typography-label-regular,400);
    line-height: var(--styleguide-typography-label-lh,2.4rem)
}

.styles_link:focus-visible {
    outline: .2rem solid var(--styleguide-color-utilities-focus,#4c94e6);
    outline-offset: .1rem
}

.link-module_link-theme--tertiary--with-padding {
    padding: 0 12px
}


.link-module_link-theme--tertiary {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    color: var(--styleguide-link-theme-tertiary-color,var(--styleguide-color-brand-secondary-07,#3a307f))
}

 .link-module_link-theme--tertiary {
    border-radius: var(--styleguide-border-radius-m,8px);
    background-color: var(--styleguide-link-theme-tertiary-background-color,var(--styleguide-color-brand-secondary-01,#f7f7fc))
}

 .link-module_link-theme--tertiary:hover {
    background-color: var(--styleguide-link-theme-tertiary-hover-background-color,var(--styleguide-color-brand-secondary-02,#e7e5f4))
}

 .link-module_link-theme--tertiary:active {
    background-color: var(--styleguide-link-theme-tertiary-active-background-color,var(--styleguide-color-brand-secondary-03,#d1cfed))
}


.link-module_link-theme {
    transition: all .2s ease-in-out
}

 /* .link-module_link-theme {
    border-radius: var(--styleguide-border-radius-s,4px);
    transition-property: background-color,border-color,color
} */

.link-module_link-size--small {
    height: 36px;
    /* min-width: 36px; */
    font-size: var(--styleguide-typography-label-size,14px);
    font-weight: var(--styleguide-typography-label-thick,600);
    line-height: var(--styleguide-typography-label-lh,24px)
}

.link-module_link {
    cursor: pointer;
}

.link-module_link:focus-visible {
    outline: 2px solid var(--styleguide-link-focus-color,var(--styleguide-color-utilities-focus,#4c94e6));
    outline-offset: 1px
}

.styles_navigator__price {
    align-items: center;
    color: var(--styleguide-color-neutral-08,#333);
    display: flex;
    font-size: var(--styleguide-typography-body-size,1.6rem);
    font-weight: var(--styleguide-typography-body-thick,600);
    line-height: var(--styleguide-typography-body-lh,2.8rem);
    padding-right: 2.4rem;
    margin-right: auto;
}

.styles_navigator__ctas {
    display: flex;
    gap: .8rem;
    margin-left: auto
}

.styles_navigator__ctas > * {
    padding: 0
}

.button-module_button__icon--prefix {
    margin-right: 4px
}

.styles_navigator__content--scroll {
    overflow-x: auto
}

.styles_navigator__link--active {
    color: var(--styleguide-color-brand-secondary-07,#3a307f);
    font-size: var(--styleguide-typography-label-size,1.4rem);
    font-weight: var(--styleguide-typography-label-thick,600);
    line-height: var(--styleguide-typography-label-lh,2.4rem)
}

.styles_navigator__link--active {
    border-bottom-color: var(--styleguide-color-brand-secondary-07,#3a307f)
}

.styles_navigator__link {
    align-items: center;
    display: flex;
    height: 4.5rem;
    white-space: nowrap
}

.styles_navigator__link {
    border-bottom: .3rem solid transparent;
    padding: 0 2.4rem;
    box-sizing: border-box;
}

.styles_navigator__link--active {
    border-bottom-color: var(--styleguide-color-brand-secondary-07,#3a307f);
}

.styles_button__Dohj_{
    margin-left: 1.2rem;
}