/* ------------------------------------ *\
    #TITLE BLOCK
\* ------------------------------------ */
.TitleBlock__wrap___2CQJI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  margin-bottom: 4.28571rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0; }

.TitleBlock__wrap___2CQJI::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(48, 48, 57, 0.6);
  z-index: -1; }

@media (min-width: 768px) {
  .TitleBlock__wrap___2CQJI {
    min-height: 200px; } }

.TitleBlock__title___3zpHj {
  color: #fff;
  text-align: center; }

.TitleBlock__subtitle___2Sgwd {
  color: #fff;
  margin-bottom: 20px; }

/* ------------------------------------ *\
    #SUPPORT DOWNLOAD
\* ------------------------------------ */
.SupportDownload__wrap___1Ib48 {
  background: #fdf2f9;
  position: relative;
  border-radius: 0.71429rem;
  padding: 1.57143rem 1.14286rem;
  max-width: 90%;
  margin: 0 auto 2.14286rem; }

@media (min-width: 768px) {
  .SupportDownload__wrap___1Ib48 {
    padding: 1.57143rem 2.28571rem;
    max-width: 656px; } }

.SupportDownload__wrap___1Ib48::before, .SupportDownload__wrap___1Ib48::after {
  content: '';
  position: absolute;
  z-index: -1; }

.SupportDownload__wrap___1Ib48::before {
  background: url("/static/img/leaves-bl.jpg");
  bottom: 0;
  left: 0;
  width: 183px;
  height: 214px;
  transform: translate(-20px, 66px); }

.SupportDownload__wrap___1Ib48::after {
  background: url("/static/img/leaves-tr.jpg");
  top: 0;
  right: 0;
  width: 152px;
  height: 134px;
  transform: translate(10px, -45px); }

.SupportDownload__group___2eDlZ {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f7c2e2; }

.SupportDownload__group___2eDlZ ~ .SupportDownload__group___2eDlZ {
  border-bottom: 0;
  padding-bottom: 0; }

@media (min-width: 768px) {
  .SupportDownload__group___2eDlZ {
    display: flex; } }

@media (min-width: 1024px) {
  .SupportDownload__group___2eDlZ {
    flex-direction: column; } }

.SupportDownload__subtitle___1VyUE {
  margin-bottom: 10px; }

.SupportDownload__fakeSelect___1cO2f {
  cursor: pointer;
  border: 1px solid #e1e1e1;
  color: #757575;
  background: #fff;
  padding: 0.71429rem 3.21429rem 0.64286rem 1.42857rem;
  border-radius: 30px;
  position: relative;
  margin-bottom: 0.71429rem; }

@media (min-width: 768px) {
  .SupportDownload__fakeSelect___1cO2f {
    flex: 0 0 auto;
    margin-bottom: 0;
    margin-right: 0.71429rem; } }

@media (min-width: 1024px) {
  .SupportDownload__fakeSelect___1cO2f {
    margin-bottom: 0.71429rem;
    margin-right: 0; } }

.SupportDownload__fakeSelect___1cO2f::after {
  content: '';
  background: #757575;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 1.42857rem;
  transform: translateY(-2px);
  border-top: 5px solid #757575;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff; }

.SupportDownload__select___3_yWY {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  opacity: 0; }

/* ------------------------------------ *\
    #SUPPORT CONTENT
\* ------------------------------------ */
.SupportContent__fakeSelect___1pUFF {
  cursor: pointer;
  color: #757575;
  background: #fff;
  padding: 0.71429rem 3.21429rem 0.64286rem 1.42857rem;
  border-radius: 30px;
  position: relative;
  margin-right: 0.71429rem;
  margin-bottom: 0.71429rem; }

@media (min-width: 1024px) {
  .SupportContent__fakeSelect___1pUFF {
    margin-bottom: 0; } }

.SupportContent__fakeSelect___1pUFF::after {
  content: '';
  background: #757575;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 1.42857rem;
  transform: translateY(-2px);
  border-top: 5px solid #757575;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff; }

.SupportContent__select___3o-1i {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  opacity: 0; }

.SupportContent__video____ncMW {
  margin-bottom: 2.14286rem; }

@media (min-width: 768px) {
  .SupportContent__video____ncMW {
    margin-bottom: 4.28571rem; } }

@media (min-width: 1024px) {
  .SupportContent__video____ncMW {
    margin-bottom: 6.42857rem; } }

.SupportContent__content___y9AzM {
  margin-bottom: 6.42857rem; }

@media (min-width: 1024px) {
  .SupportContent__content___y9AzM {
    display: flex; } }

.SupportContent__text___1puCc {
  margin-bottom: 6.42857rem; }

@media (min-width: 1024px) {
  .SupportContent__text___1puCc {
    margin-right: 6.42857rem; } }

@media (min-width: 1024px) {
  .SupportContent__aside___L2k1l {
    flex: 0 0 30%; } }

/* ------------------------------------ *\
    #CATEGORY FILTER
\* ------------------------------------ */
.CategoryFilter__wrap___3oYRu {
  background: #fdf2f9;
  color: #e00087;
  border-bottom: 1px solid #fce8f4;
  overflow: auto; }

.CategoryFilter__container___1EkVH {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 940px; }

.CategoryFilter__containerWide___2CB9s {
  min-width: 1140px; }

.CategoryFilter__icon___7L8yU {
  flex: 0 0 auto;
  margin-right: 0.57143rem; }

.CategoryFilter__Icon__category___3H9Mx___3DZAn {
  background: red;
  width: 80px !important;
  width: 80px; }

#CategoryFilter__icon-pixies__icon___Tzez2 {
  width: 80px !important;
  width: 80px; }

.CategoryFilter__label___2lnWc {
  flex: 0 0 auto;
  font-family: "Open Sans", sans-serif; }

.CategoryFilter__category___1rYhc {
  padding: 2.71429rem 0 2.64286rem;
  position: relative; }

.CategoryFilter__category___1rYhc::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 3px;
  background: #b40064;
  transition: transform 0.2s ease;
  transform: scaleX(0);
  will-change: transform; }

.CategoryFilter__category___1rYhc:hover {
  text-decoration: none; }

.CategoryFilter__category___1rYhc:last-child {
  margin-right: 3.57143rem; }

@media (min-width: 1024px) {
  .CategoryFilter__category___1rYhc:last-child {
    margin-right: inherit; } }

.CategoryFilter__categorySelected___3qpS5 {
  color: #b40064; }

.CategoryFilter__categorySelected___3qpS5::before {
  transform: none; }

/* ------------------------------------ *\
    #GRID
\* ------------------------------------ */
.Grid__container___9Bb3O {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
  padding: 4.28571rem 0; }

.Grid__item___1EXno {
  padding: 0 10px;
  margin: 0 0 2.14286rem;
  flex: auto; }

@media (min-width: 480px) {
  .Grid__item___1EXno {
    max-width: 50%; } }

@media (min-width: 1024px) {
  .Grid__item___1EXno {
    max-width: 25%; } }

/* ------------------------------------ *\
    #VIDEO GRID
\* ------------------------------------ */
.VideoGrid__container___156tD {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 4.28571rem 0; }

.VideoGrid__item___6Q7wt {
  padding: 0 15px;
  margin: 0 0 2.14286rem;
  width: 100%;
  flex: auto; }

@media (min-width: 540px) {
  .VideoGrid__item___6Q7wt {
    max-width: 50%; } }

@media (min-width: 1024px) {
  .VideoGrid__item___6Q7wt {
    max-width: 33.333%; } }

/* ------------------------------------ *\
    #VIDEO PROMO
\* ------------------------------------ */
.VideoPromo__wrap___iedEx {
  padding: 0 15px;
  margin: 0 0 2.14286rem;
  flex: 0 0 100%;
  flex: auto;
  width: 100%; }

@media (min-width: 540px) {
  .VideoPromo__wrap___iedEx {
    max-width: 50%; } }

@media (min-width: 1024px) {
  .VideoPromo__wrap___iedEx {
    max-width: 33.333%; } }

.VideoPromo__content___2HTXo {
  border-radius: 0.71429rem;
  background: url("https://s3.amazonaws.com/hatchimalscdn/adult-experience/Hatchimals_Youtube_ThumbnailCard_Background.png") center no-repeat;
  background-size: cover;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-items: center;
  height: 100%; }

.VideoPromo__img___1hqlW {
  max-width: 90%;
  margin: auto auto 0.71429rem;
  transform-origin: bottom center; }

@media (min-width: 540px) {
  .VideoPromo__img___1hqlW {
    transform: scale(0.75); } }

@media (min-width: 768px) {
  .VideoPromo__img___1hqlW {
    transform: scale(1); } }

.VideoPromo__copy___1jBaW {
  color: #fff;
  font-size: 1rem;
  margin: 0 auto;
  max-width: 70%;
  text-align: center; }

@media (min-width: 540px) {
  .VideoPromo__copy___1jBaW {
    font-size: 0.78571rem; } }

@media (min-width: 768px) {
  .VideoPromo__copy___1jBaW {
    font-size: 1rem; } }

.VideoPromo__cta___2yTM0 {
  margin: 0.71429rem auto auto;
  transform-origin: top center; }

@media (min-width: 540px) {
  .VideoPromo__cta___2yTM0 {
    transform: scale(0.75); } }

@media (min-width: 768px) {
  .VideoPromo__cta___2yTM0 {
    transform: scale(1); } }

/* ------------------------------------ *\
    #RETAILER CARD
\* ------------------------------------ */
.RetailCard__wrap___qli1w {
  border-radius: 0.71429rem;
  border: 1px solid #d2d2d2;
  transition: 0.25s ease; }

.RetailCard__wrap___qli1w:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); }

.RetailCard__card___23DeW {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 10%; }

.RetailCard__img___AzA94 {
  width: 100%; }

/* ------------------------------------ *\
    #PRODUCT GRID
\* ------------------------------------ */
.RetailGrid__container___9Bmwi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: center;
  padding: 4.28571rem 0; }

.RetailGrid__item___31fWO {
  padding: 0 15px;
  margin: 0 0 2.14286rem;
  flex: 0 0 100%; }

@media (min-width: 480px) {
  .RetailGrid__item___31fWO {
    flex: 0 0 50%; } }

@media (min-width: 768px) {
  .RetailGrid__item___31fWO {
    flex: 0 0 33%; } }

@media (min-width: 1024px) {
  .RetailGrid__item___31fWO {
    flex: 0 0 25%; } }

