menu-dropdown {
    position: relative;
    display: block;
    text-align: start
}

.is-active>.header__menu-item .label:after {
    left: 0;
    right: 0
}

.list-menu-dropdown {
    min-width: 20rem;
    max-width: 26rem;
    width: max-content;
    position: absolute;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(var(--color-background));
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-shadow: 0 1rem 2rem rgba(var(--color-foreground), .08);
    transition-property: opacity, visibility;
    transition-duration: var(--duration-default);
    transition-timing-function: ease
}

.list-menu-dropdown.hidden {
    display: block !important
}

.is-active>.list-menu-dropdown {
    opacity: 1;
    visibility: visible
}

.list-menu-dropdown .header__menu-item {
    width: 100%;
    padding: .7rem 3rem;
    justify-content: space-between;
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.6rem;
    line-height: calc(1 + .4 / var(--font-body-scale))
}

.list-menu-dropdown .header__menu-item .icon-caret {
    display: block;
    height: .5rem
}

@media screen and (hover: hover) {

    .list-menu-dropdown .is-active>.header__menu-item .icon-caret,
    .list-menu-dropdown .header__menu-item:hover .icon-caret {
        transform: rotate(-90deg)
    }
}

.list-menu-dropdown .list-menu-dropdown {
    top: -2rem;
    left: 100%
}

menu-dropdown.is-megamenu {
    position: static
}

.is-megamenu>.list-menu-dropdown {
    max-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 3.5rem;
    padding-bottom: 4rem;
    line-height: calc(1 + .4 / var(--font-body-scale))
}

.is-megamenu>.list-menu-dropdown .page-width {
    display: flex;
    align-items: flex-start;
    column-gap: 2rem
}

.list-mega-menu {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 3rem;
    column-gap: 2rem
}

.mega-menu__item {
    flex: 1 1 auto;
    max-width: 22rem;
    page-break-inside: avoid;
    break-inside: avoid
}

@media screen and (min-width: 1200px) {
    .list-mega-menu {
        column-gap: 3rem
    }

    .mega-menu__item {
        max-width: 28rem
    }
}

.mega-menu__item-link {
    display: block;
    margin-bottom: 1rem;
    text-decoration: none;
    color: rgb(var(--color-link));
    transition: color var(--duration-default) ease
}

.mega-menu__item-link .header__menu-item {
    text-transform: uppercase;
    letter-spacing: .3rem;
    font-weight: 600;
    color: inherit;
    padding: 0
}

.mega-menu__item-link .media {
    margin-bottom: 1.5rem
}

@media screen and (hover: hover) {
    .mega-menu__item-link:hover {
        color: rgba(var(--color-link), .7)
    }

    .mega-menu__item-link:hover .header__menu-item .label:after {
        left: 0;
        right: 0
    }
}

.mega-menu__item--blank:empty {
    display: block
}

.mega-menu__promo {
    flex: 0 0 22rem;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .mega-menu__promo {
        flex: 0 0 28rem
    }
}

.list-menu-child .header__menu-item {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.mega-menu__promo .media {
    margin-bottom: 1.5rem;
    margin-top: .5rem;
    border-radius: var(--card-radius)
}

.mega-menu__promo-link {
    display: block;
    text-decoration: none;
    color: rgb(var(--color-link));
    transition: color var(--duration-default) ease
}

.mega-menu__promo-link[aria-disabled=true] {
    pointer-events: none
}

.mega-menu__promo-heading {
    font-family: var(--font-navigation-family);
    font-size: var(--font-navigation-size);
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    padding: .5rem 0;
    letter-spacing: .3rem;
    font-weight: 600;
    transition: color var(--duration-default) ease
}

.mega-menu__promo-heading .label {
    position: relative
}

.mega-menu__promo-heading .label:after {
    content: "";
    position: absolute;
    height: .1rem;
    background-color: rgb(var(--color-border));
    bottom: 0;
    left: 51%;
    right: 50%;
    transition-property: left, right;
    transition-timing-function: ease;
    transition-duration: var(--duration-default)
}

.mega-menu__promo-subheading {
    font-size: 1.6rem;
    color: rgba(var(--color-link), .7)
}

@media screen and (hover: hover) {
    .mega-menu__promo-link:hover {
        color: rgba(var(--color-link), .7)
    }

    .mega-menu__promo-link:hover .mega-menu__promo-heading .label:after {
        left: 0;
        right: 0
    }
}

.mega-menu__promo--overlay {
    position: relative
}

.mega-menu__promo--overlay .mega-menu__promo-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(4, 4, 4, .26) 0, rgba(54, 54, 54, .08) 40%, transparent 100%);
    border-radius: var(--card-radius)
}

.mega-menu__promo--overlay .media {
    margin-bottom: 0
}

.mega-menu__promo--overlay .mega-menu__promo-content {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    color: #fff;
    text-shadow: 0 1rem 2rem rgb(var(--color-foreground))
}

.mega-menu__promo--overlay .mega-menu__promo-subheading {
    color: inherit
}

/*# sourceMappingURL=/s/files/1/0366/6670/4007/t/145/assets/component-menu-dropdown.css.map?v=643009709161487471655926544 */