.astro-root, .astro-fragment {
    display: contents;
}

.main-header.astro-YLH5C6JS {
    width: 100%;
    padding: 4rem 1rem;
    margin-bottom: -11rem;
    position: relative;
    z-index: 1000
}

.main-logo.astro-YLH5C6JS {
    margin: 0 auto;
    display: block;
    width: 130px
}

.astro-HYBDI6CH {
    --key: hero;
    --type: hero;
    --title: Blvck Members-Only Experience:<br />Phygital, Fashion & Events.;
    --cta: [object Object];
    --background: #000 url(../images/bg_hero%402x.jpg) center / cover no-repeat; 
    --customClass: section-hero;
    --socials: [object Object], [object Object], [object Object]
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --key: roadmap;
    --type: roadmap;
    --title: We teamed up with<br/><span class="strong">HORA GAMES</span>;
    --description: ;
    --cta: null;
    --background: #000 url(../images/bg_roadmap%402x.jpg) center / cover no-repeat;
    --customClass: section-roadmap leading-lg
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --key: tabs;
    --type: tabs;
    --tabs: [object Object], [object Object], [object Object];
    --customClass: section-tabs tide-title text-left
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --key: traits;
    --type: basic;
    --title: The Darker, the rarer.;
    --description: With over 250 High Fashion traits.;
    --background: #000 url(../images/bg_traits.jpg) center / cover no-repeat;
    --padding: 0 1rem, 0 2rem, 0 3rem, 0 4rem;
    --icons: ../images/traits_outfit.png, ../images/traits_league.png, ../images/traits_tattoo.png, ../images/traits_haircut.png, ../images/traits_more.png;
    --customClass: section-traits centered p-center p-margin-bottom tide-title
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --key: about;
    --type: basic;
    --title: About;
    --description: The project is led by Blvck Paris, global lifestyle fashion brand founded in 2017 by French designer, Julian O\2019hayon, endorsed and supported by an engaged community with millions of social media followers and customers worldwide. Blvck is known for its \2018 All Black\2019 clothing, accessories and digital goods. From visual content to merchandise, Blvck strives to pioneer an aspirational lifestyle pursuing quality and design. In 2021, the brand opened stores worldwide in Tokyo, Miami, Taipei, Taichung, Hong Kong and Macau and collaborated with tech giant, CASETiFY. In the NFT space, Blvck previously introduced three NFT drops on MakersPlace and held an event on Decentraland.\a0;
    --cta: null;
    --backgroundImage: ;
    --customClass: section-about centered
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --key: featured;
    --type: featured;
    --customClass: section-featured height-normal
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --key: carousel;
    --type: carousel;
    --title: Stores;
    --cta: null;
    --backgroundImage: ;
    --customClass:
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --type: team;
    --customClass: section-team centered;
    --team: [object Object], [object Object], [object Object], [object Object], [object Object], [object Object], [object Object], [object Object], [object Object], [object Object], [object Object], [object Object];
    --social: [object Object], [object Object]
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.astro-HYBDI6CH {
    --key: coinsilium;
    --type: basic;
    --title: <span class="small-title">BACKED BY</span><br/><img src="../images/logo_coinsilium@2x.png" alt="Coinsilium logo" width="230" />;
    --description: Coinsilium is a focused Blockchain venture operator based in Gibraltar. In 2015, Coinsilium became the first blockchain company to IPO. The Company is a highly regarded innovator with proven technological and commercial expertise and development capabilities in the NFT arena and also within Open Finance.;
    --cta: null;
    --background: linear-gradient(20deg, rgba(85, 91, 103, 1) 0%, rgba(17, 19, 23, 1) 80%);
    --customClass: section-coinsilium centered
}

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

/* .astro-HYBDI6CH {
    --key: horagames;
    --type: basic;
    --title: <img src="../images/blvck_x_horagames.png" alt="Blvck x Hora Games logo" width="100%" style="max-width: 500px;" />;
    --description: To make this collection truly unique & a next-level experience, Blvck partnered up with Hora Games, who established themselves as one of the pioneers in the play-to-earn (P2E) gaming genre. Their project Crypto Idle Miner propelled them into a casual gaming sphere with a never-seen-before concept, rewarding players based on their leaderboard position. Hora Games is one of the first P2E companies that successfully launched their project on Google Play & App Store in 2019 Today, they have over 700, 000 downloads on both platforms !, Now, we are expanding their metaverse experience to include NFT playable content, making this collaboration even more innovative, exciting, and exclusive !;
    --cta: null;
    --customClass: section-horagames leading-lg
} */

.container.astro-HYBDI6CH {
    position: relative;
    background-color: var(--primary-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    color: var(--primary-fg);
    overflow: hidden;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.container.astro-HYBDI6CH.height-normal.astro-HYBDI6CH {
    min-height: 0
}

.section-traits.astro-HYBDI6CH {
    padding: 10rem 2rem
}

@media only screen and (min-width:768px) {
    .section-traits.astro-HYBDI6CH {
        padding: 15rem 2rem
    }
}

.section-about.astro-HYBDI6CH {
    padding: 5rem 1rem
}

@media only screen and (min-width:768px) {
    .section-about.astro-HYBDI6CH {
        padding: 10rem 2rem
    }
}

.section-featured.astro-HYBDI6CH {
    border-top: 1px solid #50525e;
    padding: 1.8rem 0 2rem
}

.section-team.astro-HYBDI6CH {
    padding: 4rem 0 6rem;
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .section-team.astro-HYBDI6CH {
        max-width: 60rem;
        padding: 8rem 0 10rem
    }
}

.section-coinsilium.astro-HYBDI6CH {
    padding: 4rem 1rem 6rem
}

@media only screen and (min-width:1200px) {
    .section-coinsilium.astro-HYBDI6CH {
        padding: 8rem 2rem 10rem
    }
}

.section-horagames.astro-HYBDI6CH {
    background: #010101 url(../images/horagames_character.jpg) right bottom/cover no-repeat
}

@media only screen and (min-width:768px) {
    .section-horagames.astro-HYBDI6CH {
        background-size: contain
    }
}

.centered.astro-HYBDI6CH {
    display: flex;
    justify-content: center;
    align-items: center
}

.sm-align-end.astro-HYBDI6CH {
    align-items: flex-end;
    padding-bottom: var(--margin-md)
}

@media only screen and (min-width:1200px) {
    .sm-align-end.astro-HYBDI6CH {
        align-items: center
    }
}

.container.astro-UOTKGO2B {
    padding: var(--padding-lg);
    text-align: center;
    background-color: var(--primary-bg);
    border-top: 1px solid #50525e;
    padding: 5rem 0
}

@media only screen and (min-width:768px) {
    .container.astro-UOTKGO2B {
        padding: 10rem 0
    }
}

.links.astro-UOTKGO2B {
    margin-top: 3.75rem
}

.img.astro-EY3R7A52 {
    display: block;
    height: 100%;
    width: auto
}

.bottom-left.astro-EY3R7A52 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: auto
}

.link.astro-NHSX5LZV {
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 18.75rem;
    display: block;
    background-color: transparent;
    border: 2px solid var(--primary-fg);
    padding: var(--padding-sm);
    color: var(--primary-fg);
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 auto;
    transition: all var(--transition) ease-in;
    margin-bottom: var(--margin-md);
    font-family: GothamBold
}

.link.astro-NHSX5LZV:hover {
    opacity: .8
}

@media only screen and (min-width:1920px) {
    .link.astro-NHSX5LZV {
        padding: var(--padding-sm)
    }
}

.link.astro-NHSX5LZV img {
    margin-left: .5rem;
    margin-right: .5rem
}

.section-footer.astro-NHSX5LZV {
    margin-top: 3rem
}

@media only screen and (min-width:768px) {
    .section-footer.astro-NHSX5LZV {
        margin-top: 5rem
    }
}

.btn-fill-grey.astro-NHSX5LZV {
    background: linear-gradient(#777b8b, #575966);
    border: 0;
    max-width: 14rem;
    font-size: .8rem
}

.social.astro-X5IW3DTJ {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.link.astro-HFYL4P3C {
    font-family: GothamBold;
    display: block;
    text-decoration: none;
    color: var(--link-color);
    transition: all var(--transition) ease-in;
    margin: 0 1.5rem
}

.link.astro-HFYL4P3C:hover {
    opacity: .5
}

.footer-link.astro-HFYL4P3C {
    margin-top: 2rem
}

.container.astro-S2U7YMFI {
    width: 100%;
    padding: 4rem 0 0
}

@media only screen and (min-width:1200px) {
    .container.astro-S2U7YMFI {
        padding: 8rem 0 0
    }
}

.grid.astro-S2U7YMFI {
    width: 100%
}

@media only screen and (min-width:1200px) {
    .grid.astro-S2U7YMFI {
        display: flex;
        flex-direction: row-reverse
    }
}

.timeline-container.astro-S2U7YMFI {
    padding: 3rem 0;
    padding-left: calc(var(--padding-lg) * 2)
}

@media only screen and (min-width:1200px) {
    .timeline-container.astro-S2U7YMFI {
        height: 100%;
        width: 45%;
        padding: 3rem 0 5rem 3rem
    }
}

.image-container.astro-S2U7YMFI {
    height: 23.4375rem;
    background: url(../images/astronaut2.png) center bottom/contain no-repeat
}

@media only screen and (min-width:768px) {
    .image-container.astro-S2U7YMFI {
        height: 32rem
    }
}

@media only screen and (min-width:1200px) {
    .image-container.astro-S2U7YMFI {
        width: 55%;
        height: 70rem;
        background-size: contain;
        background-position: bottom right;
        align-self: flex-end
    }
}

.h2.astro-S2U7YMFI {
    text-align: center
}

.subtitle.astro-S2U7YMFI {
    max-width: 48rem;
    margin: 0 auto 2rem
}

.bg-img.astro-ATT5FWZQ {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20rem 0 10rem
}

.tabs.astro-ATT5FWZQ {
    width: 90%;
    margin: 0 auto;
    max-width: 58rem
}

.tabs-header.astro-ATT5FWZQ {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-bottom: 2px solid var(--primary-fg)
}

.tabs-header.astro-ATT5FWZQ button.astro-ATT5FWZQ:disabled,
.tabs-header.astro-ATT5FWZQ button.astro-ATT5FWZQ[disabled] {
    cursor: not-allowed
}

.tab-control.astro-ATT5FWZQ {
    box-sizing: border-box;
    display: block;
    background-color: transparent;
    border: none;
    color: #a3a3a3;
    position: relative;
    padding: var(--padding-lg);
    margin: 0 var(--padding-md);
    font-family: GothamBold;
    font-size: 1.5rem;
    line-height: 1;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: .3rem;
    cursor: pointer
}

.tab-control.astro-ATT5FWZQ.active.astro-ATT5FWZQ {
    color: var(--primary-fg)
}

.tab-control.astro-ATT5FWZQ.active.astro-ATT5FWZQ:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .25rem;
    background-color: var(--primary-fg)
}

.tab-control.astro-ATT5FWZQ.pending.astro-ATT5FWZQ:after {
    content: "Soon";
    position: absolute;
    top: -15%;
    right: -25%;
    display: block;
    background-color: var(--primary-fg);
    color: var(--primary-bg);
    padding: .5rem .8rem;
    border-radius: 10rem;
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1;
    vertical-align: middle
}

.tab-container.astro-ATT5FWZQ {
    display: none
}

.tab-content.astro-ATT5FWZQ {
    max-width: 44.375rem;
    margin: 0 auto
}

.tab-content.astro-ATT5FWZQ:hover .close-button.astro-ATT5FWZQ {
    opacity: 1;
    transform: translate(-50%)
}

.tab-copy.astro-ATT5FWZQ,
.video-container.astro-ATT5FWZQ {
    display: none
}

.video-container.astro-ATT5FWZQ {
    margin-top: 4rem
}

.active.astro-ATT5FWZQ {
    display: block
}

.title.astro-ATT5FWZQ {
    width: auto;
    text-align: left;
    margin: 3rem 0 -1rem
}

.tab-description.astro-ATT5FWZQ {
    max-width: 37.5rem;
    font-size: 1rem;
    line-height: 1.875rem
}

.play-button.astro-ATT5FWZQ {
    display: block;
    background-color: transparent;
    width: 6.25rem;
    height: 6.25rem;
    border: none;
    border-radius: 100%;
    margin: 3.75rem auto 0;
    cursor: pointer
}

.play-button.astro-ATT5FWZQ span.astro-ATT5FWZQ {
    font-family: GothamBold;
    display: block;
    margin-top: .5rem;
    width: 100%;
    font-size: 1.35rem;
    line-height: 2.45rem;
    white-space: nowrap;
    color: var(--primary-bg);
    filter: invert(50%)
}

.play-button.astro-ATT5FWZQ:hover {
    filter: invert(0)
}

.play-button.astro-ATT5FWZQ:hover span.astro-ATT5FWZQ {
    filter: invert(100%)
}

.play-icon.astro-ATT5FWZQ {
    width: 6.25rem;
    filter: invert(100%)
}

.close-button.astro-ATT5FWZQ {
    font-family: GothamBold;
    color: var(--primary-bg);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 1000;
    font-size: 1rem;
    padding: var(--padding-xs);
    opacity: 0;
    transform: translate(-50%, -1rem);
    transition: .25s ease-in-out
}

.content-top.astro-CSSJBSWH {
    height: 8rem
}

.container.astro-DH4DD74X {
    padding: var(--padding-sm);
    padding-left: 2.5rem;
    padding-bottom: 0;
    position: relative;
    max-width: 32.25rem;
    margin: 0 auto
}

.container.astro-DH4DD74X:before {
    content: "";
    display: block;
    background-color: gray;
    height: 99%;
    width: .75rem;
    position: absolute;
    left: 0;
    top: -.25rem;
    border-radius: 10px
}

@media only screen and (min-width:1200px) {
    .container.astro-DH4DD74X {
        margin: 0
    }
}

.item.astro-DH4DD74X {
    position: relative;
    margin-bottom: 2rem
}

.item.astro-DH4DD74X:last-child {
    margin-bottom: 0
}

.item.astro-DH4DD74X:before {
    content: "";
    display: block;
    background-image: url(../images/roadmap_circle.png);
    background-size: 5rem;
    background-position: center;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: -3.4rem;
    top: 1rem;
    border-radius: 50%;
    box-shadow: 5px 5px 20px #00000046 6
}

.date.astro-DH4DD74X {
    display: block;
    font-family: GothamBold;
    margin: var(--padding-lg) 0
}

.list.astro-DH4DD74X {
    padding-left: var(--padding-sm);
    margin: var(--padding-lg) 0 2.35rem 0
}

.list-item.astro-DH4DD74X,
.note.astro-DH4DD74X {
    font-family: GothamBook;
    line-height: 150%
}

.container.astro-6ZLYY5HV {
    position: relative
}

.section-horagames.astro-6ZLYY5HV {
    max-width: 50rem
}

.container.astro-KCGUJLSS {
    box-sizing: border-box
}

.title.astro-KCGUJLSS {
    font-family: GothamBold;
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    color: #28292e;
    margin-bottom: 2rem
}

.partners.astro-KCGUJLSS {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden
}

.partners-logo.astro-KCGUJLSS {
    display: block;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 2rem
}

@media only screen and (min-width:1200px) {
    .partners-logo.astro-KCGUJLSS {
        margin-bottom: 0
    }
}

.partners-logo-hypebeast.astro-KCGUJLSS {
    margin-top: .2rem
}

.partners-logo-entrepreneur.astro-KCGUJLSS {
    margin-top: .5rem
}

.items-grid.astro-TAW5LHPT {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 2rem
}

@media only screen and (min-width:1200px) {
    .items-grid.astro-TAW5LHPT {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }
}

.social-wrapper.astro-TAW5LHPT {
    margin-top: 1rem;
    margin-bottom: 4rem
}

.item.astro-TAW5LHPT {
    text-align: center
}

.item-img.astro-TAW5LHPT {
    display: inline-block;
    width: 7.5rem;
    height: 7.5rem;
    max-width: 100%;
    margin-bottom: .5rem;
    border-radius: 200px
}

.item-name.astro-TAW5LHPT {
    display: block;
    text-transform: uppercase;
    margin-bottom: .5rem;
    font-family: GothamBold
}

.item-role.astro-TAW5LHPT {
    display: block;
    color: #9194a6
}

.title.astro-N4WNZWOJ {
    display: inline-block;
    font-family: GothamMedium;
    position: relative;
    font-size: 1.2rem;
    color: var(--primary-fg);
    background-color: var(--primary-bg);
    padding: var(--padding-lg);
    text-transform: uppercase
}

.section-hero.astro-N4WNZWOJ {
    margin-bottom: 1rem;
    letter-spacing: 2px
}

.container.astro-FHVEG6RT {
    display: flex;
    justify-content: center
}

.icon.astro-FHVEG6RT {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    margin-right: 1rem
}

.icon.astro-FHVEG6RT:last-child {
    margin-right: 0
}

@media only screen and (min-width:768px) {
    .icon.astro-FHVEG6RT {
        margin-right: 2rem
    }
}

.img-container.astro-FHVEG6RT {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1
}

.title.astro-FHVEG6RT {
    font-family: GothamBold;
    font-size: .7rem;
    text-transform: uppercase;
    margin-top: 1rem;
    text-align: center
}

h1.astro-W5CBOZGQ,
h2.astro-W5CBOZGQ,
h3.astro-W5CBOZGQ,
h4.astro-W5CBOZGQ {
    text-align: center;
    color: inherit;
    margin: auto;
    font-weight: normal
}

h1.astro-W5CBOZGQ {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

@media only screen and (min-width:768px) {
    h1.astro-W5CBOZGQ {
        font-size: 3.25rem
    }
}

@media only screen and (min-width:1920px) {
    h1.astro-W5CBOZGQ {
        font-size: 4rem
    }
}

h1.astro-W5CBOZGQ.leading-lg.astro-W5CBOZGQ {
    line-height: 1.5
}

h2.astro-W5CBOZGQ {
    font-size: 2.4rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

@media only screen and (min-width:768px) {
    h2.astro-W5CBOZGQ {
        font-size: 3.25rem
    }
}

.section-horagames.astro-W5CBOZGQ {
    line-height: 1.8
}

.text-left.astro-W5CBOZGQ {
    text-align: left
}

h3.astro-W5CBOZGQ {
    display: block;
    width: 100%;
    font-size: 1.35rem;
    line-height: 2.45rem
}

p.astro-XA2DTU3S {
    display: block;
    font-family: GothamBook;
    text-align: justify;
    color: inherit;
    font-size: 1rem;
    line-height: 2;
    max-width: 52.5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) {
    p.astro-XA2DTU3S {
        font-size: 1.125rem
    }
}

.p-center.astro-XA2DTU3S {
    text-align: center
}

.section-traits.astro-XA2DTU3S {
    margin-bottom: 2.2rem
}

.section-coinsilium.astro-XA2DTU3S {
    max-width: 32rem
}

.container.astro-KMFNRSSU {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 61.5rem;
    padding: var(--padding-xs);
    margin: 0 auto
}

@media only screen and (min-width:1200px) {
    .container.astro-KMFNRSSU {
        max-width: 90rem;
        padding: var(--padding-lg)
    }
}

.section-horagames.astro-KMFNRSSU {
    padding: 6rem 1rem
}

@media only screen and (max-width:768px) {
    .section-horagames.astro-KMFNRSSU {
        background-color: #000c
    }
}

@media only screen and (min-width:1200px) {
    .section-horagames.astro-KMFNRSSU {
        padding: 12rem 2rem
    }
}

.section-hero.astro-KMFNRSSU {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    min-height: 85vh
}

@media only screen and (min-width:768px) {
    .section-hero.astro-KMFNRSSU {
        min-height: 95vh
    }
}

astro-root,
astro-fragment {
    display: contents
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}