:root {
    --color-scheme-1--background-primary: var(--_primitives---colors--blue);
    --_typography---font-styles--body: Apkpraktikal,Arial,sans-serif;
    --color-scheme-1--text-primary: var(--_primitives---colors--white);
    --_typography---font-styles--heading: Cy,Arial,sans-serif;
    --_primitives---colors--white: #fff;
    --_primitives---colors--neutral-darkest: black;
    --text-color--text-alternate\<deleted\|relume-variable-text-color-3\>: var(--base-color-neutral--white\<deleted\|relume-variable-color-neutral-2\>);
    --_ui-styles---radius--small: .25rem;
    --color-scheme-1--background-secondary: var(--_primitives---colors--white);
    --color-scheme-1--text-secondary: var(--_primitives---colors--blue);
    --_primitives---opacity--transparent: transparent;
    --_primitives---opacity--white-60: #fff9;
    --_ui-styles---stroke--border-width: 1px;
    --color-scheme-1--border: var(--_primitives---opacity--white-20);
    --_ui-styles---radius--medium: .5rem;
    --background-color--background-secondary\<deleted\|relume-variable-background-color-2\>: var(--base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>);
    --border-color--border-primary\<deleted\|relume-variable-border-color-1\>: var(--base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>);
    --_primitives---colors--neutral-lightest: #eee;
    --_ui-styles---radius--large: .75rem;
    --color-scheme-1--accent: var(--_primitives---colors--blue-light);
    --_primitives---opacity--neutral-darkest-10: #0000001a;
    --_primitives---colors--blue: #1300fd;
    --_primitives---colors--blue-light: #06a2fd;
    --_primitives---colors--neutral-lighter: #ccc;
    --_primitives---colors--neutral-light: #aaa;
    --_primitives---colors--neutral: #666;
    --_primitives---colors--neutral-dark: #444;
    --_primitives---colors--neutral-darker: #222;
    --_primitives---opacity--white-5: #ffffff0d;
    --_primitives---opacity--white-10: #ffffff1a;
    --_primitives---opacity--white-15: #ffffff26;
    --_primitives---opacity--white-20: #fff3;
    --_primitives---opacity--white-30: #ffffff4d;
    --_primitives---opacity--white-40: #fff6;
    --_primitives---opacity--white-50: #ffffff80;
    --_primitives---opacity--neutral-darkest-5: #0000000d;
    --_primitives---opacity--neutral-darkest-15: #00000026;
    --_primitives---opacity--neutral-darkest-20: #0003;
    --_primitives---opacity--neutral-darkest-30: #0000004d;
    --_primitives---opacity--neutral-darkest-40: #0006;
    --_primitives---opacity--neutral-darkest-50: #00000080;
    --_primitives---opacity--neutral-darkest-60: #0009;
    --_ui-styles---stroke--divider-width: 1px;
    --base-color-neutral--white\<deleted\|relume-variable-color-neutral-2\>: white;
    --base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>: #eee;
    --base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>: black
}

body {
    background-color: var(--color-scheme-1--background-primary);
    font-family: var(--_typography---font-styles--body);
    color: var(--color-scheme-1--text-primary);
    font-size: 1rem;
    line-height: 1.5
}

