:root {
    --layout-spacing: 1.5rem;
    --primary-50: 253, 60%, 97%;
    --primary-100: 256, 61%, 93%;
    --primary-200: 255, 61%, 87%;
    --primary-300: 255, 61%, 80%;
    --primary-400: 255, 61%, 74%;
    --primary-500: 255, 60%, 67%;
    --primary-600: 255, 60%, 54%;
    --primary-700: 255, 60%, 40%;
    --primary-800: 255, 61%, 27%;
    --primary-900: 255, 61%, 13%;
    --primary-950: 254, 61%, 7%;
    --secondary-50: 260, 29%, 94%;
    --secondary-100: 257, 29%, 88%;
    --secondary-200: 255, 30%, 77%;
    --secondary-300: 255, 29%, 65%;
    --secondary-400: 255, 29%, 53%;
    --secondary-500: 255, 29%, 42%;
    --secondary-600: 255, 29%, 33%;
    --secondary-700: 256, 29%, 25%;
    --secondary-800: 254, 29%, 17%;
    --secondary-900: 260, 30%, 8%;
    --secondary-950: 260, 30%, 4%;
    --neutral-50: 0, 0%, 98%;
    --neutral-100: 0, 0%, 96%;
    --neutral-200: 0, 0%, 90%;
    --neutral-300: 0, 0%, 83%;
    --neutral-400: 0, 0%, 64%;
    --neutral-500: 0, 0%, 45%;
    --neutral-600: 0, 0%, 32%;
    --neutral-700: 0, 0%, 25%;
    --neutral-800: 0, 0%, 15%;
    --neutral-900: 0, 0%, 9%;
    --neutral-950: 0, 0%, 4%
}

:root,
[data-theme=light] {
    --color-background: hsl(270, 14%, 97%);
    --color-background-secondary: hsl(var(--neutral-100));
    --color-background-tertiary: hsl(var(--neutral-200));
    --color-surface: hsl(var(--neutral-50));
    --color-surface-secondary: hsl(var(--neutral-100));
    --color-surface-tertiary: hsl(var(--neutral-200));
    --color-text-primary: hsl(var(--neutral-900));
    --color-text-secondary: hsl(var(--neutral-700));
    --color-text-tertiary: hsl(var(--neutral-600));
    --color-text-inverse: hsl(var(--neutral-50));
    --color-border: hsl(var(--neutral-200));
    --color-border-secondary: hsl(var(--neutral-300));
    --color-border-tertiary: hsl(var(--neutral-400));
    --color-primary-h: 255;
    --color-primary-s: 60%;
    --color-primary-l: 40%;
    --color-primary-a: 0.5;
    --color-primary: var(--color-primary-h), var(--color-primary-s), var(--color-primary-l);
    --color-primary-hover: hsl(var(--primary-700));
    --color-primary-light: hsl(var(--primary-100));
    --color-primary-dark: hsl(var(--primary-800));
    --color-secondary: hsl(var(--secondary-600));
    --color-secondary-hover: hsl(var(--secondary-700));
    --color-secondary-light: hsl(var(--secondary-100));
    --color-secondary-dark: hsl(var(--secondary-800));
    --color-success: hsl(100, 59%, 49%);
    --color-success-h: 100;
    --color-success-s: 59%;
    --color-success-l: 49%;
    --color-success-a: 0.5;
    --color-success: var(--color-success-h), var(--color-success-s), var(--color-success-l);
    --color-warning: hsl(38, 92%, 50%);
    --color-warning-h: 38;
    --color-warning-s: 92%;
    --color-warning-l: 50%;
    --color-warning-a: 0.5;
    --color-warning: var(--color-warning-h), var(--color-warning-s), var(--color-warning-l);
    --color-error: hsl(0, 84%, 60%);
    --color-error-h: 0;
    --color-error-s: 84%;
    --color-error-l: 60%;
    --color-error-a: 0.5;
    --color-error: var(--color-error-h), var(--color-error-s), var(--color-error-l);
    --color-info: hsl(219, 89%, 55%);
    --color-info-h: 219;
    --color-info-s: 89%;
    --color-info-l: 55%;
    --color-info-a: 0.5;
    --color-info: var(--color-info-h), var(--color-info-s), var(--color-info-l);
    --color-link: hsl(217, 86%, 69%);
    --color-link-h: 217;
    --color-link-hover: hsl(217, 85%, 46%);
    --shadow-sm: 0 1px 2px 0 hsl(var(--neutral-900) / 0.05);
    --shadow-md: 0 4px 6px -1px hsl(var(--neutral-900) / 0.1), 0 2px 4px -2px hsl(var(--neutral-900) / 0.1);
    --shadow-lg: 0 10px 15px -3px hsl(var(--neutral-900) / 0.1), 0 4px 6px -4px hsl(var(--neutral-900) / 0.1);
    --shadow-xl: 0 20px 25px -5px hsl(var(--neutral-900) / 0.1), 0 8px 10px -6px hsl(var(--neutral-900) / 0.1);
    --color-ios-h: 214;
    --color-ios-s: 59%;
    --color-ios-l: 53%;
    --color-ios-a: 0.5;
    --color-ios: var(--color-ios-h), var(--color-ios-s), var(--color-ios-l);
    --color-android-h: 89;
    --color-android-s: 59%;
    --color-android-l: 53%;
    --color-android-a: 0.5;
    --color-android: var(--color-android-h), var(--color-android-s), var(--color-android-l);
    --color-golden: 45, 93%, 48%;
    --color-golden-h: 45;
    --color-golden-s: 93%;
    --color-golden-l: 48%;
    --color-golden-light: 45, 93%, 48%;
    --color-golden-dark: 45, 93%, 48%;
    --color-regular: 214, 89%, 65%;
    --color-regular-h: 214;
    --color-regular-s: 89%;
    --color-regular-l: 65%;
    --color-regular-light: 214, 89%, 65%;
    --color-regular-dark: 214, 89%, 65%;
    --color-basic: 0, 0%, 86%;
    --color-basic-h: 0;
    --color-basic-s: 0%;
    --color-basic-l: 86%;
    --color-basic-light: 0, 0%, 86%;
    --color-basic-dark: 0, 0%, 86%;
    --color-android: 77, 60%, 42%;
    --color-android-h: 77;
    --color-android-s: 60%;
    --color-android-l: 42%;
    --color-android: var(--color-android-h), var(--color-android-s), var(--color-android-l)
}

