.moz-account-promo {
    background: #000;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 64px;
    padding: 24px
}

.moz-account-promo .promo-product-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media(min-width:1015px) {
    .moz-account-promo {
        padding: 64px
    }

    .moz-account-promo .promo-product-wrapper {
        flex-direction: row;
        text-align: left
    }

    [dir=rtl] .moz-account-promo .promo-product-wrapper {
        text-align: right
    }
}

.moz-account-promo h2 {
    color: #fff;
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-size: 56px;
    font-size: 3.5rem;
    letter-spacing: -2px;
    line-height: 1;
    margin-bottom: 48px;
    text-align: left
}

[dir=rtl] .moz-account-promo h2 {
    text-align: right
}

.moz-account-promo h2 .gradient-text {
    background: linear-gradient(90deg, green 30%, blue 80%, white 90%);
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0)
}

@media(min-width:1015px) {
    .moz-account-promo h2 {
        font-size: 66px;
        font-size: 4.125rem
    }
}

@media(max-width:400px) {
    .moz-account-promo h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.125;
        margin-bottom: 32px
    }
}

@media(max-width:400px)and (min-width:768px) {
    .moz-account-promo h2 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 1.1
    }
}

@media(max-width:400px) {
    @supports(--css:variables) {
        .moz-account-promo h2 {
            font-size: var(--title-sm-size);
            line-height: var(--title-sm-line-height)
        }

        @media(max-width:400px)and (min-width:768px) {
            .moz-account-promo h2 {
                font-size: var(--title-md-size);
                line-height: var(--title-md-line-height)
            }
        }
    }
}

.moz-account-promo .accounts-cta-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-family: Inter, X-LocaleSpecific, sans-serif
}

.moz-account-promo .accounts-cta-wrapper #fxa-email-form {
    color: #fff;
    margin-top: 32px;
    max-width: 100%
}

.moz-account-promo .accounts-cta-wrapper #fxa-email-form .mzp-c-form-header {
    display: none
}