/* ------------------------------------ *\
    #ACTIVITIES WRAP
\* ------------------------------------ */
.ActivitiesWrap__wrap___1Hs8x {
  background: linear-gradient(to bottom, #e0bbf3 0%, #dde2f9 50%, #faf5e1 100%);
  padding: 1.42857rem 0; }

@media (min-width: 768px) {
  .ActivitiesWrap__wrap___1Hs8x {
    background: url("/static/img/bg-decor.png") no-repeat top left, url("/static/img/bg-sparks.png") no-repeat top center, linear-gradient(to bottom, #e0bbf3 0%, #dde2f9 50%, #faf5e1 100%);
    background-size: contain, contain, auto; } }

/* ------------------------------------ *\
    #COLLEGGTIBLE HEADER
\* ------------------------------------ */
.ColleggtibleHeader__wrap___1LnKV {
  display: flex;
  align-items: center;
  position: relative;
  overflow: auto;
  z-index: 4; }

@media (min-width: 1024px) {
  .ColleggtibleHeader__wrap___1LnKV {
    overflow: visible; } }

.ColleggtibleHeader__cta___3R1Eg {
  margin-left: auto;
  height: 140px;
  display: flex;
  align-self: center;
  z-index: 1; }

.ColleggtibleHeader__btn___2VlkN {
  align-self: center;
  height: 48px;
  margin: 0 40px; }

@media (min-width: 768px) {
  .ColleggtibleHeader__btn___2VlkN {
    margin: 0 80px; } }

@media (min-width: 1200px) {
  .ColleggtibleHeader__btn___2VlkN {
    margin: 0 110px; } }

.ColleggtibleHeader__text___FGyv_ {
  font-family: 'LuckiestGuy', sans-serif;
  font-weight: normal;
  letter-spacing: 0.5px;
  line-height: 2.1;
  white-space: nowrap; }

.ColleggtibleHeader__img___1YtSL {
  position: absolute;
  transform: translateX(160px);
  right: 0; }

@media (min-width: 1200px) {
  .ColleggtibleHeader__img___1YtSL {
    transform: none; } }

/* ------------------------------------ *\
    #COLLEGGTIBLE NAV
\* ------------------------------------ */
.ColleggtibleNav__wrap___3jhVa {
  display: flex;
  overflow: auto;
  align-items: center;
  justify-content: space-around;
  min-width: 420px;
  width: 100%; }

@media (min-width: 1024px) {
  .ColleggtibleNav__wrap___3jhVa {
    max-width: 600px; } }

.ColleggtibleNav__icon___30dvU {
  margin-right: 10px; }

.ColleggtibleNav__back___2F4tN {
  display: none; }

@media (min-width: 1024px) {
  .ColleggtibleNav__back___2F4tN {
    cursor: pointer;
    color: #e00087;
    display: flex;
    font-family: 'LuckiestGuy', sans-serif;
    padding: 30px; }
  .ColleggtibleNav__back___2F4tN:hover {
    color: #b40064; } }

/* ------------------------------------ *\
    #COLLEGGTIBLE NAV ITEM
\* ------------------------------------ */
.ColleggtibleNavItem__wrap___f7kIG {
  cursor: pointer;
  color: #e00087;
  font-family: 'LuckiestGuy', sans-serif;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  padding: 1.42857em 1.14286em;
  position: relative; }

.ColleggtibleNavItem__wrap___f7kIG:hover {
  color: #b40064; }

.ColleggtibleNavItem__icon___3LIYR {
  margin-bottom: 0.71429rem; }

.ColleggtibleNavItem__label___1YnVJ {
  font-size: 1rem; }

.ColleggtibleNavItem__number___3XPD0 {
  color: #303039;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.71429rem;
  font-weight: bold;
  line-height: 1;
  background: #aff2d1;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0%, -50%);
  padding-bottom: 2px; }

/* ------------------------------------ *\
    #HATCHTOPIA MAP SELECTOR
\* ------------------------------------ */
.HatchtopiaMapSelector__wrap___1pEwa {
  background-color: #e00087;
  padding: 14px 0; }

@media (min-width: 1024px) {
  .HatchtopiaMapSelector__wrap___1pEwa {
    padding: 30px 24px 30px 36px; } }

.HatchtopiaMapSelector__header___3b-ZV {
  color: #fff;
  font-size: 1rem;
  font-family: 'LuckiestGuy', sans-serif;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 12px; }

.HatchtopiaMapSelector__seasonWraps___22mXC {
  display: flex;
  justify-content: space-around; }

@media (min-width: 1024px) {
  .HatchtopiaMapSelector__seasonWraps___22mXC {
    display: block; } }

/* ------------------------------------ *\
    #HATCHTOPIA MAP SELECTION
\* ------------------------------------ */
.HatchtopiaMapSelection__wrap___16ztq {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center; }

@media (min-width: 1024px) {
  .HatchtopiaMapSelection__wrap___16ztq {
    margin-top: 1.28571rem; } }

.HatchtopiaMapSelection__imgContainer___2cULt {
  width: 6vw;
  height: 6vw; }

@media (min-width: 1024px) {
  .HatchtopiaMapSelection__imgContainer___2cULt {
    width: 3.14286rem;
    height: 3.14286rem; } }

.HatchtopiaMapSelection__img___1pk2G {
  width: 100%;
  margin-bottom: 0.85714rem;
  filter: saturate(0); }

.HatchtopiaMapSelection__imgActive___IQ7w_ {
  filter: none; }

.HatchtopiaMapSelection__label___1lZlQ {
  color: #fff;
  font-size: 0.78571rem;
  font-weight: bold; }

@media (min-width: 1024px) {
  .HatchtopiaMapSelection__wrap___16ztq:hover .HatchtopiaMapSelection__label___1lZlQ {
    text-decoration: underline; } }

/* ------------------------------------ *\
    #HATCHTOPIA MAP
\* ------------------------------------ */
.HatchtopiaMap__wrap___1LaLH {
  position: relative; }

.HatchtopiaMap__content___1RS0q {
  position: relative; }

@media (min-width: 1024px) {
  .HatchtopiaMap__selector___3YrAT {
    position: absolute;
    left: 0;
    top: 15%;
    z-index: 1; } }

.HatchtopiaMap__img___1FV8Y {
  width: 100%; }

.HatchtopiaMap__imgLogo___26XlX {
  width: 70%;
  max-width: 552px;
  position: absolute;
  top: 3%;
  left: 50%;
  transform: translateX(-50%); }

.HatchtopiaMap__imgCloud___8-XF5 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

.HatchtopiaMap__bubbleWrap___hJ3OJ {
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.25));
  font-family: 'LuckiestGuy', sans-serif;
  position: absolute;
  transform: translate(-50%, -200%);
  animation: HatchtopiaMap__showBubble___13iWH 500ms cubic-bezier(0.25, 0.1, 0.26, 1.41); }

.HatchtopiaMap__bubbleWrapHidden___3gQeF {
  pointer-events: none;
  animation-direction: reverse;
  opacity: 0; }

.HatchtopiaMap__bubble___11LJO {
  border-radius: 20px;
  background: #fff;
  padding: 10px 30px 8px;
  text-transform: capitalize; }

.HatchtopiaMap__bubbleTail___2W-0A {
  color: #fff;
  position: absolute;
  top: 90%;
  left: 60%;
  width: 12px;
  height: 12px;
  transform: scaleX(-1); }

.HatchtopiaMap__closeBubble___1tiZ5 {
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  color: #e00087;
  display: flex;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.25));
  width: 20px;
  height: 20px;
  padding: 6px;
  position: absolute;
  top: -4px;
  right: -4px; }

@keyframes HatchtopiaMap__showBubble___13iWH {
  0% {
    opacity: 0;
    transform: translate(-50%, -150%); }
  to {
    opacity: 1;
    transform: translate(-50%, -200%); } }

/* ------------------------------------ *\
    #HATCHTOPIA FAMILIES
\* ------------------------------------ */
.HatchtopiaFamilies__wrap___167zm {
  position: relative;
  z-index: 1; }

@media (min-width: 768px) {
  .HatchtopiaFamilies__wrap___167zm {
    margin-top: -50px; } }

@media (min-width: 1024px) {
  .HatchtopiaFamilies__wrap___167zm {
    margin-top: -120px; } }

.HatchtopiaFamilies__header___2ZL7N {
  color: #e00087;
  text-align: center;
  text-transform: uppercase;
  font-size: 3.57143rem; }

.HatchtopiaFamilies__selection____gH4p {
  text-align: center; }

.HatchtopiaFamilies__fakeSelect___129K_ {
  cursor: pointer;
  color: #757575;
  border: 1px solid #cacaca;
  background: #fff;
  display: inline-block;
  padding: 0.71429rem 5.14286rem 0.64286rem 1.42857rem;
  border-radius: 30px;
  position: relative;
  margin: 0 auto 1.71429rem; }

@media (min-width: 1024px) {
  .HatchtopiaFamilies__fakeSelect___129K_ {
    margin: 0 auto 4.28571rem; } }

.HatchtopiaFamilies__fakeSelect___129K_::after {
  content: '';
  background: #757575;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 1.42857rem;
  transform: translateY(-2px);
  border-top: 5px solid #757575;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff; }

.HatchtopiaFamilies__select___2p5i4 {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  opacity: 0; }

.HatchtopiaFamilies__families___1kqyl {
  margin-bottom: 4.28571rem; }

.HatchtopiaFamilies__member___34aPj {
  display: inline-block;
  margin-bottom: 2.14286rem;
  text-align: center;
  width: 50%; }

@media (min-width: 540px) {
  .HatchtopiaFamilies__member___34aPj {
    width: 33.33%; } }

@media (min-width: 768px) {
  .HatchtopiaFamilies__member___34aPj {
    width: 25%; } }

@media (min-width: 1024px) {
  .HatchtopiaFamilies__member___34aPj {
    width: 20%; } }

@media (min-width: 1200px) {
  .HatchtopiaFamilies__member___34aPj {
    width: 16.66%; } }

.HatchtopiaFamilies__img___GOBry {
  width: 120px;
  margin-bottom: 0.85714rem; }

.HatchtopiaFamilies__label___3QY5n {
  color: #e00087;
  display: block;
  font-size: 1rem;
  font-weight: bold; }

/* ------------------------------------ *\
    #PARALLAX
\* ------------------------------------ */
.Parallax__wrap___2j_sP {
  overflow: hidden; }

/* ------------------------------------ *\
    #HERO
\* ------------------------------------ */
.Hero__wrap___3WH4Q {
  position: relative; }

.Hero__wrapWithInnerShadow___35mt6 {
  position: relative;
  z-index: 1; }

.Hero__wrapWithInnerShadow___35mt6::after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  bottom: 0;
  height: 15%;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); }

@media (min-width: 1024px) {
  .Hero__wrapWithInnerShadow___35mt6::after {
    display: block; } }

.Hero__copy___i1Zdd {
  background: #e00087;
  color: #fff;
  padding: 2rem; }

@media (min-width: 1024px) {
  .Hero__copy___i1Zdd {
    background: rgba(224, 0, 135, 0.85);
    padding: 4.28571rem 5.71429rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 60%;
    max-width: 656px; } }

.Hero__copySwiftShift___1O7jY { }

@media (min-width: 768px) {
  .Hero__copySwiftShift___1O7jY {
    background: rgba(224, 0, 135, 0.85);
    padding: 4.28571rem 5.71429rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 65%; } }

@media (min-width: 1024px) {
  .Hero__copySwiftShift___1O7jY {
    width: 48%; } }

.Hero__title___2nOok {
  font-size: 2.14286rem;
  line-height: 1.25; }

@media (min-width: 1024px) {
  .Hero__title___2nOok {
    font-size: 2.78571rem; } }

.Hero__img___3hP3Q {
  width: 100%; }

.Hero__imgAboveTitle___c6cQL {
  margin-bottom: 20px; }

@media (min-width: 1024px) {
  .Hero__imgAboveTitle___c6cQL {
    margin-bottom: 30px; } }

.Hero__desc___jw5c4 {
  margin: 0.71429rem 0 1.14286rem; }

.Hero__cta___iWD_t {
  margin: 0 10px 10px 0; }

.Hero__ctas___W9F0Q {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; }

.Hero__mouse___1sp8h {
  display: none;
  width: 30px;
  height: 46px;
  border: 3px solid #fff;
  border-radius: 2.14286rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
  position: absolute;
  z-index: 1; }

@media (min-width: 1024px) {
  .Hero__mouse___1sp8h {
    display: block; } }

.Hero__mouse___1sp8h::after {
  content: '';
  background: #fff;
  border-radius: 0.28571rem;
  position: absolute;
  width: 4px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  transform-origin: top center;
  animation: Hero__scrollDown___3sduq 2s ease-in-out infinite forwards; }

@keyframes Hero__scrollDown___3sduq {
  0% {
    transform: translate(-50%, -100%) scaleY(0.5);
    opacity: 0; }
  33% {
    transform: translate(-50%, 0%) scaleY(1);
    opacity: 1; }
  100% {
    transform: translate(-50%, 0%) scaleY(1);
    opacity: 0; } }

/* ------------------------------------ *\
    #HERO ERROR
\* ------------------------------------ */
.HeroError__wrap___2dOdK {
  margin-bottom: 2.14286rem; }

@media (min-width: 1024px) {
  .HeroError__wrap___2dOdK {
    margin-bottom: 0; } }

@media (min-width: 1200px) {
  .HeroError__wrap___2dOdK {
    margin-bottom: -2.57143rem; } }