[data-theme=dark] {
    --neutral-900: 256, 92%, 5%;
    --color-background: hsl(var(--neutral-900));
    --color-background-secondary: hsl(var(--neutral-800));
    --color-background-tertiary: hsl(var(--neutral-700));
    --color-surface: hsl(var(--neutral-800));
    --color-surface-secondary: hsl(var(--neutral-700));
    --color-surface-tertiary: hsl(var(--neutral-600));
    --color-text-primary: hsl(var(--neutral-50));
    --color-text-secondary: hsl(var(--neutral-300));
    --color-text-tertiary: hsl(var(--neutral-400));
    --color-text-inverse: hsl(var(--neutral-900));
    --color-border: hsl(var(--neutral-700));
    --color-border-secondary: hsl(var(--neutral-600));
    --color-border-tertiary: hsl(var(--neutral-500));
    --color-primary-h: 255;
    --color-primary-s: 60%;
    --color-primary-l: 40%;
    --color-primary-a: 0.5;
    --color-primary: var(--color-primary-h), var(--color-primary-s), var(--color-primary-l);
    --color-primary-hover: hsl(var(--primary-300));
    --color-primary-light: hsl(var(--primary-900));
    --color-primary-dark: hsl(var(--primary-200));
    --color-secondary: hsl(var(--secondary-400));
    --color-secondary-hover: hsl(var(--secondary-300));
    --color-secondary-light: hsl(var(--secondary-900));
    --color-secondary-dark: hsl(var(--secondary-200));
    --color-success: hsl(100, 59%, 49%);
    --color-success-h: 100;
    --color-success-s: 59%;
    --color-success-l: 49%;
    --color-success-a: 0.5;
    --color-success: var(--color-success-h), var(--color-success-s), var(--color-success-l);
    --color-warning: hsl(38, 92%, 50%);
    --color-warning-h: 38;
    --color-warning-s: 92%;
    --color-warning-l: 50%;
    --color-warning-a: 0.5;
    --color-warning: var(--color-warning-h), var(--color-warning-s), var(--color-warning-l);
    --color-error: hsl(0, 84%, 60%);
    --color-error-h: 0;
    --color-error-s: 84%;
    --color-error-l: 60%;
    --color-error-a: 0.5;
    --color-error: var(--color-error-h), var(--color-error-s), var(--color-error-l);
    --color-info: hsl(219, 89%, 55%);
    --color-info-h: 219;
    --color-info-s: 89%;
    --color-info-l: 55%;
    --color-info-a: 0.5;
    --color-info: var(--color-info-h), var(--color-info-s), var(--color-info-l);
    --shadow-sm: 0 1px 2px 0 hsl(var(--neutral-950) / 0.3);
    --shadow-md: 0 4px 6px -1px hsl(var(--neutral-950) / 0.4), 0 2px 4px -2px hsl(var(--neutral-950) / 0.4);
    --shadow-lg: 0 10px 15px -3px hsl(var(--neutral-950) / 0.4), 0 4px 6px -4px hsl(var(--neutral-950) / 0.4);
    --shadow-xl: 0 20px 25px -5px hsl(var(--neutral-950) / 0.4), 0 8px 10px -6px hsl(var(--neutral-950) / 0.4);
    --color-ios-h: 214;
    --color-ios-s: 59%;
    --color-ios-l: 40%;
    --color-ios: var(--color-ios-h), var(--color-ios-s), var(--color-ios-l);
    --color-android-h: 89;
    --color-android-s: 59%;
    --color-android-l: 40%;
    --color-android: var(--color-android-h), var(--color-android-s), var(--color-android-l);
    --color-golden: 45, 93%, 48%;
    --color-golden-h: 45;
    --color-golden-s: 93%;
    --color-golden-l: 48%;
    --color-golden-light: 45, 93%, 48%;
    --color-golden-dark: 45, 93%, 48%;
    --color-golden-gradient: linear-gradient(169.18deg, rgba(247, 207, 129, 0.39) 0%, rgba(242, 172, 32, 0.58) 91.98%);
    --color-golden-gradient-dark: linear-gradient(81.79deg, #FFBB1E 0%, #DDA600 100%);
    --color-golden-gradient-light: linear-gradient(169.18deg, rgba(247, 207, 129, 0.39) 0%, rgba(242, 172, 32, 0.58) 91.98%);
    --color-golden-shadow: 0px 8px 42.9px -6px rgba(161, 122, 0, 0.4);
    --color-golden-shadow-dark: 0px 8px 42.9px -6px rgba(161, 122, 0, 0.4);
    --color-golden-shadow-light: 0px 8px 42.9px -6px rgba(161, 122, 0, 0.4);
    --color-android: 77, 60%, 42%;
    --color-android-h: 77;
    --color-android-s: 60%;
    --color-android-l: 42%;
    --color-android: var(--color-android-h), var(--color-android-s), var(--color-android-l)
}

@media(min-width: 992px) {
    :root {
        --layout-spacing: 2rem
    }
}

@keyframes smoothFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes smoothFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.animate-on-load {
    animation: smoothFadeInUp 600ms cubic-bezier(0.25, 0.1, 0.25, 1) calc(var(--delay, 0)*1s) both
}

.container {
    max-width: 1088px;
    margin: 0 auto;
    padding-inline: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 5.75rem
}

@media(max-width: 47.9975em) {
    .container {
        padding-top: calc(var(--layout-spacing)*1.5) !important
    }
}

.container.container-no-padding {
    padding-inline: 0 !important
}

@media(min-width: 35.5em) {
    .container.container-no-padding {
        padding-inline: 1rem !important
    }
}

.container.container-spacing-top {
    padding-top: 2rem !important
}

.container.container-spacing-top--2x {
    padding-top: 4rem !important
}

.container.container-spacing-bottom {
    padding-bottom: 2rem !important
}

.container.container-spacing-bottom--2x {
    padding-bottom: 4rem !important
}

.container .container-headline {
    text-align: center;
    margin-bottom: 1.15rem
}

@media(max-width: 47.9975em) {
    .container .container-headline {
        margin-bottom: .5rem
    }
}

.container .container-headline-only {
    width: 100%;
    text-align: center;
    margin-bottom: 1.25rem
}

@media(max-width: 47.9975em) {
    .container .container-headline-only {
        margin-bottom: 1.25rem
    }
}

.container .container-headline-only.on-side {
    text-align: start
}

.container .container-description {
    text-align: center;
    margin-bottom: 2.65rem;
    opacity: .6
}

@media(max-width: 47.9975em) {
    .container .container-description {
        margin-bottom: 2rem
    }
}

.layout-container {
    max-width: 1088px;
    margin: 0 auto;
    padding-inline: 1.25rem;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 2.25rem
}

.layout-container.no-padding {
    padding-inline: 0 !important
}

.layout-container.spacing-top-0 {
    padding-top: 0 !important
}

.layout-container.spacing-top-1 {
    padding-top: 1rem !important
}

.layout-container.spacing-top-2 {
    padding-top: 2rem !important
}

@media(min-width: 35.5em) {
    .layout-container.layout-small {
        max-width: 480px !important
    }
}

.layout-container.layout-small form {
    display: inline-block !important;
    margin-top: 0em;
    unicode-bidi: unset !important
}

.layout-container .layout-container-header {
    margin-bottom: 1.15rem
}

@media(max-width: 47.9975em) {
    .layout-container .layout-container-header {
        margin-bottom: .5rem
    }
}

.layout-container .layout-container-header.center {
    text-align: center
}

@media(max-width: 47.9975em) {
    .layout-container .layout-container-header.center {
        text-align: inherit
    }
}

.layout-container .layout-container-header-only {
    margin-bottom: 2.6rem
}

@media(max-width: 47.9975em) {
    .layout-container .layout-container-header-only {
        margin-bottom: 2rem
    }
}

.layout-container .layout-container-header-only.center {
    text-align: center;
    margin-bottom: 4rem
}

@media(max-width: 47.9975em) {
    .layout-container .layout-container-header-only.center {
        text-align: inherit;
        margin-bottom: 2rem
    }
}

.layout-container .layout-container-description {
    margin-bottom: 3rem;
    opacity: .6;
    font-size: 1rem;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -0.0001em
}

@media(max-width: 768px) {
    .layout-container .layout-container-description {
        font-size: 15px;
        line-height: 1.4
    }
}

[dir=rtl] .layout-container .layout-container-description {
    font-size: .98rem;
    line-height: 26px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .layout-container .layout-container-description {
        font-size: 14.7px;
        line-height: 25px
    }
}

@media(max-width: 47.9975em) {
    .layout-container .layout-container-description {
        margin-bottom: 2rem
    }
}

.layout-container .layout-container-description.center {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 3rem !important
}

@media(max-width: 47.9975em) {
    .layout-container .layout-container-description.center {
        text-align: inherit;
        margin-bottom: 2rem !important;
        max-width: unset;
        margin: unset
    }
}

.container-subscription-packages {
    display: flex;
    flex-direction: column
}

.container-subscription-packages .subscription-package-group-title {
    margin-bottom: 1.75rem
}

.container-subscription-packages .subscription-package-group-title--spacing-top {
    padding-top: 2.5rem
}

.container-subscription-packages .subscription-package-group-title__only {
    margin-bottom: 1rem
}

.container-subscription-packages .subscription-package-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    row-gap: 1.25rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    justify-items: center;
    z-index: 10
}