.moz-account-promo .accounts-cta-wrapper .accounts-signin,
.moz-account-promo .accounts-cta-wrapper .mzp-c-field-info {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

@supports(--css:variables) {

    .moz-account-promo .accounts-cta-wrapper .accounts-signin,
    .moz-account-promo .accounts-cta-wrapper .mzp-c-field-info {
        font-size: var(--body-xs-size);
        line-height: var(--body-line-height)
    }
}

.moz-account-promo .accounts-cta-wrapper .accounts-signin,
.moz-account-promo .accounts-cta-wrapper .mzp-c-field-info {
    text-align: left
}

[dir=rtl] .moz-account-promo .accounts-cta-wrapper .accounts-signin,
[dir=rtl] .moz-account-promo .accounts-cta-wrapper .mzp-c-field-info {
    text-align: right
}

.moz-account-promo .accounts-cta-wrapper .mzp-c-field-info {
    margin-top: 16px
}

@media(min-width:1015px) {
    .moz-account-promo .accounts-cta-wrapper {
        align-items: flex-start
    }
}

.moz-account-promo .accounts-cta,
.moz-account-promo .accounts-signin {
    color: #fff;
    margin-top: 0
}

.moz-account-promo .accounts-signin {
    margin-bottom: 0
}

.moz-account-promo .accounts-cta {
    align-self: flex-start;
    margin-top: 48px
}

.moz-account-promo .accounts-cta a {
    font-family: Inter, X-LocaleSpecific, sans-serif
}

.moz-account-promo .accounts-cta small a {
    text-decoration: underline
}

@media(min-width:1015px) {
    .moz-account-promo .accounts-cta {
        margin: 0;
        text-align: left
    }

    [dir=rtl] .moz-account-promo .accounts-cta {
        text-align: right
    }
}

.moz-account-promo a,
.moz-account-promo a:hover {
    color: #fff
}

.moz-account-promo .products-list {
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.moz-account-promo .products-list li {
    flex-shrink: 0;
    margin-left: 20px
}

.moz-account-promo .products-list li.product-item-firefox {
    margin-left: 0
}

[dir=rtl] .moz-account-promo .products-list li.product-item-firefox {
    margin-left: 20px;
    margin-right: 0
}

.moz-account-promo .products-list li.product-item-monitor{
    margin-right: 0;
    max-width: 50%
}

.product-item-monitor-img {
    margin-right: 0;
    max-width: 50%
}

[dir=rtl] .moz-account-promo .products-list li.product-item-monitor {
    margin-left: 0;
    margin-right: 0
}

.moz-account-promo .products-list li img {
    display: block;
    height: 45px;
    width: 45px
}

.moz-account-promo .products-list li span {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

@media(max-width:400px) {
    .moz-account-promo .products-list li {
        margin-left: 10px
    }

    .moz-account-promo .products-list li.product-item-firefox {
        margin-left: 0
    }

    [dir=rtl] .moz-account-promo .products-list li.product-item-firefox {
        margin-left: 10px;
        margin-right: 0
    }

    .moz-account-promo .products-list li.product-item-monitor {
        margin-right: 0
    }

    [dir=rtl] .moz-account-promo .products-list li.product-item-monitor {
        margin-left: 0;
        margin-right: 0
    }

    .moz-account-promo .products-list li img {
        height: 30px;
        width: 30px
    }
}

@media(min-width:1015px) {
    .moz-account-promo .products-list {
        margin-left: auto
    }

    [dir=rtl] .moz-account-promo .products-list {
        margin-left: 0
    }

    .moz-account-promo .products-list {
        margin-right: 0
    }

    [dir=rtl] .moz-account-promo .products-list {
        margin-right: auto
    }
}

.moz-account-promo .fxa-email-field-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-width: 230px
}

.moz-account-promo .fxa-email-field-container .mzp-c-field {
    padding-bottom: 20;
    width: 100%
}

.moz-account-promo .fxa-email-field-container .mzp-c-field #fxa-email-field {
    line-height: 1;
    max-width: 100%;
    min-width: 230px;
    width: 395px
}

.moz-account-promo .fxa-email-field-container .mzp-c-button-container {
    display: flex;
    margin-bottom: 0;
    margin-top: 16px;
    width: 100%
}

.moz-account-promo .fxa-email-field-container .mzp-c-button-container #fxa-email-form-submit {
    font-family: Inter, X-LocaleSpecific, sans-serif
}

@media(min-width:1015px) {
    .moz-account-promo .fxa-email-field-container .mzp-c-button-container:before {
        content: none
    }
}

.mzp-c-menu-list {
    display: inline-block
}

.mzp-c-menu-list-title {
    font-family: Inter, X-LocaleSpecific, sans-serif;
    font-size: inherit;
    font-weight: 700
}

@supports(--css:variables) {
    .mzp-c-menu-list-title {
        font-family: var(--button-font-family)
    }
}

.mzp-c-menu-list-list {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3)
}

.mzp-c-menu-list-item {
    display: inline-block
}

.mzp-c-menu-list-item a {
    color: #0060df;
    display: inline-block;
    padding: 8px;
    position: relative;
    text-decoration: none
}

.mzp-t-download .mzp-c-menu-list-item a {
    padding-right: 30px
}

[dir=rtl] .mzp-t-download .mzp-c-menu-list-item a {
    padding-left: 30px;
    padding-right: 8px
}

.mzp-t-download .mzp-c-menu-list-item a:after {
    -webkit-background-size: 20px, 20px;
    background-size: 20px, 20px;
    bottom: 8px;
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    width: 14px
}

.mzp-t-download .mzp-c-menu-list-item a:after {
    right: 8px
}

[dir=rtl] .mzp-t-download .mzp-c-menu-list-item a:after {
    left: 8px;
    right: auto
}

.mzp-c-menu-list-item a:focus,
.mzp-c-menu-list-item a:hover {
    background: #ededf0;
    color: #0250bb
}