/* ------------------------------------ *\
    #HERO CAROUSEL
\* ------------------------------------ */
.is-selected .HeroCarousel__imgWrap___2qeyr,
.is-selected .HeroCarousel__background___1DwwZ,
.is-selected .HeroCarousel__info___2lPW2 {
  opacity: 1; }

.HeroCarousel__wrap___bIx5r .flickity-prev-next-button {
  opacity: 0 !important; }

.HeroCarousel__wrap___bIx5r .flickity-viewport {
  overflow: visible; }

@media (min-width: 1024px) {
  .HeroCarousel__wrap___bIx5r .flickity-prev-next-button {
    opacity: 1 !important; }
  .HeroCarousel__wrap___bIx5r .flickity-prev-next-button[disabled] {
    opacity: 0.5 !important; }
  .HeroCarousel__wrap___bIx5r .flickity-prev-next-button.previous {
    right: inherit;
    left: 83%;
    top: inherit;
    bottom: 4.28571rem;
    transform: none; }
  .HeroCarousel__wrap___bIx5r .flickity-prev-next-button.next {
    left: 83%;
    top: inherit;
    bottom: 4.28571rem;
    transform: translateX(130%); }
  .HeroCarousel__wrap___bIx5r .flickity-page-dots {
    bottom: 50%;
    transform: translateY(-50%) rotate(90deg);
    left: 43%; }
  .HeroCarousel__wrap___bIx5r .dot {
    margin: 0 5px; } }

/* ------------------------------------ *\
    #PRODUCT CARD
\* ------------------------------------ */
.ProductCard__wrap___3s-XZ {
  cursor: pointer;
  border: 1px solid #d2d2d2;
  border-radius: 0.71429rem;
  width: 100%;
  margin: 0 auto;
  max-width: 260px;
  padding: 15px;
  text-align: center;
  display: flex;
  flex-direction: column; }

.ProductCard__wrap___3s-XZ:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

@media (min-width: 1024px) {
  .ProductCard__wrap___3s-XZ {
    height: 430px; } }

.ProductCard__title___1pOCq {
  color: #e00087;
  font-weight: 700;
  margin-bottom: 1.07143rem;
  padding: 0 1.42857rem;
  line-height: 1.3;
  height: 72px; }

.ProductCard__img___vx5Op {
  width: 100%;
  height: auto;
  max-width: 230px;
  max-height: 230px;
  margin-bottom: 2.14286rem; }

.ProductCard__cta___14mr1 {
  margin-top: auto;
  align-self: center;
  margin-bottom: 1.07143rem; }

/* ------------------------------------ *\
    #PRODUCT GALLERY
\* ------------------------------------ */
.ProductGallery__wrap___2P3Ox {
  padding: 4.28571rem 0; }

@media (min-width: 540px) {
  .ProductGallery__wrap___2P3Ox {
    padding: 4.28571rem 0 7.14286rem; } }

.ProductGallery__carousel___13dW_ {
  margin: 0 -2%;
  margin-left: -15px;
  margin-right: -15px; }

.ProductGallery__title___1o6Jx {
  color: #e00087;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  line-height: 1;
  margin-bottom: 2.85714rem; }

@media (min-width: 540px) {
  .ProductGallery__title___1o6Jx {
    flex-direction: row; } }

.ProductGallery__secondary___19RLq {
  font-size: 1.42857rem;
  font-weight: 200;
  position: relative; }

@media (min-width: 540px) {
  .ProductGallery__secondary___19RLq {
    margin-left: 2rem;
    padding: 0 2rem; }
  .ProductGallery__secondary___19RLq::before {
    content: '';
    background: #e00087;
    position: absolute;
    width: 1px;
    height: 50px;
    left: 0; } }

@media (min-width: 768px) {
  .ProductGallery__secondary___19RLq {
    font-size: 2.14286rem; } }

.ProductGallery__item___2D5WB {
  margin: 0 0.35714rem; }

.ProductGallery__wrap___2P3Ox .flickity-page-dots {
  bottom: -65px; }

@media (min-width: 1024px) {
  .ProductGallery__wrap___2P3Ox .flickity-page-dots {
    bottom: -30px; } }

.ProductGallery__mobileCarouselWrap___1-n1r {
  width: 270px;
  margin: 0 auto; }

@media (min-width: 540px) {
  .ProductGallery__mobileCarouselWrap___1-n1r {
    width: 540px; } }

.ProductGallery__wrap___2P3Ox .flickity-viewport {
  overflow: visible; }

/* ------------------------------------ *\
    #DESCRIPTION BLOCK
\* ------------------------------------ */
@media (min-width: 1024px) {
  .DescBlock__wrap___2vEcQ {
    display: flex; } }

.DescBlock__imgWrap___2sCQe {
  flex: 0 0 auto;
  width: 100%; }

@media (min-width: 1024px) {
  .DescBlock__imgWrap___2sCQe {
    margin: 2.14286rem 0;
    width: 50%; } }

.DescBlock__img___1N0hd {
  display: block;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto; }

.DescBlock__title___1l4U6 {
  margin-bottom: 1.28571rem; }

.DescBlock__desc___3A1y9 {
  padding: 20px; }

@media (min-width: 1024px) {
  .DescBlock__desc___3A1y9 {
    padding: 70px;
    flex: 0 0 50%; } }

/* ------------------------------------ *\
    #IMAGE CARD
\* ------------------------------------ */
.ImgCard__wrap___1Jtt- {
  border: 1px solid #d2d2d2;
  border-radius: 0.71429rem;
  width: 100%;
  margin: 0 auto 2.14286rem;
  max-width: 260px;
  padding: 15px;
  text-align: center; }

.ImgCard__wrap___1Jtt-:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

.ImgCard__img___3SqyC {
  width: 100%;
  height: auto;
  max-width: 230px;
  max-height: 230px;
  margin-bottom: 0; }

/* ------------------------------------ *\
    #IMAGE GALLERY
\* ------------------------------------ */
.ril__image, .ril__imageNext, .ril__imagePrev, .ril__outer {
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@-webkit-keyframes ImageGallery__closeWindow___IQmVw {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ImageGallery__closeWindow___IQmVw {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
  touch-action: none; }

.ril__outerClosing {
  opacity: 0; }

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ril__image, .ril__imageNext, .ril__imagePrev {
  position: absolute;
  margin: auto;
  max-width: none;
  -ms-touch-action: none;
  touch-action: none; }

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: .7; }

.ril__navButtons:hover {
  opacity: 1; }

.ril__navButtons:active {
  opacity: .7; }

.ril__navButtonPrev {
  left: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) center no-repeat rgba(0, 0, 0, 0.2); }

.ril__navButtonNext {
  right: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) center no-repeat rgba(0, 0, 0, 0.2); }

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  background-size: cover; }

.ril__caption, .ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto; }

.ril__captionContent {
  padding: 10px 20px;
  color: #fff; }

.ril__toolbar {
  top: 0;
  height: 50px; }

.ril__toolbarSide {
  height: 50px;
  margin: 0; }

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis; }

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ril__toolbarItemChild {
  vertical-align: middle; }

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: .7; }

.ril__builtinButton:hover {
  opacity: 1; }

.ril__builtinButton:active {
  outline: 0; }

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: .5; }

.ril__builtinButtonDisabled:hover {
  opacity: .5; }

.ril__closeButton {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=) center no-repeat; }

.ril__zoomInButton {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+) center no-repeat; }

.ril__zoomOutButton {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=) center no-repeat; }

.ril__outerAnimating {
  -webkit-animation-name: closeWindow;
  animation-name: closeWindow; }

@-webkit-keyframes ImageGallery__pointFade___25JUN {
  0%, 100%, 19.999% {
    opacity: 0; }
  20% {
    opacity: 1; } }

@keyframes ImageGallery__pointFade___25JUN {
  0%, 100%, 19.999% {
    opacity: 0; }
  20% {
    opacity: 1; } }

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative; }

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  -webkit-animation: pointFade .8s infinite ease-in-out both;
  animation: pointFade .8s infinite ease-in-out both; }

.ril__loadingCirclePoint:nth-of-type(1) {
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.ril__loadingCirclePoint:nth-of-type(1)::before, .ril__loadingCirclePoint:nth-of-type(7)::before {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s; }

.ril__loadingCirclePoint:nth-of-type(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg); }

.ril__loadingCirclePoint:nth-of-type(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg); }

.ril__loadingCirclePoint:nth-of-type(2)::before, .ril__loadingCirclePoint:nth-of-type(8)::before {
  -webkit-animation-delay: -666ms;
  animation-delay: -666ms; }

.ril__loadingCirclePoint:nth-of-type(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg); }

.ril__loadingCirclePoint:nth-of-type(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg); }

.ril__loadingCirclePoint:nth-of-type(3)::before, .ril__loadingCirclePoint:nth-of-type(9)::before {
  -webkit-animation-delay: -533ms;
  animation-delay: -533ms; }

.ril__loadingCirclePoint:nth-of-type(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.ril__loadingCirclePoint:nth-of-type(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.ril__loadingCirclePoint:nth-of-type(10)::before, .ril__loadingCirclePoint:nth-of-type(4)::before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s; }

.ril__loadingCirclePoint:nth-of-type(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg); }

.ril__loadingCirclePoint:nth-of-type(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg); }

.ril__loadingCirclePoint:nth-of-type(11)::before, .ril__loadingCirclePoint:nth-of-type(5)::before {
  -webkit-animation-delay: -266ms;
  animation-delay: -266ms; }

.ril__loadingCirclePoint:nth-of-type(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg); }

.ril__loadingCirclePoint:nth-of-type(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg); }

.ril__loadingCirclePoint:nth-of-type(12)::before, .ril__loadingCirclePoint:nth-of-type(6)::before {
  -webkit-animation-delay: -133ms;
  animation-delay: -133ms; }

.ril__loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.ril__loadingCirclePoint:nth-of-type(13) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }

.ril__loadingCirclePoint:nth-of-type(13)::before, .ril__loadingCirclePoint:nth-of-type(7)::before {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.ril__imageNext .ril__loadingContainer, .ril__imagePrev .ril__loadingContainer {
  display: none; }

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff; }

.ril__imageNext .ril__errorContainer, .ril__imagePrev .ril__errorContainer {
  display: none; }

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.ImageGallery__wrap___2FYci {
  position: relative;
  margin-bottom: 2.14286rem; }

.ImageGallery__wrap___2FYci .flickity-page-dots {
  bottom: 0; }

.ImageGallery__wrap___2FYci .flickity-prev-next-button {
  margin-top: -14px; }

.ImageGallery__img___1XpBf {
  margin: 0 1.07143rem 2.14286rem; }

/* ------------------------------------ *\
    #INFO CAROUSEL
\* ------------------------------------ */
.InfoCarousel__wrap___3D-Oe {
  margin-bottom: 2.14286rem; }

@media (min-width: 1024px) {
  .InfoCarousel__wrap___3D-Oe {
    margin-bottom: 0; } }

.InfoCarousel__container___HqOy4 {
  width: 100%; }

@media (min-width: 1024px) {
  .InfoCarousel__container___HqOy4 {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start; } }

.InfoCarousel__background___3jBar {
  position: absolute;
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  transition: background-color 0.3s ease; }

.InfoCarousel__imgWrap___qBOcj, .InfoCarousel__imgWrapHatchClub___-kK73 {
  margin: 0 auto;
  max-width: 500px;
  z-index: 1;
  transition: 0.3s ease; }

@media (min-width: 1024px) {
  .InfoCarousel__imgWrap___qBOcj, .InfoCarousel__imgWrapHatchClub___-kK73 {
    max-width: inherit;
    flex: 0 0 60%; } }

.InfoCarousel__imgWrapHatchClub___-kK73 {
  width: calc(100% + 30px);
  margin-left: -15px;
  max-width: unset; }

@media (min-width: 1024px) {
  .InfoCarousel__imgWrapHatchClub___-kK73 {
    transform: translateX(16.66%);
    margin-left: 0; } }

.InfoCarousel__infoWrap___5CqnN {
  flex: 0 0 100%; }