@media(max-width: 47.9975em) {
    .container-subscription-packages .subscription-package-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        padding-inline: 1.25rem;
        justify-items: center !important
    }
}

@media(min-width: 48em)and (max-width:63.9975em) {
    .container-subscription-packages .subscription-package-grid {
        justify-items: center;
        grid-template-rows: 1fr
    }

    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item:first-child {
        justify-self: center
    }
}

@media(min-width: 64em) {
    .container-subscription-packages .subscription-package-grid {
        justify-items: start;
        grid-template-rows: 1fr
    }

    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item:first-child {
        justify-self: end
    }
}

.container-subscription-packages .subscription-package-grid--single {
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr !important;
    justify-items: center !important
}

.container-subscription-packages .subscription-package-grid--single .subscription-package-grid-item:first-child {
    justify-self: center
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item {
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
    position: relative;
    border-radius: 1.5rem
}

@media(max-width: 47.9975em) {
    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item {
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}

@media(min-width: 35.5em) {
    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item {
        width: 400px;
        min-width: 400px;
        max-width: 400px
    }
}

.theme-transitioning .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--golden {
    transition: background-color .3s, border-color .3s, color .3s
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--golden {
    background: linear-gradient(169.18deg, rgba(248, 224, 176, 0.858) 0%, rgba(242, 172, 32, 0.58) 91.98%);
    box-shadow: 0px 8px 42.9px -6px rgba(161, 122, 0, .4);
    color: hsla(var(--color-golden-h), var(--color-golden-s), 12%, 1)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--golden {
    background: linear-gradient(169.18deg, rgba(247, 207, 129, 0.39) 0%, rgba(242, 172, 32, 0.58) 91.98%);
    box-shadow: 0px 8px 42.9px -6px rgba(161, 122, 0, .4);
    color: hsla(var(--color-golden-h), var(--color-golden-s), 96%, 1)
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--golden .subscription-package-grid-item-title {
    color: hsla(var(--color-golden-h), var(--color-golden-s), 20%, 1) !important
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--golden .subscription-package-grid-item-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(327.64deg, #EEB403 17.39%, #FEE47E 92.44%)
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--golden .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%23765B04' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23765B04' stroke-width='2'/%3E%3C/svg%3E%0A")
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--golden .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%23F3FFE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23F3FFE0' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.theme-transitioning .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--regular {
    transition: background-color .3s
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--regular {
    background: linear-gradient(169.18deg, hsla(var(--color-regular), 0.8) 0%, hsla(var(--color-regular), 0.6) 91.98%);
    box-shadow: 0px 8px 42.9px -6px hsla(var(--color-regular), 0.2);
    color: hsla(var(--color-regular-h), var(--color-regular-s), 12%, 1)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--regular {
    background: linear-gradient(169.18deg, hsla(var(--color-regular), 0.4) 0%, hsla(var(--color-regular), 0.5) 91.98%);
    box-shadow: 0px 8px 42.9px -6px hsla(var(--color-regular), 0.2);
    color: hsla(var(--color-regular-h), var(--color-regular-s), 96%, 1)
}

.theme-transitioning .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--basic {
    transition: background-color .3s
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--basic {
    background: linear-gradient(169.18deg, hsla(var(--color-basic), 0.8) 0%, hsla(var(--color-basic), 0.6) 91.98%);
    box-shadow: 0px 8px 42.9px -6px hsla(var(--color-basic), 0.2);
    color: hsla(var(--color-basic-h), var(--color-basic-s), 12%, 1)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--basic {
    background: linear-gradient(169.18deg, hsla(var(--color-basic), 0.4) 0%, hsla(var(--color-basic), 0.5) 91.98%);
    box-shadow: 0px 8px 42.9px -6px hsla(var(--color-basic), 0.2);
    color: hsla(var(--color-basic-h), var(--color-basic-s), 96%, 1)
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--regular .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%2360a5fa' stroke-width='2'/%3E%3C/svg%3E%0A")
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--regular .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%23DDDDDD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23DDDDDD' stroke-width='2'/%3E%3C/svg%3E%0A")
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--basic .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%23808080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23808080' stroke-width='2'/%3E%3C/svg%3E%0A")
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--basic .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%23DDDDDD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23DDDDDD' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.theme-transitioning .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--android {
    transition: background-color .3s
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--android {
    background: linear-gradient(169.18deg, hsla(var(--color-android-h), var(--color-android-s), 40%, 0.2) 0%, hsla(var(--color-android-h), 40%, 60%, 0.751) 91.98%);
    box-shadow: 0px 15px 50px -10px rgba(35, 60, 24, .262);
    color: hsla(var(--color-android-h), var(--color-android-s), 12%, 1)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--android {
    background: linear-gradient(169.18deg, rgba(228, 241, 192, 0.4) 0%, rgba(125, 158, 30, 0.58) 91.98%);
    box-shadow: 0px 8px 42.9px -6px rgba(31, 56, 20, .4);
    color: hsla(var(--color-android-h), var(--color-android-s), 96%, 1)
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--android .subscription-package-grid-item-features::before {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%)
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--android .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%23355700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23355700' stroke-width='2'/%3E%3C/svg%3E%0A")
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item--android .subscription-package-grid-item-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.6667L10.7702 14.7909C10.8639 14.9034 11.0339 14.9115 11.138 14.8086L16 10' stroke='%23F3FFE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23F3FFE0' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    left: auto;
    z-index: 2;
    background: linear-gradient(81.79deg, #FFBB1E 0%, #DDA600 100%);
    box-shadow: 9px 9px 12.5px -7px rgba(194, 147, 0, .6), 9px 9px 45px 2px rgba(248, 165, 0, .4), inset -1px -1px 9.6px -1px #c08500;
    border-radius: 100rem;
    height: -moz-min-content;
    height: min-content;
    padding-block: .2rem .45rem;
    padding-inline-end: 0.75rem;
    padding-inline-start: 0.75rem;
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge--regular {
    background: linear-gradient(81.79deg, #3b82f6 0%, #60a5fa 100%);
    box-shadow: 9px 9px 12.5px -7px rgba(59, 130, 246, .6), 9px 9px 45px 2px rgba(96, 165, 250, .4), inset -1px -1px 9.6px -1px #93c5fd
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-instant {
    display: flex;
    align-items: center
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-instant i {
    inset-inline-end: .25rem;
    margin-bottom: -0.2rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-instant p {
    color: hsla(var(--color-golden-h), var(--color-golden-s), 96%, 1);
    font-size: .875rem;
    line-height: 1.5715;
    font-weight: 400;
    letter-spacing: .02em;
    margin: 0;
    line-height: 1
}

@media(max-width: 768px) {
    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-instant p {
        font-size: .875rem;
        line-height: 1.5715
    }
}

[dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-instant p {
    font-size: 13.72px;
    line-height: 24px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-instant p {
        font-size: 13.72px;
        line-height: 24px
    }
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-regular {
    display: flex;
    align-items: center
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-regular i {
    inset-inline-end: .25rem;
    margin-bottom: -0.2rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-regular p {
    color: hsla(var(--color-regular-h), var(--color-regular-s), 96%, 1);
    font-size: .875rem;
    line-height: 1.5715;
    font-weight: 400;
    letter-spacing: .02em;
    margin: 0;
    line-height: 1
}

@media(max-width: 768px) {
    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-regular p {
        font-size: .875rem;
        line-height: 1.5715
    }
}

[dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-regular p {
    font-size: 13.72px;
    line-height: 24px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge .badge-regular p {
        font-size: 13.72px;
        line-height: 24px
    }
}

[dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-badge {
    right: auto !important;
    left: 1rem !important
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-header {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    margin-bottom: 0.5rem;
    padding-inline-start: 1rem;
    padding-top: 0.5rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-title {
    padding-top: .5rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price {
    display: flex;
    align-items: baseline;
    -moz-column-gap: .35rem;
    column-gap: .35rem;
    margin-bottom: 0.125rem;
    padding-inline-start: 1rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-amount,
.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-currency,
.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-duration {
    transition: opacity .2s ease-in-out
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-amount {
    font-size: 1.5rem;
    font-weight: 600
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-currency {
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: .025em;
    opacity: .7
}

@media(max-width: 768px) {
    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-currency {
        font-size: 13px;
        line-height: 23px
    }
}

[dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-currency {
    font-size: 12.74px;
    line-height: 23px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-currency {
        font-size: 12.74px;
        line-height: 23px
    }
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-duration {
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: .025em;
    opacity: .7
}

@media(max-width: 768px) {
    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-duration {
        font-size: 13px;
        line-height: 23px
    }
}

[dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-duration {
    font-size: 12.74px;
    line-height: 23px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-price .price-duration {
        font-size: 12.74px;
        line-height: 23px
    }
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-icon {
    width: 45px;
    height: 45px
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: .35rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    margin-top: -0.85rem
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features::before {
    background: linear-gradient(270deg, rgba(80, 80, 80, 0.1) 50%, rgba(80, 80, 80, 0) 100%)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features::before {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%)
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features li {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-inline-start: 1rem;
    padding-inline-end: 1.5rem;
    font-size: .875rem;
    line-height: 1.6 !important;
    font-weight: 400;
    letter-spacing: .02em
}

@media(max-width: 768px) {
    .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features li {
        font-size: .875rem;
        line-height: 1.5715
    }
}

[dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features li {
    font-size: 13.72px;
    line-height: 24px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features li {
        font-size: 13px !important;
        line-height: 24px
    }
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-features li::before {
    content: "";
    display: inline-block;
    width: 1.15rem;
    min-width: 1.15rem;
    height: 1.15rem;
    min-height: 1.15rem;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -0.5rem;
    margin-inline-end: .35rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action {
    padding-inline: 1rem;
    padding-bottom: 1rem
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-golden {
    border-radius: .65rem
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-golden {
    background: linear-gradient(360deg, hsla(var(--color-golden-h), var(--color-golden-s), 40%, 1) 0%, hsla(var(--color-golden-h), var(--color-golden-s), 50%, 0.9) 100%);
    box-shadow: 6px 10px 15px -3px rgba(116, 81, 0, .3), inset -5px -5px 13px -1px hsla(var(--color-golden-h), var(--color-golden-s), 40%, 0.5);
    color: hsla(var(--color-golden-h), var(--color-golden-s), 12%, 1)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-golden {
    background: linear-gradient(360deg, #BC8E00 0%, #FBB921 100%);
    box-shadow: 6px 10px 10px -3px rgba(104, 73, 0, .6), inset -5px -5px 16.3px -1px #f7d773;
    color: hsla(var(--color-golden-h), var(--color-golden-s), 12%, 1)
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-regular {
    border-radius: .65rem
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-regular {
    background: linear-gradient(360deg, #2f699f 0%, #5895cf 100%);
    box-shadow: 6px 10px 15px -3px rgb(24 68 101 / 30%), inset -5px -5px 16.3px -1px #4385b9;
    color: hsla(var(--color-regular-h), var(--color-regular-s), 96%, 1)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-regular {
    background: linear-gradient(360deg, #2f699f 0%, #5895cf 100%);
    box-shadow: 6px 10px 15px -3px rgb(24 68 101 / 50%), inset -5px -5px 16.3px -1px #4385b9;
    color: hsla(var(--color-regular-h), var(--color-regular-s), 96%, 1)
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-basic {
    border-radius: .65rem
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-basic {
    background: linear-gradient(360deg, #717171 0%, #B1B1B1 100%);
    box-shadow: 6px 10px 10px -3px rgba(41, 41, 41, .3), inset -5px -5px 16.3px -1px #7b7b7b;
    color: hsla(var(--color-basic-h), var(--color-basic-s), 12%, 1)
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-basic {
    background: linear-gradient(360deg, #717171 0%, #B1B1B1 100%);
    box-shadow: 6px 10px 15px -3px rgba(41, 41, 41, .5), inset -5px -5px 16.3px -1px #7b7b7b;
    color: hsla(var(--color-basic-h), var(--color-basic-s), 96%, 1)
}

.container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-android {
    border-radius: .65rem
}

[data-theme=light] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-android {
    background: linear-gradient(180deg, hsla(var(--color-android-h), var(--color-android-s), 50%, 1) 0%, hsla(var(--color-android-h), var(--color-android-s), 30%, 0.8) 100%);
    box-shadow: 6px 10px 10px -3px rgba(50, 79, 4, .2), inset -2px -2px 16.3px -3px #7ca834
}

[data-theme=dark] .container-subscription-packages .subscription-package-grid .subscription-package-grid-item-action .button-android {
    background: linear-gradient(360deg, #84B439 0%, #587A21 100%);
    box-shadow: 6px 10px 10px -3px rgba(50, 79, 4, .6), inset -2px -2px 16.3px -3px #bdeb75
}

.subscription-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 1rem;
    background: rgba(0, 0, 0, .2);
    padding: .25rem;
    border-radius: .75rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto
}

[data-theme=light] .subscription-toggle {
    background: hsla(var(--color-android-h), var(--color-android-s), 40%, 0.2)
}

[data-theme=dark] .subscription-toggle {
    background: hsla(var(--color-android-h), var(--color-android-s), 70%, 0.2)
}

.subscription-toggle .toggle-button {
    padding: .75rem 3rem;
    border: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .5rem;
    min-width: 140px;
    font-size: 1rem;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: -0.0001em
}

@media(max-width: 768px) {
    .subscription-toggle .toggle-button {
        font-size: 15px;
        line-height: 1.4
    }
}

[dir=rtl] .subscription-toggle .toggle-button {
    font-size: .98rem;
    line-height: 26px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .subscription-toggle .toggle-button {
        font-size: 14.7px;
        line-height: 25px
    }
}

.theme-transitioning .subscription-toggle .toggle-button {
    transition: color .3s
}

[data-theme=light] .subscription-toggle .toggle-button {
    color: hsla(var(--color-android-h), var(--color-android-s), 12%, 0.6)
}

[data-theme=dark] .subscription-toggle .toggle-button {
    color: hsla(var(--color-android-h), var(--color-android-s), 96%, 1)
}

.subscription-toggle .toggle-button--active {
    background-color: #82ae13;
    color: hsla(var(--color-android-h), var(--color-android-s), 96%, 1) !important;
    box-shadow: 0px 4px 12px -4px rgba(95, 138, 50, .5);
    font-size: 1rem;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: -0.0001em
}

@media(max-width: 768px) {
    .subscription-toggle .toggle-button--active {
        font-size: 15px;
        line-height: 1.4
    }
}

[dir=rtl] .subscription-toggle .toggle-button--active {
    font-size: .98rem;
    line-height: 26px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .subscription-toggle .toggle-button--active {
        font-size: 14.7px;
        line-height: 25px
    }
}

.subscription-toggle .toggle-button:hover:not(.subscription-toggle .toggle-button--active) {
    background: #282e24
}

.login-selection-container {
    max-width: 1088px;
    margin: 0 auto
}

@media(max-width: 47.9975em) {
    .login-selection-container {
        padding-top: 2rem
    }
}

.login-selection-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    row-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

@media(max-width: 47.9975em) {
    .login-selection-grid {
        grid-template-columns: 1fr;
        row-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }
}

.login-option {
    display: flex;
    flex-direction: column
}

.login-card {
    padding: .75rem 1.5rem;
    height: 100%;
    width: 100%;
    background: var(--subscription-login-card-bg)
}

@media(min-width: 35.5em) {
    .login-card {
        padding: 1rem;
        border-radius: 1rem
    }
}

.login-card--ios {
    color: #fff
}

[data-theme=light] .login-card--ios {
    --subscription-login-card-bg: linear-gradient(180deg, hsla(214, 73%, 42%, 0.7) 0%, hsla(214, 63%, 61%, 0.653) 100%)
}

[data-theme=dark] .login-card--ios {
    --subscription-login-card-bg: linear-gradient(180deg, hsla(214, 52%, 40%, 0.7) 0%, hsla(215, 60%, 12%, 0.45) 100%)
}

.login-card--ios .login-card__content h4 {
    color: hsla(var(--color-ios-h), var(--color-ios-s), 96%, 1)
}

[data-theme=light] .login-card--android {
    --subscription-login-card-bg: linear-gradient(180deg, hsla(89, 85%, 33%, 0.7) 0%, hsla(102, 56%, 61%, 0.641) 100%)
}

[data-theme=dark] .login-card--android {
    --subscription-login-card-bg: linear-gradient(180deg, hsla(89, 47%, 37%, 0.7) 0%, hsla(102, 47%, 15%, 0.45) 100%)
}

.login-card--android .login-card__content h4 {
    color: hsla(var(--color-android-h), var(--color-android-s), 96%, 1)
}

.login-card__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    position: relative;
    z-index: 2
}

.login-card__header {
    flex: 0 0 auto
}

.login-card__icon-wrapper {
    display: flex;
    align-items: center;
    gap: .75rem
}

.login-card__icon {
    width: 36px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center
}

.login-card__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-theme=light] .login-card__icon img {
    filter: brightness(1.5) saturate(0.4) contrast(0.9)
}

.login-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: .05rem;
    padding-top: .55rem
}

.login-card__content h4 {
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    color: hsla(var(--color-ios-h), var(--color-ios-s), 96%, 1)
}

.login-card__content p {
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: .025em;
    opacity: .6
}

@media(max-width: 768px) {
    .login-card__content p {
        font-size: 13px;
        line-height: 23px
    }
}

[dir=rtl] .login-card__content p {
    font-size: 12.74px;
    line-height: 23px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .login-card__content p {
        font-size: 12.74px;
        line-height: 23px
    }
}

[data-theme=light] .login-card__content p {
    opacity: .9
}

.login-card__buttons {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    width: 100%
}

.login-card__buttons .button-fill.button-icon.button-ios {
    border-radius: .65rem
}

[data-theme=dark] .login-card__buttons .button-fill.button-icon.button-ios {
    background: linear-gradient(180deg, #438be8 0%, #4781cc 100%);
    box-shadow: inset 0 2px 4.8px 2px #63a8e9, inset 0 -1px 2.3px 2px #083663;
    --login-icon-fill: hsla(214, 52%, 73%, 0.2);
    --login-icon-stroke: #c4d9f5
}

[data-theme=light] .login-card__buttons .button-fill.button-icon.button-ios {
    background: linear-gradient(180deg, #438be8 0%, #4781cc 100%);
    box-shadow: inset 0 2px 4.8px 2px #3d82c2, inset 0 -1px 2.3px 2px rgba(8, 54, 99, .64);
    --login-icon-fill: hsla(214, 52%, 73%, 0.2);
    --login-icon-stroke: #c4d9f5
}

.login-card__buttons .button-fill.button-icon.button-android {
    border-radius: .65rem
}

[data-theme=dark] .login-card__buttons .button-fill.button-icon.button-android {
    background: linear-gradient(180deg, #7CC55E 0%, #4fa02c 100%);
    box-shadow: inset 0 2px 4.8px 2px #7ee462, inset 0 -1px 2.3px 2px #175007;
    --login-icon-fill: hsla(104, 47%, 80%, 0.2);
    --login-icon-stroke: #d5f4c8
}

[data-theme=light] .login-card__buttons .button-fill.button-icon.button-android {
    background: linear-gradient(180deg, #7CC55E 0%, #4fa02c 100%);
    box-shadow: inset 0 2px 4.8px 2px #65bd4c, inset 0 -1px 2.3px 2px rgba(23, 80, 7, .629);
    --login-icon-fill: hsla(104, 47%, 80%, 0.2);
    --login-icon-stroke: #d5f4c8
}

.login-card__buttons .button-fill.button-icon [class^=icon-login-] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0 !important;
    margin-top: -0.25rem !important;
    margin-inline-end: .3rem
}

.login-card__buttons .button-fill.button-icon [class^=icon-login-] svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.login-card__buttons .button-fill.button-icon [class^=icon-login-] svg path {
    stroke: var(--login-icon-stroke)
}

.login-card__buttons .button-fill.button-icon [class^=icon-login-] svg .ipf,
.login-card__buttons .button-fill.button-icon [class^=icon-login-] svg .apf {
    fill: var(--login-icon-fill);
    stroke: var(--login-icon-stroke)
}

.login-card__buttons .button-fill:nth-child(1) {
    grid-column: span 6
}

.login-card__buttons .button-fill:nth-child(2) {
    grid-column: span 4
}

.login-card__buttons .button-ghost.button-ios {
    background: hsla(var(--color-ios), 0.3) !important
}

[data-theme=light] .login-card__buttons .button-ghost.button-ios {
    color: hsla(var(--color-ios-h), var(--color-ios-s), 96%, 1) !important
}

[data-theme=dark] .login-card__buttons .button-ghost.button-ios {
    color: hsla(var(--color-ios-h), var(--color-ios-s), 96%, 0.6) !important
}

.login-card__buttons .button-ghost.button-ios:hover {
    background: hsla(var(--color-ios), 0.5) !important
}

.login-card__buttons .button-ghost.button-android {
    background: hsla(var(--color-android-h), var(--color-android-s), 30%, 0.2) !important
}

[data-theme=light] .login-card__buttons .button-ghost.button-android {
    color: hsla(var(--color-android-h), var(--color-android-s), 96%, 1) !important
}

[data-theme=dark] .login-card__buttons .button-ghost.button-android {
    color: hsla(var(--color-android-h), var(--color-android-s), 96%, 0.6) !important
}

.login-card__buttons .button-ghost.button-android:hover {
    background: hsla(var(--color-android-h), var(--color-android-s), 30%, 0.4) !important
}

.login-card:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .6);
    outline-offset: 2px
}

@media(max-width: 47.9975em) {
    .login-card {
        padding: .75rem 1.5rem
    }
}

.container-products .product-group {
    --product-group-margin-bottom: 1.75rem;
    width: 100%;
    margin-bottom: var(--product-group-margin-bottom)
}

@media(min-width: 35.5em) {
    .container-products .product-group {
        --product-group-margin-bottom: 1.25rem
    }
}

@media(min-width: 48em) {
    .container-products .product-group {
        --product-group-margin-bottom: 1.75rem
    }
}

@media(min-width: 64em) {
    .container-products .product-group {
        --product-group-margin-bottom: 2rem
    }
}

.container-products .product-group-title {
    --title-margin-bottom: 1rem;
    margin-bottom: var(--title-margin-bottom);
    font-weight: 700
}

@media(max-width: 63.9975em) {
    .container-products .product-group-title {
        margin-inline-start: .75rem
    }
}

@media(min-width: 35.5em) {
    .container-products .product-group-title {
        --title-margin-bottom: 1.25rem
    }
}

@media(min-width: 48em) {
    .container-products .product-group-title {
        --title-margin-bottom: 1rem
    }
}

@media(min-width: 64em) {
    .container-products .product-group-title {
        --title-margin-bottom: 1.15rem
    }
}

.container-products .container-products-grid {
    --grid-gap: 0.25rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    row-gap: var(--grid-gap);
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap)
}

@media(min-width: 35.5em) {
    .container-products .container-products-grid {
        --grid-gap: 0.25rem;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr))
    }
}

@media(min-width: 48em) {
    .container-products .container-products-grid {
        --grid-gap: 0.35rem;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr))
    }
}

@media(min-width: 64em) {
    .container-products .container-products-grid {
        --grid-gap: 0.5rem;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))
    }
}

[data-theme=light] .container-products .container-products-grid-item {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

[data-theme=dark] .container-products .container-products-grid-item {
    box-shadow: none
}

.container-products .container-products-grid-item a {
    display: block;
    width: 100%;
    height: 100%
}

.container-testimonials {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 0 1rem
}

@media(min-width: 48em) {
    .container-testimonials {
        padding: 0 2rem
    }
}

.container-testimonials .testimonial-wrapper {
    position: relative;
    width: 100%
}

.container-testimonials .testimonial-wrapper .testimonials-slider {
    width: 100%;
    position: relative;
    padding-bottom: 1.5rem
}

.container-testimonials .testimonial-wrapper .testimonials-slider .swiper {
    width: 100%;
    padding: .5rem 0;
    overflow: visible
}

@media(min-width: 48em) {
    .container-testimonials .testimonial-wrapper .testimonials-slider .swiper {
        padding: 1rem 0
    }
}

.container-testimonials .testimonial-wrapper .testimonials-slider .swiper-wrapper {
    align-items: stretch
}

.container-testimonials .testimonial-wrapper .testimonials-slider .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: auto;
    flex-shrink: 0
}

.container-testimonials .testimonial-wrapper .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    row-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    width: auto;
    z-index: 10;
    display: flex;
    align-items: center
}

.container-testimonials .testimonial-wrapper .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: .2;
    cursor: pointer;
    transition: all .3s ease;
    margin: 0
}

.theme-transitioning .container-testimonials .testimonial-wrapper .swiper-pagination .swiper-pagination-bullet {
    transition: background-color .3s
}

[data-theme=light] .container-testimonials .testimonial-wrapper .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--color-text-primary)
}

[data-theme=dark] .container-testimonials .testimonial-wrapper .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--color-text-primary)
}

.container-testimonials .testimonial-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 10px;
    height: 10px;
    margin-inline: .125rem
}

[data-theme=light] .container-testimonials .testimonial-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), 40%, 1)
}

[data-theme=dark] .container-testimonials .testimonial-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), 100%, 1)
}

.testimonial-card {
    width: 100%;
    height: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border-radius: 1rem;
    position: relative;
    box-sizing: border-box
}

.theme-transitioning .testimonial-card {
    transition: background-color .3s, box-shadow .3s
}

[data-theme=light] .testimonial-card {
    background: linear-gradient(145deg, rgba(207, 201, 219, 0.284) 0%, rgba(92, 84, 106, 0.335) 100%);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .1)
}

[data-theme=dark] .testimonial-card {
    background: linear-gradient(145deg, rgba(161, 155, 183, 0.15) 0%, rgba(93, 84, 114, 0.49) 100%);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .2)
}

.testimonial-card::before {
    content: '"';
    position: absolute;
    top: .75rem;
    right: 1rem;
    font-size: 2.25rem;
    line-height: 1;
    opacity: .2;
    font-family: Georgia, serif
}

.theme-transitioning .testimonial-card::before {
    transition: color .3s
}

[data-theme=light] .testimonial-card::before {
    color: hsla(var(--color-primary-h), var(--color-primary-s), 20%, 1)
}

[data-theme=dark] .testimonial-card::before {
    color: hsla(var(--color-primary-h), var(--color-primary-s), 100%, 1)
}

.testimonial-card__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    flex-shrink: 0;
    width: 100%
}

.testimonial-card__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.theme-transitioning .testimonial-card__avatar {
    transition: background-color .3s, color .3s
}

[data-theme=light] .testimonial-card__avatar {
    background: var(--color-surface-secondary);
    color: var(--color-text-tertiary)
}

[data-theme=dark] .testimonial-card__avatar {
    background: var(--color-surface-secondary);
    color: var(--color-text-tertiary)
}

.testimonial-card__avatar i {
    font-size: 1rem
}

.testimonial-card__user-info-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    min-width: 0;
    width: 100%
}

.testimonial-card__user-details {
    display: flex;
    justify-content: baseline;
    gap: .75rem;
    min-width: 0
}

.testimonial-card__name {
    margin: 0;
    font-size: .875rem;
    line-height: 1.5715;
    font-weight: 500;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1
}

@media(max-width: 768px) {
    .testimonial-card__name {
        font-size: .875rem;
        line-height: 1.5715
    }
}

[dir=rtl] .testimonial-card__name {
    font-size: 13.72px;
    line-height: 24px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .testimonial-card__name {
        font-size: 13.72px;
        line-height: 24px
    }
}

.theme-transitioning .testimonial-card__name {
    transition: color .3s
}

[data-theme=light] .testimonial-card__name {
    color: var(--color-text-primary)
}

[data-theme=dark] .testimonial-card__name {
    color: var(--color-text-primary)
}

.testimonial-card__country {
    margin: 0;
    font-size: 13px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: .025em;
    opacity: .7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1
}

@media(max-width: 768px) {
    .testimonial-card__country {
        font-size: 13px;
        line-height: 23px
    }
}

[dir=rtl] .testimonial-card__country {
    font-size: 12.74px;
    line-height: 23px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .testimonial-card__country {
        font-size: 12.74px;
        line-height: 23px
    }
}

.theme-transitioning .testimonial-card__country {
    transition: color .3s
}

[data-theme=light] .testimonial-card__country {
    color: var(--color-text-secondary)
}

[data-theme=dark] .testimonial-card__country {
    color: var(--color-text-secondary)
}

.testimonial-card__content {
    flex: 1;
    display: flex;
    flex-direction: column
}

.testimonial-card__rating {
    display: flex;
    align-self: flex-start;
    gap: .125rem;
    margin-bottom: .25rem;
    flex-shrink: 0
}

.testimonial-card__rating .star {
    font-size: 1.25rem
}

[data-theme=light] .testimonial-card__rating .star {
    color: #f90
}

[data-theme=dark] .testimonial-card__rating .star {
    color: gold
}

.testimonial-card__rating .star--empty {
    opacity: .3
}

[data-theme=light] .testimonial-card__rating .star--empty {
    color: var(--color-text-tertiary)
}

[data-theme=dark] .testimonial-card__rating .star--empty {
    color: var(--color-text-tertiary)
}

.testimonial-card__quote {
    margin: 0;
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: .025em;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    opacity: .9;
    line-height: 1.5 !important
}

@media(max-width: 768px) {
    .testimonial-card__quote {
        font-size: 13px;
        line-height: 23px
    }
}

[dir=rtl] .testimonial-card__quote {
    font-size: 12.74px;
    line-height: 23px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .testimonial-card__quote {
        font-size: 12.74px;
        line-height: 23px
    }
}

.theme-transitioning .testimonial-card__quote {
    transition: color .3s
}

[data-theme=light] .testimonial-card__quote {
    color: var(--color-text-primary)
}

[data-theme=dark] .testimonial-card__quote {
    color: var(--color-text-primary)
}

@media(min-width: 48em) {
    .testimonial-card__quote {
        font-size: .875rem;
        line-height: 1.5715;
        font-weight: 400;
        letter-spacing: .02em
    }
}

@media(min-width: 48em)and (max-width: 768px) {
    .testimonial-card__quote {
        font-size: .875rem;
        line-height: 1.5715
    }
}

@media(min-width: 48em) {
    [dir=rtl] .testimonial-card__quote {
        font-size: 13.72px;
        line-height: 24px;
        letter-spacing: 0 !important
    }
}

@media(min-width: 48em)and (max-width: 768px) {
    [dir=rtl] .testimonial-card__quote {
        font-size: 13.72px;
        line-height: 24px
    }
}

[dir=rtl] .testimonial-card::before {
    left: 1rem;
    right: inherit
}

@media(max-width: 35.4975em) {
    .container-testimonials {
        padding: 0 .75rem
    }

    .container-testimonials .testimonial-wrapper .testimonials-slider .swiper {
        padding: .25rem 0
    }

    .container-testimonials .testimonial-wrapper .testimonials-slider .swiper-slide {
        padding: 0 .25rem
    }

    .testimonial-card {
        padding: 1.25rem;
        min-height: 200px;
        max-width: 100%;
        margin: 0
    }

    .testimonial-card__quote {
        -webkit-line-clamp: 4;
        font-size: .875rem;
        line-height: 1.4
    }

    .testimonial-card__name {
        font-size: .875rem
    }

    .testimonial-card__country {
        font-size: .75rem
    }
}

@media(min-width: 48em) {
    .testimonial-card {
        padding: 1.75rem;
        min-height: 240px
    }

    .testimonial-card__quote {
        -webkit-line-clamp: 5
    }
}

.testimonials-fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp .6s ease forwards
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.contact-us-container .contact-us-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 1.75rem;
    width: 100%;
    padding: 1.25rem;
    border-radius: 1.25rem
}

[data-theme=dark] .contact-us-container .contact-us-wrapper {
    background: linear-gradient(180deg, hsla(107, 65%, 40%, 0.3) 0%, hsla(107, 86%, 28%, 0.36) 100%);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .5), 0 0 0 5px rgba(116, 205, 91, .3), inset 0 0 6px 3px rgba(70, 123, 55, .35)
}

[data-theme=light] .contact-us-container .contact-us-wrapper {
    background: linear-gradient(180deg, hsla(101, 59%, 55%, 0.3) 0%, hsla(108, 52%, 60%, 0.226) 100%);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .5), 0 0 0 5px rgba(135, 199, 117, .3), inset 0 0 6px 3px rgba(161, 195, 151, .35)
}

@media(min-width: 48em) {
    .contact-us-container .contact-us-wrapper {
        width: 500px;
        margin-inline: auto
    }
}

.contact-us-container .contact-us-wrapper__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.contact-us-container .contact-us-wrapper__top .contact-us-icon {
    width: 50px;
    height: 50px;
    opacity: .7
}

.contact-us-container .contact-us-wrapper__top .contact-us-icon svg {
    width: 100%;
    height: 100%
}

[data-theme=dark] .contact-us-container .contact-us-wrapper__top .contact-us-icon svg {
    --bbf-fill: hsla(107, 55%, 65%, 0.3);
    --cui-fill: hsl(107, 52%, 71%)
}

[data-theme=light] .contact-us-container .contact-us-wrapper__top .contact-us-icon svg {
    --bbf-fill: hsla(107, 61%, 30%, 0.3);
    --cui-fill: hsl(107, 44%, 40%)
}

.contact-us-container .contact-us-wrapper__top .contact-us-icon svg .bbf {
    fill: var(--bbf-fill)
}

.contact-us-container .contact-us-wrapper__top .contact-us-icon svg path {
    fill: var(--cui-fill)
}

.contact-us-container .contact-us-wrapper__top-header {
    display: flex;
    flex-direction: column;
    row-gap: .325rem
}

[data-theme=dark] .contact-us-container .contact-us-wrapper__top-header {
    color: #f3fff0
}

[data-theme=light] .contact-us-container .contact-us-wrapper__top-header {
    color: #082301
}

.contact-us-container .contact-us-wrapper__top-header .contact-us-title {
    font-size: 1.125rem;
    line-height: 136%;
    font-weight: 600;
    letter-spacing: -0.001em
}

@media(max-width: 768px) {
    .contact-us-container .contact-us-wrapper__top-header .contact-us-title {
        font-size: 16px;
        line-height: 26px
    }
}

[dir=rtl] .contact-us-container .contact-us-wrapper__top-header .contact-us-title {
    font-size: 1.1025rem;
    line-height: 136%;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .contact-us-container .contact-us-wrapper__top-header .contact-us-title {
        font-size: 15.68px;
        line-height: 26px
    }
}

.contact-us-container .contact-us-wrapper__top-header .contact-us-desc {
    font-size: .875rem;
    line-height: 1.5715;
    font-weight: 400;
    letter-spacing: .02em;
    opacity: .7
}

@media(max-width: 768px) {
    .contact-us-container .contact-us-wrapper__top-header .contact-us-desc {
        font-size: .875rem;
        line-height: 1.5715
    }
}

[dir=rtl] .contact-us-container .contact-us-wrapper__top-header .contact-us-desc {
    font-size: 13.72px;
    line-height: 24px;
    letter-spacing: 0 !important
}

@media(max-width: 768px) {
    [dir=rtl] .contact-us-container .contact-us-wrapper__top-header .contact-us-desc {
        font-size: 13.72px;
        line-height: 24px
    }
}

.contact-us-container .contact-us-wrapper__bottom {
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.contact-us-container .contact-us-wrapper__bottom>* {
    flex: 1
}

.subscription-package-grid--centered {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 767px) {
    .subscription-package-grid--centered {
        flex-direction: column;
        align-items: center;
    }
}