.mzp-c-menu-list-item a:focus:after,
.mzp-c-menu-list-item a:hover:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%230250bb' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M6 21h12'/%3E%3Cpath stroke-linejoin='round' d='m6 11 6 6 6-6'/%3E%3Cpath d='M12 3v14'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat
}

.is-details.mzp-c-menu-list {
    position: relative
}

.is-details .mzp-c-menu-list-title button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    color: #0060df;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 0 24px 0 0;
    position: relative;
    text-align: inherit;
    text-decoration: underline;
    width: 100%
}

[dir=rtl] .is-details .mzp-c-menu-list-title button {
    padding: 0 0 0 24px
}

.is-details .mzp-c-menu-list-title button:after {
    -webkit-background-size: 20px, 20px;
    background-size: 20px, 20px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%230060df' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 9 7 7 7-7'/%3E%3C/svg%3E") bottom no-repeat;
    bottom: 1px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    -webkit-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    width: 16px
}

.is-details .mzp-c-menu-list-title button:after {
    right: 0
}

[dir=rtl] .is-details .mzp-c-menu-list-title button:after {
    left: 0;
    right: auto
}

.is-details .mzp-c-menu-list-title button[aria-expanded=true]:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.is-details .mzp-c-menu-list-title button:focus,
.is-details .mzp-c-menu-list-title button:hover {
    color: #0250bb;
    text-decoration: none
}

.is-details .mzp-c-menu-list-title button:focus:after,
.is-details .mzp-c-menu-list-title button:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%230250bb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 9 7 7 7-7'/%3E%3C/svg%3E")
}

.is-details .mzp-c-menu-list-list {
    left: 0;
    min-width: 150px;
    padding: 4px 0;
    position: absolute;
    top: 100%;
    z-index: 1
}

.is-details .mzp-c-menu-list-list.is-closed {
    display: none
}