@media (min-width: 1024px) {
  .InfoCarousel__infoWrap___5CqnN {
    flex: 0 0 40%; } }

.InfoCarousel__img___2NOPe {
  max-width: 100%; }

.InfoCarousel__info___1friT {
  padding: 2.14286rem 1.07143rem;
  opacity: 0;
  z-index: 1;
  transition: 0.3s ease; }

@media (min-width: 1024px) {
  .InfoCarousel__info___1friT {
    flex: 0 0 40%;
    padding: 2.85714rem 0 0; } }

@media (min-width: 1024px) {
  .InfoCarousel__info___1friT {
    padding: 4.28571rem 0 0; } }

.InfoCarousel__title___29Poi {
  text-transform: capitalize;
  margin-bottom: 0.85714rem;
  line-height: 1.25; }

@media (min-width: 1024px) {
  .InfoCarousel__title___29Poi {
    font-size: 2rem; } }

@media (min-width: 1200px) {
  .InfoCarousel__title___29Poi {
    font-size: 2.14286rem; } }

.InfoCarousel__desc___2d2mG {
  margin-bottom: 1.28571rem; }

.is-selected .InfoCarousel__imgWrap___qBOcj .InfoCarousel__imgWrapHatchClub___-kK73,
.is-selected .InfoCarousel__background___3jBar,
.is-selected .InfoCarousel__info___1friT {
  opacity: 1; }

.InfoCarousel__wrap___3D-Oe .flickity-slider {
  transform: none !important; }

.InfoCarousel__wrap___3D-Oe .flickity-prev-next-button {
  opacity: 0 !important; }

.InfoCarousel__wrap___3D-Oe .flickity-viewport {
  overflow: visible; }

@media (min-width: 1024px) {
  .InfoCarousel__wrap___3D-Oe .flickity-prev-next-button {
    opacity: 1 !important; }
  .InfoCarousel__wrap___3D-Oe .flickity-prev-next-button[disabled] {
    opacity: 0.5 !important; }
  .InfoCarousel__wrap___3D-Oe .flickity-prev-next-button.previous {
    right: inherit;
    top: inherit;
    bottom: 2.85714rem;
    transform: none; }
  .InfoCarousel__wrap___3D-Oe .flickity-prev-next-button.next {
    left: 0;
    top: inherit;
    bottom: 2.85714rem;
    transform: translateX(130%); }
  .InfoCarousel__wrap___3D-Oe .flickity-page-dots {
    bottom: 50%;
    transform: translateY(-50%) rotate(90deg);
    left: 50%; }
  .InfoCarousel__wrap___3D-Oe .dot {
    margin: 0 5px; } }

/* ------------------------------------ *\
    #HATCHCLUBPROMISE
\* ------------------------------------ */
.HatchClubPromise__wrap___1E6B_ {
  max-width: 220px;
  margin: 0 auto; }

.HatchClubPromise__wrap___1E6B_:hover .HatchClubPromise__img___Vv1xW {
  animation: HatchClubPromise__swing___36Uvm 0.75s linear 1 forwards; }

.HatchClubPromise__oath___2IeFs {
  font-size: 1.14286rem;
  text-transform: uppercase; }

@media (min-width: 768px) {
  .HatchClubPromise__oath___2IeFs {
    font-size: 1.28571rem; } }