h1 {
    font-family: var(--_typography---font-styles--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.2
}

h2 {
    font-family: var(--_typography---font-styles--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.2
}

h3 {
    font-family: var(--_typography---font-styles--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2
}

h4 {
    font-family: var(--_typography---font-styles--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3
}

h5 {
    font-family: var(--_typography---font-styles--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4
}

h6 {
    font-family: var(--_typography---font-styles--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4
}

p {
    margin-bottom: 0
}

a {
    color: var(--color-scheme-1--text-primary);
    text-decoration: underline
}

ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.25rem
}

ol {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem
}

li {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: .5rem
}

img {
    max-width: 100%;
    display: inline-block
}

label {
    margin-bottom: .25rem;
    font-weight: 500
}

blockquote {
    border-left: .1875rem solid var(--color-scheme-1--text-primary);
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

figure {
    margin-top: 3rem;
    margin-bottom: 3rem
}

figcaption {
    text-align: center;
    margin-top: .25rem
}

.z-index-2 {
    z-index: 2;
    position: relative
}

.max-width-full {
    width: 100%;
    max-width: none
}

.global-styles {
    display: block;
    position: fixed;
    inset: 0% auto auto 0%
}

.hide {
    display: none
}

.button {
    border-radius: var(--_ui-styles---radius--small);
    background-color: var(--color-scheme-1--background-secondary);
    color: var(--color-scheme-1--text-secondary);
    text-align: center;
    text-transform: uppercase;
    padding: .5rem .75rem;
    font-size: .8125rem;
    text-decoration: none
}

.button.is-link {
    background-color: var(--_primitives---opacity--transparent);
    color: var(--_primitives---colors--neutral-darkest);
    border-style: none;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none
}

.button.is-link.is-alternate {
    background-color: var(--_primitives---opacity--transparent);
    color: var(--_primitives---colors--white)
}

.button.is-link.is-icon {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem
}

.button.is-icon {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: center;
    display: flex
}

.button.is-secondary {
    background-color: var(--_primitives---opacity--transparent);
    color: var(--_primitives---colors--neutral-darkest)
}

.button.is-secondary.is-alternate {
    background-color: var(--_primitives---opacity--transparent);
    color: var(--_primitives---colors--white)
}

.button.is-small {
    padding: .5rem 1.25rem
}

.button.is-alternate {
    border-color: var(--_primitives---colors--white);
    background-color: var(--_primitives---colors--white);
    color: var(--_primitives---colors--neutral-darkest)
}

.text-rich-text h1 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 4rem
}

.text-rich-text blockquote {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-style: italic
}

.text-rich-text h2 {
    margin-top: 6.25rem;
    margin-bottom: 1rem
}

.text-rich-text h3,.text-rich-text h4 {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.5rem
}

.text-rich-text h5,.text-rich-text h6 {
    margin-top: 1.25rem;
    margin-bottom: 1rem
}

.text-rich-text p {
    margin-bottom: 1rem
}

.text-rich-text figcaption {
    border-left: 2px solid var(--color-scheme-1--text-primary);
    text-align: left;
    margin-top: .5rem;
    padding-left: .5rem;
    font-size: .875rem
}

.text-rich-text ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2rem
}

.text-rich-text.is-mobile {
    display: none
}

.padding-global {
    padding-left: 5%;
    padding-right: 5%
}

.navigation {
    z-index: 100;
    border-bottom: 1px solid var(--_primitives---colors--white);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 100%;
    position: fixed;
    inset: 0% 0% auto;
    overflow: hidden
}

.navigation.is-legal {
    border-bottom-style: none
}

.navigation-wrap {
    z-index: 2;
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 20rem;
    padding: 2rem 5% 1rem;
    display: flex;
    position: relative
}

.navigation-wrap.is-legal {
    height: auto
}

.navigation-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: grid
}

.navigation-search {
    flex-flow: row;
    justify-content: flex-end;
    width: 100%;
    display: flex
}

.navigation-headers {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.logo-wrap {
    justify-content: flex-start;
    align-items: center;
    width: 9.125rem;
    line-height: 1;
    display: flex
}

.nav-logo {
    display: flex
}

.button-wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    color: var(--color-scheme-1--text-secondary);
    text-transform: uppercase;
    background-image: url(https://cdn.prod.website-files.com/6909d310f308843f223d9546/6909dd392cbfd47dc812fc3c_btn-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: .8125rem;
    display: flex
}

.buton-icon-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex
}

.button-text-wrap {
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 1.5rem;
    line-height: 1;
    display: flex
}

.btn-icon {
    line-height: 1;
    display: flex
}

.nav-header-wrap {
    color: #ffffffb3;
    text-transform: uppercase;
    font-size: .8125rem;
    line-height: 1
}

.nav-header-wrap.text-style-muted {
    opacity: .7
}

.nav-header-wrap.is-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: right;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: right;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
}

.header-bg-wrap {
    z-index: 1;
    pointer-events: none;
    flex-flow: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%
}

.header-bg-desktop {
    object-position: 50% 100%;
    width: 100%
}

.page-bg {
    z-index: -1;
    background-image: linear-gradient(180deg,var(--_primitives---colors--blue),var(--_primitives---colors--blue-light));
    width: 100%;
    height: 100vh;
    position: fixed;
    inset: 0%
}

.headline-wrap {
    pointer-events: none;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: -.5rem;
    padding-top: 2rem;
    line-height: 1;
    display: flex;
    position: absolute;
    inset: 0% 0% auto
}

.main-heading {
    transform-origin: 50% 100%;
    font-size: 3.75rem;
    line-height: 1
}

.nav-bg {
    z-index: -1;
    background-image: linear-gradient(180deg,var(--_primitives---colors--blue),var(--_primitives---colors--blue-light)85%,#06a2fd00 103%);
    opacity: .5;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: 0%
}

.header-bg-mobile {
    object-position: 50% 100%;
    width: 100%;
    display: none
}

.search-wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    text-transform: uppercase;
    background-image: url(https://cdn.prod.website-files.com/6909d310f308843f223d9546/690a4625cea70a6e982f7f4f_Search%20Bar.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: .8125rem;
    display: flex
}

.search-buton-icon-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex
}

.search-button-text-wrap {
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: 1.5rem;
    line-height: 1;
    display: flex
}

.search-form-wrap {
    width: 100%;
    height: 1.5rem;
    margin-bottom: 0
}

.search-form {
    width: 100%;
    height: 1.5rem;
    position: relative
}

.search-field {
    text-align: left;
    text-transform: uppercase;
    background-color: #0000;
    border: 1px #000;
    width: 100%;
    height: 1.5rem;
    margin-bottom: 0;
    padding: .1rem .2rem .1rem .45rem
}

.search-field::placeholder {
    color: var(--color-scheme-1--text-primary)
}

.search-navigation-wrap {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    flex-flow: column;
    display: flex
}

.footer {
    z-index: 100;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: 100%;
    position: fixed;
    inset: auto 0% 0%
}

.footer-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    font-family: var(--_typography---font-styles--body);
    text-transform: uppercase;
    justify-content: space-between;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .625rem;
    font-weight: 400;
    display: flex
}

.text-link {
    text-decoration: underline
}

.section-legal {
    position: relative
}

.legal-wrapper {
    flex-flow: column;
    align-items: center;
    width: 100%;
    max-width: 47.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10rem;
    padding-bottom: 6.25rem;
    display: flex
}

.button-wrap {
    margin-top: 6.25rem
}

.header-btn-wrap {
    flex-flow: row;
    justify-content: flex-end;
    display: flex
}

.navigation-links-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    justify-content: flex-start;
    display: flex
}