.is-details .mzp-c-menu-list-item,
.is-details .mzp-c-menu-list-item a,
.mzp-c-menu-list.is-details {
    display: block
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary {
    margin: 0
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button {
    border: 2px solid #cdcdd4;
    border-radius: 8px;
    padding: 8px;
    padding-left: 8px;
    padding-right: 50px;
    text-align: left;
    text-decoration: none;
    transition: border-color .1s ease, background-color .1s ease
}

[dir=rtl] .mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button {
    padding-left: 50px;
    padding-right: 8px;
    text-align: right
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:hover {
    background: #ededf0;
    border-color: #b1b1bc
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:hover:before {
    border-color: #b1b1bc
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:focus,
.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button[aria-expanded=true] {
    background-color: rgba(0, 0, 0, 0);
    border-color: #0060df;
    box-shadow: 0 0 2px 0 #0df
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:focus:before,
.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button[aria-expanded=true]:before {
    border-color: #0060df
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:before {
    border-left: solid #cdcdd4;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    transition: border-color .1s ease;
    width: 0
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:before {
    border-left-width: 2px;
    border-right-width: 0;
    right: 42px
}

[dir=rtl] .mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:before {
    border-left-width: 0;
    border-right-width: 2px;
    left: 42px;
    right: auto
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:after {
    background-position: 50%;
    height: 100%;
    width: 42px
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:after {
    right: 0
}

[dir=rtl] .mzp-c-menu-list.is-details .mzp-c-menu-list-title.is-summary button:after {
    left: 0;
    right: auto
}

.mzp-c-menu-list.is-details .mzp-c-menu-list-list {
    margin-top: 8px;
    right: 0;
    z-index: 3
}

.mzp-c-button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center
}

.mzp-c-button-container .mzp-c-button {
    max-width: 304px;
    width: 100%
}

.mzp-c-button-container .mzp-c-form>.mzp-c-button-container:last-child {
    margin-bottom: 0
}

.mzp-c-button-container.mzp-l-align-center {
    justify-content: center;
    text-align: center
}

.mzp-c-button-container .mzp-c-button+.mzp-c-button {
    margin-top: 16px
}

.mzp-c-button-container.mzp-l-stretch .mzp-c-button {
    max-width: none
}

@media(min-width:480px) {
    .mzp-c-button-container {
        align-items: start;
        justify-content: start;
        text-align: left
    }

    [dir=rtl] .mzp-c-button-container {
        text-align: right
    }

    .mzp-c-button-container .mzp-c-button {
        width: auto
    }

    .mzp-c-button-container .mzp-c-button+.mzp-c-button {
        margin-left: 16px;
        margin-top: 0
    }

    [dir=rtl] .mzp-c-button-container .mzp-c-button+.mzp-c-button {
        margin-left: 0;
        margin-right: 16px
    }

    .mzp-c-button-container.mzp-l-align-end {
        justify-content: flex-end;
        text-align: right
    }

    [dir=rtl] .mzp-c-button-container.mzp-l-align-end {
        text-align: left
    }

    .mzp-c-button-container.mzp-l-stretch {
        align-items: stretch
    }

    .mzp-c-button-container.mzp-l-stretch .mzp-c-button {
        flex-grow: 1
    }
}

.mzp-c-button-info {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding-top: 16px;
    width: 100%
}

@supports(--css:variables) {
    .mzp-c-button-info {
        font-size: var(--body-sm-size);
        font-size: var(--body-xs-size);
        line-height: var(--body-line-height)
    }
}

.mzp-c-form {
    color: #15141a;
    margin-bottom: 24px
}

.mzp-c-form.mzp-t-dark,
.mzp-t-dark .mzp-c-form {
    color: #e0e0e6
}

@supports(--css:variables) {
    .mzp-c-form {
        color: var(--body-text-color-secondary)
    }

    .mzp-c-form.mzp-t-dark,
    .mzp-t-dark .mzp-c-form {
        color: var(--body-text-color-secondary-inverse)
    }
}

.mzp-c-form fieldset {
    margin-bottom: 0
}

.mzp-c-form-header {
    margin-bottom: 24px
}

.mzp-c-form-header>* {
    margin-bottom: 0
}

.mzp-c-form-header>*+* {
    margin-top: 16px
}

.mzp-c-form-footer {
    padding-top: 8px
}

.mzp-c-form-footer>* {
    margin-bottom: 0
}

.mzp-c-form-footer>*+* {
    margin-top: 16px
}

.mzp-c-form-title,
legend.mzp-c-form-title {
    color: #000;
    font-family: Zilla Slab, Inter, X-LocaleSpecific, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 24px
}

@media(min-width:768px) {

    .mzp-c-form-title,
    legend.mzp-c-form-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.166
    }
}

@supports(--css:variables) {

    .mzp-c-form-title,
    legend.mzp-c-form-title {
        font-size: var(--title-2xs-size);
        line-height: var(--title-2xs-line-height)
    }

    @media(min-width:768px) {

        .mzp-c-form-title,
        legend.mzp-c-form-title {
            font-size: var(--title-xs-size);
            line-height: var(--title-xs-line-height)
        }
    }
}

.mzp-c-form-header>.mzp-c-form-title,
.mzp-c-form-header>legend.mzp-c-form-title {
    margin-bottom: 0
}

.mzp-t-dark .mzp-c-form-title,
.mzp-t-dark legend.mzp-c-form-title {
    color: #fff
}

@supports(--css:variables) {

    .mzp-c-form-title,
    legend.mzp-c-form-title {
        color: var(--title-text-color);
        font-family: var(--title-font-family)
    }

    .mzp-t-dark .mzp-c-form-title,
    .mzp-t-dark legend.mzp-c-form-title {
        color: var(--title-text-color-inverse)
    }
}

.mzp-c-form-subtitle,
legend.mzp-c-form-subtitle {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 24px
}

@supports(--css:variables) {

    .mzp-c-form-subtitle,
    legend.mzp-c-form-subtitle {
        font-size: var(--body-lg-size);
        line-height: var(--body-line-height)
    }
}

legend.mzp-c-form-subtitle,
legend.mzp-c-form-title {
    float: left;
    width: 100%
}

.mzp-c-form-info {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

@supports(--css:variables) {
    .mzp-c-form-info {
        font-size: var(--body-sm-size);
        line-height: var(--body-line-height)
    }
}

.mzp-c-form-info.mzp-t-xs {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

@supports(--css:variables) {
    .mzp-c-form-info.mzp-t-xs {
        font-size: var(--body-xs-size);
        line-height: var(--body-line-height)
    }
}

.mzp-c-form-msg+.mzp-c-form-info {
    padding-top: 4px
}

.mzp-c-field {
    margin: 0;
    max-width: 100%;
    padding-bottom: 24px
}

.mzp-c-field button,
.mzp-c-field input[list],
.mzp-c-field input[type=color],
.mzp-c-field input[type=date],
.mzp-c-field input[type=email],
.mzp-c-field input[type=file],
.mzp-c-field input[type=number],
.mzp-c-field input[type=password],
.mzp-c-field input[type=search],
.mzp-c-field input[type=tel],
.mzp-c-field input[type=text],
.mzp-c-field input[type=time],
.mzp-c-field input[type=url],
.mzp-c-field select,
.mzp-c-field textarea {
    margin-bottom: 0
}

.mzp-c-field-label {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 8px
}

@supports(--css:variables) {
    .mzp-c-field-label {
        font-size: var(--body-sm-size);
        line-height: var(--body-line-height)
    }
}

legend.mzp-c-field-label {
    float: left;
    width: 100%
}

.mzp-l-stretch .mzp-c-field-control {
    max-width: 100%;
    width: 100%
}

.mzp-c-field-info {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

@supports(--css:variables) {
    .mzp-c-field-info {
        font-size: var(--body-sm-size);
        line-height: var(--body-line-height)
    }
}

.mzp-c-field-control+.mzp-c-field-info {
    padding-top: 16px
}

.mzp-c-field-msg+.mzp-c-field-info {
    padding-top: 4px
}

.fxa-email-form {
    margin: 0 auto;
    position: relative
}

.fxa-email-form .mzp-c-form-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5
}

@supports(--css:variables) {
    .fxa-email-form .mzp-c-form-title {
        font-size: var(--body-lg-size);
        line-height: var(--body-line-height)
    }
}

.fxa-email-form label {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

.fxa-email-form-intro strong {
    font-weight: 400
}

.fxa-signin {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    margin: 16px 0 0
}

@supports(--css:variables) {
    .fxa-signin {
        font-size: var(--body-xs-size);
        line-height: var(--body-line-height)
    }
}

.mzp-t-dark .fxa-signin {
    color: #fff
}

.mzp-c-logo {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    direction: ltr;
    display: block;
    margin-bottom: 32px;
    margin-top: 0;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    white-space: nowrap
}

[dir=rtl] .mzp-c-logo {
    background-position: 100% 0
}

.mzp-c-logo.mzp-t-logo-xs {
    height: 24px;
    margin-bottom: 24px;
    width: 24px
}

.mzp-c-logo.mzp-t-logo-sm {
    height: 32px;
    width: 32px
}

.mzp-c-logo.mzp-t-logo-md {
    height: 48px;
    width: 48px
}

.mzp-c-logo.mzp-t-logo-lg {
    height: 64px;
    margin-bottom: 48px;
    width: 64px
}

.mzp-c-logo.mzp-t-logo-xl {
    height: 96px;
    margin-bottom: 64px;
    width: 96px
}

.mzp-c-logo.mzp-l-logo-center,
.mzp-c-logo.mzp-l-logo-center-on-sm-md {
    background-position: top;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:768px) {
    .mzp-c-logo.mzp-l-logo-center-on-sm-md {
        background-position: 0 0;
        margin-left: 0;
        margin-right: 0
    }

    [dir=rtl] .mzp-c-logo.mzp-l-logo-center-on-sm-md {
        background-position: 100% 0
    }
}

.mzp-c-logo.mzp-t-product-firefox.mzp-t-logo-2xl,
.mzp-c-logo.mzp-t-product-firefox.mzp-t-logo-lg,
.mzp-c-logo.mzp-t-product-firefox.mzp-t-logo-md,
.mzp-c-logo.mzp-t-product-firefox.mzp-t-logo-sm,
.mzp-c-logo.mzp-t-product-firefox.mzp-t-logo-xl,
.mzp-c-logo.mzp-t-product-firefox.mzp-t-logo-xs {
    background-image: url("/media/protocol/img/logos/firefox/browser/logo.eb1324e44442.svg")
}

.mzp-c-menu-list {
    margin-bottom: 1.25em
}

.mzp-c-menu-list-title {
    margin-bottom: 0
}

.mzp-t-download .mzp-c-menu-list-item.t-web a:hover:after {
    display: none
}

main .mzp-l-content {
    padding-bottom: 24px;
    padding-top: 24px
}

@media(min-width:768px) {
    main .mzp-l-content {
        padding-bottom: 48px;
        padding-top: 48px
    }
}

@media(min-width:1024px) {
    main .mzp-l-content {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

.c-menu-list-link,
.c-menu-list-link.mzp-c-button.mzp-t-product {
    background-color: inherit;
    border: 0;
    color: #0060df;
    display: block;
    font-family: inherit;
    font-weight: 400;
    padding: 8px 30px 8px 8px
}

.c-menu-list-link.mzp-c-button.mzp-t-product:hover,
.c-menu-list-link:hover {
    background-color: #ededf0;
    color: #0250bb
}

.c-landing-grid-item {
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px
}

.c-landing-grid-item:last-child {
    margin-bottom: 0
}

.c-landing-grid-item.c-landing-grid-wide {
    max-width: 100%
}

.c-landing-grid-item>p:last-child {
    margin-bottom: 0
}

.c-landing-grid-title {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 16px;
    margin-top: 32px
}

.c-landing-grid-title a {
    color: #20123a;
    text-decoration: none
}

.c-landing-grid-title a:focus,
.c-landing-grid-title a:hover {
    text-decoration: underline
}

.c-landing-grid-title+p {
    margin-bottom: 32px
}

.c-landing-grid-img {
    display: block;
    margin: 0 auto
}

@media(min-width:768px) {
    .c-landing-grid-item {
        float: left;
        margin-bottom: 96px;
        margin-left: 64px;
        max-width: 100%;
        width: calc(50% - 32px)
    }

    .c-landing-grid-item:nth-child(odd) {
        clear: left;
        margin-left: 0
    }
}

@media(min-width:1024px) {
    .c-landing-grid-item {
        margin-bottom: 128px;
        margin-left: 96px;
        width: calc(50% - 48px)
    }
}

@supports(display:grid) {
    @media(min-width:768px) {
        .c-landing-grid {
            grid-column-gap: 64px;
            grid-row-gap: 96px;
            column-gap: 64px;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            row-gap: 96px
        }

        .c-landing-grid:after {
            content: none
        }

        .c-landing-grid-item {
            margin-bottom: 0;
            margin-left: 0;
            width: auto
        }

        .c-landing-grid-img {
            max-width: 100%
        }
    }

    @media(min-width:1024px) {
        .c-landing-grid {
            grid-column-gap: 96px;
            grid-row-gap: 128px;
            column-gap: 96px;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            row-gap: 128px
        }
    }
}

.fx-unsupported .menu-desktop {
    display: none
}

.android #menu-browsers .menu-desktop a,
.android #menu-browsers .menu-ios a,
.ios #menu-browsers .menu-android a,
.ios #menu-browsers .menu-desktop a {
    color: #9595a2;
    pointer-events: none
}