@keyframes HatchClubPromise__swing___36Uvm {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

/* ------------------------------------ *\
    #HATCHCLUBPROMISES
\* ------------------------------------ */
.HatchClubPromises__wrap___1-SFg {
  background: #feebda url("/static/img/bg-wood.jpg") center no-repeat;
  background-size: cover;
  padding: 4.28571rem 0; }

.HatchClubPromises__header___1Y9nV {
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .HatchClubPromises__header___1Y9nV {
    margin-bottom: 30px; } }

@media (min-width: 768px) {
  .HatchClubPromises__promises___2tOKA {
    display: flex;
    justify-content: space-around;
    max-width: 900px;
    margin: 0 auto; } }

/* ------------------------------------ *\
    #COLOR UTILITIES
\* ------------------------------------ */
.utilities__colorWhite___1bvFA {
  color: #fff; }

/* ------------------------------------ *\
    #FONTS
\* ------------------------------------ */
.utilities__noWrap___fW4Hn {
  white-space: nowrap; }

.utilities__fontBase___1P8Rm {
  font-family: "Open Sans", sans-serif; }

.utilities__fontBold___U8BkJ {
  font-weight: bold; }

.utilities__fontBlack___vpID6 {
  font-weight: 900; }

.utilities__fontLight___2iy36 {
  font-weight: 300; }

.utilities__font60___1xYSA {
  font-size: 2.35714rem; }

@media (min-width: 1024px) {
  .utilities__font60___1xYSA {
    font-size: 4.28571rem; } }

.utilities__font48___3vqTq {
  font-size: 2rem; }

@media (min-width: 1024px) {
  .utilities__font48___3vqTq {
    font-size: 3.42857rem; } }

.utilities__font36___1Xy_p {
  font-size: 1.71429rem; }

@media (min-width: 1024px) {
  .utilities__font36___1Xy_p {
    font-size: 2.57143rem; } }

.utilities__font30___meAx2 {
  font-size: 1.57143rem; }

@media (min-width: 1024px) {
  .utilities__font30___meAx2 {
    font-size: 2.14286rem; } }

.utilities__font24___3DNCh {
  font-size: 1.14286rem; }

@media (min-width: 1024px) {
  .utilities__font24___3DNCh {
    font-size: 1.71429rem; } }

.utilities__font20___1Li3R {
  font-size: 1.07143rem; }

@media (min-width: 1024px) {
  .utilities__font20___1Li3R {
    font-size: 1.42857rem; } }

.utilities__font18___TFxt9 {
  font-size: 1rem; }

@media (min-width: 1024px) {
  .utilities__font18___TFxt9 {
    font-size: 1.28571rem; } }

.utilities__font16___2oekl {
  font-size: 1.14286rem; }

.utilities__font12___1ocb7 {
  font-size: 0.85714rem; }

/* ------------------------------------ *\
    #IMAGE UTILITIES
\* ------------------------------------ */
.utilities__imgRespond___2p4_o {
  max-width: 100%;
  height: auto; }

.utilities__imgFull___15j-L {
  width: 100%;
  height: auto; }

/* ------------------------------------ *\
    #SPACING UTILITIES
\* ------------------------------------ */
.utilities__spacing0___5o0G3 {
  margin-bottom: 0; }

.utilities__spacing10___22oTR {
  margin-bottom: 10px; }

.utilities__spacing20___2bSnr {
  margin-bottom: 20px; }

.utilities__spacing30___yLhRm {
  margin-bottom: 30px; }

.utilities__spacing40___1YUVM {
  margin-bottom: 40px; }

.utilities__spacing60___1ppjV {
  margin-bottom: 60px; }

@media (min-width: 480px) {
  .utilities__spacing0-xs___1I_ll {
    margin-bottom: 0; }
  .utilities__spacing10-xs___2NrCl {
    margin-bottom: 10px; }
  .utilities__spacing20-xs___ddfe6 {
    margin-bottom: 20px; }
  .utilities__spacing30-xs___XByko {
    margin-bottom: 30px; }
  .utilities__spacing40-xs___1Ig1h {
    margin-bottom: 40px; }
  .utilities__spacing60-xs___3bO8x {
    margin-bottom: 60px; } }

@media (min-width: 540px) {
  .utilities__spacing0-phone___3p1bI {
    margin-bottom: 0; }
  .utilities__spacing10-phone___3NbX- {
    margin-bottom: 10px; }
  .utilities__spacing20-phone___3UsPP {
    margin-bottom: 20px; }
  .utilities__spacing30-phone___ltci8 {
    margin-bottom: 30px; }
  .utilities__spacing40-phone___1WwAG {
    margin-bottom: 40px; }
  .utilities__spacing60-phone___3U2Fg {
    margin-bottom: 60px; } }

@media (min-width: 768px) {
  .utilities__spacing0-sm___2lbrf {
    margin-bottom: 0; }
  .utilities__spacing10-sm___1S5iR {
    margin-bottom: 10px; }
  .utilities__spacing20-sm___3b_bo {
    margin-bottom: 20px; }
  .utilities__spacing30-sm___POOuO {
    margin-bottom: 30px; }
  .utilities__spacing40-sm___PFRe_ {
    margin-bottom: 40px; }
  .utilities__spacing60-sm___1pkWK {
    margin-bottom: 60px; } }

@media (min-width: 1024px) {
  .utilities__spacing0-md___BCQ4y {
    margin-bottom: 0; }
  .utilities__spacing10-md___3L7k6 {
    margin-bottom: 10px; }
  .utilities__spacing20-md___1gDrO {
    margin-bottom: 20px; }
  .utilities__spacing30-md___2b0nW {
    margin-bottom: 30px; }
  .utilities__spacing40-md___24GOF {
    margin-bottom: 40px; }
  .utilities__spacing60-md___O2NQC {
    margin-bottom: 60px; } }

@media (min-width: 1200px) {
  .utilities__spacing0-lg___1FGGS {
    margin-bottom: 0; }
  .utilities__spacing10-lg___YUvg9 {
    margin-bottom: 10px; }
  .utilities__spacing20-lg___l0Ews {
    margin-bottom: 20px; }
  .utilities__spacing30-lg___3yPVI {
    margin-bottom: 30px; }
  .utilities__spacing40-lg___1MvQ_ {
    margin-bottom: 40px; }
  .utilities__spacing60-lg___25yaa {
    margin-bottom: 60px; } }

@media (min-width: 1500px) {
  .utilities__spacing0-xl___2MYa3 {
    margin-bottom: 0; }
  .utilities__spacing10-xl___3eMD9 {
    margin-bottom: 10px; }
  .utilities__spacing20-xl___1aF6u {
    margin-bottom: 20px; }
  .utilities__spacing30-xl___2UGC_ {
    margin-bottom: 30px; }
  .utilities__spacing40-xl___27cbu {
    margin-bottom: 40px; }
  .utilities__spacing60-xl___tIhB1 {
    margin-bottom: 60px; } }

/* ------------------------------------ *\
    #TEXT UTILITIES
\* ------------------------------------ */
.utilities__textCenter___2ArYg {
  text-align: center; }

.utilities__textLeft___yJjeV {
  text-align: left; }

.utilities__textJustify___AAKiS {
  text-align: justify; }

.utilities__textRight___1taSH {
  text-align: right; }

.utilities__textUppercase___3LuP9 {
  text-transform: uppercase; }

.utilities__textUnderline___3_oeZ {
  text-decoration: underline; }

/* ------------------------------------ *\
    #VISIBILITY UTILITIES
\* ------------------------------------ */
.utilities__hidden___33qhR {
  display: none; }

@media (min-width: 480px) {
  .utilities__hidden-xs___3Jxg7 {
    display: none; } }

@media (max-width: 479px) {
  .utilities__hidden-less-than-xs___3PIwW {
    display: none; } }

@media screen and (min-width: 480px) and (max-width: 539px) {
  .utilities__hidden-xs-only___xWMjQ {
    display: none; } }

@media (min-width: 540px) {
  .utilities__hidden-phone____QNYb {
    display: none; } }

@media (max-width: 539px) {
  .utilities__hidden-less-than-phone___1dM0W {
    display: none; } }

@media screen and (min-width: 540px) and (max-width: 767px) {
  .utilities__hidden-phone-only___1bzx2 {
    display: none; } }

@media (min-width: 768px) {
  .utilities__hidden-sm___2vBbG {
    display: none; } }

@media (max-width: 767px) {
  .utilities__hidden-less-than-sm___SovpE {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .utilities__hidden-sm-only___2aic1 {
    display: none; } }

@media (min-width: 1024px) {
  .utilities__hidden-md___NLTcX {
    display: none; } }

@media (max-width: 1023px) {
  .utilities__hidden-less-than-md___zOq6U {
    display: none; } }

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .utilities__hidden-md-only___2NGjs {
    display: none; } }

@media (min-width: 1200px) {
  .utilities__hidden-lg___WyvID {
    display: none; } }

@media (max-width: 1199px) {
  .utilities__hidden-less-than-lg___3QIjj {
    display: none; } }

@media screen and (min-width: 1200px) and (max-width: 1499px) {
  .utilities__hidden-lg-only___9cnIE {
    display: none; } }

@media (min-width: 1500px) {
  .utilities__hidden-xl___3DzvU {
    display: none; } }

@media (max-width: 1499px) {
  .utilities__hidden-less-than-xl___1kmYN {
    display: none; } }

.utilities__screenReaderOnly___3po8W {
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  position: absolute; }

/* ------------------------------------ *\
    #HATCHCLUB TREEHOUSE
\* ------------------------------------ */
.HatchClubTreehouse__header___3odBt {
  transform: translateY(100%); }

@media (min-width: 1024px) {
  .HatchClubTreehouse__header___3odBt {
    transform: translateY(200%); } }

.HatchClubTreehouse__fullImg___1wMUC {
  width: 100%; }

/* ------------------------------------ *\
    #DISCOVER BLOCK
\* ------------------------------------ */
.DiscoverBlock__downloadBar___2qHVZ {
  background: #303039; }

@media (min-width: 1024px) {
  .DiscoverBlock__downloadBar___2qHVZ {
    background: rgba(48, 48, 57, 0.8);
    transform: translateY(-100%); } }

.DiscoverBlock__selectWrap___3AKef,
.DiscoverBlock__downloadBarContent___2Dewh {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative; }

@media (min-width: 1024px) {
  .DiscoverBlock__selectWrap___3AKef,
  .DiscoverBlock__downloadBarContent___2Dewh {
    align-items: center;
    flex-direction: row; } }

@media (min-width: 768px) {
  .DiscoverBlock__selectWrap___3AKef {
    flex-direction: row; } }

.DiscoverBlock__downloadBarContent___2Dewh {
  padding: 2.14286rem 0;
  position: relative; }

.DiscoverBlock__guideTitle___GUsQa {
  color: #fff;
  font-size: 1.28571rem;
  margin-right: 0.71429rem; }

@media (min-width: 1024px) {
  .DiscoverBlock__guideTitle___GUsQa {
    font-size: 1rem;
    margin-bottom: 0; } }

.DiscoverBlock__selectWrap___3AKef {
  justify-content: space-between; }

.DiscoverBlock__select___1yyD- {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  opacity: 0; }

.DiscoverBlock__fakeSelect___25__r {
  cursor: pointer;
  color: #757575;
  background: #fff;
  padding: 0.71429rem 3.21429rem 0.64286rem 1.42857rem;
  border-radius: 30px;
  position: relative;
  margin-right: 0.71429rem;
  margin-bottom: 0.71429rem; }

@media (min-width: 1024px) {
  .DiscoverBlock__fakeSelect___25__r {
    margin-bottom: 0; } }

.DiscoverBlock__fakeSelect___25__r::after {
  content: '';
  background: #757575;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 1.42857rem;
  transform: translateY(-2px);
  border-top: 5px solid #757575;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff; }

.DiscoverBlock__buddies___20lpe {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 38.4%;
  transform: translateY(4.5vw); }

@media (min-width: 768px) {
  .DiscoverBlock__buddies___20lpe {
    transform: translateY(4.2vw); } }

@media (min-width: 1200px) {
  .DiscoverBlock__buddies___20lpe {
    max-width: inherit;
    transform: translateY(56px); } }

/* ------------------------------------ *\
    #HATCHTOPIA DOWNLOAD
\* ------------------------------------ */
@media (min-width: 1024px) {
  .HatchtopiaDownload__wrap___1b_8C {
    margin-bottom: -102px; } }

/* ------------------------------------ *\
    #VIDEO BLOCK
\* ------------------------------------ */
.VideoBlock__container___2V3O3 {
  padding: 2.14286rem 0; }

@media (min-width: 1024px) {
  .VideoBlock__container___2V3O3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: -3.57143rem;
    padding: 0; } }

@media (min-width: 1200px) {
  .VideoBlock__container___2V3O3 {
    margin-top: -6.42857rem; } }

.VideoBlock__item___3vbcs {
  padding: 0 15px;
  margin: 0 0 2.14286rem;
  flex: auto; }

@media (min-width: 1024px) {
  .VideoBlock__item___3vbcs {
    max-width: 33.333%; } }

.VideoBlock__button___DKRJR {
  text-align: center;
  margin: 1.42857rem auto; }

.VideoBlock__all___1b_r4 {
  cursor: pointer;
  color: #fff;
  background: url("/static/img/bg-all-card1.jpg");
  background-size: cover;
  width: 100%;
  height: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 0.71429rem;
  margin-bottom: 0.85714rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: visible;
  transition: 0.3s ease; }

.VideoBlock__item___3vbcs:hover .VideoBlock__all___1b_r4 {
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25); }

.VideoBlock__forward___2iqkp {
  width: 31px;
  height: 23px;
  transition: 0.3s cubic-bezier(0.22, 0.61, 0.55, 1.57); }

.VideoBlock__item___3vbcs:hover .VideoBlock__forward___2iqkp {
  transform: translate3d(10px, 0, 0); }

.VideoBlock__container___2V3O3 .flickity-page-dots {
  bottom: 0; }

/* ------------------------------------ *\
    #TEXT BLOCK REVEAL
\* ------------------------------------ */
.BlockReveal__blockReveal___y0sXV {
  display: inline-block;
  overflow: hidden;
  width: 100%; }

.BlockReveal__inner___1MQ34 {
  display: inline-block;
  position: relative;
  width: 100%; }

.BlockReveal__contentIsHidden___20jYL {
  opacity: 0; }

.BlockReveal__contentIsRevealed___qWk3f,
.BlockReveal__contentIsRevealingOut___3lLNW {
  opacity: 1; }

.BlockReveal__block___3Dx0z {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: left;
  transition-property: transform;
  transition-timing-function: ease;
  transition-duration: 0.5s;
  transform: scaleX(0) translateZ(0);
  z-index: 1; }

.BlockReveal__blockVertically___1DbgA {
  transform-origin: top;
  transform: scaleY(0) translateZ(0); }

.BlockReveal__blockIsRevealingIn___32QJb {
  transform: scaleX(1) translateZ(0); }

.BlockReveal__blockIsRevealingInVertically___iF6gW {
  transform: scaleY(1) translateZ(0); }

.BlockReveal__blockIsRevealingOut___1zbW9 {
  transform-origin: right;
  transform: scaleX(0) translateZ(0); }

.BlockReveal__blockIsRevealingOutVertically___3jlXB {
  transform-origin: bottom;
  transform: scaleY(0) translateZ(0); }

.BlockReveal__blockIsRevealingIn___32QJb {
  transform: scaleX(1) translateZ(0); }

.BlockReveal__blockIsRevealingInVertically___iF6gW {
  transform: scaleY(1) translateZ(0); }

.BlockReveal__blockIsHidingIn___mK1Sb {
  transform-origin: right;
  transform: scaleX(1) translateZ(0); }

.BlockReveal__blockIsHidingInVertically___1bdw3 {
  transform-origin: bottom;
  transform: scaleY(1) translateZ(0); }

/* ------------------------------------ *\
    #PROMO BLOCK
\* ------------------------------------ */
.PromoBlock__wrap___12AU4 {
  position: relative;
  margin: 2.14286rem 0; }

@media (min-width: 1024px) {
  .PromoBlock__wrap___12AU4 {
    margin: 4.28571rem 0; } }

.PromoBlock__wrapRight___3htsa {
  text-align: right; }

.PromoBlock__feature___2vP5W {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px); }

@media (min-width: 1024px) {
  .PromoBlock__feature___2vP5W {
    width: 80%;
    max-width: 750px; } }

.PromoBlock__featureRight___L3fRV {
  transform: translateX(54%);
  width: calc(100% + 30px); }

@media (min-width: 1024px) {
  .PromoBlock__featureRight___L3fRV {
    width: 80%;
    max-width: 750px; } }

@media (max-width: 768px) {
  .PromoBlock__featureRight___L3fRV {
    transform: translateX(0%); } }

.PromoBlock__video___qYSOz {
  width: 100%; }

@media (min-width: 1024px) {
  .PromoBlock__wrapRight___3htsa .PromoBlock__video___qYSOz {
    left: 0;
    right: unset; } }

.PromoBlock__content___stMIV {
  position: relative;
  margin-top: -4.28571rem;
  z-index: 1; }

@media (min-width: 1024px) {
  .PromoBlock__content___stMIV {
    max-width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-top: 0; } }

@media (min-width: 1024px) {
  .PromoBlock__wrapRight___3htsa .PromoBlock__content___stMIV {
    left: 0;
    right: unset; } }

.PromoBlock__innerContent___rwMoN {
  padding: 1.78571rem 1.42857rem;
  text-align: left; }

@media (min-width: 1024px) {
  .PromoBlock__innerContent___rwMoN {
    padding: 4.28571rem 4.85714rem; } }

.PromoBlock__innerContent___rwMoN h2 {
  font-size: 2.14286rem; }

@media (min-width: 480px) {
  .PromoBlock__innerContent___rwMoN h2 {
    font-size: 40px; } }

.PromoBlock__innerContent___rwMoN p {
  font-size: 1rem; }

@media (min-width: 480px) {
  .PromoBlock__innerContent___rwMoN p {
    font-size: 18px; } }

.PromoBlock__backdrop___2EthC {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1; }

/* ------------------------------------ *\
    #VIDEO BLOCK
\* ------------------------------------ */
.VideoGallery__container___2FcpH {
  padding: 2.14286rem 0; }

.VideoGallery__header___gvPIx {
  padding: 0 15px; }

@media (min-width: 1024px) {
  .VideoGallery__header___gvPIx {
    padding: 0; } }

.VideoGallery__title___a3dic {
  color: #e00087;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  line-height: 1;
  margin-bottom: 2.14286rem; }

@media (min-width: 540px) {
  .VideoGallery__title___a3dic {
    flex-direction: row; } }

.VideoGallery__secondary___3XmWc {
  font-size: 1.42857rem;
  font-weight: 200;
  position: relative; }

@media (min-width: 540px) {
  .VideoGallery__secondary___3XmWc {
    margin-left: 2rem;
    padding: 0 2rem; }
  .VideoGallery__secondary___3XmWc::before {
    content: '';
    background: #e00087;
    position: absolute;
    width: 1px;
    height: 50px;
    left: 0; } }

@media (min-width: 768px) {
  .VideoGallery__secondary___3XmWc {
    font-size: 2.14286rem; } }

@media (min-width: 1024px) {
  .VideoGallery__sliderContainer___2jC8G {
    margin-left: -20px;
    margin-right: -20px; } }

.VideoGallery__item___3M7Mh {
  padding: 0 15px;
  margin: 0 0 2.14286rem; }

.VideoGallery__button___36F8i {
  text-align: center;
  margin: 1.42857rem auto; }

.VideoGallery__all___1exSQ {
  cursor: pointer;
  color: #fff;
  background: url("/static/img/bg-all-card.jpg");
  background-size: cover;
  width: 100%;
  height: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 0.71429rem;
  margin-bottom: 0.85714rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: visible;
  transition: 0.3s ease; }

.VideoGallery__item___3M7Mh:hover .VideoGallery__all___1exSQ {
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25); }

.VideoGallery__forward___tnuv0 {
  width: 31px;
  height: 23px;
  transition: 0.3s cubic-bezier(0.22, 0.61, 0.55, 1.57); }

.VideoGallery__item___3M7Mh:hover .VideoGallery__forward___tnuv0 {
  transform: translate3d(10px, 0, 0); }

.VideoGallery__container___2FcpH .flickity-page-dots {
  bottom: 0; }

@media (min-width: 1024px) {
  .VideoGallery__container___2FcpH .flickity-page-dots {
    bottom: inherit; } }