.navigation-link {
    text-transform: uppercase;
    text-underline-offset: 2px;
    font-size: .8125rem;
    line-height: 1
}

.navigation-link:hover,.navigation-link.w--current {
    text-decoration: underline
}

.nav-menu-btn {
    display: none
}

.legal-bg-wrap {
    position: absolute;
    inset: 0% 0% auto
}

@media screen and (max-width: 991px) {
    h1 {
        font-size:3.25rem
    }

    h2 {
        font-size: 2.75rem
    }

    h3 {
        font-size: 2.25rem
    }

    h4 {
        font-size: 1.75rem
    }

    p {
        font-size: 1rem
    }

    .hide-tablet {
        display: none
    }

    .text-style-link.is-short {
        text-align: right;
        text-align: right;
        overflow: hidden
    }

    .max-width-full-tablet {
        width: 100%;
        max-width: none
    }

    .margin-large {
        margin: 2.5rem
    }

    .margin-xlarge {
        margin: 3.5rem
    }

    .margin-xxlarge {
        margin: 4.5rem
    }

    .margin-huge {
        margin: 5rem
    }

    .margin-xhuge {
        margin: 6rem
    }

    .margin-xxhuge {
        margin: 7.5rem
    }

    .padding-large {
        padding: 2.5rem
    }

    .padding-xlarge {
        padding: 3.5rem
    }

    .padding-xxlarge {
        padding: 4.5rem
    }

    .padding-huge {
        padding: 5rem
    }

    .padding-xhuge {
        padding: 6rem
    }

    .padding-xxhuge {
        padding: 7.5rem
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .heading-style-h2 {
        font-size: 2.75rem
    }

    .rl-styleguide_item-row {
        grid-template-columns: auto 1fr
    }

    .rl-styleguide_icons-list {
        grid-auto-flow: row
    }

    .heading-style-h1 {
        font-size: 3.25rem
    }

    .heading-style-h1.is-bigger {
        margin-bottom: 2rem;
        font-size: 2.5rem
    }

    .heading-style-h4 {
        font-size: 1.75rem
    }

    .heading-style-h3 {
        font-size: 2.25rem
    }

    .text-rich-text p,.text-rich-text ol,.text-rich-text ul {
        font-size: .8125rem
    }

    .text-rich-text h1 {
        font-size: 2.5rem
    }

    .text-rich-text p,.text-rich-text ol,.text-rich-text ul {
        font-size: .8125rem
    }

    .text-rich-text.is-desktop {
        display: none
    }

    .text-rich-text.is-mobile {
        display: block
    }

    .padding-section-medium {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .padding-section-large {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .spacer-large {
        padding-top: 2.5rem
    }

    .spacer-xlarge {
        padding-top: 3.5rem
    }

    .spacer-xxlarge {
        padding-top: 4.5rem
    }

    .spacer-huge {
        padding-top: 5rem
    }

    .spacer-xhuge {
        padding-top: 6rem
    }

    .spacer-xxhuge {
        padding-top: 7.5rem
    }

    .rl-styleguide_component {
        grid-row-gap: 4rem;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        min-height: auto;
        padding-top: 4rem
    }

    .rl-styleguide_image {
        height: 100%;
        max-height: none
    }

    .rl-styleguide_content {
        max-width: none;
        margin-left: 4rem;
        margin-right: 4rem
    }

    .rl-styleguide_image-wrapper {
        height: 640px
    }

    .rl-styleguide_scheme-list {
        grid-template-columns: 1fr
    }

    .navigation-wrap {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        height: 16rem
    }

    .navigation-top {
        flex-flow: row;
        display: flex
    }

    .navigation-search.hide-desktop {
        display: flex
    }

    .navigation-headers {
        flex-flow: row;
        justify-content: flex-end;
        display: flex
    }

    .header-bg-wrap {
        justify-content: flex-start
    }

    .header-bg-desktop {
        display: none
    }

    .leaderboard-wrapper {
        padding-top: 17.25rem
    }

    .leaderbord-grid-item {
        grid-column-gap: 0rem;
        grid-row-gap: .75rem;
        border-radius: var(--_ui-styles---radius--large);
        background-color: #ffffff1a;
        border-bottom-style: none;
        grid-template-columns: 1fr 1fr;
        padding: .75rem
    }

    .leaderboard-item-field {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        font-size: .8125rem;
        display: flex
    }

    .leaderboard-item-field.is-last {
        border-top-right-radius: var(--_ui-styles---radius--small);
        border-bottom-right-radius: var(--_ui-styles---radius--small);
        text-align: right;
        background-color: #0000;
        justify-content: flex-start;
        padding: 0
    }

    .leaderboard-item-field.is-first {
        border-radius: var(--_ui-styles---radius--small);
        background-color: #ffffff1a;
        padding: .75rem
    }

    .headline-wrap {
        pointer-events: none
    }

    .main-heading {
        font-size: 2.5rem
    }

    .leader-board-triger {
        height: 17.25rem
    }

    .mask {
        height: 21.25rem
    }

    .leaderboard-collection {
        grid-column-gap: 1.125rem;
        grid-row-gap: 1.125rem
    }

    .nav-header-wrap-mobile {
        display: flex
    }

    .header-bg-mobile {
        object-position: 50% 0%;
        display: block
    }

    .tier-wrap {
        font-family: var(--_typography---font-styles--body);
        margin-top: 1.125rem;
        margin-bottom: 1.125rem;
        font-size: .8125rem
    }

    .hide-desktop {
        display: block
    }

    .rich-wrap {
        margin-top: 5rem
    }

    .header-btn-wrap {
        justify-content: center
    }

    .navigation-link {
        font-family: var(--_typography---font-styles--heading);
        text-align: center;
        text-transform: none;
        font-size: 2rem;
        text-decoration: none
    }

    .navigation-link:hover,.navigation-link.w--current {
        text-decoration: none
    }

    .nav-menu-btn {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
        flex-flow: column;
        justify-content: center;
        width: 3.25rem;
        height: 3.25rem;
        display: flex
    }

    .nav-menu-line-tp,.nav-menu-line-bt {
        background-color: var(--_primitives---colors--white);
        transform-origin: 0%;
        width: 3.25rem;
        height: 1px
    }

    .mobile-menu-wrap {
        z-index: 200;
        width: 100%;
        height: 85vh;
        padding-left: 5%;
        padding-right: 5%;
        display: none;
        position: fixed;
        top: 6rem
    }

    .mobile-menu {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: #fff3;
        border-radius: 1.5rem;
        flex-flow: column;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        padding: 5rem 1.5rem 1.5rem;
        display: flex
    }

    .mobile-menu-links {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        flex-flow: column;
        align-items: center;
        display: flex
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size:2.5rem
    }

    h2 {
        font-size: 2.25rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.5rem;
        line-height: 1.4
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1.125rem
    }

    .hide-mobile-landscape {
        display: none
    }

    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none
    }

    .margin-xsmall {
        margin: .75rem
    }

    .margin-small {
        margin: 1.25rem
    }

    .margin-medium {
        margin: 1.5rem
    }

    .margin-large {
        margin: 2rem
    }

    .margin-xlarge {
        margin: 2.5rem
    }

    .margin-xxlarge {
        margin: 3rem
    }

    .margin-huge {
        margin: 3.5rem
    }

    .margin-xhuge {
        margin: 4rem
    }

    .margin-xxhuge {
        margin: 5rem
    }

    .padding-xsmall {
        padding: .75rem
    }

    .padding-small {
        padding: 1.25rem
    }

    .padding-medium {
        padding: 1.5rem
    }

    .padding-large {
        padding: 2rem
    }

    .padding-xlarge {
        padding: 2.5rem
    }

    .padding-xxlarge {
        padding: 3rem
    }

    .padding-huge {
        padding: 3.5rem
    }

    .padding-xhuge {
        padding: 4rem
    }

    .padding-xxhuge {
        padding: 5rem
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .text-size-medium {
        font-size: 1rem
    }

    .text-style-quote {
        font-size: 1.125rem
    }

    .heading-style-h2 {
        font-size: 2.25rem
    }

    .heading-style-h6 {
        font-size: 1.125rem
    }

    .heading-style-h5 {
        font-size: 1.25rem
    }

    .heading-style-h1 {
        font-size: 2.5rem
    }

    .heading-style-h4 {
        font-size: 1.5rem;
        line-height: 1.4
    }

    .heading-style-h3 {
        font-size: 2rem
    }

    .text-style-nowrap {
        white-space: normal
    }

    .text-size-large {
        font-size: 1.125rem
    }

    .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .padding-section-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .padding-section-large {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .spacer-xsmall {
        padding-top: .75rem
    }

    .spacer-small {
        padding-top: 1.25rem
    }

    .spacer-medium {
        padding-top: 1.5rem
    }

    .spacer-large {
        padding-top: 2rem
    }

    .spacer-xlarge {
        padding-top: 2.5rem
    }

    .spacer-xxlarge {
        padding-top: 3rem
    }

    .spacer-huge {
        padding-top: 3.5rem
    }

    .spacer-xhuge {
        padding-top: 4rem
    }

    .spacer-xxhuge {
        padding-top: 5rem
    }

    .rl-styleguide_component {
        padding-top: 4rem
    }

    .rl-styleguide_content {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .category-filter-menu {
        width: 100vw;
        margin-left: -5vw;
        padding-left: 5vw;
        overflow: scroll
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size:2.5rem
    }

    .hide-mobile-portrait {
        display: none
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none
    }

    .rl-styleguide_component {
        grid-template-columns: 1fr
    }

    .navigation-wrap {
        height: 16rem
    }

    .navigation-search {
        justify-content: center
    }

    .leaderboard-wrapper {
        padding-top: 17.25rem
    }

    .leader-board-triger {
        height: 17.25rem
    }

    .search-wrapper {
        background-image: url(https://cdn.prod.website-files.com/6909d310f308843f223d9546/690cbf55eb581ed937ef8b50_Search%20Bar.svg)
    }

    .search-buton-icon-wrap {
        width: 1.6rem;
        height: 1.6rem
    }

    .search-button-text-wrap {
        width: 9.1875rem
    }

    .search-form,.search-field {
        font-size: 1rem
    }

    .search-field::placeholder {
        font-size: .95rem
    }

    .tier-wrap {
        text-transform: uppercase
    }

    .hide-desktop {
        display: block
    }

    .footer-wrap {
        grid-column-gap: .2rem;
        grid-row-gap: .2rem;
        flex-flow: wrap;
        justify-content: space-between
    }
}

#w-node-bd56b051-a838-56b6-463f-d601bdbb4da1-4aa6eb95 {
    justify-self: center
}

#w-node-bd56b051-a838-56b6-463f-d601bdbb4db8-4aa6eb95,#w-node-bd56b051-a838-56b6-463f-d601bdbb4dbb-4aa6eb95,#w-node-bd56b051-a838-56b6-463f-d601bdbb4dbe-4aa6eb95 {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-bd56b051-a838-56b6-463f-d601bdbb4dc1-4aa6eb95 {
    grid-area: span 1/span 5/span 1/span 5;
    justify-self: start
}