@layer pages {
    .page-pricing {
        .free-account {
        }

        .free-account-intro {
            align-self: center;
        }

        .premium-account {
            margin: var(--double-gap) 0;

            hgroup {
                text-align: center;
                margin-bottom: var(--gap);

                h2 {
                    font-family: Montserrat, sans-serif;
                    font-size: var(--font-size-4);
                    font-weight: 800;
                    color: var(--color-indigo);
                }

                p {
                    font-family: Montserrat, sans-serif;
                    font-size: var(--font-size-4);
                    font-weight: 275;
                    color: var(--color-indigo);

                    @media (max-width: 1000px) {
                        display: none;
                    }
                }
            }
        }

        .pricing-disclaimer {
            font-size: 0.8rem;
            margin-bottom: var(--gap);
        }

        .premium-account-container {
            margin-bottom: var(--double-gap);

            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            grid-template-rows: repeat(6, auto);
            -moz-column-gap: var(--gap);
                 column-gap: var(--gap);
            row-gap: var(--half-gap);

            @media (max-width: 1000px) {
                grid-template-columns: 1fr;
            }
        }

        .premium-account-item {
            display: grid;
            grid-template-rows: subgrid;
            grid-row: span 6;

            border-radius: 10px;
            box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
            padding: var(--gap);
            text-align: center;

            &:nth-child(1),
            &:nth-child(2) {
                color: var(--color-primary);
                background-color: var(--color-light);
            }
            &:nth-child(3) {
                color: var(--color-light);
                background-color: var(--color-primary);
            }

            hr {
                background-color: var(--color-light);
                height: 3px;
                border: none;
                width: 100%;
            }

            &:nth-child(2) {
                hr {
                    background-color: var(--color-dark);
                }
            }
        }

        .premium-account-duration {
            font-family: Montserrat, sans-serif;
            font-size: var(--font-size-4);
            font-weight: 800;
            color: inherit;
        }

        .premium-account-price {
            font-family: Montserrat, sans-serif;
            font-size: var(--font-size-3);
            font-weight: 300;
            color: var(--color-dark);

            strong {
                font-weight: 800;
            }
        }

        .premium-account-saving {
            font-size: var(--font-size-3);
        }

        .pricing-table-header {
            @media (min-width: 1001px) {
                display: none;
            }
            @media (max-width: 1000px) {
                display: block;
                text-align: center;
            }

            h2 {
                font-size: var(--font-size-4);
                font-weight: 800;
                color: var(--color-indigo);
            }
        }
        .feature-header {
            h2 {
                font-family: Montserrat, sans-serif;
                font-size: var(--font-size-4);
                font-weight: 800;
                color: var(--color-indigo);
            }
        }

        .pricing-table {
            margin-top: var(--double-gap);

            display: grid;
            grid-template-columns: 2fr repeat(var(--plans), 1fr);
            grid-template-rows: repeat(var(--rows), auto);
            -moz-column-gap: var(--gap);
                 column-gap: var(--gap);

            @media (max-width: 1560px) {
                grid-template-columns: 1fr repeat(var(--plans), 1fr);;
            }
            @media (max-width: 1000px) {
                grid-template-columns: 1fr;
                grid-template-rows: unset;
                row-gap: var(--gap);
            }

            & > div {
                @media (min-width: 1000px) {
                    display: grid;
                    grid-template-rows: subgrid;
                    grid-row: span var(--rows);
                }
            }

            & > .important-feature {
                font-weight: 700;
            }

            @media (max-width: 1000px) {
                & > .pricing-table-features {
                    display: none;
                }
            }

            & > .pricing-table-free,
            & > .pricing-table-premium {
                border-radius: 10px;
                box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3);
                text-align: center;
                padding: var(--gap);

                .account-name {
                    font-family: Montserrat, sans-serif;
                    font-size: var(--font-size-3);
                    font-weight: 800;
                }

                .account-price {
                    font-family: Montserrat, sans-serif;
                    font-size: var(--font-size-price);
                    font-weight: 300;
                }

                hr {
                    height: 3px;
                    border: none;
                    width: 100%;
                }

                .account-transaction-commission {
                    border-bottom: 3px solid rgb(from var(--color-dark) r g b / 0.2);
                    font-size: var(--font-size-2);
                    padding-bottom: calc(var(--gap) / 2);
                    padding-top: calc(var(--gap) / 4);

                    strong {
                        font-size: calc(var(--font-size-2) + 0.5rem);
                        font-weight: 400;
                    }
                }

                .account-claim {
                    font-family: Montserrat, sans-serif;
                    font-size: var(--font-size-3);
                    font-weight: 800;
                    margin-block-start: var(--gap);
                }

                .feature-row {
                    display: flex;
                    justify-content: center;
                }

                .feature-row-no {
                    @media (max-width: 1000px) {
                        display: none;
                    }
                }
            }

            & > .pricing-table-free {
                background-color: var(--color-light);

                .account-name {
                    color: var(--color-dark);
                }

                .account-price {
                }

                hr {
                    background-color: rgb(from var(--color-dark) r g b / 0.5);
                }
            }

            & > .pricing-table-premium {
                background-color: var(--color-violet);
                color: var(--color-light);

                .account-name {
                    color: var(--color-light);
                }

                .account-price {
                    font-size: var(--font-size-3);

                    strong {
                        font-size: var(--font-size-price);
                        font-weight: 800;
                    }
                }

                hr {
                    background-color: rgb(from var(--color-light) r g b / 0.5);
                }

                .account-claim {
                    color: var(--color-orange);
                }
            }

            & > div {
                & > .feature-header {
                    grid-row: span 3;
                }
                & > .feature-row {
                    align-self: self-end;
                    border-bottom: 3px solid rgb(from var(--color-dark) r g b / 0.2);
                    font-size: var(--font-size-2);
                    min-height: 4rem;
                    display: flex;
                    align-items: center;

                    &:last-child {
                        border-bottom: none;
                    }

                    &.important-feature {
                        font-weight: 700;
                    }
                }

                & > .feature-row-no {
                    .feature-check {
                        display: none;
                    }
                }
            }

            .feature-check {
            }

            .feature-name {
                display: none;
            }

            @media (max-width: 1000px) {
                .feature-check {
                    display: none;
                }

                .feature-name {
                    display: inline;
                }
            }
        }

        .account-transaction-commission {
        }

        .pricing-table-cta {
            margin-top: var(--gap);

            & > div {
                grid-column: 2 / -1;

                @media (max-width: 1000px) {
                    grid-column: 1 / -1;

                    .btn {
                        width: 100%;
                        justify-content: center;
                    }
                }
            }
        }

        .shipping {
            background-color: var(--color-orange);
            border-radius: 10px;
            @media (max-width: 1000px) {
                margin-bottom: var(--double-gap);
            }

            .intro {
                display: flex;
                gap: var(--half-gap);

                @media (max-width: 1000px) {
                    flex-direction: column;
                    padding: var(--gap);
                }
            }

            .intro-text {
                margin: var(--gap) var(--gap) var(--gap) 0;

                @media (max-width: 1000px) {
                    margin-bottom: 0;
                }
            }

            .heading {
                color: var(--color-light);
                font-family: Montserrat, sans-serif;
                font-size: var(--font-size-3);
                margin-bottom: var(--half-gap);
                font-weight: 800;
            }
        }

        .shipping-discount {
            margin-top: calc(165px + var(--gap));

            .intro {
                img {
                    margin-left: calc(-1 * var(--half-gap));
                    margin-top: -165px;

                    @media (max-width: 1000px) {
                        margin-left: 0;
                    }
                }
            }

            .heading {
                font-size: calc(var(--font-size-4) - 5px);
            }

            .carrier-list {
                list-style: none;
                padding: 0;
                margin: var(--gap);

                display: grid;
                gap: var(--gap);
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

                @media (max-width: 800px) {
                    grid-template-columns: unset;
                    --visible-slides: 1.2;
                    --slide-gap: var(--half-gap);
                    grid-auto-flow: column;
                    grid-auto-columns: calc(
                        100% / var(--visible-slides) - var(--slide-gap) * (var(--visible-slides) - 1) / var(--visible-slides)
                    );
                    overflow: scroll;
                }
                @media (max-width: 1000px) {
                    margin-top: 0;
                }
            }

            .carrier {
                border: 3px solid var(--color-light);
                border-radius: 10px;
                padding: var(--gap);
                text-align: center;

                display: grid;
                gap: var(--half-gap);
                align-items: end;

                h3 {
                    color: var(--color-light);
                }

                h3, .carrier-discount strong {
                    font-family: Montserrat, sans-serif;
                    font-weight: 800;
                    font-size: calc(var(--font-size-3) - 0.1rem);
                    line-height: 2rem;
                }
            }

            .discount-terms {
                margin: var(--gap);
                padding-bottom: var(--gap);
                font-size: 0.8rem;
            }
        }

        .shipping-pricing {
            margin-top: calc(155px + var(--gap));
            margin-bottom: calc(50px + var(--gap));

            @media (max-width: 1000px) {
                margin-bottom: var(--double-gap);
            }

            .intro {
                img {
                    margin-left: calc(-1 * var(--half-gap));
                    margin-top: -155px;
                    margin-bottom: -50px;

                    @media (max-width: 1000px) {
                        margin-left: 0;
                        margin-bottom: 0;
                    }
                }
            }

            .intro-text {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: var(--half-gap);

                @media (max-width: 1200px) {
                    grid-template-columns: unset;
                }
            }

            .terms {
                margin: var(--gap);
                margin-left: 0;
                font-size: 0.8rem;
            }
        }
    }
}


/*# sourceMappingURL=infosite-page-pricing.f2153be77d2aa5b3d60f.css.map*/