.VideoGallery__container___2FcpH .flickity-prev-next-button {
  transform: translateY(-100%); }

/* ------------------------------------ *\
    #PROMO APP
\* ------------------------------------ */
.PromoApp__wrap___pRpic {
  background: url("/static/img/bg-get-app.jpg");
  background-size: cover;
  padding: 0 0 2.14286rem; }

@media (min-width: 768px) {
  .PromoApp__wrap___pRpic {
    padding: 0; } }

@media (min-width: 768px) {
  .PromoApp__container___2RyWo {
    display: flex;
    flex-direction: row-reverse;
    align-items: center; } }

.PromoApp__imgWrap___3nwgh {
  max-width: 370px;
  margin: 0 auto;
  transform: translateY(-24px); }

@media (min-width: 768px) {
  .PromoApp__imgWrap___3nwgh {
    flex: 0 0 61%;
    max-width: 691px;
    transform: translateX(40px) translateY(-40px);
    margin-bottom: -7.14286rem; } }

@media (min-width: 1024px) {
  .PromoApp__imgWrap___3nwgh {
    transform: translateX(60px) translateY(-40px); } }

.PromoApp__img___2IHWi {
  max-width: 100%; }

.PromoApp__title___3bWmr {
  line-height: 1.25;
  margin-bottom: 1.28571rem; }

@media (min-width: 1024px) {
  .PromoApp__stores___1txjG {
    display: flex; } }

.PromoApp__appstore___SSFnm {
  margin-bottom: 0.85714rem;
  margin-right: 0.85714rem; }

@media (min-width: 768px) {
  .PromoApp__appstore___SSFnm {
    margin-left: 0; } }

.PromoApp__playstore___1cVbb {
  margin-bottom: 0.85714rem; }

.PromoApp__content___1YJBf {
  padding: 0 1.07143rem; }

@media (min-width: 768px) {
  .PromoApp__content___1YJBf {
    flex: 0 0 39%;
    padding: 4.28571rem 0; } }

.PromoBlockVid__promoVideo_cta___2JB7X {
  display: flex; }

.PromoBlockVid__button___kzFon {
  margin: 0 1rem; }

a {
  margin: 0 0.5rem; }

.PromoBlockVid__wrap___2tdiC {
  position: relative;
  margin: 2.14286rem 0; }

@media (min-width: 1024px) {
  .PromoBlockVid__wrap___2tdiC {
    margin: 4.28571rem 0; } }

.PromoBlockVid__wrapRight___Ong9j {
  text-align: right; }

.PromoBlockVid__wrapVideo___R8dCx {
  position: relative;
  margin: 2.14286rem 0; }

@media (min-width: 1024px) {
  .PromoBlockVid__wrapVideo___R8dCx {
    margin: 4.28571rem 0; } }

.PromoBlockVid__wrapRightVideo___2lDXo {
  text-align: right;
  margin-left: 56%; }

/* ------------------------------------ *\
    #TEXT BUBBLE
\* ------------------------------------ */
.TextBubble__wrap___2VhxP {
  border-radius: 2.57143rem;
  color: #fff;
  display: inline-block;
  padding: 1.42857rem 2.14286rem;
  position: relative;
  max-width: 360px;
  margin-bottom: 2.85714rem;
  transition: 0.3s ease; }

.TextBubble__title___27UJo {
  padding: 0.42857rem 0 0;
  margin-bottom: 0;
  line-height: 1;
  font-size: 2rem; }

.TextBubble__text___7Ak4_ {
  margin: 0;
  padding: 1.42857rem 0 0; }

.TextBubble__bubbleTail___1Il4r {
  position: absolute;
  width: 28px;
  height: 35px;
  top: 100%;
  transition: 0.3s ease; }

.TextBubble__tailRight___107Av {
  right: 50%;
  transform: translateY(-55%) translateX(50%); }

@media (min-width: 768px) {
  .TextBubble__tailRight___107Av {
    right: 15px;
    transform: translateY(-55%); } }

.TextBubble__tailLeft___Oz3KD {
  left: 50%;
  transform: scaleX(-1) translateX(50%) translateY(-55%); }

@media (min-width: 768px) {
  .TextBubble__tailLeft___Oz3KD {
    left: 15px;
    transform: scaleX(-1) translateY(-55%); } }

/* ------------------------------------ *\
    #HATCHY FACT
\* ------------------------------------ */
.HatchyFact__wrap___2KF2a {
  padding: 2.14286rem 0 0; }

.HatchyFact__bubbleWrap___3diGM {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  min-height: 240px;
  padding: 0 2.14286rem; }

@media (min-width: 768px) {
  .HatchyFact__bubbleWrap___3diGM {
    flex-direction: row; } }

@media (min-width: 1024px) {
  .HatchyFact__bubbleWrap___3diGM {
    align-items: flex-start;
    max-width: 1100px;
    margin: 0 auto -100px; } }

@media (min-width: 1200px) {
  .HatchyFact__bubbleWrap___3diGM {
    align-items: flex-start;
    max-width: 1280px;
    margin: 0 auto -250px; } }

.HatchyFact__bubble___3SAWm {
  display: inline-block;
  padding: 0 1.42857rem;
  flex: 0 0 50%;
  z-index: 1; }

.HatchyFact__bubbleCenter___7df1K {
  text-align: center; }

.HatchyFact__img___17u6p {
  width: 100%; }

.HatchyFact__egg___WwSaG {
  position: relative; }

.HatchyFact__heart___3EYrF {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1; }

.HatchyFact__heart___3EYrF:hover, .HatchyFact__heart___3EYrF:active {
  filter: brightness(125%); }

.HatchyFact__heartClicked___T0tYG {
  animation: HatchyFact__bounceIn___3m-cL 0.75s linear 1 forwards; }

.HatchyFact__svg___d2kVU {
  width: 162px;
  height: 146px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.55);
  z-index: 2; }

@media (min-width: 540px) {
  .HatchyFact__svg___d2kVU {
    transform: translate(-50%, -50%); } }

@media (min-width: 768px) {
  .HatchyFact__svg___d2kVU {
    transform: translate(-50%, -50%) scale(0.65); } }

@media (min-width: 1024px) {
  .HatchyFact__svg___d2kVU {
    transform: translate(-50%, -50%) scale(0.85); } }

@media (min-width: 1200px) {
  .HatchyFact__svg___d2kVU {
    transform: translate(-50%, -50%); } }

.HatchyFact__path___lsf4J {
  transition: 0.3s ease; }

@keyframes HatchyFact__bounceIn___3m-cL {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1); }
  20% {
    -webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
    transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15); }
  40% {
    -webkit-transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9);
    transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1.03);
    transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: translate(-50%, -50%) scale3d(0.97, 0.97, 0.97);
    transform: stranslate(-50%, -50%) cale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transform: translate(-50%, -50%) scale3d(1, 1, 1); } }

/* ------------------------------------ *\
    #ACTIVITY CARD
\* ------------------------------------ */
.ActivityCard__wrap___2f2xI {
  border: 1px solid #d2d2d2;
  border-radius: 0.71429rem;
  overflow: hidden;
  position: relative;
  width: 267px;
  max-width: 100%;
  margin: 0 auto; }

.ActivityCard__wrap___2f2xI::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(224, 0, 135, 0.8);
  z-index: 1;
  opacity: 0;
  transition: 0.3s ease; }

.ActivityCard__wrap___2f2xI:hover::before, .ActivityCard__wrap___2f2xI:active::before {
  opacity: 1; }

.ActivityCard__wrap___2f2xI:hover .ActivityCard__cta___2mIzP, .ActivityCard__wrap___2f2xI:active .ActivityCard__cta___2mIzP {
  opacity: 1; }

.ActivityCard__wrap___2f2xI:hover .ActivityCard__button___1bKQa,
.ActivityCard__wrap___2f2xI:hover .ActivityCard__ctaLabel___11DaR, .ActivityCard__wrap___2f2xI:active .ActivityCard__button___1bKQa,
.ActivityCard__wrap___2f2xI:active .ActivityCard__ctaLabel___11DaR {
  transform: translateZ(0); }

.ActivityCard__cta___2mIzP {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s ease;
  opacity: 0;
  z-index: 2; }

.ActivityCard__button___1bKQa {
  transform: translateY(100%);
  transition: 0.3s ease; }

.ActivityCard__ctaLabel___11DaR {
  color: #fff;
  font-weight: 600;
  margin: 0.71429rem auto 0;
  max-width: 65%;
  text-align: center;
  transform: translateY(100%);
  transition: 0.5s ease;
  line-height: 1.25; }

/* ------------------------------------ *\
    #ACTIVITIES BLOCK
\* ------------------------------------ */
.ActivitiesBlock__wrap___1yf07 {
  position: relative;
  margin-top: 50px;
  margin-bottom: 4.28571rem;
  z-index: 1; }

.ActivitiesBlock__title___3cS4d {
  color: #e00087;
  margin-bottom: 2.14286rem; }

.ActivitiesBlock__slider___3FtK_ {
  margin-left: -15px;
  margin-right: -15px; }

.ActivitiesBlock__item___Y6nTv {
  margin: 0 15px 3.57143rem; }

.ActivitiesBlock__wrap___1yf07 .flickity-viewport {
  overflow: visible; }

@media (min-width: 1024px) {
  .ActivitiesBlock__wrap___1yf07 .flickity-viewport {
    overflow: hidden; } }

.ActivitiesBlock__wrap___1yf07 .flickity-prev-next-button {
  top: 43%; }

.ActivitiesBlock__wrap___1yf07 .flickity-page-dots {
  bottom: 0; }

.ActivitiesBlock__wrap___1yf07 .flickity-page-dots .dot {
  border: 2px solid #e00087;
  background: #fff;
  opacity: 1; }

.ActivitiesBlock__wrap___1yf07 .flickity-page-dots .dot.is-selected {
  background: #e00087; }

/* ------------------------------------ *\
    #MOBILE APP PROMO
\* ------------------------------------ */
@media (min-width: 768px) {
  .MobileAppPromo__container___F5uIQ {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-left: -8%;
    margin-right: -8%; } }

@media (min-width: 768px) {
  .MobileAppPromo__imgWrap___wAYyY {
    flex: 1 1 40%; } }

.MobileAppPromo__copy___2FnPa {
  padding: 2rem;
  margin-bottom: 2.14286rem;
  z-index: 1;
  position: relative; }

.MobileAppPromo__copy___2FnPa::after {
  content: '';
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

@media (min-width: 768px) {
  .MobileAppPromo__copy___2FnPa {
    flex: 0 0 60%;
    max-width: 670px; }
  .MobileAppPromo__copy___2FnPa::after {
    left: -10vw; }
  .MobileAppPromo__copy___2FnPa::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 193px;
    height: 221px;
    background: url("/static/img/birdie.png") no-repeat;
    background-size: contain;
    transform: translate(-40%, 80%);
    z-index: -2; } }

@media (min-width: 1024px) {
  .MobileAppPromo__copy___2FnPa {
    padding: 4.28571rem 5.71429rem; }
  .MobileAppPromo__copy___2FnPa::before {
    width: 320px;
    height: 355px; } }

.MobileAppPromo__title___Z4UdI {
  font-size: 2.14286rem;
  line-height: 1.25; }

@media (min-width: 1024px) {
  .MobileAppPromo__title___Z4UdI {
    font-size: 2.85714rem; } }

.MobileAppPromo__imgWrap___wAYyY {
  text-align: center; }

.MobileAppPromo__img___2EeYa {
  width: 100%;
  margin: 0 auto 2.14286rem; }

@media (min-width: 540px) {
  .MobileAppPromo__img___2EeYa {
    width: 70%; } }

@media (min-width: 768px) {
  .MobileAppPromo__img___2EeYa {
    width: 120%;
    transform: translateX(-20%); } }

@media (min-width: 1024px) {
  .MobileAppPromo__img___2EeYa {
    width: 100%;
    transform: none; } }

.MobileAppPromo__desc___1RGo0 {
  margin: 0.71429rem 0 1.14286rem; }

@media (min-width: 1024px) {
  .MobileAppPromo__stores___2m6bp {
    display: flex; } }

.MobileAppPromo__appstore___N7ucA {
  margin-bottom: 0.85714rem;
  margin-right: 0.85714rem; }

@media (min-width: 768px) {
  .MobileAppPromo__appstore___N7ucA {
    margin-left: 0; } }

.MobileAppPromo__playstore___2f2yr {
  margin-bottom: 0.85714rem; }

.MobileAppPromo__content___3IFjv {
  padding: 0 1.07143rem; }

@media (min-width: 768px) {
  .MobileAppPromo__content___3IFjv {
    flex: 0 0 39%;
    padding: 4.28571rem 0; } }

/* ------------------------------------ *\
    #RARITY
\* ------------------------------------ */
.Rarity__wrap___3XHix {
  position: relative; }

.Rarity__wing___CjoGa {
  width: 100%; }

.Rarity__img___3SW-C {
  width: 100%; }

.Rarity__label___1GPWD {
  font-size: 0.71429rem;
  text-transform: capitalize;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%); }

