body.layout--store--2026 main#main-content {
    padding: 0;
    overflow-x: hidden;
}


body.layout--store--2026.layout--store--students .modal__header.top-section .collection{
   height: auto;
}

body.layout--store--2026.layout--store--students #student-modal .item-selected-value.item-price span{
   display: none;
}

#plans:not(:has(.products-container)) {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1280px;
    padding: 0 16px;
    text-align: center;
    font-family: var(--font-system);
    font-size: 16px;
    line-height: 150%;
    color: var(--neutral-70, #31363B);
}

@media (min-width: 640px) {
    #plans:not(:has(.products-container)) {
        min-height: 850px;
    }
}

@media (min-width: 890px) {
    #plans:not(:has(.products-container)) {
        min-height: 650px;
    }
}

.products-container,
.products-container *,
.products-container *::before,
.products-container *::after {
    box-sizing: border-box;
}

.button-primary,
a.button-primary {
    display: flex;
    padding: 8px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 100%;
    height: 40px;
    border-radius: 999px;
    border: 1px solid var(--subscriptions-main);
    background: var(--subscriptions-main);
    color: var(--neutral-80, #1A1E22);
    font-family: var(--font-system);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}

.button-primary:hover,
a.button-primary:hover,
.button-primary:active,
a.button-primary:active {
    background: var(--subscriptions-dark);
}

.button-primary:focus,
a.button-primary:focus {
    background: var(--subscriptions-dark);
    border: 2px solid var(--button-state-focus);
}

.button-primary:disabled,
a.button-primary:disabled {
    background: var(--neutral-20, #F0F0F0);
    color: var(--neutral-50, #97999C);
}

.button-secondary,
a.button-secondary {
    display: flex;
    padding: 8px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 100%;
    height: 40px;
    border-radius: 999px;
    border: 1px solid var(--neutral-80, #1A1E22);
    background-color: var(--neutral-white);
    color: var(--neutral-80, #1A1E22);
    font-family: var(--font-system);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}

.button-secondary:hover,
a.button-secondary:hover,
.button-secondary:active,
a.button-secondary:active {
    background: var(--button-neutral-9010, rgba(7, 9, 10, 0.10));
}

.button-secondary:focus,
a.button-secondary:focus {
    background: var(--button-neutral-9010, rgba(7, 9, 10, 0.10));
    border: 2px solid var(--button-state-focus);
}

.button-secondary:disabled,
a.button-secondary:disabled {
    background: var(--neutral-20, #F0F0F0);
    border: 1px solid var(--neutral-50, #97999C);
    color: var(--neutral-50, #97999C);
}

.subscribe-google {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 999px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
    background: var(--neutral-white);
    color: var(--neutral-80, #1A1E22);
    font-family: var(--font-system);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

.subscribe-google span.google-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' class='LgbsSe-Bz112c'%3E%3Cg%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'%3E%3C/path%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'%3E%3C/path%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'%3E%3C/path%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h48v48H0z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 18px;
    object-fit: cover;
    margin: 0 8px 0 0;
}

.subscribe-google span.google-text {
    background-image: url("data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129.92 11.57'%3e %3cdefs%3e %3cstyle%3e .cls-1 %7b fill: %233c4043%3b %7d %3c/style%3e %3c/defs%3e %3cpath class='cls-1' d='m7.91%2c7.43c-.41.48-.9.86-1.48%2c1.13-.58.28-1.22.41-1.94.41-.64%2c0-1.23-.11-1.78-.34s-1.02-.54-1.42-.95c-.4-.4-.72-.88-.95-1.42s-.34-1.14-.34-1.78.11-1.22.34-1.77.54-1.02.95-1.43c.4-.4.88-.72%2c1.42-.95s1.14-.34%2c1.78-.34%2c1.26.12%2c1.79.37c.53.24.99.59%2c1.39%2c1.04l-.96.94c-.29-.34-.61-.6-.97-.78-.36-.18-.77-.26-1.25-.26-.42%2c0-.83.07-1.21.22-.38.15-.71.36-.99.64-.28.28-.5.61-.67%2c1.01s-.25.84-.25%2c1.33.08.93.25%2c1.33.39.73.67%2c1.01c.28.28.61.49.99.64.38.15.78.22%2c1.21.22.51%2c0%2c.97-.11%2c1.37-.32s.76-.51%2c1.07-.88l.98.95Z'/%3e %3cpath class='cls-1' d='m11.51%2c2.71c.45%2c0%2c.86.08%2c1.24.23.38.16.7.37.97.65.27.28.48.61.64%2c1s.23.8.23%2c1.25-.08.86-.23%2c1.25c-.15.38-.36.72-.64%2c1-.27.28-.6.5-.97.65-.38.16-.79.23-1.24.23s-.86-.08-1.24-.23c-.38-.16-.7-.37-.97-.65-.27-.28-.48-.61-.64-1-.15-.38-.23-.8-.23-1.25s.08-.86.23-1.25.36-.72.64-1c.27-.28.6-.5.97-.65.38-.16.79-.23%2c1.24-.23Zm0%2c5.03c.22%2c0%2c.44-.04.65-.13.21-.09.39-.21.56-.37s.29-.36.39-.59c.1-.24.14-.5.14-.8s-.05-.56-.14-.8c-.1-.24-.23-.43-.39-.59-.16-.16-.35-.28-.56-.37-.21-.09-.42-.13-.65-.13s-.44.04-.65.13c-.21.09-.39.21-.56.37-.16.16-.29.36-.39.59s-.14.5-.14.8.05.56.14.8c.1.24.23.43.39.59.16.16.35.28.56.37.21.09.42.13.65.13Z'/%3e %3cpath class='cls-1' d='m16.73%2c3.7h.07c.18-.28.43-.51.75-.7.32-.19.69-.28%2c1.1-.28.74%2c0%2c1.3.22%2c1.67.67.37.44.55%2c1.03.55%2c1.77v3.64h-1.33v-3.46c0-.51-.12-.87-.35-1.07-.24-.2-.55-.31-.93-.31-.23%2c0-.44.05-.61.14-.18.1-.33.23-.46.39-.13.16-.22.35-.29.56-.06.21-.1.43-.1.67v3.07h-1.33V2.9h1.26v.79Z'/%3e %3cpath class='cls-1' d='m22.51%2c4.08h-1.03v-1.18h1.03v-1.8h1.33v1.8h1.45v1.18h-1.45v2.69c0%2c.15.02.28.05.41.03.12.08.23.14.31.14.16.31.23.52.23.13%2c0%2c.23-.01.3-.03.07-.02.15-.05.23-.09l.41%2c1.18c-.17.06-.34.11-.53.15-.18.04-.39.05-.62.05-.28%2c0-.53-.04-.74-.13-.22-.09-.4-.21-.56-.37-.34-.35-.52-.83-.52-1.43v-2.96Z'/%3e %3cpath class='cls-1' d='m27.23%2c1.9c-.26%2c0-.47-.09-.64-.26s-.26-.39-.26-.64.09-.46.26-.64c.17-.18.39-.26.64-.26s.46.09.63.26c.17.18.26.39.26.64s-.09.46-.26.64-.38.26-.63.26Zm-.67%2c6.89V2.9h1.33v5.88h-1.33Z'/%3e %3cpath class='cls-1' d='m30.59%2c3.7h.07c.18-.28.43-.51.75-.7.32-.19.69-.28%2c1.1-.28.74%2c0%2c1.3.22%2c1.67.67.37.44.55%2c1.03.55%2c1.77v3.64h-1.33v-3.46c0-.51-.12-.87-.35-1.07-.24-.2-.55-.31-.93-.31-.23%2c0-.44.05-.61.14-.18.1-.33.23-.46.39-.13.16-.22.35-.29.56-.06.21-.1.43-.1.67v3.07h-1.33V2.9h1.26v.79Z'/%3e %3cpath class='cls-1' d='m40.12%2c7.99h-.07c-.18.28-.43.51-.75.7-.32.19-.69.28-1.1.28-.74%2c0-1.3-.22-1.67-.67-.37-.44-.55-1.03-.55-1.77v-3.64h1.33v3.46c0%2c.51.12.87.35%2c1.07.24.2.55.31.93.31.22%2c0%2c.43-.05.61-.14.18-.1.33-.23.46-.39.13-.16.22-.35.29-.56.06-.21.1-.43.1-.67v-3.07h1.33v5.88h-1.26v-.79Z'/%3e %3cpath class='cls-1' d='m46.38%2c8.06h-.07c-.18.23-.4.44-.68.63-.28.19-.64.28-1.07.28-.31%2c0-.6-.05-.88-.15s-.51-.24-.71-.42c-.2-.18-.36-.39-.47-.64-.12-.24-.17-.51-.17-.81%2c0-.31.06-.59.19-.84s.3-.46.52-.62c.22-.17.48-.3.79-.39.3-.09.63-.14.98-.14.39%2c0%2c.72.04.98.11.26.08.46.15.6.21v-.23c0-.18-.04-.34-.11-.49s-.18-.28-.31-.39c-.13-.11-.28-.19-.45-.25s-.34-.09-.53-.09c-.3%2c0-.56.06-.8.17-.24.12-.45.3-.63.56l-1.06-.7c.28-.38.63-.67%2c1.04-.87.42-.2.89-.29%2c1.42-.29.87%2c0%2c1.55.22%2c2.02.65.48.43.71%2c1.05.71%2c1.85v3.58h-1.31v-.72Zm0-1.73c-.18-.1-.37-.19-.59-.25-.22-.06-.46-.1-.74-.1-.42%2c0-.75.1-1%2c.29-.25.19-.37.42-.37.7%2c0%2c.14.03.27.1.38.06.11.15.2.25.28.1.08.22.14.35.18.13.04.27.06.4.06.22%2c0%2c.42-.04.62-.13.2-.08.37-.2.51-.34.14-.14.26-.3.35-.49.09-.18.13-.38.13-.59Z'/%3e %3cpath class='cls-1' d='m48.94%2c2.9h1.26v.89h.07c.07-.15.17-.29.29-.43s.26-.24.42-.34c.16-.09.32-.17.49-.23.17-.06.34-.09.5-.09.19%2c0%2c.36.02.49.05.14.04.26.09.37.15l-.38%2c1.21c-.09-.04-.19-.07-.29-.09s-.24-.03-.39-.03c-.22%2c0-.41.04-.59.13-.18.09-.34.21-.47.36-.14.15-.24.33-.32.54-.08.21-.11.43-.11.66v3.08h-1.33V2.9Z'/%3e %3cpath class='cls-1' d='m61.63%2c7.28c-.11.23-.25.45-.41.65-.16.2-.36.38-.58.54-.22.16-.47.28-.76.37s-.6.13-.95.13c-.45%2c0-.86-.08-1.24-.23-.38-.16-.7-.37-.97-.65-.27-.28-.48-.61-.64-1-.15-.38-.23-.8-.23-1.25s.08-.86.23-1.25.36-.72.64-1c.27-.28.6-.5.97-.65.38-.16.79-.23%2c1.24-.23.34%2c0%2c.66.04.94.13.28.09.54.21.76.37.22.16.41.34.57.54.16.2.29.42.38.64l-1.22.52c-.14-.3-.32-.54-.56-.71-.24-.17-.54-.25-.91-.25-.22%2c0-.44.05-.64.14-.2.09-.38.22-.54.38-.16.16-.28.36-.37.59-.09.23-.14.49-.14.78s.05.55.14.78c.09.23.22.43.37.59.16.16.34.29.54.38.2.09.42.14.64.14.37%2c0%2c.68-.09.94-.26.26-.17.46-.41.61-.71l1.2.52Z'/%3e %3cpath class='cls-1' d='m65.27%2c2.71c.45%2c0%2c.86.08%2c1.24.23.38.16.7.37.97.65.27.28.48.61.64%2c1s.23.8.23%2c1.25-.08.86-.23%2c1.25c-.15.38-.36.72-.64%2c1-.27.28-.6.5-.97.65-.38.16-.79.23-1.24.23s-.86-.08-1.24-.23c-.38-.16-.7-.37-.97-.65-.27-.28-.48-.61-.64-1-.15-.38-.23-.8-.23-1.25s.08-.86.23-1.25.36-.72.64-1c.27-.28.6-.5.97-.65.38-.16.79-.23%2c1.24-.23Zm0%2c5.03c.22%2c0%2c.44-.04.65-.13.21-.09.39-.21.56-.37s.29-.36.39-.59c.1-.24.14-.5.14-.8s-.05-.56-.14-.8c-.1-.24-.23-.43-.39-.59-.16-.16-.35-.28-.56-.37-.21-.09-.42-.13-.65-.13s-.44.04-.65.13c-.21.09-.39.21-.56.37-.16.16-.29.36-.39.59s-.14.5-.14.8.05.56.14.8c.1.24.23.43.39.59.16.16.35.28.56.37.21.09.42.13.65.13Z'/%3e %3cpath class='cls-1' d='m69.23%2c2.9h1.26v.79h.07c.18-.29.44-.52.77-.71s.68-.28%2c1.04-.28c.44%2c0%2c.82.1%2c1.13.31.32.2.55.47.69.8.2-.31.47-.57.8-.79s.74-.32%2c1.21-.32c.36%2c0%2c.67.06.94.17.26.12.48.28.65.49.17.21.3.46.39.75.09.29.13.62.13.98v3.68h-1.33v-3.46c0-.51-.1-.87-.29-1.07-.2-.2-.48-.31-.86-.31-.22%2c0-.41.05-.58.14-.17.1-.32.23-.44.39-.12.16-.21.35-.28.57-.06.22-.1.44-.1.68v3.05h-1.33v-3.46c0-.51-.1-.87-.31-1.07-.2-.2-.5-.31-.88-.31-.21%2c0-.4.05-.56.14-.17.1-.31.23-.43.39s-.21.35-.28.57c-.06.22-.1.44-.1.68v3.05h-1.33V2.9Z'/%3e %3cpath class='cls-1' d='m85%2c2.71c.45%2c0%2c.86.08%2c1.24.23.38.16.7.37.97.65.27.28.48.61.64%2c1s.23.8.23%2c1.25-.08.86-.23%2c1.25c-.15.38-.36.72-.64%2c1-.27.28-.6.5-.97.65-.38.16-.79.23-1.24.23s-.86-.08-1.24-.23c-.38-.16-.7-.37-.97-.65-.27-.28-.48-.61-.64-1-.15-.38-.23-.8-.23-1.25s.08-.86.23-1.25.36-.72.64-1c.27-.28.6-.5.97-.65.38-.16.79-.23%2c1.24-.23Zm0%2c5.03c.22%2c0%2c.44-.04.65-.13.21-.09.39-.21.56-.37s.29-.36.39-.59c.1-.24.14-.5.14-.8s-.05-.56-.14-.8c-.1-.24-.23-.43-.39-.59-.16-.16-.35-.28-.56-.37-.21-.09-.42-.13-.65-.13s-.44.04-.65.13c-.21.09-.39.21-.56.37-.16.16-.29.36-.39.59s-.14.5-.14.8.05.56.14.8c.1.24.23.43.39.59.16.16.35.28.56.37.21.09.42.13.65.13Z'/%3e %3cpath class='cls-1' d='m95.74%2c4.13h4.19c.02.1.03.21.05.33.02.12.02.24.02.37%2c0%2c.51-.08%2c1.02-.24%2c1.52-.16.5-.43.95-.82%2c1.34-.39.41-.85.72-1.38.95-.53.22-1.13.34-1.81.34-.62%2c0-1.2-.11-1.75-.34-.55-.22-1.03-.54-1.43-.94-.41-.4-.73-.87-.97-1.42s-.35-1.15-.35-1.79.12-1.25.35-1.79.56-1.02.97-1.42c.41-.4.89-.71%2c1.43-.94.55-.22%2c1.13-.34%2c1.75-.34.66%2c0%2c1.26.12%2c1.82.35.56.23%2c1.02.56%2c1.4.97l-.95.95c-.28-.31-.61-.55-.99-.72-.38-.17-.81-.25-1.29-.25-.41%2c0-.8.08-1.18.23-.38.15-.71.37-1%2c.64-.29.28-.52.61-.68%2c1-.17.39-.25.83-.25%2c1.32s.08.93.25%2c1.32c.17.39.4.73.68%2c1%2c.29.28.62.49%2c1%2c.64s.77.23%2c1.19.23c.55%2c0%2c1-.08%2c1.34-.25.34-.17.63-.36.86-.59.17-.16.32-.37.44-.63.13-.26.21-.55.25-.86h-2.9v-1.22Z'/%3e %3cpath class='cls-1' d='m103.82%2c2.71c.45%2c0%2c.86.08%2c1.24.23.38.16.7.37.97.65.27.28.48.61.64%2c1s.23.8.23%2c1.25-.08.86-.23%2c1.25c-.15.38-.36.72-.64%2c1-.27.28-.6.5-.97.65-.38.16-.79.23-1.24.23s-.86-.08-1.24-.23c-.38-.16-.7-.37-.97-.65-.27-.28-.48-.61-.64-1-.15-.38-.23-.8-.23-1.25s.08-.86.23-1.25.36-.72.64-1c.27-.28.6-.5.97-.65.38-.16.79-.23%2c1.24-.23Zm0%2c5.03c.22%2c0%2c.44-.04.65-.13.21-.09.39-.21.56-.37s.29-.36.39-.59c.1-.24.14-.5.14-.8s-.05-.56-.14-.8c-.1-.24-.23-.43-.39-.59-.16-.16-.35-.28-.56-.37-.21-.09-.42-.13-.65-.13s-.44.04-.65.13c-.21.09-.39.21-.56.37-.16.16-.29.36-.39.59s-.14.5-.14.8.05.56.14.8c.1.24.23.43.39.59.16.16.35.28.56.37.21.09.42.13.65.13Z'/%3e %3cpath class='cls-1' d='m110.64%2c2.71c.45%2c0%2c.86.08%2c1.24.23.38.16.7.37.97.65.27.28.48.61.64%2c1s.23.8.23%2c1.25-.08.86-.23%2c1.25c-.15.38-.36.72-.64%2c1-.27.28-.6.5-.97.65-.38.16-.79.23-1.24.23s-.86-.08-1.24-.23c-.38-.16-.7-.37-.97-.65-.27-.28-.48-.61-.64-1-.15-.38-.23-.8-.23-1.25s.08-.86.23-1.25.36-.72.64-1c.27-.28.6-.5.97-.65.38-.16.79-.23%2c1.24-.23Zm0%2c5.03c.22%2c0%2c.44-.04.65-.13.21-.09.39-.21.56-.37s.29-.36.39-.59c.1-.24.14-.5.14-.8s-.05-.56-.14-.8c-.1-.24-.23-.43-.39-.59-.16-.16-.35-.28-.56-.37-.21-.09-.42-.13-.65-.13s-.44.04-.65.13c-.21.09-.39.21-.56.37-.16.16-.29.36-.39.59s-.14.5-.14.8.05.56.14.8c.1.24.23.43.39.59.16.16.35.28.56.37.21.09.42.13.65.13Z'/%3e %3cpath class='cls-1' d='m117.38%2c11.57c-.41%2c0-.77-.05-1.09-.16s-.59-.25-.82-.41c-.23-.17-.42-.36-.57-.56s-.26-.41-.33-.6l1.27-.52c.11.31.3.57.58.76.27.2.59.29.96.29.55%2c0%2c.98-.16%2c1.29-.48.31-.32.46-.77.46-1.35v-.48h-.07c-.18.26-.44.48-.76.66-.32.18-.7.26-1.13.26-.36%2c0-.71-.08-1.04-.23s-.63-.37-.89-.64c-.26-.27-.47-.61-.62-.99s-.23-.81-.23-1.27.08-.88.23-1.27c.15-.38.36-.71.62-.99.26-.27.56-.49.89-.64.34-.15.68-.23%2c1.04-.23.43%2c0%2c.81.09%2c1.13.26.32.18.58.4.76.66h.07v-.73h1.28v5.54c0%2c.5-.08.95-.23%2c1.34-.16.39-.37.71-.64.98s-.59.46-.96.6c-.37.14-.77.2-1.21.2Zm.05-3.83c.22%2c0%2c.43-.04.64-.12.21-.08.39-.2.55-.37.16-.16.28-.36.38-.6.1-.24.14-.51.14-.82s-.05-.57-.14-.81c-.1-.24-.22-.44-.38-.6-.16-.16-.34-.28-.55-.37s-.42-.13-.64-.13-.44.04-.64.13c-.2.09-.39.21-.55.37s-.29.36-.38.6-.14.5-.14.8.05.57.14.8c.1.24.22.43.38.6s.34.29.55.37c.2.09.42.13.64.13Z'/%3e %3cpath class='cls-1' d='m121.76%2c8.78V.19h1.33v8.59h-1.33Z'/%3e %3cpath class='cls-1' d='m129.83%2c7.38c-.25.46-.6.84-1.06%2c1.14-.46.3-1.02.46-1.68.46-.44%2c0-.85-.08-1.22-.23-.37-.16-.69-.37-.97-.65-.27-.28-.48-.61-.64-.99s-.23-.8-.23-1.25c0-.42.07-.83.22-1.21.14-.38.35-.71.61-1%2c.26-.28.57-.51.94-.68.37-.17.78-.25%2c1.22-.25s.86.08%2c1.22.23c.36.15.66.36.91.64.25.27.44.6.57.98.13.38.2.8.2%2c1.26v.11s-.01.08-.01.11c0%2c.03-.01.06-.01.1h-4.52c.02.28.09.52.2.73.11.21.25.38.41.52.16.14.35.24.55.3.2.06.4.1.59.1.38%2c0%2c.7-.09.95-.28.25-.18.45-.41.61-.68l1.14.56Zm-1.24-2.27c-.02-.12-.05-.25-.11-.4-.06-.15-.15-.28-.28-.41s-.28-.23-.48-.32c-.2-.09-.43-.13-.71-.13-.38%2c0-.71.11-.99.34s-.46.53-.56.92h3.13Z'/%3e %3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 142px;
    height: 20px;
    object-fit: cover;
    margin: 2px 8px 0 0;
}

.subscribe-with-google-btn {
    display: none;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 42px;
    margin: 12px 0 0;
    padding: 0 16px;
    border: none;
    border-radius: 999px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
    background-color: var(--neutral-white);
    transition: box-shadow 0.05s linear;
}

.subscribe-with-google-btn span {
    color: var(--neutral-black, #000);
    font-family: var(--font-system);
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
}

.subscribe-with-google-btn svg {
    display: flex;
    width: auto;
    height: 16px;
    margin: 2px 0 0 4px;
}

.subscribe-with-google-btn:hover {
    cursor: pointer;
}

.subscribe-with-google-btn:active {
    background-color: #eeeeee;
}

.subscribe-with-google-btn:focus {
    outline: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
}

.product.mini-off .subscribe-with-google-btn {
    margin: 0;
}

.product.mini-off,
.mini-off {
    display: none !important;
}

.products-container .products-wrapper .header a {
    color: var(--neutral-80, #1A1E22);
    text-align: center;
    font-family: var(--font-system);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}

.products-container .products-wrapper .product,
.products-container .products-wrapper .product-highlight {
    position: relative;
}

.products-container .products-wrapper .product .flag,
.products-container .products-wrapper .product-highlight .flag {
    position: absolute;
    width: auto;
    height: 24px;
    margin-top: calc(-24px - 24px);
    margin-left: calc(-24px - 1px);
    padding: 6px;
    border-radius: 1.905px;
    background: var(--brand-primary, #D10019);
    color: var(--neutral-white);
    font-family: var(--font-system);
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    text-transform: uppercase;
}

.products-container .products-wrapper .product-highlight .flag {
    margin-left: calc(-24px - 3px);
}

.products-container .products-wrapper .product a,
.products-container .products-wrapper .product a:visited,
.products-container .products-wrapper .product-highlight a,
.products-container .products-wrapper .product-highlight a:visited {
    color: var(--neutral-80, #1A1E22);
}

.products-container .products-wrapper .product h4 b,
.products-container .products-wrapper .product-highlight h4 b {
    font-weight: 600;
}

section.products-container h4 s {
    color: var(--neutral-60, #64676B);
    font-weight: lighter;
    margin-right: 12px;
}

.last-section a {
    display: none;
}

@media (max-width: 889px) {
    .bg {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 570px;
        background-color: var(--store-bg-color);
        background-image: var(--store-bg-small);
        background-size: auto 400px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .products-container {
        position: relative;
        z-index: 10;
        padding: 41px 16px 24px 16px;
    }

    .products-container .products-wrapper .header {
        margin-bottom: 173px;
    }

    .products-container .products-wrapper .header h1 {
        color: var(--store-title-color);
        font-family: var(--font-publico);
        font-size: 26px;
        font-weight: 700;
        line-height: 125%;
        margin-bottom: 8px;
    }

    .products-container .products-wrapper .header p {
        color: var(--store-copy-color);
        font-family: var(--font-system);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 14px;
    }

    .products-container .products-wrapper .product,
    .products-container .products-wrapper .product-highlight {
        flex: 1 100%;
        display: block;
        width: 100%;
        padding: 24px;
        margin: 0 0 24px 0;
        border: 1px solid var(--border-color-regular);
        background: var(--card-bg);
    }

    .products-container .products-wrapper .product-highlight {
        border: 3px solid var(--border-color-highlighted);
    }

    .product-minifier .product:nth-child(n + 4) {
        display: none;
    }

    .products-container .products-wrapper .product h3,
    .products-container .products-wrapper .product-highlight h3 {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        font-family: var(--font-system);
        font-size: 18px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -0.36px;
        margin: 0;
    }

    .products-container .products-wrapper .product h4,
    .products-container .products-wrapper .product-highlight h4 {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        font-family: var(--font-system);
        font-size: 30px;
        font-weight: 600;
        line-height: 125%;
        margin: 0 0 16px 0;
    }

    .products-container .products-wrapper .product h4 span,
    .products-container .products-wrapper .product-highlight h4 span {
        flex: 1 100%;
        color: var(--neutral-60, #64676B);
        font-family: var(--font-system);
        font-size: 14px;
        font-weight: 400;
        line-height: 110%;
        margin: 0 0 0 9px;
    }

    .products-container .products-wrapper .product p:nth-of-type(1),
    .products-container .products-wrapper .product-highlight p:nth-of-type(1) {
        display: none;
        flex: 1 100%;
        color: var(--neutral-60, #64676B);
        text-align: center;
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin: 4px 0 4px 0;
    }

    .products-container .products-wrapper .product p:nth-of-type(2),
    .products-container .products-wrapper .product-highlight p:nth-of-type(2) {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        text-align: center;
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin: 16px 0 14px 0;
    }

    .products-container .products-wrapper .product p:nth-of-type(3),
    .products-container .products-wrapper .product-highlight p:nth-of-type(3) {
        flex: 1 100%;
        color: var(--neutral-60, #64676B);
        text-align: center;
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin: 0;
    }

    .products-container .products-wrapper .product.custom-cancel-text p:nth-of-type(2),
    .products-container .products-wrapper .product-highlight.custom-cancel-text p:nth-of-type(2) {
        color: var(--neutral-60, #64676B);
        margin: 0;
    }

    .products-container .products-wrapper .product.custom-cancel-text p:nth-of-type(3),
    .products-container .products-wrapper .product-highlight.custom-cancel-text p:nth-of-type(3) {
        color: var(--neutral-80, #1A1E22);
        margin: 16px 0 14px 0;
    }

    .view-all-wrapper a {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        text-decoration: none;
        margin: 0;
    }

    .payments-wrapper {
        padding: 18px 0 32px 0;
        width: 100%;
    }

    .payments-wrapper img {
        width: 40px;
        height: auto;
        margin-right: 4px;
    }

    .product-minifier {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-flow: row wrap;
    }

    .product-minifier.active {
        justify-content: space-between;
        width: 100%;
    }

    .product-minifier.active .product {
        flex: initial;
        width: calc((100% - 10px) / 2);
        padding: 12px;
        margin: 0 0 16px 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.75033 7.33398V1.33398H7.41699V7.33398H1.41699V8.66732H7.41699V14.6673H8.75033V8.66732H14.7503V7.33398H8.75033Z' fill='%231A1E22'/%3E%3C/svg%3E");
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: right 12px top 12px;
    }

    .product-minifier.active .product h3 {
        height: 20px;
        max-width: 80%;
        overflow: hidden;
        font-size: 16px;
        line-height: 125%;
        white-space: nowrap;
    }

    .product-minifier.active .product h4 {
        width: 100%;
        margin: 0;
        font-size: 16px;
        line-height: 125%;
    }

    .product-minifier.active .product h4 span {
        color: var(--neutral-60, #64676B);
        text-align: center;
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 125%;
        margin: 0 0 0 4px;
    }

    .product-minifier.active .product a,
    .product-minifier.active .product p {
        display: none;
    }

    .product-minifier.active .product.amplify {
        width: auto;
        flex: 0 100%;
        padding: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33301 7.33398H14.6663V8.66732H1.33301V7.33398Z' fill='%231A1E22'/%3E%3C/svg%3E");
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: right 12px top 12px;
    }

    .product-minifier.active .product.amplify h3,
    .product-minifier.active .product.amplify a {
        display: flex;
        width: 100%;
    }

    .product-minifier.active .product.amplify p {
        display: block;
    }

    .product-minifier.active .product.amplify h3 {
        max-width: 90%;
        height: 27px;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: -0.36px;
        margin-bottom: 4px;
    }

    .product-minifier.active .product.amplify h4 {
        font-size: 30px;
        line-height: 125%;
        margin-bottom: 12px;
    }

    .product-minifier.active .product.amplify span {
        font-size: 13px;
        line-height: 110%;
    }
}

@media (min-width: 640px) and (max-width: 889px) {
    .bg {
        height: 330px;
        background-image: var(--store-bg-medium);
        background-size: auto 330px;
        background-position: right bottom;
    }

    .products-container .products-wrapper .header {
        width: 45%;
        margin-bottom: 54px;
    }

    .products-container .products-wrapper .header p {
        margin-bottom: 14px;
    }

    .product-minifier {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-flow: row wrap;
        width: 100%;
    }

    .products-container .products-wrapper .product-minifier .product:nth-child(2),
    .products-container .products-wrapper .product-minifier .product:nth-child(3) {
        flex: none;
        width: calc((100% - 24px) / 2);
    }

    .products-container .products-wrapper .product-minifier.active .product:nth-child(2),
    .products-container .products-wrapper .product-minifier.active .product:nth-child(3) {
        width: 100%;
    }

    .last-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row wrap;
        padding: 0 0 24px 0;
    }

    .last-section .view-all-wrapper {
        flex: 0 50%;
        padding: 0;
    }

    .last-section .payments-wrapper {
        flex: 0 50%;
        padding: 0;
        justify-content: flex-end;
    }

    .last-section .payments-wrapper img {
        width: 40px;
        height: auto;
        margin-left: 4px;
        margin-right: 0;
    }
}

@media (min-width: 890px) {
    .bg {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 420px;
        background-color: var(--store-bg-color);
        background-image: var(--store-bg-mediumlarge);
        background-size: auto 420px;
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .products-container {
        position: relative;
        z-index: 10;
        padding: 74px 16px 24px 16px;
    }

    .products-container .products-wrapper .header {
        width: 412px;
        margin-bottom: 14px;
    }

    .products-container .products-wrapper .header h1 {
        color: var(--store-title-color);
        font-family: var(--font-publico);
        font-size: 40px;
        font-weight: 500;
        line-height: 115%;
        margin: 0 0 12px 0;
    }

    .products-container .products-wrapper .header p {
        color: var(--store-copy-color);
        font-family: var(--font-system);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        margin: 0 0 14px 0;
    }

    .product-minifier {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-flow: row wrap;
        width: 100%;
    }

    .products-container .products-wrapper .product-highlight .flag {
        margin-top: calc(-48px - 24px);
    }

    .products-container .products-wrapper .product,
    .products-container .products-wrapper .product-highlight {
        width: calc((100% - 24px - 24px - 36%) / 2);
        padding: 24px;
        margin: 0 0 24px 0;
        border: 1px solid var(--border-color-regular);
        background: var(--card-bg);
    }

    .products-container .products-wrapper .product-highlight {
        width: 36%;
        padding: 48px 24px 41px 24px;
        border: 3px solid var(--border-color-highlighted);
    }

    .product-minifier .product:nth-child(n + 4) {
        display: none;
    }

    .product-minifier .product:nth-child(2) {
        order: 1;
    }

    .product-minifier .product-highlight {
        order: 2;
        margin: 0 0 17px 0;
    }

    .product-minifier .product:nth-child(n + 3) {
        order: 3;
    }

    .products-container .products-wrapper .product h3,
    .products-container .products-wrapper .product-highlight h3 {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        font-family: var(--font-system);
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -0.36px;
        margin: 0 0 4px 0;
    }

    .products-container .products-wrapper .product h4,
    .products-container .products-wrapper .product-highlight h4 {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        font-family: var(--font-system);
        font-size: 30px;
        font-weight: 600;
        line-height: 125%;
        margin: 0 0 19px 0;
    }

    .products-container .products-wrapper .product h4 span,
    .products-container .products-wrapper .product-highlight h4 span {
        flex: 1 100%;
        color: var(--neutral-60, #64676B);
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 110%;
        margin: 0 0 0 10px;
    }

    .products-container .products-wrapper .product p:nth-of-type(1),
    .products-container .products-wrapper .product-highlight p:nth-of-type(1) {
        display: none;
        flex: 1 100%;
        color: var(--neutral-60, #64676B);
        text-align: center;
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin: 4px 0 4px 0;
    }

    .products-container .products-wrapper .product p:nth-of-type(2),
    .products-container .products-wrapper .product-highlight p:nth-of-type(2) {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        text-align: center;
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin: 16px 0 12px 0;
    }

    .products-container .products-wrapper .product p:nth-of-type(3),
    .products-container .products-wrapper .product-highlight p:nth-of-type(3) {
        flex: 1 100%;
        color: var(--neutral-60, #64676B);
        text-align: center;
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        margin: 0;
    }

    .products-container .products-wrapper .product.custom-cancel-text p:nth-of-type(2),
    .products-container .products-wrapper .product-highlight.custom-cancel-text p:nth-of-type(2) {
        color: var(--neutral-60, #64676B);
        margin: 0;
    }

    .products-container .products-wrapper .product.custom-cancel-text p:nth-of-type(3),
    .products-container .products-wrapper .product-highlight.custom-cancel-text p:nth-of-type(3) {
        color: var(--neutral-80, #1A1E22);
        margin: 16px 0 12px 0;
    }

    .last-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row wrap;
        padding: 0 0 24px 0;
    }

    .view-all-wrapper {
        flex: 0 auto;
    }

    .view-all-wrapper a {
        flex: 1 100%;
        color: var(--neutral-80, #1A1E22);
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        text-decoration: none;
        margin: 0;
    }

    .payments-wrapper {
        flex: 0 50%;
        display: flex;
        justify-content: flex-end;
    }

    .payments-wrapper img {
        width: 38px;
        height: auto;
        margin-left: 4px;
    }

    .product-minifier.active-large .product-highlight {
        margin: 0 0 24px 0;
    }

    .product-minifier.active-large .product:nth-child(n + 4) {
        display: block;
        width: calc((100% - 24px - 24px) / 3);
    }

    .product-minifier.active-large .product:nth-child(n + 4) h4 {
        color: var(--neutral-60, #64676B);
        font-family: var(--font-system);
        font-size: 13px;
        font-weight: 400;
        line-height: 110%;
        margin: 0 0 16px 0;
    }

    .product-minifier.active-large .product:nth-child(n + 4) h4 b {
        display: none;
    }

    .product-minifier.active-large .product:nth-child(n + 4) h4 span {
        margin: 0;
    }

    .product-minifier.active-large .product:nth-child(n + 4) p {
        display: none;
    }

    .product-minifier.active-large .product:nth-child(n + 4) a.button-secondary {
        margin: 0 0 8px 0;
    }
}

@media (min-width: 1050px) {
    .products-container {
        max-width: 1024px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .products-container .products-wrapper .header {
        width: 496px;
        margin-bottom: 54px;
    }

    .products-container .products-wrapper .header p {
        margin: 0 0 14px 0;
    }

    .products-container .products-wrapper .product,
    .products-container .products-wrapper .product-highlight {
        padding: 24px 34px;
    }

    .products-container .products-wrapper .product-highlight {
        padding: 48px 34px 41px 34px;
    }

    .products-container .products-wrapper .product .flag {
        margin-left: calc(-34px - 1px);
    }

    .products-container .products-wrapper .product-highlight .flag {
        margin-left: calc(-34px - 3px);
    }
}

@media (min-width: 1340px) {
    .bg {
        background-image: var(--store-bg-extralarge);
        background-size: 1440px 420px;
        background-position: center bottom;
    }

    .products-container {
        max-width: 1288px;
    }

    .products-container .products-wrapper .header {
        width: 562px;
    }

    .products-container .products-wrapper .header p,
    .products-container .products-wrapper .header a {
        width: 514px;
    }

    .products-container .products-wrapper .product-highlight {
        padding: 48px 62px 48px 62px;
    }

    .products-container .products-wrapper .product-highlight .flag {
        margin-left: calc(-62px - 3px);
    }

    .products-container .products-wrapper .product-highlight h3 {
        letter-spacing: -0.4px;
        margin: 0;
    }

    .products-container .products-wrapper .product-highlight h4 {
        margin: 0 0 12px 0;
    }

    .product-minifier .product-highlight {
        margin: 0 0 6px 0;
    }

    .product-minifier.active-large .product-highlight {
        padding: 48px 62px 24px 62px;
    }

    .product-minifier.active-large .product:nth-child(n + 4) div.large-flex {
        display: flex;
    }

    .product-minifier.active-large .product:nth-child(n + 4) h3 {
        flex: 0 auto;
        margin: 0 0 16px 0;
    }

    .product-minifier.active-large .product:nth-child(n + 4) h4 {
        flex: 0 auto;
        margin: 8px 0 0 8px;
    }

    .product-minifier.active-large .product:nth-child(n + 4) a.button-secondary {
        flex: 0 50%;
        margin: 0 6px 0 0;
    }

    .product-minifier.active-large .product:nth-child(n + 4) a.subscribe-google {
        flex: 0 50%;
        margin: 0 0 0 6px;
    }

    .product-minifier.active-large .product:nth-child(n + 4) a.subscribe-google .google-logo {
        order: 2;
        margin: 0 0 0 8px;
    }

    .product-minifier.active-large .product:nth-child(n + 4) a.subscribe-google .google-text {
        order: 1;
        width: 90px;
        height: 13px;
        margin: 3px 0 0 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
        object-fit: none;
    }
}

.bg-2 {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 450px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}

#img_small,
#img_medium,
#img_mediumlarge,
#img_extralarge {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

#img_small {
    max-width: 220px;
}

#img_medium,
#img_mediumlarge,
#img_extralarge {
    display: none;
}

#img_small svg:not(:first-child),
#img_medium svg:not(:first-child),
#img_mediumlarge svg:not(:first-child),
#img_extralarge svg:not(:first-child) {
    display: none;
}

#img_small svg,
#img_medium svg,
#img_mediumlarge svg,
#img_extralarge svg {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    transform: none !important;
}

#img_small svg path[fill="rgb(255,255,255)"],
#img_medium svg path[fill="rgb(255,255,255)"],
#img_mediumlarge svg path[fill="rgb(255,255,255)"],
#img_extralarge svg path[fill="rgb(255,255,255)"] {
    fill: var(--store-bg-color) !important;
}

@media (min-width: 640px) and (max-width: 889px) {
    .bg-2 {
        height: 335px;
        justify-content: flex-end;
    }

    #img_medium {
        display: flex;
        max-width: 295px;
    }

    #img_small,
    #img_mediumlarge,
    #img_extralarge {
        display: none;
    }
}

@media (min-width: 890px) {
    .bg-2 {
        height: 420px;
        justify-content: flex-end;
    }

    #img_mediumlarge {
        display: flex;
        max-width: 420px;
    }

    #img_small,
    #img_medium,
    #img_extralarge {
        display: none;
    }
}

@media (min-width: 1340px) {
    #img_extralarge {
        display: flex;
        max-width: unset;
        height: 420px;
        margin: 0 auto;
    }

    #img_small,
    #img_medium,
    #img_mediumlarge {
        display: none;
    }
}

#modal-warning-piracy {
    padding: 0;
}

.modal__content {
    padding: 1.875rem;
    background: #fff;
}

.modal__header .collection {
    width: 100%;
    height: 157px;
    background: var(--subscriptions-light, #FFFCEF);
    background-size: cover;
    background-position: center;
}

h3.content__wrapper__title {
    color: var(--neutral-90, #07090A);
    text-align: center;
    font-family: var(--font-system);
    font-size: 1.3rem;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.00263rem;
    text-transform: uppercase;
    margin-bottom: 1.69rem;
}

div.content-info-wrapper p {
    color: var(--neutral-80, #1A1E22);
    font-family: var(--font-system);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.content-info-wrapper p:first-child {
    font-weight: 700;
}

.login-form__control--submit {
    display: flex;
    height: 40px;
}

@media screen and (max-width: 599px) {
    .modal__content {
        padding: 1rem;
    }

    input.login-form__button {
        width: 100%;
    }

    #modal-warning-piracy {
        top: 0 !important;
        height: 100%;
    }
}

@media print, screen and (min-width: 1024px) {
    .reveal {
        width: 735px;
    }
}

#modal-warning-piracy .login-form__control--submit .login-form__button {
    margin-bottom: 0;
    margin-top: 0;
}

.login-form__button {
    border-radius: 100px;
    width: 300px;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
}

#student-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media (min-width: 790px) {
    .reveal.modal--user-student {
        width: 45rem;
        max-width: 72.5rem;
    }

    .login-student-form,
    .login-student-form__input-group input[type="text"],
    .login-student-form__input-group input[type="email"],
    .login-student-form__input-group input[type="password"],
    .register-student-form__input-group input[type="text"],
    .register-student-form__input-group input[type="email"],
    .register-student-form__input-group input[type="password"],
    .register-student-form__input-group input[type="number"],
    .login-student-form-pass,
    .register-student-form-pass,
    .user-student-login {
        width: 23rem;
    }
}

.reveal.modal--user-student,
.modal--user-student {
    padding: 0;
    position: relative;
}

.modal--user-student .close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: transparent;
    border: none;
    line-height: 1;
    font-size: 1.25rem;
    color: #8A8A8A;
    cursor: pointer;
}

#subs2026 #checkout-modal,
#subs2026 #student-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#subs2026 #checkout-modal::-webkit-scrollbar,
#subs2026 #student-modal::-webkit-scrollbar {
    display: none;
}

#subs2026 #checkout-modal[hidden],
#subs2026 #student-modal[hidden] {
    display: none;
}

#subs2026 .modal-box {
    width: 100%;
    max-width: 740px;
    margin: 63px auto;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@media (max-width: 599px) {
    #subs2026 .modal-box {
        margin: 0;
        max-width: none;
        min-height: 100dvh;
    }
}

@media (min-width: 768px) {
    .modal__header.top-section {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .modal__header .collection .item:last-child {
        margin-top: 0.5rem;
    }
}

.modal__header,
.modal__content {
    padding: 2rem 2.44rem;
}

.modal__header {
    background: var(--subscriptions-light, #FFFCEF);
}

.header-section {
    text-align: left;
    padding-left: 0.75rem;
    border-right: 1px solid #E3E4E4;
}

.header-section-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.section-3 {
    border-right: none;
}

.header-section h2 {
    margin: 0;
}

.modal__header__info {
    color: var(--neutral-90, #07090A);
    font-family: var(--font-system);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 0;
}

.header-section .header-section-content .header-section-content-1 {
    color: #000;
    font-family: var(--font-system);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 130%;
    width: 8.25rem;
    margin-right: 0.75rem;
}

.header-section .header-section-content .header-section-content-2 {
    color: #000;
    font-family: var(--font-system);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.0225rem;
}

.header-section .header-section-content .header-section-content-3 {
    color: var(--neutral-60, #64676B);
    font-family: var(--font-system);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 130%;
}

.header-section.section-1 {
    display: flex;
}

.header-section.section-1 .header-section-1-image img {
    width: 7.2935rem;
    height: 3.8125rem;
    margin-right: 2rem;
}

.user-student-login {
    margin: 0 auto;
}

.user-student-login h3.user-student-login__title,
.user-student-login h3.user-student-register__title {
    color: var(--neutral-90, #07090A);
    text-align: center;
    font-family: var(--font-system);
    font-size: 1.3rem;
    font-weight: 590;
    line-height: normal;
    letter-spacing: -0.00263rem;
    text-transform: uppercase;
    margin-bottom: 1.75rem;
}

.user-student-login p.user-student-login__info {
    color: #000;
    text-align: center;
    font-family: var(--font-system);
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
}

.login-student-form {
    padding-top: 2rem;
    margin: 0 auto;
}

.login-student-form .login-student-form__controls .login-student-form__input-group .login-student-form__label {
    color: #000;
    font-family: var(--font-system);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0.25rem;
}

.login-student-form__input-group input[type="text"],
.login-student-form__input-group input[type="email"],
.login-student-form__input-group input[type="password"],
.register-student-form__input-group input[type="text"],
.register-student-form__input-group input[type="email"],
.register-student-form__input-group input[type="password"],
.register-student-form__input-group input[type="number"] {
    border: none;
    border-bottom: 1px solid var(--neutral-40, #CACBCC);
    height: 2.5rem;
    color: var(--neutral-90, #07090A);
    font-family: var(--font-system);
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    box-shadow: none;
    padding: 0 0.5rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

.form-field input[type="checkbox"] {
    margin: 0;
}

.form-field.checkbox {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.form-field.checkbox input[type="checkbox"] {
    margin-right: .5rem;
}

input[type="checkbox"] + label {
    font-weight: 400;
}

div.form-field input[type="checkbox"] {
    margin: 4px 0 0;
}

div.form-field.checkbox label {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #07090A;
    font-family: var(--font-system);
}

.login-student-form__input-group input[type="text"]:focus,
.login-student-form__input-group input[type="email"]:focus,
.login-student-form__input-group input[type="password"]:focus,
.register-student-form__input-group input[type="text"]:focus,
.register-student-form__input-group input[type="email"]:focus,
.register-student-form__input-group input[type="password"]:focus,
.register-student-form__input-group input[type="number"]:focus {
    outline: none;
    box-shadow: none;
}

input::placeholder {
    color: var(--neutral-50, #97999C);
    font-family: var(--font-system);
    font-size: 1rem;
}

.login-student-form__submit,
.register-student-form__submit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-student-form__submit input,
.register-student-form__submit input {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    border-radius: 6.25rem;
    background: var(--brand-primary, #D10019);
    color: var(--neutral-10, #FCFCFC);
    text-align: center;
    font-family: var(--font-system);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25rem;
    border: none;
    padding: 0.5625rem 1.5rem 0.625rem 1.5rem;
    margin-bottom: 1rem;
    cursor: pointer;
    width: 9.9375rem;
}

.login-student-form__cta-text.help-text,
.login-student-form__cta-text.help-text a {
    color: var(--neutral-60, #64676B);
    text-align: center;
    font-family: var(--font-system);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 150%;
}

.stepper__wrapper .c-stepper {
    display: flex;
}

.stepper__wrapper .c-stepper__item {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;
}

.stepper__wrapper .c-stepper__item:not(:last-child):after {
    content: "";
    position: relative;
    top: calc(var(--circle-size, 1.99988rem) / 2);
    width: calc(100% - var(--circle-size, 1.99988rem) - calc(var(--spacing, 0rem) * 2));
    left: calc(50% + calc(var(--circle-size, 1.99988rem) / 2 + var(--spacing, 0rem)));
    height: 1px;
    background: #CACBCC;
    order: -1;
}

.stepper__wrapper .c-stepper__item.step_first:before {
    content: "";
    display: block;
    width: var(--circle-size, 1.99988rem);
    height: var(--circle-size, 1.99988rem);
    background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="15.9991" cy="15.9991" r="15.6355" transform="rotate(90 15.9991 15.9991)" fill="white" stroke="%2307090A" stroke-width="0.727231"></circle><g clip-path="url(%23clip0_437_13908)"><path d="M18.2953 17.7723C17.5538 17.7723 17.1959 18.1813 15.9943 18.1813C14.7926 18.1813 14.4347 17.7723 13.6933 17.7723C11.8013 17.7723 10.2673 19.3063 10.2673 21.1982V21.863C10.2673 22.5533 10.8298 23.0902 11.4945 23.0902H20.494C21.1843 23.0902 21.7212 22.5533 21.7212 21.863V21.1982C21.7212 19.3063 20.1872 17.7723 18.2953 17.7723ZM20.494 21.863H11.4945V21.1982C11.4945 19.9966 12.4916 18.9995 13.6933 18.9995C14.0768 18.9995 14.6904 19.4086 15.9943 19.4086C17.3237 19.4086 17.9118 18.9995 18.2953 18.9995C19.4969 18.9995 20.494 19.9966 20.494 21.1982V21.863ZM15.9943 17.3632C18.0396 17.3632 19.6759 15.7269 19.6759 13.6816C19.6759 11.6618 18.0396 10 15.9943 10C13.9745 10 12.3127 11.6618 12.3127 13.6816C12.3127 15.7269 13.9745 17.3632 15.9943 17.3632ZM15.9943 11.2272C17.3493 11.2272 18.4487 12.3266 18.4487 13.6816C18.4487 15.0366 17.3493 16.136 15.9943 16.136C14.6392 16.136 13.5399 15.0366 13.5399 13.6816C13.5399 12.3266 14.6392 11.2272 15.9943 11.2272Z" fill="%2307090A"></path></g><defs><clipPath id="clip0_437_13908"><rect width="13.0902" height="13.0902" fill="white" transform="translate(9.44922 10)"></rect></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 0rem;
    z-index: 1;
}

.stepper__wrapper .c-stepper__item.step_second:before {
    content: "";
    display: block;
    width: var(--circle-size, 1.99988rem);
    height: var(--circle-size, 1.99988rem);
    background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="15.9991" cy="15.9991" r="15.6355" transform="rotate(90 15.9991 15.9991)" fill="white" stroke="%23CACBCC" stroke-width="0.727231"></circle><path d="M16 13H11V14H16V13Z" fill="%23CACBCC"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.8056 11H21.1944C22.1916 11 23 11.8084 23 12.8056V18.1944C23 19.1916 22.1916 20 21.1944 20H10.8056C9.80837 20 9 19.1916 9 18.1944V12.8056C9 11.8084 9.80838 11 10.8056 11ZM10.8056 12C10.3607 12 10 12.3607 10 12.8056V16H22V12.8056C22 12.3607 21.6393 12 21.1944 12H10.8056ZM10 18.1944V17H22V18.1944C22 18.6393 21.6393 19 21.1944 19H10.8056C10.3607 19 10 18.6393 10 18.1944Z" fill="%23CACBCC"></path></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 0rem;
}

.stepper__wrapper .c-stepper__item.step_third:before {
    content: "";
    display: block;
    width: var(--circle-size, 1.99988rem);
    height: var(--circle-size, 1.99988rem);
    background-image: url('data:image/svg+xml;utf8,<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16.998" cy="16.002" r="15.6383" transform="rotate(90 16.998 16.002)" stroke="%23CACBCC" stroke-width="0.727362"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4277 15.7195L15.5586 20.5244L23.2095 10L24.288 10.784L15.6462 22.6714L10.4166 16.5887L11.4277 15.7195Z" fill="%23CACBCC"></path></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 0rem;
}

.stepper__wrapper .c-stepper__item.stepper_error:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="15.999" cy="15.9991" r="15.6355" transform="rotate(90 15.999 15.9991)" fill="white" stroke="%2307090A" stroke-width="0.727231"></circle><path d="M12.75 16.6667H19.4167V18.0001H12.75V16.6667Z" fill="%231A1E22"></path><path d="M19.4167 19.3334H12.75V20.6667H19.4167V19.3334Z" fill="%231A1E22"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 8.66675H17.7289L21.4167 13.092V23.3334H10.75V8.66675ZM12.0833 10.0001V22.0001H20.0833V14.0001H16.75V10.0001H12.0833ZM18.0833 11.1748L19.3266 12.6667H18.0833V11.1748Z" fill="%231A1E22"></path></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    width: var(--circle-size, 1.99988rem);
    height: var(--circle-size, 1.99988rem);
    margin: 0 auto 0rem;
}

.stepper__wrapper {
    margin-bottom: 1rem;
}

.login-student-form-pass,
.register-student-form-pass {
    margin: 0 auto;
}

.login-student-form-pass .login-student-form__label,
.register-student-form-pass .register-student-form__label {
    color: #000;
    font-family: var(--font-system);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0.25rem;
}

.register-student-form-pass .register-student-form__label span {
    color: #000;
    font-family: var(--font-system);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
}

.login-student-form-pass .help-text {
    color: var(--neutral-60, #64676B);
    font-family: var(--font-system);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 0.75rem;
}

input.input-group-field.login-student-email-code-input-error {
    background: #FFE8EB;
    border-bottom: 1px solid #D10019;
    margin-bottom: 0.25rem;
}

.message_error {
    color: var(--brand-primary, #D10019);
    font-family: var(--font-system);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: normal;
}

input.login-student-form_button_disable {
    background: #F0F0F0;
    color: #97999C;
}

.login-student-form__button.login-student-form_button_resend {
    border: 1px solid var(--neutral-80, #1A1E22);
    background-color: #fff;
    color: var(--neutral-80, #1A1E22);
    margin-bottom: 1.5rem;
}

.input-group.login-student-error-message {
    margin-bottom: 0rem;
}

.message_error_wrapper {
    width: 100%;
    margin-bottom: 1.5rem;
}

@media (max-width: 789px) {
    .header-section-1-image {
        display: none;
    }

    .modal__header,
    .modal__content {
        padding: 2.5rem 1rem;
    }

    .header-section .header-section-content .header-section-content-1 {
        width: auto;
    }
}

.header-section-content p {
    margin-bottom: 0;
}

.top-section {
    position: relative;
    background-color: #FFFCEF;
    padding: .6rem 1rem 0 1rem;
    border-top: 2px solid var(--subscriptions-main);
    border-bottom: solid 1px #E3E4E4;
}

@media screen and (min-width: 768px) {
    .top-section {
        padding: 2rem 2.25rem 0;
    }
}

@media screen and (max-width: 767px) {
    .top-section.expanded {
        padding: .6rem 1rem 1rem 1rem;
    }
}

.top-section .collection {
    display: flex;
    flex-flow: row wrap;
}

.top-section .collection:first-child {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding-bottom: .6rem;
}

@media screen and (min-width: 768px) {
    .top-section .collection:first-child {
        display: none;
    }
}

.top-section.expanded .collection:first-child {
    border-bottom: solid 1px #E3E4E4;
}

.top-section .collection:first-child img {
    width: 40px;
}

.top-section .collection:first-child .info-wrapper {
    display: flex;
    flex-flow: row wrap;
    padding-left: 1.25rem;
    flex: 1;
}

.top-section .collection:first-child .button-wrapper {
    flex: 1 100%;
}

.top-section .collection:first-child button {
    padding: 0;
    font-size: .6875rem;
    font-weight: 700;
    color: #64676B;
}

.top-section .collection:first-child .item-selected-title,
.top-section .collection:first-child .item-selected-value {
    font-size: 0.875rem;
}

.top-section .collection:first-child .item-selected-title {
    font-weight: 700;
    padding-right: .5rem;
}

@media screen and (max-width: 767px) {
    .top-section .collection:last-child {
        margin-top: 1rem;
        display: none;
    }

    .top-section.expanded .collection:last-child {
        display: flex;
    }

    .top-section.expanded .button-wrapper svg {
        rotate: 180deg;
    }
}

.top-section .collection .item {
    flex: 1 100%;
}

.top-section img {
    width: 120px;
}

@media screen and (max-width: 767px) {
    .top-section .collection .item {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        position: relative;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .top-section .collection .item .item-title {
        width: 112px;
    }

    .top-section .collection .item:last-child {
        border-top: solid 1px #CACBCC;
        padding-top: 1rem;
    }

    .top-section .collection .item:not(:last-child) .item-title::before {
        content: '';
        position: absolute;
        top: 0;
        left: 112px;
        width: 1px;
        background-color: #E3E4E4;
        height: 100%;
    }

    .top-section .collection .item .item-content {
        flex: 0 50%;
        padding-left: .5rem;
    }
}

@media screen and (min-width: 768px) {
    .top-section .collection .item {
        flex: 0 25%;
    }
}

@media screen and (max-width: 767px) {
    .top-section .collection .item:first-child {
        display: none;
    }
}

.top-section .collection .item:last-child {
    margin: 0;
    flex: 1 100%;
}

@media screen and (min-width: 768px) {
    .top-section .collection .item:last-child {
        margin-top: 1rem;
    }
}

.top-section .collection .item:last-child p {
    margin: 0;
}

.top-section .collection .item .item-title {
    color: #000000;
    font-size: .85rem;
    font-weight: 700;
}

.top-section .collection .item .item-selected-value {
    color: #222222;
    font-size: 1.125rem;
}

.top-section .collection .item .item-comment {
    font-size: .75rem;
}

.top-section .collection .item p {
    font-size: .75rem;
    color: #07090A;
}

.top-section .button-wrapper button {
    background: transparent;
    border: none;
    color: #8A8A8A;
    font-size: 1.5rem;
    line-height: 1rem;
    cursor: pointer;
}

div.top-section .collection .item p {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #07090A;
}

div.section-container {
    max-width: 368px;
}

div.top-section .collection .item:nth-of-type(2),
div.top-section .collection .item:nth-of-type(3),
div.top-section .collection .item:nth-of-type(4) {
    flex: 0 calc(22% - 12px);
    margin-right: 12px;
    border-right: 1px solid #E3E4E4;
}

div.top-section .collection .item:nth-of-type(4) {
    border-right: 1px solid transparent;
}

@media screen and (max-width: 768px) {
    div.top-section .collection .item:nth-of-type(2),
    div.top-section .collection .item:nth-of-type(3),
    div.top-section .collection .item:nth-of-type(4) {
        flex: 0 100%;
        border-right: none;
    }
}

a.custom_close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 8px;
    top: 8px;
    background: transparent url(https://static.publico.pt/s3/assinaturas/piano/templates/assets/svg/cross.svg) center center no-repeat;
    box-shadow: none;
    z-index: 9999999999999999;
}

#disabled-modal,
#paypal-success-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(10, 10, 10, 0.45);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#disabled-modal::-webkit-scrollbar,
#paypal-success-modal::-webkit-scrollbar {
    display: none;
}

#disabled-modal[hidden],
#paypal-success-modal[hidden] {
    display: none;
}

#disabled-modal ul,
#paypal-success-modal ul {
    list-style: none;
}

#disabled-modal .modal-box,
#paypal-success-modal .modal-box {
    position: relative;
    width: 100%;
    max-width: 740px;
    margin: 50px auto;
    background: #fff;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}

#disabled-modal .plus-message-modal-wrapper,
#paypal-success-modal .plus-message-modal-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    background-color: var(--background, #fff);
}

#disabled-modal .plus-message-modal-wrapper .header-wrapper,
#paypal-success-modal .plus-message-modal-wrapper .header-wrapper {
    width: 100%;
    height: 157px;
    background-color: #FFFCEF;
    background-image: url("https://static.publico.pt/s3/assinaturas/piano/premium/image.png");
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-top: 2px solid var(--subscriptions-main);
}

#disabled-modal .plus-message-modal-wrapper .content-wrapper,
#paypal-success-modal .plus-message-modal-wrapper .content-wrapper {
    width: 100%;
    padding: 1.88rem 1.88rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
}

#disabled-modal .user-plus h3.user-plus__title,
#paypal-success-modal .user-plus h3.user-plus__title {
    color: var(--neutral-90, #07090A);
    text-align: center;
    font-family: var(--font-system);
    font-size: 1.3rem;
    font-weight: 590;
    line-height: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 1.69rem;
}

#disabled-modal .pn-state-line,
#paypal-success-modal .pn-state-line {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 16px;
}

#disabled-modal .pn-state-line__item,
#paypal-success-modal .pn-state-line__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 1px solid #cacbcc;
}

#disabled-modal .pn-state-line__item svg,
#paypal-success-modal .pn-state-line__item svg {
    fill: #cacbcc;
}

#disabled-modal .pn-state-line__divider,
#paypal-success-modal .pn-state-line__divider {
    width: 58px;
    height: 1px;
    border: none;
    background-color: #cacbcc;
}

#disabled-modal .pn-state-line__item--active,
#paypal-success-modal .pn-state-line__item--active {
    border-color: #393;
}

#disabled-modal .subscription-section__content__text__description,
#paypal-success-modal .subscription-section__content__text__description {
    color: #000;
    font-family: var(--font-system);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0 0;
}

#disabled-modal .terms-privacy-wrapper,
#paypal-success-modal .terms-privacy-wrapper {
    color: var(--neutral-60, #64676B);
    font-family: var(--font-system);
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
    cursor: pointer;
    margin-top: 32px;
}

#disabled-modal .terms-privacy-wrapper a,
#paypal-success-modal .terms-privacy-wrapper a {
    color: inherit;
    text-decoration: none;
}

#disabled-modal .btn-homepage,
#disabled-modal .btn-subscription,
#paypal-success-modal .btn-homepage,
#paypal-success-modal .btn-subscription {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 178px;
    height: 40px;
    padding: 9px 24px 10px 24px;
    border-radius: 100px;
    text-align: center;
    font-family: var(--font-system);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}

#disabled-modal .btn-homepage,
#paypal-success-modal .btn-homepage {
    border: 1px solid var(--neutral-80, #1A1E22);
    color: var(--neutral-80, #1A1E22);
}

#disabled-modal .btn-subscription,
#paypal-success-modal .btn-subscription {
    color: var(--neutral-10, #FCFCFC);
    background: var(--brand-primary, #D10019);
}

@media screen and (max-width: 734px) {
    #disabled-modal .subscription-section,
    #paypal-success-modal .subscription-section {
        display: block;
    }

    #disabled-modal .plus-message-modal-wrapper .header-wrapper,
    #paypal-success-modal .plus-message-modal-wrapper .header-wrapper {
        height: 58px;
        background-image: url("https://static.publico.pt/s3/assinaturas/piano/premium/mobile_upgrade.png");
    }

    #disabled-modal .plus-message-modal-wrapper .content-wrapper,
    #paypal-success-modal .plus-message-modal-wrapper .content-wrapper {
        padding: 32px 16px 20px;
    }

    #disabled-modal .subscription-section__buttons,
    #paypal-success-modal .subscription-section__buttons {
        display: block;
        margin-top: 24px;
    }

    #disabled-modal .subscription-section__buttons a,
    #paypal-success-modal .subscription-section__buttons a {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }

    #disabled-modal .subscription-section__buttons a:last-child,
    #paypal-success-modal .subscription-section__buttons a:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 735px) {
    #disabled-modal .subscription-section__buttons,
    #paypal-success-modal .subscription-section__buttons {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-top: 48px;
    }
}

#paypal-success-modal .plus-message-modal-wrapper .header-wrapper {
    background-image: url("https://static.publico.pt/s3/assinaturas/piano/premium/paypal_pop.png");
}

body.v2020.layout--store--2026:not(.layout--longform):not(.tone--paid) #darkmode-banner {
    display: none;
}