@media (min-width: 768px) {
  .Rarity__label___1GPWD {
    font-size: 1.07143rem; } }

/* ------------------------------------ *\
    #COLLEGGTIBLE
\* ------------------------------------ */
.Colleggtible__wrap___oj8sP {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  background: url("/static/img/egg@2x.png") no-repeat center;
  background-size: contain;
  width: 100%;
  max-width: 236px;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.2)); }

@media (min-width: 768px) {
  .Colleggtible__wrap___oj8sP {
    max-width: 312px; } }

@media (min-width: 1024px) {
  .Colleggtible__wrap___oj8sP {
    max-width: 360px; } }

.Colleggtible__wrapPadded___4KegW {
  padding-bottom: 40px; }

.Colleggtible__imgWrap___2QNmy {
  width: 140px; }

@media (min-width: 768px) {
  .Colleggtible__imgWrap___2QNmy {
    width: 164px;
    margin-bottom: 0.85714rem; } }

@media (min-width: 768px) {
  .Colleggtible__imgWrap___2QNmy {
    width: 18.75vw; } }

@media (min-width: 1024px) {
  .Colleggtible__imgWrap___2QNmy {
    width: 12.5vw; } }

@media (min-width: 1200px) {
  .Colleggtible__imgWrap___2QNmy {
    margin-bottom: 0;
    width: 230px; } }

.Colleggtible__img___fLmZP {
  max-width: 100%; }

.Colleggtible__season___2BP_M {
  font-weight: 500;
  font-size: 1.07143rem;
  line-height: 1;
  margin-bottom: 0.71429rem; }

.Colleggtible__name___2d3Dh {
  color: #e00087;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .Colleggtible__name___2d3Dh {
    font-size: 3.125vw; } }

@media (min-width: 1024px) {
  .Colleggtible__name___2d3Dh {
    font-size: 2.25vw; } }

@media (min-width: 1200px) {
  .Colleggtible__name___2d3Dh {
    font-size: 2.14286rem; } }

.Colleggtible__stats___mlChk {
  display: flex;
  min-height: 50px;
  transform-origin: center; }

@media (min-width: 768px) {
  .Colleggtible__stats___mlChk {
    transform: none; } }

.Colleggtible__stat___1K3dG {
  flex: 0 0 33.33%;
  width: 33.33%;
  padding: 0 0.42857rem;
  text-align: center;
  border-right: 1px solid #e00087; }

@media (min-width: 768px) {
  .Colleggtible__stat___1K3dG {
    padding: 0 1.07143rem 0.71429rem; } }

.Colleggtible__stat___1K3dG:last-child {
  border-right: 0; }

.Colleggtible__statLabel___26qda {
  font-size: 0.57143rem;
  margin-bottom: 0.42857rem; }

@media (min-width: 768px) {
  .Colleggtible__statLabel___26qda {
    font-size: 0.71429rem; } }

.Colleggtible__statVal___1ZSJw {
  font-size: 0.85714rem;
  line-height: 1; }

@media (min-width: 768px) {
  .Colleggtible__statVal___1ZSJw {
    font-size: 1.07143rem; } }

@media (min-width: 1024px) {
  .Colleggtible__statVal___1ZSJw {
    font-size: 1.25vw; } }

@media (min-width: 1200px) {
  .Colleggtible__statVal___1ZSJw {
    font-size: 1.07143rem; } }

.Colleggtible__rarity___IA0SJ {
  flex: 0 0 auto;
  width: 53px;
  margin-bottom: 0.71429rem; }

@media (min-width: 768px) {
  .Colleggtible__rarity___IA0SJ {
    width: 75px; } }

@media (min-width: 1024px) {
  .Colleggtible__rarity___IA0SJ {
    margin-bottom: 0.85714rem; } }

.Colleggtible__buttons___1Opv9 {
  width: 130px;
  display: flex;
  justify-content: space-between; }

@media (min-width: 768px) {
  .Colleggtible__buttons___1Opv9 {
    transform: none;
    width: 162px; } }

/* ------------------------------------ *\
    #COLLEGGTIBLE ACTIVE FILTERS
\* ------------------------------------ */
.ColleggtibleActiveFilters__wrap___3eIjp {
  padding: 10px 0 0;
  position: relative;
  z-index: 1; }

.ColleggtibleActiveFilters__trash___1mTmi {
  cursor: pointer;
  font-size: 0.85714rem;
  display: inline-flex;
  align-items: center;
  text-decoration: underline; }

.ColleggtibleActiveFilters__trash___1mTmi:hover {
  color: #e00087; }

.ColleggtibleActiveFilters__icon___1MYu1 {
  width: 12px;
  height: 12px;
  margin-right: 6px; }

/* ------------------------------------ *\
    #COLLEGGTIBLE ACTIVE FILTER
\* ------------------------------------ */
.ColleggtibleActiveFilter__button___1yKgt {
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  margin: 0 5px 10px;
  text-transform: capitalize; }

.ColleggtibleActiveFilter__button___1yKgt:hover {
  color: #b40064;
  background: #fbe5f3;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.15); }

.ColleggtibleActiveFilter__close___2qEeA {
  width: 7px;
  height: 7px;
  margin-right: 6px; }

/* ------------------------------------ *\
    #COLLEGGTIBLE FILTER
\* ------------------------------------ */
.ColleggtibleFilter__wrap___WTGIK {
  position: relative;
  z-index: 2; }

.ColleggtibleFilter__header___flv-Y {
  background: #e00087;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  padding: 15px; }

.ColleggtibleFilter__headerActive___32lxG {
  color: #e00087;
  background: #fce6f3; }

.ColleggtibleFilter__close___MG_RA {
  width: 18px;
  height: 18px; }

.ColleggtibleFilter__chevron___2QkWx {
  width: 12px;
  height: 12px;
  transform: rotate(-90deg); }

.ColleggtibleFilter__content___3UtjM {
  background: #e00087; }

@media (min-width: 1024px) {
  .ColleggtibleFilter__content___3UtjM {
    display: flex;
    align-items: center;
    justify-content: space-around; } }

/* ------------------------------------ *\
    #COLLEGGTIBLE FILTER OPTION
\* ------------------------------------ */
.ColleggtibleFilterOption__wrap___33tXq ~ .ColleggtibleFilterOption__wrap___33tXq {
  border-top: 1px solid rgba(255, 255, 255, 0.5); }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__wrap___33tXq ~ .ColleggtibleFilterOption__wrap___33tXq {
    border-top: none; } }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__wrap___33tXq {
    flex: 0 0 auto; } }

.ColleggtibleFilterOption__trigger___3fgbx {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px; }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__trigger___3fgbx {
    padding: 15px 0;
    margin-left: -15px; } }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__triggerWrap___3TvFg {
    cursor: pointer;
    position: relative;
    padding: 12px 0; }
  .ColleggtibleFilterOption__triggerWrap___3TvFg::after {
    content: '';
    background: #fff;
    height: 3px;
    position: absolute;
    left: 0;
    right: -16px;
    bottom: 0;
    transform: scaleX(0);
    transition: transform 0.3s ease; } }

@media (min-width: 1200px) {
  .ColleggtibleFilterOption__triggerWrap___3TvFg {
    padding: 18px 0; } }

.ColleggtibleFilterOption__triggerWrapActive___2vj9j { }

.ColleggtibleFilterOption__triggerWrapActive___2vj9j::after {
  transform: scaleX(1); }

.ColleggtibleFilterOption__label___1Amqg {
  color: #fff;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  flex: 1;
  transition: flex 0.5s ease; }

.ColleggtibleFilterOption__labelActive___2nxYh {
  flex: 0; }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__labelActive___2nxYh {
    flex: 1; } }

.ColleggtibleFilterOption__arrow___3GaqF {
  flex: 0 0 auto; }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__arrow___3GaqF {
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -4px; } }

.ColleggtibleFilterOption__chevron___G9lQ_ {
  color: #fff;
  width: 12px;
  height: 12px;
  transform: rotate(-90deg); }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__chevron___G9lQ_ {
    width: 10px;
    height: 10px;
    transform: none; } }

.ColleggtibleFilterOption__chevronFlip___3_z7Y {
  transform: rotate(90deg); }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__chevronFlip___3_z7Y {
    transform: rotate(180deg); } }

.ColleggtibleFilterOption__season___3zkOH, .ColleggtibleFilterOption__rarity___C31yJ, .ColleggtibleFilterOption__hangouts___1MHxD, .ColleggtibleFilterOption__species___22zXg, .ColleggtibleFilterOption__color___1BEds, .ColleggtibleFilterOption__warn___3PrfH {
  margin-right: 10px; }

.ColleggtibleFilterOption__season___3zkOH {
  width: 14px;
  height: 14px; }

.ColleggtibleFilterOption__rarity___C31yJ {
  width: 30px;
  height: 11px; }

.ColleggtibleFilterOption__hangouts___1MHxD {
  width: 20px;
  height: 21px; }

.ColleggtibleFilterOption__species___22zXg {
  width: 15px;
  height: 21px; }

.ColleggtibleFilterOption__color___1BEds {
  width: 18px;
  height: 21px; }

.ColleggtibleFilterOption__warn___3PrfH {
  width: 20px;
  height: 20px; }

.ColleggtibleFilterOption__content___2wjgR {
  background: #fff; }

.ColleggtibleFilterOption__triggerWrapActive___2vj9j ~ .ColleggtibleFilterOption__content___2wjgR {
  z-index: 1; }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__content___2wjgR {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    max-height: 50vh;
    overflow: auto; }
  .ColleggtibleFilterOption__content___2wjgR::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #dfe0e8; }
  .ColleggtibleFilterOption__content___2wjgR::-webkit-scrollbar {
    width: 8px;
    background-color: #dfe0e8; }
  .ColleggtibleFilterOption__content___2wjgR::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e00087; } }

.ColleggtibleFilterOption__innerHeight___35J_U {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 102px);
  overflow: auto;
  padding: 24px 0; }

@media (min-width: 1024px) {
  .ColleggtibleFilterOption__innerHeight___35J_U {
    height: auto !important; } }

.ColleggtibleFilterOption__buttons___11kTy {
  display: flex;
  justify-content: space-around;
  padding: 14px 0 16px;
  margin-top: 20px;
  margin-top: auto;
  box-shadow: 0 -8px 10px rgba(224, 0, 135, 0.15); }

.ColleggtibleFilterOption__trashCan___3w2Ge {
  width: 11px;
  height: 14px;
  margin-left: 10px; }

.ColleggtibleFilterOption__cta___2Fx2I {
  flex: 0 0 auto;
  width: 46%; }

@charset "UTF-8";
/* ------------------------------------ *\
    #COLLEGGTIBLE FILTER ITEM
\* ------------------------------------ */
.ColleggtibleFilterItem__wrap___3vOFk {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: 33%;
  padding-bottom: 18px; }

@media (min-width: 540px) {
  .ColleggtibleFilterItem__wrap___3vOFk {
    width: 25%; } }

@media (min-width: 1024px) {
  .ColleggtibleFilterItem__wrap___3vOFk {
    width: 16.6667%; } }

.ColleggtibleFilterItem__img___3SPgx {
  width: 100%;
  max-width: 80px; }

@media (min-width: 1024px) {
  .ColleggtibleFilterItem__img___3SPgx {
    max-width: 120px; } }

.ColleggtibleFilterItem__checkbox___1LDHN {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  background: #fff;
  color: #e00087;
  position: relative;
  margin: -6px auto 0;
  transform: scale(1);
  transition: 0.15s ease; }

.ColleggtibleFilterItem__checkbox___1LDHN::before {
  content: '\2713';
  font-size: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.15s ease;
  opacity: 0; }

.ColleggtibleFilterItem__checkboxActive___3XqT9 {
  transform: scale(1.5); }

.ColleggtibleFilterItem__checkboxActive___3XqT9::before {
  opacity: 1; }

.ColleggtibleFilterItem__label___1mzPH {
  color: #e00087;
  font-size: 0.71429rem;
  font-weight: bold; }

/* ------------------------------------ *\
    #COLLEGGTIBLE LIST
\* ------------------------------------ */
.ColleggtibleGrid__wrap___2it2C {
  background: linear-gradient(to top, #faf5e1 0%, #dde2f9 50%, #ed8dec 100%);
  padding: 30px 0;
  position: relative; }

@media (min-width: 1024px) {
  .ColleggtibleGrid__wrap___2it2C {
    padding: 60px 0; } }

.ColleggtibleGrid__container___X561H {
  display: flex;
  flex-wrap: wrap; }

@media (min-width: 1024px) {
  .ColleggtibleGrid__container___X561H {
    min-height: 630px; } }

.ColleggtibleGrid__item___12abK {
  flex: 0 0 auto;
  width: 100%;
  text-align: center;
  padding: 15px; }

@media (min-width: 540px) {
  .ColleggtibleGrid__item___12abK {
    width: 50%;
    padding: 30px 15px; } }

@media (min-width: 1024px) {
  .ColleggtibleGrid__item___12abK {
    width: 33.33%;
    padding: 30px 15px; } }

.ColleggtibleGrid__pagination___1vPw5 {
  margin-top: 20px; }

.ColleggtibleGrid__activeFilters___3jiZB {
  margin-top: -20px; }

@media (min-width: 1024px) {
  .ColleggtibleGrid__activeFilters___3jiZB {
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; } }

.ColleggtibleGrid__noItem___25iRa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40vh; }

/* ------------------------------------ *\
    #COLLEGGTIBLES GUIDES
\* ------------------------------------ */
.ColleggtibleGuides__wrap___qU_9H {
  background: #fff;
  position: fixed;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50vw);
  padding: 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  z-index: 1; }

@media (min-width: 540px) {
  .ColleggtibleGuides__wrap___qU_9H {
    padding: 20px; } }

@media (min-width: 1024px) {
  .ColleggtibleGuides__wrap___qU_9H {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px; } }

@media (min-width: 1370px) {
  .ColleggtibleGuides__wrap___qU_9H {
    transform: translateX(-685px); } }

.ColleggtibleGuides__download___EwWRy {
  cursor: pointer;
  color: #e00087;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.ColleggtibleGuides__iconDownload___mRyCJ {
  width: 30px;
  height: 30px;
  margin-bottom: 10px; }

.ColleggtibleGuides__close___2mcXQ {
  cursor: pointer;
  border: 2px solid #fff;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  transition: border 0.3s ease; }

@media (min-width: 1024px) {
  .ColleggtibleGuides__close___2mcXQ {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #e00087;
    width: 30px;
    height: 30px;
    padding: 7px; } }

.ColleggtibleGuides__close___2mcXQ:hover, .ColleggtibleGuides__close___2mcXQ:active {
  border: 2px solid #e00087;
  color: #e00087; }

.ColleggtibleGuides__text___iFNT9 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  width: 120px;
  text-align: center; }

.ColleggtibleGuides__content___2vlRd {
  color: inherit;
  width: 75vw; }

@media (min-width: 768px) {
  .ColleggtibleGuides__content___2vlRd {
    width: auto; } }

@media (min-width: 540px) {
  .ColleggtibleGuides__content___2vlRd {
    display: flex;
    padding-right: 30px; } }

.ColleggtibleGuides__guideImg___2V-u_ {
  text-align: center; }

@media (min-width: 540px) {
  .ColleggtibleGuides__guideImg___2V-u_ {
    margin-right: 10px;
    margin-top: auto; } }

@media (min-width: 1024px) {
  .ColleggtibleGuides__guideImg___2V-u_ {
    height: 90px;
    margin-top: -36px; } }

.ColleggtibleGuides__copy___2Tvdh {
  max-width: 300px;
  line-height: 1.5;
  margin: 0.71429rem 0; }

@media (min-width: 540px) {
  .ColleggtibleGuides__copy___2Tvdh {
    max-width: unset; } }

@media (min-width: 1024px) {
  .ColleggtibleGuides__copy___2Tvdh {
    margin: 0 0 0.71429rem; } }

.ColleggtibleGuides__fakeSelect___2Zjjl {
  cursor: pointer;
  color: #757575;
  border: 1px solid #cacaca;
  background: #fff;
  padding: 0.71429rem 3.21429rem 0.64286rem 1.42857rem;
  border-radius: 30px;
  position: relative;
  margin-right: 0.71429rem;
  margin-bottom: 0.71429rem; }

@media (min-width: 1024px) {
  .ColleggtibleGuides__fakeSelect___2Zjjl {
    margin-bottom: 0; } }

.ColleggtibleGuides__fakeSelect___2Zjjl::after {
  content: '';
  background: #757575;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 1.42857rem;
  transform: translateY(-2px);
  border-top: 5px solid #757575;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff; }

.ColleggtibleGuides__select___3RjZO {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  opacity: 0; }

.ColleggtibleGuides__selectWrap___1b3fA {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative; }

@media (min-width: 1024px) {
  .ColleggtibleGuides__selectWrap___1b3fA {
    align-items: center;
    flex-direction: row; } }

/* ------------------------------------ *\
    #PAGENATION
\* ------------------------------------ */
.Pagination__wrap___3dtSC {
  display: flex;
  justify-content: center; }

.Pagination__num___1zD-D {
  width: 80px;
  padding: 0 20px;
  overflow: hidden; }

@media (min-width: 400px) {
  .Pagination__num___1zD-D {
    padding: 0 20px;
    width: 160px; } }

@media (min-width: 500px) {
  .Pagination__num___1zD-D {
    width: 200px; } }

@media (min-width: 540px) {
  .Pagination__num___1zD-D {
    width: 280px; } }

@media (min-width: 768px) {
  .Pagination__num___1zD-D {
    width: 400px; } }

.Pagination__numBtn___2mHeq {
  margin: 0 20px; }

@media (min-width: 400px) {
  .Pagination__numBtn___2mHeq {
    margin: 0 10px; } }

.Pagination__num___1zD-D .flickity-viewport {
  overflow: visible; }

/* ------------------------------------ *\
    #COLLEGGTIBLES BLOCK
\* ------------------------------------ */
.ColleggtiblesBlock__wrap___2ivG9 {
  background: linear-gradient(to bottom, #df0d7e 0%, #e95169 25%, #e95169 35%, #de63bd 90%);
  padding: 2.14286rem 0; }

@media (min-width: 540px) {
  .ColleggtiblesBlock__wrap___2ivG9 {
    background: url("/static/img/bg-sparks-home-tablet.png") no-repeat top center, linear-gradient(to bottom, #df0d7e 0%, #e95169 25%, #e95169 35%, #de63bd 90%);
    background-size: cover, auto; } }

@media (min-width: 768px) {
  .ColleggtiblesBlock__wrap___2ivG9 {
    padding: 4.28571rem 0; } }

@media (min-width: 1024px) {
  .ColleggtiblesBlock__wrap___2ivG9 {
    background: url("/static/img/curve-upper.png") no-repeat top right, url("/static/img/curve-lower.png") no-repeat bottom center, url("/static/img/bg-sparks-home.png") no-repeat top center, linear-gradient(to bottom, #df0d7e 0%, #e95169 25%, #e95169 35%, #de63bd 90%);
    background-size: auto, auto, contain, auto;
    padding: 3.57143rem 0;
    padding: 6.42857rem 0 2.14286rem; } }

.ColleggtiblesBlock__title___2U02L {
  color: #fff;
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin-bottom: 2.85714rem;
  justify-content: center;
  align-items: center; }

@media (min-width: 1024px) {
  .ColleggtiblesBlock__title___2U02L {
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
    margin-bottom: 1.71429rem; } }

.ColleggtiblesBlock__primary___3bLoC {
  margin-bottom: 1.42857rem; }

@media (min-width: 1024px) {
  .ColleggtiblesBlock__primary___3bLoC {
    margin-bottom: 0; } }

.ColleggtiblesBlock__secondary___XLSBZ {
  cursor: pointer;
  color: #fff;
  font-size: 1.71429rem;
  font-weight: 200;
  position: relative;
  padding: 0 2rem; }

.ColleggtiblesBlock__secondary___XLSBZ:hover, .ColleggtiblesBlock__secondary___XLSBZ:active {
  color: #fff; }

@media (min-width: 1024px) {
  .ColleggtiblesBlock__secondary___XLSBZ {
    font-size: 2.14286rem;
    margin-left: 2rem; }
  .ColleggtiblesBlock__secondary___XLSBZ::before {
    content: '';
    background: #fff;
    position: absolute;
    width: 1px;
    height: 50px;
    left: 0;
    top: 50%;
    transform: translateY(-50%); } }

.ColleggtiblesBlock__item___3Tno- {
  display: flex;
  justify-content: center;
  padding: 0 0.71429rem;
  margin-bottom: 2.14286rem; }

.ColleggtiblesBlock__cta___1iMK_ {
  text-align: center; }

.ColleggtiblesBlock__slider___2n7oQ {
  padding: 0 0 1.42857rem; }

@media (min-width: 1024px) {
  .ColleggtiblesBlock__slider___2n7oQ {
    padding: 0 0 2.85714rem; } }

.ColleggtiblesBlock__select___3h9fP {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  opacity: 0; }

.ColleggtiblesBlock__fakeSelect___1dnQ7 {
  cursor: pointer;
  color: #757575;
  background: #fff;
  padding: 0.71429rem 3.21429rem 0.64286rem 1.42857rem;
  border-radius: 30px;
  position: relative;
  min-width: 200px; }

.ColleggtiblesBlock__fakeSelect___1dnQ7::after {
  content: '';
  background: #757575;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 1.42857rem;
  transform: translateY(-2px);
  border-top: 5px solid #757575;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff; }

.ColleggtiblesBlock__seasons___1vkmn {
  display: flex; }

@media (min-width: 1200px) {
  .ColleggtiblesBlock__seasons___1vkmn {
    margin-bottom: 3.57143rem; } }

.ColleggtiblesBlock__seasonButton___1vsn_ {
  cursor: pointer;
  padding-right: 2.42857rem;
  padding-bottom: 1.07143rem;
  margin-right: 2.85714rem;
  position: relative;
  color: #fff;
  font-weight: bold;
  opacity: 0.8;
  transition: .3s ease; }

.ColleggtiblesBlock__seasonButton___1vsn_::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #fff;
  border-radius: 0.28571rem;
  transform: scaleX(0);
  transform-origin: left;
  transition: .3s ease; }

.ColleggtiblesBlock__seasonButtonActive___3lArZ {
  color: #fff;
  opacity: 1; }

.ColleggtiblesBlock__seasonButtonActive___3lArZ::after {
  transform: scaleX(1); }

.ColleggtiblesBlock__wrap___2ivG9 .flickity-viewport {
  overflow-x: hidden;
  overflow-y: visible; }

.ColleggtiblesBlock__wrap___2ivG9 .flickity-page-dots {
  bottom: 0; }