/* ============================================================
   accorarena-main.css
   ============================================================ */

@font-face{
  font-weight: 400;
  font-style: normal;
  font-family: AccorArenaWhite;
  src: url('../fonts/AccorArena-White.woff2'), url('../fonts/AccorArena-White.woff');
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face{
  font-weight: 400;
  font-style: normal;
  font-family: AccorArenaMidnightBlue;
  src: url('../fonts/AccorArena-MidnightBlue.woff2'), url('../fonts/AccorArena-MidnightBlue.woff');
  font-display: swap;
  text-rendering: optimizeLegibility;
}

body,
html{
  min-height: 100%;
  background-color: #fff;
}

html{
  -webkit-tap-highlight-color: transparent;
  font-size: calc(1em * .5);
}

@media (min-width:25em){
  html{
    font-size: calc(1em * .625);
  }
}

body{
  display: block;
  margin: 0;
  padding-top: 10rem;
  font-family: Montserrat,sans-serif;
  font-size: 1.5rem;
  color: #050033;
  overflow-x: hidden;
}

.header{
  display: flex;
  align-items: center;
  width: calc(100% - (2 * 3.2rem));
  max-width: 101.5rem;
  height: auto;
  margin: 0 auto;
}

.header-container{
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem;
  background-color: #fff;
  box-shadow: 0 .2rem 2.4rem 0 rgba(0,0,0,.2);
}

.header__title{
  font-size: 2.2rem;
  font-weight: 400;
  font-family: Montserrat,sans-serif;
}

.header__item{
  flex: 1;
}

.header__item:last-child{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.layout{
  display: block;
  width: calc(100% - (2 * 3.2rem));
  max-width: 101.5rem;
  margin: 0 auto 8rem;
}

.input-field{
  display: block;
  position: relative;
  max-width: 68rem;
  margin: 4rem auto;
  color: #050033;
}

.input-field label{
  display: inline-block;
  margin: 0 0 1.4rem;
  font-size: 3rem;
  font-weight: 400;
}

.input-field input{
  display: block;
  width: 100%;
  margin-bottom: 1px;
  padding: .4rem 0;
  font-size: 2rem;
  font-weight: 400;
  font-family: Montserrat,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif;
  border: none;
  border-bottom: 1px solid #787878;
  outline-color: transparent;
  outline: 0;
  transition: border-bottom .2s ease-out;
}

.input-field input:hover{
  border-bottom-color: #050033;
}

.input-field input:focus{
  margin-bottom: 0;
  border-bottom: 2px solid #050033;
}

.input-field [id*=input-error]{
  color: #d81111;
  font-size: 1.5rem;
}

#kc-form-buttons{
  margin: 4rem auto;
  text-align: center;
}

#kc-form-buttons input{
  margin: 1rem!important;
}

#kc-form-buttons input,
.button{
  display: inline-block;
  width: auto;
  min-width: 18rem;
  margin: 5rem 1rem;
  padding: 1.5rem;
  font-size: 1.133em;
  font-weight: 500;
  font-family: Montserrat,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: .6rem;
  background-color: #050033;
  box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
  cursor: pointer;
  transition: color .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;
}

#kc-form-buttons input:hover,
.button:hover{
  color: #050033;
  background-color: #fff;
}

.button-circle{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  border: none;
  border-radius: 6.4rem;
  background-color: #fff;
  color: #050033;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  cursor: pointer;
  transition-duration: .2s;
  transition-property: color,background-color,border-color,filter;
}

.button-circle:hover{
  border-color: #fff;
  background-color: #050033;
  color: #fff;
  box-shadow: 0 2px 15px 0 rgba(250,250,250,.8);
}

.button-circle:hover .button-circle__icon{
  filter: brightness(0) invert(1);
}

.button-circle__icon{
  object-fit: contain;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 1.6rem;
  filter: blur(.2px);
  image-rendering: -webkit-optimize-contrast;
  transition-duration: .2s;
  transition-property: color,filter;
  object-position: center;
}

.button-circle__label{
  text-transform: uppercase;
}

.featured-card{
  display: block;
  position: relative;
  width: 100%;
}

.featured-card__illustration{
  display: block;
  width: 100%;
  height: 30vh;
  background-image: url(../img/header-account--desktop.png);
  background-size: cover;
  background-position: bottom;
  overflow: hidden;
  transition: all .3s ease-out;
}

@media (min-width:64em){
  .featured-card__illustration{
    height: 40rem;
  }
}

.featured-card__card-reflection{
  --color: $palette__white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.featured-card__card-reflection::before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom,#fff 10%,transparent 80%);
  opacity: .25;
  transform: translateX(30%) rotate(30deg) scaleY(3);
  transform-origin: left center;
  mix-blend-mode: lighten;
}

@supports (--css:variables){
  .featured-card__card-reflection::before{
    background-image: linear-gradient(to bottom,var(--color) 20%,rgba(136,136,136,0) 70%);
    opacity: .5;
  }
}

@media (min-width:64em){
  .featured-card__card-reflection{
    border-radius: 1.2rem;
  }
  .featured-card__card-reflection::before{
    transform: translateX(45%) translateY(-20%) rotate(66deg) scaleY(4);
  }
}

.featured-card__footer{
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width:64em){
  .featured-card__footer{
    flex-direction: row;
    justify-content: space-between;
    padding-right: 6.4rem;
    padding-bottom: .8rem;
    padding-left: 6.4rem;
  }
}

a{
  display: block;
  max-width: max-content;
  margin: 2.4rem 0;
  padding-left: 3.5rem;
  color: #050033;
  font-size: 1.133em;
  text-decoration: none;
  background: url(../img/chevron-right.svg) no-repeat 0/3.4rem;
}

a:visited{
  color: #050033;
}

.featured-card a,
.header a,
.card a,
.card__media a,
.room-selector a{
  margin: 0;
  padding: 0;
  background: 0 0;
  max-width: none;
}

.featured-card__footer>a{
  margin: 2.4rem 0;
  color: #fff;
}

.header .logo{
  display: none;
  width: 28.4rem;
  height: auto;
  margin: 0 auto;
}

@media (min-width:64em){
  .header .logo{
    display: block;
  }
}

.alert{
  margin-left: 2.4rem;
  color: #787878;
  font-size: 1.8rem;
}

.alert{
  margin: 2.4rem 0;
}

#kc-page-title{
  margin: 8rem 0 5rem;
  font-size: 4.8rem;
  font-family: AccorArenaMidnightBlue;
}

.alert-info{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3.2rem auto;
  padding: .8rem 1.6rem;
  border-radius: 6px;
  background-color: #ff734d;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  min-height: 5rem;
  font-size: 1.5rem;
  width: 68rem;
  max-width: 100%;
  box-sizing: border-box;
}

/* ============================================================
   styles.53f50aa732653a7b0e5a.css
   ============================================================ */


/* unwrapped erroneous @media print */

  @keyframes splide-loading{
    0%{
      transform: rotate(0);
    }
    to{
      transform: rotate(1turn);
    }
  }
  .splide__container{
    position: relative;
    box-sizing: border-box;
  }
  .splide__list{
    margin: 0!important;
    padding: 0!important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
  }
  .splide.is-active .splide__list{
    display: flex;
  }
  .splide__pagination{
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }
  .splide__pagination li{
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0;
  }
  .splide{
    visibility: hidden;
  }
  .splide,
  .splide__slide{
    position: relative;
    outline: none;
  }
  .splide__slide{
    box-sizing: border-box;
    list-style-type: none!important;
    margin: 0;
    flex-shrink: 0;
  }
  .splide__slide img{
    vertical-align: bottom;
  }
  .splide__slider{
    position: relative;
  }
  .splide__spinner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
  }
  .splide__track{
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .splide--draggable>.splide__track>.splide__list>.splide__slide{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .splide--fade>.splide__track>.splide__list{
    display: block;
  }
  .splide--fade>.splide__track>.splide__list>.splide__slide{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
  }
  .splide--fade>.splide__track>.splide__list>.splide__slide.is-active{
    position: relative;
    z-index: 1;
    opacity: 1;
  }
  .splide--rtl{
    direction: rtl;
  }
  .splide--ttb>.splide__track>.splide__list{
    display: block;
  }
  .splide--ttb>.splide__pagination{
    width: auto;
  }
  html{
    -webkit-tap-highlight-color: transparent;
    font-size: calc(1em * .5);
  }
  @media (min-width: 25em){
    html{
      font-size: calc(1em * .625);
    }
  }
  body{
    font-size: 1.5rem;
  }
  hr{
    border: none;
    border-top: 1px solid #e6e6e6;
  }
  .responsive-image{
    display: block;
    width: 100%;
    height: auto;
  }
  .unstyled-link,
  .unstyled-link:not(a)>a{
    color: inherit;
    text-decoration: inherit;
  }
  .unstyled-list{
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  button,
  input,
  select,
  textarea{
    outline: none;
  }
  button,
  input{
    color: inherit;
    font-family: inherit;
  }
  [type=search],
  [type=text]{
    width: 100%;
    height: 50px;
    padding: 0 17px;
    border: none;
    border-radius: 6px;
  }
  @media (min-width: 64em){
    [type=search],
    [type=text]{
      height: 70px;
      padding: 0 24px;
      border-radius: 12px;
      font-size: 2rem;
    }
  }
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration{
    -webkit-appearance: none;
  }
  [type=checkbox]{
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin: 0 1.2rem 0 0;
    border: 2px solid #050033;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #fff;
    opacity: .8;
    transform: translateY(20%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  [type=checkbox]:focus,
  [type=checkbox]:hover{
    opacity: 1;
  }
  [type=checkbox]:checked{
    background-color: #050033;
  }
  [type=checkbox]:disabled{
    opacity: .2;
  }
  body,
  html{
    min-height: 100%;
  }
  body{
    overflow-x: hidden;
    margin: 0;
  }
  *,
:after,
:before{
    box-sizing: border-box;
  }
  .layout__max-width{
    display: block;
    width: calc(100% - (2 * 3.2rem));
    max-width: 101.5rem;
    margin-right: auto;
    margin-left: auto;
  }
  .layout__max-width--no-padding{
    width: 100%;
  }
  .layout__max-width--small{
    max-width: 70rem;
  }
  .layout__max-width--large{
    max-width: 106.4rem;
  }
  .layout__fullfill{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .layout__block-spacing{
    margin-top: 9.6rem!important;
    margin-bottom: 9.6rem!important;
  }
  .layout__vertical-margin-trim>:first-child{
    margin-top: 0!important;
  }
  .layout__vertical-margin-trim>:last-child{
    margin-bottom: 0!important;
  }
  @font-face{
    font-weight: 400;
    font-style: normal;
    font-family: AccorArenaWhite;
    src: url('../fonts/AccorArena-White.woff2'), url('../fonts/AccorArena-White.woff');
    font-display: swap;
    text-rendering: optimizeLegibility;
  }
  @font-face{
    font-weight: 400;
    font-style: normal;
    font-family: AccorArenaMidnightBlue;
    src: url('../fonts/AccorArena-MidnightBlue.woff2'), url('../fonts/AccorArena-MidnightBlue.woff');
    font-display: swap;
    text-rendering: optimizeLegibility;
  }
:root:not(.safari){
    --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue,sans-serif;
    --font-family-accor-arena--white: AccorArenaWhite,sans-serif;
  }
  body{
    background-color: #fff;
    color: #050033;
    font-family: Montserrat,Lucida Grande,Lucida Sans Unicode,Lucida Sans,DejaVu Sans,Bitstream Vera Sans,Liberation Sans,Verdana,Verdana Ref,sans-serif;
  }
  .arena-font{
    font-family: var(--font-family-accor-arena--midnight-blue);
    text-shadow: 0 0 .2em transparent;
  }
  h1{
    margin: 5.6rem 0 4.8rem;
    font-weight: 700;
    font-size: 5.5rem;
  }
  @media (min-width: 64em){
    h1{
      font-size: 8rem;
    }
  }
  h2{
    margin: 4.8rem 0 3.2rem;
    font-weight: 700;
    font-size: 4rem;
  }
  @media (min-width: 64em){
    h2{
      font-size: 7rem;
    }
  }
  .h3-like,
  h3{
    margin: 3.2rem 0 2.4rem;
    font-weight: 700;
    font-size: 2rem;
  }
  @media (min-width: 64em){
    .h3-like,
    h3{
      font-size: 2.5rem;
    }
  }
  h4{
    margin: 3.2rem 0 2.4rem;
    font-weight: 700;
    font-size: 1.7rem;
  }
  @media (min-width: 64em){
    h4{
      font-size: 2rem;
    }
  }
  p{
    line-height: 1.5;
  }
  a{
    color: #0000e3;
  }
  figcaption{
    margin: 1.6rem 0;
    color: #787878;
    font-size: 1.2rem;
    text-align: center;
  }
  @media (min-width: 64em){
    figcaption{
      text-align: left;
    }
  }
  mark{
    background-color: rgba(247,191,0,.5);
  }
  input[type=text]{
    background-color: #fff;
    color: #050033;
  }
  input[type=text]::-moz-placeholder{
    color: #787878;
  }
  input[type=text]:-ms-input-placeholder{
    color: #787878;
  }
  input[type=text]::placeholder{
    color: #787878;
  }
  .dark-theme{
    background-color: #050033;
    color: #fff;
  }
  .dark-theme .arena-font{
    font-family: var(--font-family-accor-arena--white);
    text-shadow: 0 0 .2em transparent;
  }
  .beam{
    position: relative;
    z-index: -1;
  }
  @media (min-width: 64em){
    .beam{
      width: 100%;
    }
  }
  .beam:after,
  .beam:before{
    content: "";
    position: absolute;
    display: block;
    width: 100rem;
    height: 13.5rem;
    background-image: linear-gradient(90deg,#fff,hsla(0,0%,100%,.01)),url(../img/beam.svg);
    background-position: 0,50%;
    background-size: 150% 100%,contain;
    background-repeat: no-repeat;
    opacity: .8;
    transition-delay: 0s,2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: 2.5s;
    transition-property: background-position,background-size;
  }
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-45rem,0,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    transform: translate3d(-30rem,70rem,0) rotate(130deg) scale(.8);
  }
  .beam:nth-of-type(3n+2):before{
    transform: translate3d(-65rem,70rem,0) rotate(-55deg) scale(.8);
  }
  .beam:nth-of-type(3n+2):after{
    transition-delay: 2s,4s;
    transform: translate3d(-60rem,135rem,0) rotate(145deg) scale(.7);
  }
  .beam:nth-of-type(3n+3):before{
    transform: translate3d(-20rem,60rem,0) rotate(225deg) scale(1);
  }
  .beam:nth-of-type(3n+3):after{
    transform: translate3d(-95rem,115rem,0) rotate(-45deg) scale(.7);
  }
  .beam--alt-position{
    width: 100%;
  }
  .beam--alt-position:before{
    transform: translate3d(-48rem,0,0) rotate(40deg) scale(.3)!important;
  }
  .beam--alt-position:after{
    right: 0;
    z-index: -1;
    transform: translate3d(40rem,5rem,0) rotate(-30deg) scale(.4)!important;
  }
  @media (min-width: 64em){
    .beam:nth-of-type(3n+1):before{
      transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
    }
    .beam:nth-of-type(3n+1):after{
      right: 0;
      transition-delay: 1s,3s;
      transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
    }
    .beam:nth-of-type(3n+2):before{
      transform: translate3d(-60rem,47rem,0) rotate(-55deg) scale(.7);
    }
    .beam:nth-of-type(3n+2):after{
      display: none;
    }
    .beam:nth-of-type(3n+3):before{
      transform: translate3d(15rem,25rem,0) rotate(225deg) scale(1);
    }
    .beam:nth-of-type(3n+3):after{
      right: 0;
      z-index: -1;
      transition-delay: 1s,3s;
      transform: translate3d(40rem,16rem,0) rotate(-45deg) scale(.7);
    }
    .beam--alt-position:before{
      transform: translate3d(-45rem,15rem,0) rotate(40deg) scale(.5)!important;
    }
    .beam--alt-position:after{
      transition-delay: .5s,2.5s!important;
      transform: translate3d(45rem,10rem,0) rotate(-30deg) scale(1)!important;
    }
  }
  .button{
    --padding: 2.4rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 5.5rem;
    border: 1px solid #fff;
    border-radius: 6px;
    background-color: #fff;
    color: #050033;
    font-weight: 500;
    font-size: 1.133em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: .2s;
  }
  .button:hover:not(.button--no-hover){
    box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
  }
  .button__icon{
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem;
    margin-left: -.8rem;
    background-position: 50%;
    background-size: contain;
    transition: filter .2s cubic-bezier(.4,0,.2,1);
    will-change: transform;
  }
  .button--slide-up-hover{
    border: none;
  }
  .button--slide-up-hover:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -2px;
    left: 0;
    z-index: -1;
    display: block;
    border-radius: 6px;
    background-color: #050033;
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform: translateY(100%);
    will-change: transform;
  }
  .button--slide-up-hover:hover:not(.button--no-hover){
    color: #fff;
  }
  .button--slide-up-hover:hover:not(.button--no-hover) .button__icon{
    filter: invert(1) saturate(0);
  }
  .button--slide-up-hover:hover:not(.button--no-hover):before{
    transform: translateY(-1px);
  }
  .button--small{
    min-height: auto;
    font-weight: inherit;
    font-size: inherit;
    --padding: 0.8rem;
  }
  .button--outline{
    background-color: transparent;
    color: #fff;
  }
  .button--dark,
  body:not(.dark-theme) .button--auto-theme{
    border-color: #050033;
    background-color: #050033;
    color: #fff!important;
  }
  .button--dark.button--outline,
  body:not(.dark-theme) .button--auto-theme.button--outline{
    background-color: transparent;
    color: #050033!important;
  }
  .button--dark:hover:not(.button--no-hover),
  body:not(.dark-theme) .button--auto-theme:hover:not(.button--no-hover){
    border-color: #fff;
    background-color: #fff;
    color: #050033!important;
    box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
  }
  .button[disabled]{
    border-color: #ddd;
    background-color: #ddd;
    color: #787878;
    box-shadow: none;
    pointer-events: none;
  }
  .button:not(a)>a,
  a.button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 2.4rem;
    padding: .5rem var(--padding);
  }
  .button:not(a)>a{
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: inherit;
  }
  .header__button{
    margin-left: 2.5rem;
    box-shadow: 0 .2rem .24rem 0 hsla(0,0%,47%,.5);
  }
  @media (min-width: 64em){
    .header__button{
      margin-left: 4rem;
    }
  }
  .button-circle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    border: none;
    border-radius: 6.4rem;
    background-color: #fff;
    color: #050033;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    cursor: pointer;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,filter;
  }
  .button-circle:hover{
    border-color: #fff;
    background-color: #050033;
    color: #fff;
    box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
  }
  .button-circle:hover .button-circle__icon{
    filter: brightness(0) invert(1);
  }
  .button-circle__icon{
    -o-object-fit: contain;
    object-fit: contain;
    width: 3.2rem;
    height: 3.2rem;
    filter: blur(.2px);
    image-rendering: -webkit-optimize-contrast;
    transition-duration: .2s;
    transition-property: color,filter;
    -o-object-position: center;
    object-position: center;
  }
  .button-circle__label{
    text-transform: capitalize;
  }
  .button-circle--small{
    width: 3rem;
    height: 3rem;
  }
  .button-circle--small .button-circle__icon{
    width: 2.4rem;
  }
  @media (min-width: 64em){
    .button-circle--small{
      width: 4rem;
      height: 4rem;
    }
    .button-circle--small .button-circle__icon{
      width: 3rem;
    }
  }
  .button-circle--large{
    width: 8rem;
    height: 8rem;
  }
  .button-circle--large .button-circle__icon{
    width: 4rem;
    height: 4rem;
  }
  @supports (filter: invert(1) saturate(0)){
    .button-circle--dark-theme:not(.button-circle--auto-theme),
    .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme),
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme{
      background-color: #050033;
      color: #fff;
    }
    .button-circle--dark-theme:not(.button-circle--auto-theme) .button-circle__icon,
    .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme) .button-circle__icon,
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme .button-circle__icon{
      filter: invert(1) saturate(0);
    }
    @media (hover: hover) and (pointer: fine){
      .button-circle--dark-theme:not(.button-circle--auto-theme):hover,
      .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme):hover,
      body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover{
        border-color: #050033;
        background-color: #fff;
        color: #050033;
        box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
      }
      .button-circle--dark-theme:not(.button-circle--auto-theme):hover .button-circle__icon,
      .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme):hover .button-circle__icon,
      body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover .button-circle__icon{
        filter: invert(0);
      }
    }
  }
  .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme){
    border: 1px solid #fff;
  }
  .navigation-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 14.2rem;
    pointer-events: none;
  }
  .navigation-bar__primary{
    display: flex;
    justify-content: center;
    min-width: 8rem;
    margin: 0 6.4rem;
  }
  .navigation-bar__primary,
  .navigation-bar__secondary{
    pointer-events: auto;
  }
  .navigation-bar__secondary{
    display: flex;
    flex-basis: 50%;
    justify-content: flex-end;
    transition-duration: .2s;
    transition-property: opacity,transform;
  }
  .navigation-bar__secondary:last-child{
    display: flex;
    justify-content: flex-start;
  }
  @media (min-width: 64em){
    .navigation-bar__primary{
      width: 9.6rem;
      margin: 0 9.6rem;
    }
  }
  .infobox{
    display: inline-block;
    padding: 1.8rem;
    border-radius: 6px;
    background: #91dbbf;
    font-weight: 700;
    font-size: 20px;
  }
  .notification-container{
    position: fixed;
    bottom: 14.2rem;
    left: 50%;
    z-index: 9000;
    width: calc(100% - 4rem);
    max-width: 50rem;
    transform: translateX(-50%);
  }
  .notification-container__list{
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  @media (min-width: 64em){
    .notification-container{
      bottom: 15.1rem;
    }
  }
  .formatted-text h2{
    font-size: 2.5rem;
  }
  .formatted-text h3{
    font-size: 2rem;
  }
  .formatted-text h4{
    font-size: 1.8rem;
  }
  .formatted-text mark{
    margin: 0 .3em;
    background-color: #0000e3;
    color: #fff;
    box-shadow: .3em 0 0 #0000e3,-.3em 0 0 #0000e3;
  }
  .formatted-text blockquote{
    width: 75%;
    margin: 4.8rem auto;
    font-weight: 700;
    font-size: 2.5rem;
  }
  .formatted-text ol,
  .formatted-text ul{
    margin: 3.2rem 0;
    padding-left: 0;
    list-style: none;
  }
  .formatted-text ol>li,
  .formatted-text ul>li{
    display: flex;
  }
  .formatted-text ol>li:before,
  .formatted-text ul>li:before{
    display: block;
    flex-shrink: 0;
    margin-right: 1.6rem;
    font-weight: 700;
    font-size: 3.33em;
  }
  .formatted-text ol>li{
    align-items: center;
    padding-top: 1.4rem;
    counter-increment: ordered-list-counter;
  }
  .formatted-text ol>li:before{
    content: counter(ordered-list-counter) ".";
    align-self: flex-start;
    min-width: 1em;
  }
  .formatted-text ul>li:before{
    content: ".";
    width: .5em;
    margin-top: -.66em;
    text-align: center;
  }
  .formatted-text ul>li+li{
    margin-top: 3.2rem;
  }
  .formatted-text ol{
    counter-reset: ordered-list-counter;
  }
  .formatted-text ol>li+li{
    margin-top: 1.6rem;
  }
  @media (min-width: 64em){
    .formatted-text blockquote{
      font-size: 3rem;
    }
  }
  .formatted-text--dark a{
    color: #fff;
    font-weight: 700;
  }
  .formatted-text--dark mark{
    background-color: #fff;
    color: #0000e3;
    box-shadow: .3em 0 0 #fff,-.3em 0 0 #fff;
  }
  .formatted-text--no-margin-top:first-child{
    margin-top: 0;
  }
  .header .splide__arrow{
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    opacity: .8;
    cursor: pointer;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    transition-property: opacity,transform;
    transform: translateY(-50%);
  }
  .header .splide__arrow[disabled]{
    opacity: .2;
    pointer-events: none;
  }
  .header .splide__arrow svg{
    width: 1.2em;
    height: 1.2em;
    fill: #787878;
  }
  .header .splide__arrow--prev{
    left: 0;
  }
  .header .splide__arrow--prev svg{
    transform: scaleX(-1);
  }
  .header .splide__arrow--next{
    right: 0;
  }
  .dark-theme .header .splide__arrow{
    opacity: 1;
  }
  .dark-theme .header .splide__arrow svg{
    fill: #fff;
  }
  .dark-theme .header .splide__arrow[disabled]{
    opacity: .35;
  }
  .header .splide__arrow:hover:not([disabled]){
    opacity: 1;
  }
  .main-menu{
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background: url(../img/menu--mobile.jpg) no-repeat 50%/cover #050033;
    color: #fff;
    scrollbar-width: none;
    transition-duration: .25s;
    transition-property: opacity;
  }
  .main-menu::-webkit-scrollbar{
    width: 0;
  }
  .main-menu:after{
    content: "";
    display: block;
    height: 14.2rem;
  }
  .main-menu a{
    color: #fff;
    text-decoration: none;
  }
  .main-menu__section-anim{
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__section-anim--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateY(2rem);
  }
  .main-menu__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.2rem 0;
  }
  .main-menu__section-title{
    margin: 3.2rem 0;
    font-weight: 700;
    font-size: 2rem;
  }
  .main-menu__language{
    min-width: 5rem;
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__language--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateX(-200%);
  }
  .main-menu__home-link{
    display: flex;
    align-content: center;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
  }
  .main-menu__logo-image{
    display: inline-block;
    width: 203px;
    height: 56px;
  }
  @media (min-width: 64em){
    .main-menu__logo-image{
      width: 345px;
      height: 68px;
    }
  }
  .main-menu__search-bar{
    display: flex;
    justify-content: flex-end;
    min-width: 5rem;
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__search-bar--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateX(200%);
  }
  .main-menu__search-bar-input{
    -webkit-appearance: none;
    width: 0;
    height: 6.4rem;
    padding: 0 0 0 2.4rem;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: url(../img/magnifier-white.svg) no-repeat 0/2.4rem transparent;
    color: #fff;
    cursor: pointer;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
    transition-property: padding-left,width,border-bottom-color;
  }
  .main-menu__search-bar-input:focus{
    width: 24rem;
    padding-left: 3.2rem;
    border-bottom-color: #fff;
  }
  .main-menu__link-section{
    display: flex;
    align-items: center;
    padding: 0 0 3.2rem;
  }
  .main-menu__link-list{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .main-menu__link-list .main-menu__link-item{
    transition: opacity 375ms .25s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(2){
    transition-delay: 265ms;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(3){
    transition-delay: .28s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(4){
    transition-delay: 295ms;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(5){
    transition-delay: .31s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(6){
    transition-delay: 325ms;
  }
  .main-menu__link-list--hidden .main-menu__link-item{
    opacity: 0;
    transition-delay: 0ms!important;
    transition-duration: .75s;
  }
  .main-menu__link{
    display: block;
    margin: 1rem 0;
    padding: .7rem 0;
    color: #fff;
    font-size: 2.8rem;
    line-height: 1.2;
    text-decoration: none;
  }
  .main-menu__link-label{
    background-position: 115%;
    -webkit-background-clip: text;
    background-size: 210%;
    transition: background-position .3s cubic-bezier(.4,0,.2,1);
    -webkit-text-fill-color: transparent;
  }
  .main-menu__link:hover>.main-menu__link-label{
    background-position: 0;
    transition-duration: 1s;
  }
  .main-menu__link .main-menu__link-icon{
    display: inline-block;
    vertical-align: bottom;
    width: 4.2rem;
    height: 4.2rem;
    margin-right: .8rem;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
  }
  .main-menu__footer{
    display: block;
  }
  .main-menu__communication-container{
    padding-bottom: 3.2rem;
    border-top: 1px solid #fff;
  }
  .main-menu__communication-container--account{
    background-color: rgba(5,0,51,.5);
  }
  .main-menu__communication-links{
    display: block;
    padding: 1.6rem 0;
  }
  .main-menu__communication-links .button{
    width: 17.8rem;
    height: 5.5rem;
    margin-bottom: 2.5rem;
    background-color: #fff;
    color: #050033;
  }
  .main-menu__communication-title{
    margin: 3rem 0 0;
    font-weight: 700;
    font-size: 2rem;
    font-family: Montserrat,sans-serif;
  }
  .main-menu__communication-subtitle{
    margin-bottom: 2.5rem;
  }
  .main-menu .button{
    transition: all .7s ease-out;
  }
  .main-menu__social-network-list{
    display: flex;
    margin: 1rem 1rem 0 0;
    padding: 0;
    list-style-type: none;
  }
  .main-menu__social-network-list>*{
    height: 2.4rem;
    margin-right: 1.6rem;
    line-height: 2.4rem;
  }
  .main-menu__social-network-list>* img{
    vertical-align: middle;
    width: 2.4rem;
    height: auto;
  }
  @media (min-width: 64em){
    .main-menu__social-network-list{
      float: right;
    }
  }
  .main-menu__partners{
    margin-top: 3.2rem;
    padding-bottom: 3.2rem;
    border: 1px solid #fff;
    border-right: none;
    border-left: none;
  }
  .main-menu__partner-image{
    position: center;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 2.2rem;
  }
  .main-menu__partners-list{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-right: -1.6rem;
    margin-bottom: -1.6rem;
    padding-left: 0;
    list-style-type: none;
  }
  @media (min-width: 64em){
    .main-menu__partners-list{
      grid-template-columns: repeat(8,1fr);
    }
    .main-menu__partners-list>li:first-of-type{
      grid-row: 1/14;
    }
  }
  .main-menu__partners-list>li:first-of-type{
    grid-row: 1/span 10;
    grid-column: 1/2;
  }
  .main-menu__partners-list>li:first-of-type .main-menu__partner-image{
    height: 8rem;
  }
  .main-menu__partners-list:after{
    content: "";
    flex: auto;
  }
  .main-menu__partners-item{
    margin-right: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .main-menu__partners-item:empty{
    height: 0;
    margin-bottom: 0;
  }
  .main-menu__announcement{
    padding-bottom: 3.2rem;
    border-bottom: 1px solid #fff;
  }
  .main-menu__announcement-item{
    display: flex;
    grid-gap: 3rem;
    gap: 3rem;
    align-items: center;
  }
  .main-menu__legal-links{
    margin: 3.2rem auto 0;
    padding-left: 0;
    list-style-type: none;
  }
  .main-menu__legal-links-item{
    margin: 1.6rem 0;
  }
  @media (min-width: 64em){
    .main-menu{
      background-image: url(../img/menu--desktop.jpg);
    }
    .main-menu__section-title{
      font-size: 2.5rem;
    }
    .main-menu__home-link,
    .main-menu__link-section,
    .main-menu__search-bar,
    .main-menu__social-network-list{
      padding-right: 0;
      padding-left: 0;
    }
    .main-menu__logo-image{
      width: 345px;
    }
    .main-menu__search-bar-input:focus{
      width: 32rem;
    }
    .main-menu__link-section{
      height: 57.5rem;
      margin-bottom: 3rem;
      padding-top: 11rem;
      padding-bottom: 12rem;
    }
    .main-menu__link-list{
      flex-grow: 1;
      height: 100%;
    }
    .main-menu__link-list>*{
      display: flex;
      align-items: center;
      width: 50%;
      height: 33%;
      padding-right: 3.2rem;
    }
    .main-menu__link{
      font-size: 4rem;
      line-height: 1;
    }
    .main-menu__partners-item{
      flex-basis: 9.2rem;
    }
    .main-menu__partner-image{
      height: 3.2rem;
    }
    .main-menu__legal-links{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .main-menu__legal-links-item{
      margin: 0 1.6rem 1.6rem;
    }
  }
  @media (min-width: 64em) and (max-height: 48em){
    .main-menu__link-section{
      height: 32rem;
      padding-top: 2rem;
      padding-bottom: 4rem;
    }
  }



/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

.app__content-wrapper{
  padding-bottom: 14.2rem;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root{
  --notification-timeout: 5s;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

.footer-separator{
  margin-top: 3.2rem;
  transition: opacity .5s;
}

.footer-separator--hidden{
  opacity: 0;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

.main-navigation-bar{
  z-index: 4001;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root{
  --notification-timeout: 5s;
}

.burger-menu__button{
  position: relative;
  z-index: 5001;
  cursor: pointer;
}

.burger-menu__button-label{
  transition: font-size .2s;
}

.burger-menu__overlay{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5000;
  overflow: hidden;
}

.burger-menu:not(.burger-menu--is-open) .burger-menu__overlay{
  pointer-events: none;
}

@media (min-width: 64em){
  .burger-menu__button{
    transform: scale(1.2);
  }
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root{
  --notification-timeout: 5s;
}

.menu-icon{
  position: relative;
  width: 4.2rem;
  height: 4.2rem;
}

.menu-icon__line{
  position: absolute;
  left: 50%;
  width: 90%;
  height: .4rem;
  background-color: #050033;
  transition-duration: .2s;
  transition-property: transform,bottom,opacity;
  transform: translate(-50%);
}

.menu-icon__line:nth-child(1){
  top: .8rem;
}

.menu-icon__line:nth-child(2){
  top: 50%;
  transform: translate(-50%) translateY(-50%);
}

.menu-icon__line:nth-child(3){
  bottom: .8rem;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

.main-menu--hidden{
  opacity: 0;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root{
  --notification-timeout: 5s;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.header{
  position: fixed;
  top: 0;
  z-index: 4000;
  width: 100%;
  background-color: #fff;
  color: #050033;
  box-shadow: 0 .2rem 2.4rem rgba(0,0,0,.2);
  transition: transform .2s cubic-bezier(0,0,.2,1);
}

.header__banner{
  display: flex;
  flex-wrap: wrap;
  grid-gap: 5px 10px;
  gap: 5px 10px;
  justify-content: center;
  width: 100%;
  padding: 5px 10px;
  background: #050033;
  color: #fff;
  text-align: center;
}

.header__banner .banner__text{
  margin: 0;
}

.header__banner .banner__linkContainer{
  display: flex;
  align-items: center;
}

.header__banner .banner__link{
  text-decoration: underline;
}

.header__placeholder{
  display: block;
  height: var(--headerHeight);
}

.header__main{
  display: flex;
  align-items: center;
  height: 8rem;
}

.header__main-flex-item{
  flex-grow: 1;
  flex-basis: 50%;
}

.header__title{
  color: inherit;
  font-weight: 400;
  font-size: 2rem;
  font-family: inherit;
  text-decoration: none;
}

.header__logo{
  display: none;
}

.header__action-area{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header__action-area .button-circle{
  margin-left: 3.2rem;
}

@media (max-width: 63.937em){
  .header__action-area:empty{
    display: none;
  }
}

.header__separator{
  border-bottom: 1px solid #050033;
}

.header__date-list{
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 3.2rem;
}

.header__date{
  display: flex;
  align-items: center;
  height: 7.5rem;
  color: inherit;
  text-decoration: none;
}

.header__date--year{
  font-weight: 600;
  font-size: 2rem;
}

.is-active>.header__date{
  color: #0000e3;
  font-weight: bold;
}

@media (min-width: 64em){
  .header__main{
    height: 8rem;
  }
  .header__complementary{
    height: 8.5rem;
  }
  .header__logo{
    display: block;
    flex-shrink: 0;
    flex-basis: 28.4rem;
    margin: 0 1.6rem;
  }
  .header__logo-light-theme{
    display: block;
  }
  .header__date{
    height: 8.5rem;
    font-size: 1.8rem;
  }
  .header__date--year{
    font-size: 3rem;
  }
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

h1,
h2,
h3,
h4,
h5,
h6{
  margin: 0;
  font-size: 1em;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.card-list__title{
  margin-bottom: 3.1rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-transform: uppercase;
}

.card-list__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 0;
  margin-bottom: -4.8rem;
  margin-left: -1.6rem;
}

.card-list__list:before,
.card-list__list:after{
  content: "";
  flex-basis: 30rem;
  order: 1;
  margin-left: 1.6rem;
}

@media (min-width: 64em){
  .card-list__list{
    justify-content: space-between;
  }
}

.card-list__list__item{
  flex-basis: 30rem;
  order: 0;
  margin-bottom: 4.8rem;
  margin-left: 1.6rem;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

:root{
  --notification-timeout: 5s;
}

@-webkit-keyframes featured-card__image-container--mobile--big{
  0%{
    padding-top: 60%;
  }
  to{
    padding-top: 80%;
  }
}

@keyframes featured-card__image-container--mobile--big{
  0%{
    padding-top: 60%;
  }
  to{
    padding-top: 80%;
  }
}

@-webkit-keyframes featured-card__image-container--big{
  0%{
    height: 40rem;
  }
  to{
    height: 52rem;
  }
}

@keyframes featured-card__image-container--big{
  0%{
    height: 40rem;
  }
  to{
    height: 52rem;
  }
}

@-webkit-keyframes featured-card__image--big{
  0%{
    transform: scale(1);
  }
  to{
    transform: scale(1.1);
  }
}

@keyframes featured-card__image--big{
  0%{
    transform: scale(1);
  }
  to{
    transform: scale(1.1);
  }
}

.featured-card{
  margin-bottom: 9.6rem;
}

.featured-card--tiny_border{
  margin-bottom: 0;
}

.featured-card__image-container{
  position: relative;
  overflow: hidden;
  padding-top: 60%;
}

.featured-card--big .featured-card__image-container{
  -webkit-animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
  animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.featured-card__image{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  background-position: bottom;
  background-size: cover;
}

.featured-card--big .featured-card__image{
  -webkit-animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
  animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.featured-card__card{
  position: relative;
  z-index: 0;
  padding: 0 3.2rem 3.2rem;
  border-top: 1px solid #fff;
  background-color: #fff;
  color: #fff;
  line-height: normal;
}

.featured-card__card-reflection{
  --color: colors.$palette__white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.featured-card__card-reflection:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom,white 10%,transparent 80%);
  opacity: .25;
  transform: translate(30%) rotate(30deg) scaleY(3);
  transform-origin: left center;
  mix-blend-mode: lighten;
}

@supports (--css: variables){
  .featured-card__card-reflection:before{
    background-image: linear-gradient(to bottom,var(--color) 10%,rgba(136,136,136,0) 80%);
    opacity: .5;
  }
}

.featured-card__card-reflection__enforced-shade:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom,#0000e3 10%,#050033 80%);
  opacity: 1;
  transform: translate(30%) rotate(30deg) scaleY(3);
  transform-origin: left center;
  mix-blend-mode: lighten;
}

.featured-card__footer{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.featured-card__miniature{
  position: relative;
  top: -4rem;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  margin: auto auto -2.4rem;
  border: 1px solid #fff;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}

.featured-card__header-text{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.featured-card__label{
  margin: 1.6rem 0;
  font-weight: 600;
  font-size: 5rem;
}

.featured-card__infos{
  display: flex;
  flex-direction: column;
}

.featured-card__period,
.featured-card__room{
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
  font-size: 2rem;
  line-height: 1.3;
}

.featured-card__separator{
  display: none;
  visibility: hidden;
}

.featured-card__complement{
  margin: 0 0 1.6rem;
  font-weight: 600;
  text-align: center;
}

.featured-card__action-area{
  display: flex;
  width: 100%;
  margin-bottom: 1.6rem;
}

.featured-card__button{
  flex-grow: 1;
  flex-basis: 50%;
  color: #050033;
}

.featured-card__button +.featured-card__button{
  margin-left: 3.2rem;
}

.featured-card__content-below-indicator{
  display: block;
  width: 4.2rem;
  margin: 2.4rem auto 0;
}

@media (min-width: 64em){
  .featured-card{
    position: relative;
    padding-bottom: 12rem;
  }
  .featured-card--tiny_border{
    margin-bottom: 4.4rem;
  }
  .featured-card__image-container{
    height: 40rem;
    padding-top: 0;
  }
  .featured-card--big .featured-card__image-container{
    -webkit-animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .featured-card__card{
    position: absolute;
    bottom: 0;
    left: 50%;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    padding: 24px 48px;
    border-top: none;
    border-radius: 12px;
    transform: translate(-50%);
  }
  .featured-card__card-reflection{
    border-radius: 12px;
  }
  .featured-card__card-reflection:before{
    transform: translate(45%) translateY(-20%) rotate(66deg) scaleY(4);
  }
  .featured-card__header{
    display: flex;
    grid-gap: 4.8rem;
    gap: 4.8rem;
    align-items: center;
  }
  .featured-card__footer{
    flex-direction: row;
    justify-content: space-between;
  }
  .featured-card__miniature{
    position: static;
    width: 12rem;
    height: 12rem;
    margin: 0;
  }
  .featured-card__header-text{
    grid-gap: .8rem;
    gap: .8rem;
    align-items: flex-start;
    width: 100%;
    text-align: left;
  }
  .featured-card__period,
  .featured-card__room{
    font-size: 2rem;
    line-height: unset;
  }
  .featured-card__infos{
    flex-direction: row;
  }
  .featured-card__separator{
    display: inline;
    visibility: visible;
  }
  .featured-card__label{
    margin: 0 0 8px;
    font-size: 6rem;
    line-height: 1;
  }
  .featured-card__complement{
    overflow: hidden;
    margin-bottom: 0;
    font-size: 1.5rem;
    text-align: left;
  }
  .featured-card__action-area{
    flex-shrink: 0;
    width: auto;
    margin-bottom: 0;
  }
  .featured-card__button{
    flex-grow: 0;
    flex-basis: auto;
    min-width: 16rem;
    min-height: 4rem;
  }
  .featured-card__content-below-indicator{
    display: none;
  }
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root{
  --notification-timeout: 5s;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.card__media{
  position: relative;
  display: block;
  overflow: hidden;
}

.card__media__image{
  padding-top: 56%;
  background-position: center;
  background-size: cover;
  transition: transform 375ms cubic-bezier(.4,0,.2,1);
}

.card:hover .card__media__image{
  transition-duration: .5s;
  transform: scale(1.2);
}

.card__content{
  padding: 1.6rem 0;
}

.card__content__title{
  margin: 0;
  font-weight: normal;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  line-height: 1.2;
  text-transform: uppercase;
}

.card__content__description{
  margin: .8rem 0 1.6rem;
}

.card__content__link{
  color: #050033;
  font-weight: bold;
  cursor: pointer;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

a{
  color: inherit;
  text-decoration: none;
}

/* ============================================================
   chik.css
   ============================================================ */

html{
  scroll-behavior: smooth;
}

.chik-open{
  display: block !important;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew9.woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew9.woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w9.woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w9.woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

html{
  -webkit-tap-highlight-color: transparent;
  font-size: calc(1em * .5);
}

@media (min-width: 25em){
  html{
    font-size: calc(1em * .625);
  }
}

body{
  font-size: 1.5rem;
}

body,
html{
  min-height: 100%;
}

body{
  overflow-x: hidden;
  margin: 0;
}

*,
:after,
:before{
  box-sizing: border-box;
}

@font-face{
  font-weight: 400;
  font-style: normal;
  font-family: AccorArenaWhite;
  src: url('../fonts/AccorArena-White.woff2'), url('../fonts/AccorArena-White.woff');
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face{
  font-weight: 400;
  font-style: normal;
  font-family: AccorArenaMidnightBlue;
  src: url('../fonts/AccorArena-MidnightBlue.woff2'), url('../fonts/AccorArena-MidnightBlue.woff');
  font-display: swap;
  text-rendering: optimizeLegibility;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue,sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite,sans-serif;
}

body{
  background-color: #fff;
  color: #050033;
  font-family: Montserrat,Lucida Grande,Lucida Sans Unicode,Lucida Sans,DejaVu Sans,Bitstream Vera Sans,Liberation Sans,Verdana,Verdana Ref,sans-serif;
}

/* ============================================================
   styles.30884e5eba6d629a34ca.css
   ============================================================ */


/* unwrapped erroneous @media print */

  @keyframes splide-loading{
    0%{
      transform: rotate(0);
    }
    to{
      transform: rotate(1turn);
    }
  }
  .splide__container{
    position: relative;
    box-sizing: border-box;
  }
  .splide__list{
    margin: 0!important;
    padding: 0!important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
  }
  .splide.is-active .splide__list{
    display: flex;
  }
  .splide__pagination{
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }
  .splide__pagination li{
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0;
  }
  .splide{
    visibility: hidden;
  }
  .splide,
  .splide__slide{
    position: relative;
    outline: none;
  }
  .splide__slide{
    box-sizing: border-box;
    list-style-type: none!important;
    margin: 0;
    flex-shrink: 0;
  }
  .splide__slide img{
    vertical-align: bottom;
  }
  .splide__slider{
    position: relative;
  }
  .splide__spinner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
  }
  .splide__track{
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .splide--draggable>.splide__track>.splide__list>.splide__slide{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .splide--fade>.splide__track>.splide__list{
    display: block;
  }
  .splide--fade>.splide__track>.splide__list>.splide__slide{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
  }
  .splide--fade>.splide__track>.splide__list>.splide__slide.is-active{
    position: relative;
    z-index: 1;
    opacity: 1;
  }
  .splide--rtl{
    direction: rtl;
  }
  .splide--ttb>.splide__track>.splide__list{
    display: block;
  }
  .splide--ttb>.splide__pagination{
    width: auto;
  }
  html{
    -webkit-tap-highlight-color: transparent;
    font-size: calc(1em * .5);
  }
  @media (min-width: 25em){
    html{
      font-size: calc(1em * .625);
    }
  }
  body{
    font-size: 1.5rem;
  }
  hr{
    border: none;
    border-top: 1px solid #e6e6e6;
  }
  .responsive-image{
    display: block;
    width: 100%;
    height: auto;
  }
  .unstyled-link,
  .unstyled-link:not(a)>a{
    color: inherit;
    text-decoration: inherit;
  }
  .unstyled-list{
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  button,
  input,
  select,
  textarea{
    outline: none;
  }
  button,
  input{
    color: inherit;
    font-family: inherit;
  }
  [type=search],
  [type=text]{
    width: 100%;
    height: 50px;
    padding: 0 17px;
    border: none;
    border-radius: 6px;
  }
  @media (min-width: 64em){
    [type=search],
    [type=text]{
      height: 70px;
      padding: 0 24px;
      border-radius: 12px;
      font-size: 2rem;
    }
  }
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration{
    -webkit-appearance: none;
  }
  [type=checkbox]{
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin: 0 1.2rem 0 0;
    border: 2px solid #050033;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #fff;
    opacity: .8;
    transform: translateY(20%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  [type=checkbox]:focus,
  [type=checkbox]:hover{
    opacity: 1;
  }
  [type=checkbox]:checked{
    background-color: #050033;
  }
  [type=checkbox]:disabled{
    opacity: .2;
  }
  body,
  html{
    min-height: 100%;
  }
  body{
    overflow-x: hidden;
    margin: 0;
  }
  *,
:after,
:before{
    box-sizing: border-box;
  }
  .layout__max-width{
    display: block;
    width: calc(100% - (2 * 3.2rem));
    max-width: 101.5rem;
    margin-right: auto;
    margin-left: auto;
  }
  .layout__max-width--no-padding{
    width: 100%;
  }
  .layout__max-width--small{
    max-width: 70rem;
  }
  .layout__max-width--large{
    max-width: 106.4rem;
  }
  .layout__fullfill{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .layout__block-spacing{
    margin-top: 9.6rem!important;
    margin-bottom: 9.6rem!important;
  }
  .layout__vertical-margin-trim>:first-child{
    margin-top: 0!important;
  }
  .layout__vertical-margin-trim>:last-child{
    margin-bottom: 0!important;
  }
  @font-face{
    font-weight: 400;
    font-style: normal;
    font-family: AccorArenaWhite;
    src: url('../fonts/AccorArena-White.woff2'), url('../fonts/AccorArena-White.woff');
    font-display: swap;
    text-rendering: optimizeLegibility;
  }
  @font-face{
    font-weight: 400;
    font-style: normal;
    font-family: AccorArenaMidnightBlue;
    src: url('../fonts/AccorArena-MidnightBlue.woff2'), url('../fonts/AccorArena-MidnightBlue.woff');
    font-display: swap;
    text-rendering: optimizeLegibility;
  }
:root:not(.safari){
    --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue,sans-serif;
    --font-family-accor-arena--white: AccorArenaWhite,sans-serif;
  }
  body{
    background-color: #fff;
    color: #050033;
    font-family: Montserrat,Lucida Grande,Lucida Sans Unicode,Lucida Sans,DejaVu Sans,Bitstream Vera Sans,Liberation Sans,Verdana,Verdana Ref,sans-serif;
  }
  .arena-font{
    font-family: var(--font-family-accor-arena--midnight-blue);
    text-shadow: 0 0 .2em transparent;
  }
  h1{
    margin: 5.6rem 0 4.8rem;
    font-weight: 700;
    font-size: 5.5rem;
  }
  @media (min-width: 64em){
    h1{
      font-size: 8rem;
    }
  }
  h2{
    margin: 4.8rem 0 3.2rem;
    font-weight: 700;
    font-size: 4rem;
  }
  @media (min-width: 64em){
    h2{
      font-size: 7rem;
    }
  }
  .h3-like,
  h3{
    margin: 3.2rem 0 2.4rem;
    font-weight: 700;
    font-size: 2rem;
  }
  @media (min-width: 64em){
    .h3-like,
    h3{
      font-size: 2.5rem;
    }
  }
  h4{
    margin: 3.2rem 0 2.4rem;
    font-weight: 700;
    font-size: 1.7rem;
  }
  @media (min-width: 64em){
    h4{
      font-size: 2rem;
    }
  }
  p{
    line-height: 1.5;
  }
  a{
    color: #0000e3;
  }
  figcaption{
    margin: 1.6rem 0;
    color: #787878;
    font-size: 1.2rem;
    text-align: center;
  }
  @media (min-width: 64em){
    figcaption{
      text-align: left;
    }
  }
  mark{
    background-color: rgba(247,191,0,.5);
  }
  input[type=text]{
    background-color: #fff;
    color: #050033;
  }
  input[type=text]::-moz-placeholder{
    color: #787878;
  }
  input[type=text]:-ms-input-placeholder{
    color: #787878;
  }
  input[type=text]::placeholder{
    color: #787878;
  }
  .dark-theme{
    background-color: #050033;
    color: #fff;
  }
  .dark-theme .arena-font{
    font-family: var(--font-family-accor-arena--white);
    text-shadow: 0 0 .2em transparent;
  }
  .beam{
    position: relative;
    z-index: -1;
  }
  @media (min-width: 64em){
    .beam{
      width: 100%;
    }
  }
  .beam:after,
  .beam:before{
    content: "";
    position: absolute;
    display: block;
    width: 100rem;
    height: 13.5rem;
    background-image: linear-gradient(90deg,#fff,hsla(0,0%,100%,.01)),url(../img/beam.svg);
    background-position: 0,50%;
    background-size: 150% 100%,contain;
    background-repeat: no-repeat;
    opacity: .8;
    transition-delay: 0s,2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: 2.5s;
    transition-property: background-position,background-size;
  }
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-45rem,0,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    transform: translate3d(-30rem,70rem,0) rotate(130deg) scale(.8);
  }
  .beam:nth-of-type(3n+2):before{
    transform: translate3d(-65rem,70rem,0) rotate(-55deg) scale(.8);
  }
  .beam:nth-of-type(3n+2):after{
    transition-delay: 2s,4s;
    transform: translate3d(-60rem,135rem,0) rotate(145deg) scale(.7);
  }
  .beam:nth-of-type(3n+3):before{
    transform: translate3d(-20rem,60rem,0) rotate(225deg) scale(1);
  }
  .beam:nth-of-type(3n+3):after{
    transform: translate3d(-95rem,115rem,0) rotate(-45deg) scale(.7);
  }
  .beam--alt-position{
    width: 100%;
  }
  .beam--alt-position:before{
    transform: translate3d(-48rem,0,0) rotate(40deg) scale(.3)!important;
  }
  .beam--alt-position:after{
    right: 0;
    z-index: -1;
    transform: translate3d(40rem,5rem,0) rotate(-30deg) scale(.4)!important;
  }
  @media (min-width: 64em){
    .beam:nth-of-type(3n+1):before{
      transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
    }
    .beam:nth-of-type(3n+1):after{
      right: 0;
      transition-delay: 1s,3s;
      transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
    }
    .beam:nth-of-type(3n+2):before{
      transform: translate3d(-60rem,47rem,0) rotate(-55deg) scale(.7);
    }
    .beam:nth-of-type(3n+2):after{
      display: none;
    }
    .beam:nth-of-type(3n+3):before{
      transform: translate3d(15rem,25rem,0) rotate(225deg) scale(1);
    }
    .beam:nth-of-type(3n+3):after{
      right: 0;
      z-index: -1;
      transition-delay: 1s,3s;
      transform: translate3d(40rem,16rem,0) rotate(-45deg) scale(.7);
    }
    .beam--alt-position:before{
      transform: translate3d(-45rem,15rem,0) rotate(40deg) scale(.5)!important;
    }
    .beam--alt-position:after{
      transition-delay: .5s,2.5s!important;
      transform: translate3d(45rem,10rem,0) rotate(-30deg) scale(1)!important;
    }
  }
  .button{
    --padding: 2.4rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 5.5rem;
    border: 1px solid #fff;
    border-radius: 6px;
    background-color: #fff;
    color: #050033;
    font-weight: 500;
    font-size: 1.133em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: .2s;
  }
  .button:hover:not(.button--no-hover){
    box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
  }
  .button__icon{
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem;
    margin-left: -.8rem;
    background-position: 50%;
    background-size: contain;
    transition: filter .2s cubic-bezier(.4,0,.2,1);
    will-change: transform;
  }
  .button--slide-up-hover{
    border: none;
  }
  .button--slide-up-hover:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -2px;
    left: 0;
    z-index: -1;
    display: block;
    border-radius: 6px;
    background-color: #050033;
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform: translateY(100%);
    will-change: transform;
  }
  .button--slide-up-hover:hover:not(.button--no-hover){
    color: #fff;
  }
  .button--slide-up-hover:hover:not(.button--no-hover) .button__icon{
    filter: invert(1) saturate(0);
  }
  .button--slide-up-hover:hover:not(.button--no-hover):before{
    transform: translateY(-1px);
  }
  .button--small{
    min-height: auto;
    font-weight: inherit;
    font-size: inherit;
    --padding: 0.8rem;
  }
  .button--outline{
    background-color: transparent;
    color: #fff;
  }
  .button--dark,
  body:not(.dark-theme) .button--auto-theme{
    border-color: #050033;
    background-color: #050033;
    color: #fff!important;
  }
  .button--dark.button--outline,
  body:not(.dark-theme) .button--auto-theme.button--outline{
    background-color: transparent;
    color: #050033!important;
  }
  .button--dark:hover:not(.button--no-hover),
  body:not(.dark-theme) .button--auto-theme:hover:not(.button--no-hover){
    border-color: #fff;
    background-color: #fff;
    color: #050033!important;
    box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
  }
  .button[disabled]{
    border-color: #ddd;
    background-color: #ddd;
    color: #787878;
    box-shadow: none;
    pointer-events: none;
  }
  .button:not(a)>a,
  a.button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 2.4rem;
    padding: .5rem var(--padding);
  }
  .button:not(a)>a{
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: inherit;
  }
  .header__button{
    margin-left: 2.5rem;
    box-shadow: 0 .2rem .24rem 0 hsla(0,0%,47%,.5);
  }
  @media (min-width: 64em){
    .header__button{
      margin-left: 4rem;
    }
  }
  .button-circle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    border: none;
    border-radius: 6.4rem;
    background-color: #fff;
    color: #050033;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    cursor: pointer;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,filter;
  }
  .button-circle:hover{
    border-color: #fff;
    background-color: #050033;
    color: #fff;
    box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
  }
  .button-circle:hover .button-circle__icon{
    filter: brightness(0) invert(1);
  }
  .button-circle__icon{
    -o-object-fit: contain;
    object-fit: contain;
    width: 3.2rem;
    height: 3.2rem;
    filter: blur(.2px);
    image-rendering: -webkit-optimize-contrast;
    transition-duration: .2s;
    transition-property: color,filter;
    -o-object-position: center;
    object-position: center;
  }
  .button-circle__label{
    text-transform: capitalize;
  }
  .button-circle--small{
    width: 3rem;
    height: 3rem;
  }
  .button-circle--small .button-circle__icon{
    width: 2.4rem;
  }
  @media (min-width: 64em){
    .button-circle--small{
      width: 4rem;
      height: 4rem;
    }
    .button-circle--small .button-circle__icon{
      width: 3rem;
    }
  }
  .button-circle--large{
    width: 8rem;
    height: 8rem;
  }
  .button-circle--large .button-circle__icon{
    width: 4rem;
    height: 4rem;
  }
  @supports (filter: invert(1) saturate(0)){
    .button-circle--dark-theme:not(.button-circle--auto-theme),
    .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme),
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme{
      background-color: #050033;
      color: #fff;
    }
    .button-circle--dark-theme:not(.button-circle--auto-theme) .button-circle__icon,
    .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme) .button-circle__icon,
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme .button-circle__icon{
      filter: invert(1) saturate(0);
    }
    @media (hover: hover) and (pointer: fine){
      .button-circle--dark-theme:not(.button-circle--auto-theme):hover,
      .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme):hover,
      body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover{
        border-color: #050033;
        background-color: #fff;
        color: #050033;
        box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
      }
      .button-circle--dark-theme:not(.button-circle--auto-theme):hover .button-circle__icon,
      .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme):hover .button-circle__icon,
      body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover .button-circle__icon{
        filter: invert(0);
      }
    }
  }
  .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme){
    border: 1px solid #fff;
  }
  .navigation-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 14.2rem;
    pointer-events: none;
  }
  .navigation-bar__primary{
    display: flex;
    justify-content: center;
    min-width: 8rem;
    margin: 0 6.4rem;
  }
  .navigation-bar__primary,
  .navigation-bar__secondary{
    pointer-events: auto;
  }
  .navigation-bar__secondary{
    display: flex;
    flex-basis: 50%;
    justify-content: flex-end;
    transition-duration: .2s;
    transition-property: opacity,transform;
  }
  .navigation-bar__secondary:last-child{
    display: flex;
    justify-content: flex-start;
  }
  @media (min-width: 64em){
    .navigation-bar__primary{
      width: 9.6rem;
      margin: 0 9.6rem;
    }
  }
  .infobox{
    display: inline-block;
    padding: 1.8rem;
    border-radius: 6px;
    background: #91dbbf;
    font-weight: 700;
    font-size: 20px;
  }
  .notification-container{
    position: fixed;
    bottom: 14.2rem;
    left: 50%;
    z-index: 9000;
    width: calc(100% - 4rem);
    max-width: 50rem;
    transform: translateX(-50%);
  }
  .notification-container__list{
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  @media (min-width: 64em){
    .notification-container{
      bottom: 15.1rem;
    }
  }
  .formatted-text h2{
    font-size: 2.5rem;
  }
  .formatted-text h3{
    font-size: 2rem;
  }
  .formatted-text h4{
    font-size: 1.8rem;
  }
  .formatted-text mark{
    margin: 0 .3em;
    background-color: #0000e3;
    color: #fff;
    box-shadow: .3em 0 0 #0000e3,-.3em 0 0 #0000e3;
  }
  .formatted-text blockquote{
    width: 75%;
    margin: 4.8rem auto;
    font-weight: 700;
    font-size: 2.5rem;
  }
  .formatted-text ol,
  .formatted-text ul{
    margin: 3.2rem 0;
    padding-left: 0;
    list-style: none;
  }
  .formatted-text ol>li,
  .formatted-text ul>li{
    display: flex;
  }
  .formatted-text ol>li:before,
  .formatted-text ul>li:before{
    display: block;
    flex-shrink: 0;
    margin-right: 1.6rem;
    font-weight: 700;
    font-size: 3.33em;
  }
  .formatted-text ol>li{
    align-items: center;
    padding-top: 1.4rem;
    counter-increment: ordered-list-counter;
  }
  .formatted-text ol>li:before{
    content: counter(ordered-list-counter) ".";
    align-self: flex-start;
    min-width: 1em;
  }
  .formatted-text ul>li:before{
    content: ".";
    width: .5em;
    margin-top: -.66em;
    text-align: center;
  }
  .formatted-text ul>li+li{
    margin-top: 3.2rem;
  }
  .formatted-text ol{
    counter-reset: ordered-list-counter;
  }
  .formatted-text ol>li+li{
    margin-top: 1.6rem;
  }
  @media (min-width: 64em){
    .formatted-text blockquote{
      font-size: 3rem;
    }
  }
  .formatted-text--dark a{
    color: #fff;
    font-weight: 700;
  }
  .formatted-text--dark mark{
    background-color: #fff;
    color: #0000e3;
    box-shadow: .3em 0 0 #fff,-.3em 0 0 #fff;
  }
  .formatted-text--no-margin-top:first-child{
    margin-top: 0;
  }
  .header .splide__arrow{
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    opacity: .8;
    cursor: pointer;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    transition-property: opacity,transform;
    transform: translateY(-50%);
  }
  .header .splide__arrow[disabled]{
    opacity: .2;
    pointer-events: none;
  }
  .header .splide__arrow svg{
    width: 1.2em;
    height: 1.2em;
    fill: #787878;
  }
  .header .splide__arrow--prev{
    left: 0;
  }
  .header .splide__arrow--prev svg{
    transform: scaleX(-1);
  }
  .header .splide__arrow--next{
    right: 0;
  }
  .dark-theme .header .splide__arrow{
    opacity: 1;
  }
  .dark-theme .header .splide__arrow svg{
    fill: #fff;
  }
  .dark-theme .header .splide__arrow[disabled]{
    opacity: .35;
  }
  .header .splide__arrow:hover:not([disabled]){
    opacity: 1;
  }
  .main-menu{
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background: url(../img/menu--mobile.jpg) no-repeat 50%/cover #050033;
    color: #fff;
    scrollbar-width: none;
    transition-duration: .25s;
    transition-property: opacity;
  }
  .main-menu::-webkit-scrollbar{
    width: 0;
  }
  .main-menu:after{
    content: "";
    display: block;
    height: 14.2rem;
  }
  .main-menu a{
    color: #fff;
    text-decoration: none;
  }
  .main-menu__section-anim{
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__section-anim--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateY(2rem);
  }
  .main-menu__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.2rem 0;
  }
  .main-menu__section-title{
    margin: 3.2rem 0;
    font-weight: 700;
    font-size: 2rem;
  }
  .main-menu__language{
    min-width: 5rem;
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__language--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateX(-200%);
  }
  .main-menu__home-link{
    display: flex;
    align-content: center;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
  }
  .main-menu__logo-image{
    display: inline-block;
    width: 203px;
    height: 56px;
  }
  @media (min-width: 64em){
    .main-menu__logo-image{
      width: 345px;
      height: 68px;
    }
  }
  .main-menu__search-bar{
    display: flex;
    justify-content: flex-end;
    min-width: 5rem;
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__search-bar--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateX(200%);
  }
  .main-menu__search-bar-input{
    -webkit-appearance: none;
    width: 0;
    height: 6.4rem;
    padding: 0 0 0 2.4rem;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: url(../img/magnifier-white.svg) no-repeat 0/2.4rem transparent;
    color: #fff;
    cursor: pointer;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
    transition-property: padding-left,width,border-bottom-color;
  }
  .main-menu__search-bar-input:focus{
    width: 24rem;
    padding-left: 3.2rem;
    border-bottom-color: #fff;
  }
  .main-menu__link-section{
    display: flex;
    align-items: center;
    padding: 0 0 3.2rem;
  }
  .main-menu__link-list{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .main-menu__link-list .main-menu__link-item{
    transition: opacity 375ms .25s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(2){
    transition-delay: 265ms;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(3){
    transition-delay: .28s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(4){
    transition-delay: 295ms;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(5){
    transition-delay: .31s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(6){
    transition-delay: 325ms;
  }
  .main-menu__link-list--hidden .main-menu__link-item{
    opacity: 0;
    transition-delay: 0ms!important;
    transition-duration: .75s;
  }
  .main-menu__link{
    display: block;
    margin: 1rem 0;
    padding: .7rem 0;
    color: #fff;
    font-size: 2.8rem;
    line-height: 1.2;
    text-decoration: none;
  }
  .main-menu__link-label{
    background-position: 115%;
    -webkit-background-clip: text;
    background-size: 210%;
    transition: background-position .3s cubic-bezier(.4,0,.2,1);
    -webkit-text-fill-color: transparent;
  }
  .main-menu__link:hover>.main-menu__link-label{
    background-position: 0;
    transition-duration: 1s;
  }
  .main-menu__link .main-menu__link-icon{
    display: inline-block;
    vertical-align: bottom;
    width: 4.2rem;
    height: 4.2rem;
    margin-right: .8rem;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
  }
  .main-menu__footer{
    display: block;
  }
  .main-menu__communication-container{
    padding-bottom: 3.2rem;
    border-top: 1px solid #fff;
  }
  .main-menu__communication-container--account{
    background-color: rgba(5,0,51,.5);
  }
  .main-menu__communication-links{
    display: block;
    padding: 1.6rem 0;
  }
  .main-menu__communication-links .button{
    width: 17.8rem;
    height: 5.5rem;
    margin-bottom: 2.5rem;
    background-color: #fff;
    color: #050033;
  }
  .main-menu__communication-title{
    margin: 3rem 0 0;
    font-weight: 700;
    font-size: 2rem;
    font-family: Montserrat,sans-serif;
  }
  .main-menu__communication-subtitle{
    margin-bottom: 2.5rem;
  }
  .main-menu .button{
    transition: all .7s ease-out;
  }
  .main-menu__social-network-list{
    display: flex;
    margin: 1rem 1rem 0 0;
    padding: 0;
    list-style-type: none;
  }
  .main-menu__social-network-list>*{
    height: 2.4rem;
    margin-right: 1.6rem;
    line-height: 2.4rem;
  }
  .main-menu__social-network-list>* img{
    vertical-align: middle;
    width: 2.4rem;
    height: auto;
  }
  @media (min-width: 64em){
    .main-menu__social-network-list{
      float: right;
    }
  }
  .main-menu__partners{
    margin-top: 3.2rem;
    padding-bottom: 3.2rem;
    border: 1px solid #fff;
    border-right: none;
    border-left: none;
  }
  .main-menu__partner-image{
    position: center;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 2.2rem;
  }
  .main-menu__partners-list{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-right: -1.6rem;
    margin-bottom: -1.6rem;
    padding-left: 0;
    list-style-type: none;
  }
  @media (min-width: 64em){
    .main-menu__partners-list{
      grid-template-columns: repeat(8,1fr);
    }
    .main-menu__partners-list>li:first-of-type{
      grid-row: 1/14;
    }
  }
  .main-menu__partners-list>li:first-of-type{
    grid-row: 1/span 10;
    grid-column: 1/2;
  }
  .main-menu__partners-list>li:first-of-type .main-menu__partner-image{
    height: 8rem;
  }
  .main-menu__partners-list:after{
    content: "";
    flex: auto;
  }
  .main-menu__partners-item{
    margin-right: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .main-menu__partners-item:empty{
    height: 0;
    margin-bottom: 0;
  }
  .main-menu__announcement{
    padding-bottom: 3.2rem;
    border-bottom: 1px solid #fff;
  }
  .main-menu__announcement-item{
    display: flex;
    grid-gap: 3rem;
    gap: 3rem;
    align-items: center;
  }
  .main-menu__legal-links{
    margin: 3.2rem auto 0;
    padding-left: 0;
    list-style-type: none;
  }
  .main-menu__legal-links-item{
    margin: 1.6rem 0;
  }
  @media (min-width: 64em){
    .main-menu{
      background-image: url(../img/menu--desktop.jpg);
    }
    .main-menu__section-title{
      font-size: 2.5rem;
    }
    .main-menu__home-link,
    .main-menu__link-section,
    .main-menu__search-bar,
    .main-menu__social-network-list{
      padding-right: 0;
      padding-left: 0;
    }
    .main-menu__logo-image{
      width: 345px;
    }
    .main-menu__search-bar-input:focus{
      width: 32rem;
    }
    .main-menu__link-section{
      height: 57.5rem;
      margin-bottom: 3rem;
      padding-top: 11rem;
      padding-bottom: 12rem;
    }
    .main-menu__link-list{
      flex-grow: 1;
      height: 100%;
    }
    .main-menu__link-list>*{
      display: flex;
      align-items: center;
      width: 50%;
      height: 33%;
      padding-right: 3.2rem;
    }
    .main-menu__link{
      font-size: 4rem;
      line-height: 1;
    }
    .main-menu__partners-item{
      flex-basis: 9.2rem;
    }
    .main-menu__partner-image{
      height: 3.2rem;
    }
    .main-menu__legal-links{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .main-menu__legal-links-item{
      margin: 0 1.6rem 1.6rem;
    }
  }
  @media (min-width: 64em) and (max-height: 48em){
    .main-menu__link-section{
      height: 32rem;
      padding-top: 2rem;
      padding-bottom: 4rem;
    }
  }



/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.article-list{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5rem;
  margin-left: -3.2rem;
  padding: 0;
  list-style-type: none;
}

.article-list:after{
  content: "";
  display: block;
  flex-basis: 50%;
}

.article-list__item{
  flex-grow: 1;
  flex-basis: 30.6333333333rem;
  margin-bottom: 5rem;
  margin-left: 3.2rem;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.about{
  margin-top: 4.8rem;
}

.about__top{
  margin-bottom: 2.4rem;
}

.about__title{
  margin-top: .8rem;
  margin-bottom: 1.6rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.about__description{
  margin-bottom: 3.2rem;
}

.about__description h3{
  margin-top: 0;
}

.about__list-cta{
  display: block;
  margin-top: 3.2rem;
}

.about__card-list{
  margin: 0 0 -3.2rem;
  padding: 0;
  list-style: none;
}

.about__card-list__items{
  margin-bottom: 3.2rem;
}

@media (min-width: 64em){
  .about__title{
    margin-bottom: 0;
  }
  .about__top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .about__content{
    display: flex;
    width: 100%;
  }
  .about__description{
    flex-grow: 1;
    margin-bottom: 0;
    padding-right: 6.4rem;
  }
  .about__card-list{
    flex-shrink: 0;
    flex-basis: 35rem;
    margin-bottom: -1.6rem;
  }
  .about__card-list__items{
    margin-bottom: 1.6rem;
  }
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.minicard{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: .5rem 0;
  border-radius: 3px;
  background-color: #fff;
  color: #050033;
  box-shadow: 0 1px 21px rgba(5,0,51,.2);
  line-height: normal;
  transition: all ease .5s;
}

.minicard:hover{
  box-shadow: 0 1px 5px rgba(5,0,51,.2);
}

.minicard--disable{
  box-shadow: 0 1px 5px rgba(5,0,51,.2);
  pointer-events: none;
}

.minicard__text{
  display: flex;
  flex-direction: column;
  max-width: 20rem;
  padding: 0 1.5rem;
  font-size: 1.2rem;
}

.minicard__text--no-title{
  justify-content: center;
}

.minicard__text--title{
  margin: 0;
  font-size: 1.5rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  line-height: 1.5;
}

.minicard__text--description{
  margin: 0;
  line-height: normal;
}

.minicard__aside{
  position: relative;
  display: flex;
  align-items: center;
  min-height: 6.5rem;
  padding: 0 1.5rem;
}

.minicard__aside:before{
  content: "";
  position: absolute;
  top: .45rem;
  bottom: .45rem;
  display: block;
  width: 1px;
  background-color: #ddd;
}

.minicard__aside--text{
  justify-content: center;
  width: 30%;
  min-width: 30%;
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
}

.minicard__aside--text:before{
  left: 0;
}

.minicard__aside--image{
  width: 6.8rem;
  height: 6.8rem;
  margin: 0 2rem;
  padding: 0;
}

.minicard__aside--image:before{
  left: -2rem;
}

.minicard__aside--image img{
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.minicard__aside--static{
  justify-content: center;
}

.minicard__aside--static img{
  -o-object-fit: cover;
  object-fit: cover;
  width: 50%;
  height: 50%;
  border-radius: unset;
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.instructions__container{
  display: grid;
  grid-auto-flow: row;
  padding-right: 3.31em;
  padding-left: 2.94em;
  background-color: #ffd280;
}

.instructions__container__phantom{
  background-color: #91dbbf;
}

.instructions__title{
  font-size: 1.25em;
}

.instructions__list{
  display: grid;
  grid-gap: 0 1.19em;
}

@media (min-width: 64em){
  .instructions__list{
    grid-template-columns: repeat(2,1fr);
  }
}

.instructions__item{
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-bottom: .8em;
}

.instructions__item-label{
  font-size: .94em;
}

.instructions__item-picture{
  -o-object-fit: contain;
  object-fit: contain;
  width: 2.81em;
  height: 2.81em;
  margin-right: 1.19em;
  -o-object-position: center;
  object-position: center;
}

.instructions__cta{
  margin: auto auto 2.75em;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){
  .instructions__container{
    display: block;
    padding-top: 1em;
  }
  .instructions__list{
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

/* ============================================================
   Стилі зі сторінки (були в <style>)
   ============================================================ */

.container-spotify{
  position: absolute;
  top: -2rem;
  right: 3.2rem;
  transition: top .3s ease-out,right .3s ease-out;
}

.container-spotify .button-circle{
  width: 4.2rem;
  height: 4.2rem;
  margin-left: 0;
}

.container-spotify .button-circle__icon{
  width: 2.8rem;
}

@media (min-width: 64em){
  .container-spotify{
    top: 2rem;
    right: 2.6rem;
  }
}

/* ============================================================
   styles.ed00782631bdab0797d3.css
   ============================================================ */


/* unwrapped erroneous @media print */

  @keyframes splide-loading{
    0%{
      transform: rotate(0);
    }
    to{
      transform: rotate(1turn);
    }
  }
  .splide__container{
    position: relative;
    box-sizing: border-box;
  }
  .splide__list{
    margin: 0!important;
    padding: 0!important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
  }
  .splide.is-active .splide__list{
    display: flex;
  }
  .splide__pagination{
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }
  .splide__pagination li{
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0;
  }
  .splide{
    visibility: hidden;
  }
  .splide,
  .splide__slide{
    position: relative;
    outline: none;
  }
  .splide__slide{
    box-sizing: border-box;
    list-style-type: none!important;
    margin: 0;
    flex-shrink: 0;
  }
  .splide__slide img{
    vertical-align: bottom;
  }
  .splide__slider{
    position: relative;
  }
  .splide__spinner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
  }
  .splide__track{
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .splide--draggable>.splide__track>.splide__list>.splide__slide{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .splide--fade>.splide__track>.splide__list{
    display: block;
  }
  .splide--fade>.splide__track>.splide__list>.splide__slide{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
  }
  .splide--fade>.splide__track>.splide__list>.splide__slide.is-active{
    position: relative;
    z-index: 1;
    opacity: 1;
  }
  .splide--rtl{
    direction: rtl;
  }
  .splide--ttb>.splide__track>.splide__list{
    display: block;
  }
  .splide--ttb>.splide__pagination{
    width: auto;
  }
  html{
    -webkit-tap-highlight-color: transparent;
    font-size: calc(1em * .5);
  }
  @media (min-width: 25em){
    html{
      font-size: calc(1em * .625);
    }
  }
  body{
    font-size: 1.5rem;
  }
  hr{
    border: none;
    border-top: 1px solid #e6e6e6;
  }
  .responsive-image{
    display: block;
    width: 100%;
    height: auto;
  }
  .unstyled-link,
  .unstyled-link:not(a)>a{
    color: inherit;
    text-decoration: inherit;
  }
  .unstyled-list{
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  button,
  input,
  select,
  textarea{
    outline: none;
  }
  button,
  input{
    color: inherit;
    font-family: inherit;
  }
  [type=search],
  [type=text]{
    width: 100%;
    height: 50px;
    padding: 0 17px;
    border: none;
    border-radius: 6px;
  }
  @media (min-width: 64em){
    [type=search],
    [type=text]{
      height: 70px;
      padding: 0 24px;
      border-radius: 12px;
      font-size: 2rem;
    }
  }
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration{
    -webkit-appearance: none;
  }
  [type=checkbox]{
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin: 0 1.2rem 0 0;
    border: 2px solid #050033;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #fff;
    opacity: .8;
    transform: translateY(20%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  [type=checkbox]:focus,
  [type=checkbox]:hover{
    opacity: 1;
  }
  [type=checkbox]:checked{
    background-color: #050033;
  }
  [type=checkbox]:disabled{
    opacity: .2;
  }
  body,
  html{
    min-height: 100%;
  }
  body{
    overflow-x: hidden;
    margin: 0;
  }
  *,
:after,
:before{
    box-sizing: border-box;
  }
  .layout__max-width{
    display: block;
    width: calc(100% - (2 * 3.2rem));
    max-width: 101.5rem;
    margin-right: auto;
    margin-left: auto;
  }
  .layout__max-width--no-padding{
    width: 100%;
  }
  .layout__max-width--small{
    max-width: 70rem;
  }
  .layout__max-width--large{
    max-width: 106.4rem;
  }
  .layout__fullfill{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .layout__block-spacing{
    margin-top: 9.6rem!important;
    margin-bottom: 9.6rem!important;
  }
  .layout__vertical-margin-trim>:first-child{
    margin-top: 0!important;
  }
  .layout__vertical-margin-trim>:last-child{
    margin-bottom: 0!important;
  }
  @font-face{
    font-weight: 400;
    font-style: normal;
    font-family: AccorArenaWhite;
    src: url('../fonts/AccorArena-White.woff2'), url('../fonts/AccorArena-White.woff');
    font-display: swap;
    text-rendering: optimizeLegibility;
  }
  @font-face{
    font-weight: 400;
    font-style: normal;
    font-family: AccorArenaMidnightBlue;
    src: url('../fonts/AccorArena-MidnightBlue.woff2'), url('../fonts/AccorArena-MidnightBlue.woff');
    font-display: swap;
    text-rendering: optimizeLegibility;
  }
:root:not(.safari){
    --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue,sans-serif;
    --font-family-accor-arena--white: AccorArenaWhite,sans-serif;
  }
  body{
    background-color: #fff;
    color: #050033;
    font-family: Montserrat,Lucida Grande,Lucida Sans Unicode,Lucida Sans,DejaVu Sans,Bitstream Vera Sans,Liberation Sans,Verdana,Verdana Ref,sans-serif;
  }
  .arena-font{
    font-family: var(--font-family-accor-arena--midnight-blue);
    text-shadow: 0 0 .2em transparent;
  }
  h1{
    margin: 5.6rem 0 4.8rem;
    font-weight: 700;
    font-size: 5.5rem;
  }
  @media (min-width: 64em){
    h1{
      font-size: 8rem;
    }
  }
  h2{
    margin: 4.8rem 0 3.2rem;
    font-weight: 700;
    font-size: 4rem;
  }
  @media (min-width: 64em){
    h2{
      font-size: 7rem;
    }
  }
  .h3-like,
  h3{
    margin: 3.2rem 0 2.4rem;
    font-weight: 700;
    font-size: 2rem;
  }
  @media (min-width: 64em){
    .h3-like,
    h3{
      font-size: 2.5rem;
    }
  }
  h4{
    margin: 3.2rem 0 2.4rem;
    font-weight: 700;
    font-size: 1.7rem;
  }
  @media (min-width: 64em){
    h4{
      font-size: 2rem;
    }
  }
  p{
    line-height: 1.5;
  }
  a{
    color: #0000e3;
  }
  figcaption{
    margin: 1.6rem 0;
    color: #787878;
    font-size: 1.2rem;
    text-align: center;
  }
  @media (min-width: 64em){
    figcaption{
      text-align: left;
    }
  }
  mark{
    background-color: rgba(247,191,0,.5);
  }
  input[type=text]{
    background-color: #fff;
    color: #050033;
  }
  input[type=text]::-moz-placeholder{
    color: #787878;
  }
  input[type=text]:-ms-input-placeholder{
    color: #787878;
  }
  input[type=text]::placeholder{
    color: #787878;
  }
  .dark-theme{
    background-color: #050033;
    color: #fff;
  }
  .dark-theme .arena-font{
    font-family: var(--font-family-accor-arena--white);
    text-shadow: 0 0 .2em transparent;
  }
  .beam{
    position: relative;
    z-index: -1;
  }
  @media (min-width: 64em){
    .beam{
      width: 100%;
    }
  }
  .beam:after,
  .beam:before{
    content: "";
    position: absolute;
    display: block;
    width: 100rem;
    height: 13.5rem;
    background-image: linear-gradient(90deg,#fff,hsla(0,0%,100%,.01)),url(../img/beam.svg);
    background-position: 0,50%;
    background-size: 150% 100%,contain;
    background-repeat: no-repeat;
    opacity: .8;
    transition-delay: 0s,2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: 2.5s;
    transition-property: background-position,background-size;
  }
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-45rem,0,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    transform: translate3d(-30rem,70rem,0) rotate(130deg) scale(.8);
  }
  .beam:nth-of-type(3n+2):before{
    transform: translate3d(-65rem,70rem,0) rotate(-55deg) scale(.8);
  }
  .beam:nth-of-type(3n+2):after{
    transition-delay: 2s,4s;
    transform: translate3d(-60rem,135rem,0) rotate(145deg) scale(.7);
  }
  .beam:nth-of-type(3n+3):before{
    transform: translate3d(-20rem,60rem,0) rotate(225deg) scale(1);
  }
  .beam:nth-of-type(3n+3):after{
    transform: translate3d(-95rem,115rem,0) rotate(-45deg) scale(.7);
  }
  .beam--alt-position{
    width: 100%;
  }
  .beam--alt-position:before{
    transform: translate3d(-48rem,0,0) rotate(40deg) scale(.3)!important;
  }
  .beam--alt-position:after{
    right: 0;
    z-index: -1;
    transform: translate3d(40rem,5rem,0) rotate(-30deg) scale(.4)!important;
  }
  @media (min-width: 64em){
    .beam:nth-of-type(3n+1):before{
      transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
    }
    .beam:nth-of-type(3n+1):after{
      right: 0;
      transition-delay: 1s,3s;
      transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
    }
    .beam:nth-of-type(3n+2):before{
      transform: translate3d(-60rem,47rem,0) rotate(-55deg) scale(.7);
    }
    .beam:nth-of-type(3n+2):after{
      display: none;
    }
    .beam:nth-of-type(3n+3):before{
      transform: translate3d(15rem,25rem,0) rotate(225deg) scale(1);
    }
    .beam:nth-of-type(3n+3):after{
      right: 0;
      z-index: -1;
      transition-delay: 1s,3s;
      transform: translate3d(40rem,16rem,0) rotate(-45deg) scale(.7);
    }
    .beam--alt-position:before{
      transform: translate3d(-45rem,15rem,0) rotate(40deg) scale(.5)!important;
    }
    .beam--alt-position:after{
      transition-delay: .5s,2.5s!important;
      transform: translate3d(45rem,10rem,0) rotate(-30deg) scale(1)!important;
    }
  }
  .button{
    --padding: 2.4rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 5.5rem;
    border: 1px solid #fff;
    border-radius: 6px;
    background-color: #fff;
    color: #050033;
    font-weight: 500;
    font-size: 1.133em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: .2s;
  }
  .button:hover:not(.button--no-hover){
    box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
  }
  .button__icon{
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem;
    margin-left: -.8rem;
    background-position: 50%;
    background-size: contain;
    transition: filter .2s cubic-bezier(.4,0,.2,1);
    will-change: transform;
  }
  .button--slide-up-hover{
    border: none;
  }
  .button--slide-up-hover:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -2px;
    left: 0;
    z-index: -1;
    display: block;
    border-radius: 6px;
    background-color: #050033;
    transition: transform .2s cubic-bezier(.4,0,.2,1);
    transform: translateY(100%);
    will-change: transform;
  }
  .button--slide-up-hover:hover:not(.button--no-hover){
    color: #fff;
  }
  .button--slide-up-hover:hover:not(.button--no-hover) .button__icon{
    filter: invert(1) saturate(0);
  }
  .button--slide-up-hover:hover:not(.button--no-hover):before{
    transform: translateY(-1px);
  }
  .button--small{
    min-height: auto;
    font-weight: inherit;
    font-size: inherit;
    --padding: 0.8rem;
  }
  .button--outline{
    background-color: transparent;
    color: #fff;
  }
  .button--dark,
  body:not(.dark-theme) .button--auto-theme{
    border-color: #050033;
    background-color: #050033;
    color: #fff!important;
  }
  .button--dark.button--outline,
  body:not(.dark-theme) .button--auto-theme.button--outline{
    background-color: transparent;
    color: #050033!important;
  }
  .button--dark:hover:not(.button--no-hover),
  body:not(.dark-theme) .button--auto-theme:hover:not(.button--no-hover){
    border-color: #fff;
    background-color: #fff;
    color: #050033!important;
    box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
  }
  .button[disabled]{
    border-color: #ddd;
    background-color: #ddd;
    color: #787878;
    box-shadow: none;
    pointer-events: none;
  }
  .button:not(a)>a,
  a.button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 2.4rem;
    padding: .5rem var(--padding);
  }
  .button:not(a)>a{
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: inherit;
  }
  .header__button{
    margin-left: 2.5rem;
    box-shadow: 0 .2rem .24rem 0 hsla(0,0%,47%,.5);
  }
  @media (min-width: 64em){
    .header__button{
      margin-left: 4rem;
    }
  }
  .button-circle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    border: none;
    border-radius: 6.4rem;
    background-color: #fff;
    color: #050033;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    cursor: pointer;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,filter;
  }
  .button-circle:hover{
    border-color: #fff;
    background-color: #050033;
    color: #fff;
    box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
  }
  .button-circle:hover .button-circle__icon{
    filter: brightness(0) invert(1);
  }
  .button-circle__icon{
    -o-object-fit: contain;
    object-fit: contain;
    width: 3.2rem;
    height: 3.2rem;
    filter: blur(.2px);
    image-rendering: -webkit-optimize-contrast;
    transition-duration: .2s;
    transition-property: color,filter;
    -o-object-position: center;
    object-position: center;
  }
  .button-circle__label{
    text-transform: capitalize;
  }
  .button-circle--small{
    width: 3rem;
    height: 3rem;
  }
  .button-circle--small .button-circle__icon{
    width: 2.4rem;
  }
  @media (min-width: 64em){
    .button-circle--small{
      width: 4rem;
      height: 4rem;
    }
    .button-circle--small .button-circle__icon{
      width: 3rem;
    }
  }
  .button-circle--large{
    width: 8rem;
    height: 8rem;
  }
  .button-circle--large .button-circle__icon{
    width: 4rem;
    height: 4rem;
  }
  @supports (filter: invert(1) saturate(0)){
    .button-circle--dark-theme:not(.button-circle--auto-theme),
    .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme),
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme{
      background-color: #050033;
      color: #fff;
    }
    .button-circle--dark-theme:not(.button-circle--auto-theme) .button-circle__icon,
    .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme) .button-circle__icon,
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme .button-circle__icon{
      filter: invert(1) saturate(0);
    }
    @media (hover: hover) and (pointer: fine){
      .button-circle--dark-theme:not(.button-circle--auto-theme):hover,
      .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme):hover,
      body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover{
        border-color: #050033;
        background-color: #fff;
        color: #050033;
        box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
      }
      .button-circle--dark-theme:not(.button-circle--auto-theme):hover .button-circle__icon,
      .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme):hover .button-circle__icon,
      body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover .button-circle__icon{
        filter: invert(0);
      }
    }
  }
  .dark-theme .button-circle--auto-theme:not(.button-circle--dark-theme){
    border: 1px solid #fff;
  }
  .navigation-bar{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 14.2rem;
    pointer-events: none;
  }
  .navigation-bar__primary{
    display: flex;
    justify-content: center;
    min-width: 8rem;
    margin: 0 6.4rem;
  }
  .navigation-bar__primary,
  .navigation-bar__secondary{
    pointer-events: auto;
  }
  .navigation-bar__secondary{
    display: flex;
    flex-basis: 50%;
    justify-content: flex-end;
    transition-duration: .2s;
    transition-property: opacity,transform;
  }
  .navigation-bar__secondary:last-child{
    display: flex;
    justify-content: flex-start;
  }
  @media (min-width: 64em){
    .navigation-bar__primary{
      width: 9.6rem;
      margin: 0 9.6rem;
    }
  }
  @-webkit-keyframes featured-card__image-container--mobile--big{
    0%{
      padding-top: 30vh;
    }
    to{
      padding-top: 40vh;
    }
  }
  @keyframes featured-card__image-container--mobile--big{
    0%{
      padding-top: 30vh;
    }
    to{
      padding-top: 40vh;
    }
  }
  @-webkit-keyframes featured-card__image-container--big{
    0%{
      height: 40rem;
    }
    to{
      height: 52rem;
    }
  }
  @keyframes featured-card__image-container--big{
    0%{
      height: 40rem;
    }
    to{
      height: 52rem;
    }
  }
  @-webkit-keyframes featured-card__image--big{
    0%{
      transform: scale(1);
    }
    to{
      transform: scale(1.1);
    }
  }
  @keyframes featured-card__image--big{
    0%{
      transform: scale(1);
    }
    to{
      transform: scale(1.1);
    }
  }
  .featured-card{
    margin-bottom: 9.6rem;
  }
  .featured-card__image-container{
    position: relative;
    overflow: hidden;
    padding-top: 30vh;
  }
  .featured-card--big .featured-card__image-container{
    -webkit-animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
    animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .featured-card__image{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #eee;
    background-position: bottom;
    background-size: cover;
  }
  .featured-card--big .featured-card__image{
    -webkit-animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
    animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .featured-card__card{
    position: relative;
    z-index: 0;
    padding: 0 3.2rem 3.2rem;
    background-color: #fff;
    color: #fff;
    line-height: normal;
  }
  .featured-card__card-reflection{
    --color: colors.$palette__white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    background-color: rgba(5,0,51,.42);
  }
  .featured-card__card-reflection:before{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,#fff 10%,transparent 80%);
    opacity: .25;
    transform: translateX(30%) rotate(30deg) scaleY(3);
    transform-origin: left center;
    mix-blend-mode: lighten;
  }
  @supports (--css: variables){
    .featured-card__card-reflection:before{
      background-image: linear-gradient(to bottom,var(--color) 20%,hsla(0,0%,53%,0) 70%);
      opacity: .5;
    }
  }
  .featured-card__footer{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .featured-card__miniature{
    position: relative;
    top: -4rem;
    flex-shrink: 0;
    width: 8rem;
    height: 8rem;
    margin: auto auto -2.4rem;
    border-radius: 50%;
    background-position: 50%;
    background-size: cover;
  }
  .featured-card__header-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .featured-card__label{
    margin: 1.6rem 0;
    font-weight: 600;
    font-size: 5rem;
  }
  .featured-card__period{
    font-size: 2rem;
    font-family: var(--font-family-accor-arena--white);
    text-shadow: 0 0 .2em transparent;
    line-height: 1.3;
  }
  .featured-card__complement{
    margin: 0 0 1.6rem;
    font-weight: 600;
    text-align: center;
  }
  .featured-card__action-area{
    display: flex;
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .featured-card__button{
    flex-grow: 1;
    flex-basis: 50%;
    color: #050033;
  }
  .featured-card__button+.featured-card__button{
    margin-left: 3.2rem;
  }
  .featured-card__content-below-indicator{
    display: block;
    width: 4.2rem;
    margin: 2.4rem auto 0;
  }
  @media (min-width: 64em){
    .featured-card{
      position: relative;
      margin-bottom: 21.6rem;
    }
    .featured-card__image-container{
      height: 40rem;
      padding-top: 0;
    }
    .featured-card--big .featured-card__image-container{
      -webkit-animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
      animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
      -webkit-animation-delay: .2s;
      animation-delay: .2s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
    }
    .featured-card__card{
      position: absolute;
      bottom: -12rem;
      left: 50%;
      padding: 0;
      border-radius: 12px;
      transform: translateX(-50%);
    }
    .featured-card__card-reflection{
      border-radius: 12px;
    }
    .featured-card__card-reflection:before{
      transform: translateX(45%) translateY(-20%) rotate(66deg) scaleY(4);
    }
    .featured-card__footer,
    .featured-card__header{
      padding-right: 4.8rem;
      padding-left: 6.4rem;
    }
    .featured-card__header{
      display: flex;
      align-items: center;
      padding-top: 3.2rem;
      padding-bottom: 2.4rem;
    }
    .featured-card__footer{
      flex-direction: row;
      justify-content: space-between;
      height: 12rem;
      padding-bottom: .8rem;
      border-top: 1px solid #fff;
    }
    .featured-card__miniature{
      position: static;
      width: 11.6rem;
      height: 11.6rem;
      margin: 0;
    }
    .featured-card__header-text{
      align-items: flex-start;
      margin-left: 4.8rem;
      text-align: left;
    }
    .featured-card__period{
      font-size: 2.5rem;
    }
    .featured-card__label{
      margin: .8rem 0 0;
      font-size: 6rem;
    }
    .featured-card__complement{
      display: -webkit-box;
      overflow: hidden;
      max-height: 3em;
      margin-right: 1.6rem;
      margin-bottom: 0;
      font-size: 2.5rem;
      line-height: 1.5em;
      text-align: left;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .featured-card__action-area{
      flex-shrink: 0;
      width: auto;
      margin-bottom: 0;
    }
    .featured-card__button{
      flex-grow: 0;
      flex-basis: auto;
      min-width: 16rem;
    }
    .featured-card__content-below-indicator{
      display: none;
    }
  }
  .infobox{
    display: inline-block;
    padding: 1.8rem;
    border-radius: 6px;
    background: #91dbbf;
    font-weight: 700;
    font-size: 20px;
  }
  .notification-container{
    position: fixed;
    bottom: 14.2rem;
    left: 50%;
    z-index: 9000;
    width: calc(100% - 4rem);
    max-width: 50rem;
    transform: translateX(-50%);
  }
  .notification-container__list{
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  @media (min-width: 64em){
    .notification-container{
      bottom: 15.1rem;
    }
  }
  .formatted-text h2{
    font-size: 2.5rem;
  }
  .formatted-text h3{
    font-size: 2rem;
  }
  .formatted-text h4{
    font-size: 1.8rem;
  }
  .formatted-text mark{
    margin: 0 .3em;
    background-color: #0000e3;
    color: #fff;
    box-shadow: .3em 0 0 #0000e3,-.3em 0 0 #0000e3;
  }
  .formatted-text blockquote{
    width: 75%;
    margin: 4.8rem auto;
    font-weight: 700;
    font-size: 2.5rem;
  }
  .formatted-text ol,
  .formatted-text ul{
    margin: 3.2rem 0;
    padding-left: 0;
    list-style: none;
  }
  .formatted-text ol>li,
  .formatted-text ul>li{
    display: flex;
  }
  .formatted-text ol>li:before,
  .formatted-text ul>li:before{
    display: block;
    flex-shrink: 0;
    margin-right: 1.6rem;
    font-weight: 700;
    font-size: 3.33em;
  }
  .formatted-text ol>li{
    align-items: center;
    padding-top: 1.4rem;
    counter-increment: ordered-list-counter;
  }
  .formatted-text ol>li:before{
    content: counter(ordered-list-counter) ".";
    align-self: flex-start;
    min-width: 1em;
  }
  .formatted-text ul>li:before{
    content: ".";
    width: .5em;
    margin-top: -.66em;
    text-align: center;
  }
  .formatted-text ul>li+li{
    margin-top: 3.2rem;
  }
  .formatted-text ol{
    counter-reset: ordered-list-counter;
  }
  .formatted-text ol>li+li{
    margin-top: 1.6rem;
  }
  @media (min-width: 64em){
    .formatted-text blockquote{
      font-size: 3rem;
    }
  }
  .formatted-text--dark a{
    color: #fff;
    font-weight: 700;
  }
  .formatted-text--dark mark{
    background-color: #fff;
    color: #0000e3;
    box-shadow: .3em 0 0 #fff,-.3em 0 0 #fff;
  }
  .formatted-text--no-margin-top:first-child{
    margin-top: 0;
  }
  .header .splide__arrow{
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    opacity: .8;
    cursor: pointer;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    transition-property: opacity,transform;
    transform: translateY(-50%);
  }
  .header .splide__arrow[disabled]{
    opacity: .2;
    pointer-events: none;
  }
  .header .splide__arrow svg{
    width: 1.2em;
    height: 1.2em;
    fill: #787878;
  }
  .header .splide__arrow--prev{
    left: 0;
  }
  .header .splide__arrow--prev svg{
    transform: scaleX(-1);
  }
  .header .splide__arrow--next{
    right: 0;
  }
  .dark-theme .header .splide__arrow{
    opacity: 1;
  }
  .dark-theme .header .splide__arrow svg{
    fill: #fff;
  }
  .dark-theme .header .splide__arrow[disabled]{
    opacity: .35;
  }
  .header .splide__arrow:hover:not([disabled]){
    opacity: 1;
  }
  .main-menu{
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background: url(../img/menu--mobile.jpg) no-repeat 50%/cover #050033;
    color: #fff;
    scrollbar-width: none;
    transition-duration: .25s;
    transition-property: opacity;
  }
  .main-menu::-webkit-scrollbar{
    width: 0;
  }
  .main-menu:after{
    content: "";
    display: block;
    height: 14.2rem;
  }
  .main-menu a{
    color: #fff;
    text-decoration: none;
  }
  .main-menu__section-anim{
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__section-anim--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateY(2rem);
  }
  .main-menu__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.2rem 0;
  }
  .main-menu__section-title{
    margin: 3.2rem 0;
    font-weight: 700;
    font-size: 2rem;
  }
  .main-menu__language{
    min-width: 5rem;
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__language--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateX(-200%);
  }
  .main-menu__home-link{
    display: flex;
    align-content: center;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
    transition: opacity .15s cubic-bezier(.4,0,.2,1);
  }
  .main-menu__logo-image{
    display: inline-block;
    width: 203px;
    height: 56px;
  }
  @media (min-width: 64em){
    .main-menu__logo-image{
      width: 345px;
      height: 68px;
    }
  }
  .main-menu__search-bar{
    display: flex;
    justify-content: flex-end;
    min-width: 5rem;
    transition-delay: .25s;
    transition-duration: 375ms;
    transition-property: opacity,transform;
  }
  .main-menu__search-bar--hidden{
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: .75s;
    transform: translateX(200%);
  }
  .main-menu__search-bar-input{
    -webkit-appearance: none;
    width: 0;
    height: 6.4rem;
    padding: 0 0 0 2.4rem;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: url(../img/magnifier-white.svg) no-repeat 0/2.4rem transparent;
    color: #fff;
    cursor: pointer;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .2s;
    transition-property: padding-left,width,border-bottom-color;
  }
  .main-menu__search-bar-input:focus{
    width: 24rem;
    padding-left: 3.2rem;
    border-bottom-color: #fff;
  }
  .main-menu__link-section{
    display: flex;
    align-items: center;
    padding: 0 0 3.2rem;
  }
  .main-menu__link-list{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .main-menu__link-list .main-menu__link-item{
    transition: opacity 375ms .25s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(2){
    transition-delay: 265ms;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(3){
    transition-delay: .28s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(4){
    transition-delay: 295ms;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(5){
    transition-delay: .31s;
  }
  .main-menu__link-list .main-menu__link-item:nth-child(6){
    transition-delay: 325ms;
  }
  .main-menu__link-list--hidden .main-menu__link-item{
    opacity: 0;
    transition-delay: 0ms!important;
    transition-duration: .75s;
  }
  .main-menu__link{
    display: block;
    margin: 1rem 0;
    padding: .7rem 0;
    color: #fff;
    font-size: 2.8rem;
    line-height: 1.2;
    text-decoration: none;
  }
  .main-menu__link-label{
    background-position: 115%;
    -webkit-background-clip: text;
    background-size: 210%;
    transition: background-position .3s cubic-bezier(.4,0,.2,1);
    -webkit-text-fill-color: transparent;
  }
  .main-menu__link:hover>.main-menu__link-label{
    background-position: 0;
    transition-duration: 1s;
  }
  .main-menu__link .main-menu__link-icon{
    display: inline-block;
    vertical-align: bottom;
    width: 4.2rem;
    height: 4.2rem;
    margin-right: .8rem;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
  }
  .main-menu__footer{
    display: block;
  }
  .main-menu__communication-container{
    padding-bottom: 3.2rem;
    border-top: 1px solid #fff;
  }
  .main-menu__communication-container--account{
    background-color: rgba(5,0,51,.5);
  }
  .main-menu__communication-links{
    display: block;
    padding: 1.6rem 0;
  }
  .main-menu__communication-links .button{
    width: 17.8rem;
    height: 5.5rem;
    margin-bottom: 2.5rem;
    background-color: #fff;
    color: #050033;
  }
  .main-menu__communication-title{
    margin: 3rem 0 0;
    font-weight: 700;
    font-size: 2rem;
    font-family: Montserrat,sans-serif;
  }
  .main-menu__communication-subtitle{
    margin-bottom: 2.5rem;
  }
  .main-menu .button{
    transition: all .7s ease-out;
  }
  .main-menu__social-network-list{
    display: flex;
    margin: 1rem 1rem 0 0;
    padding: 0;
    list-style-type: none;
  }
  .main-menu__social-network-list>*{
    height: 2.4rem;
    margin-right: 1.6rem;
    line-height: 2.4rem;
  }
  .main-menu__social-network-list>* img{
    vertical-align: middle;
    width: 2.4rem;
    height: auto;
  }
  @media (min-width: 64em){
    .main-menu__social-network-list{
      float: right;
    }
  }
  .main-menu__partners{
    margin-top: 3.2rem;
    padding-bottom: 3.2rem;
    border: 1px solid #fff;
    border-right: none;
    border-left: none;
  }
  .main-menu__partner-image{
    position: center;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 2.2rem;
  }
  .main-menu__partners-list{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-right: -1.6rem;
    margin-bottom: -1.6rem;
    padding-left: 0;
    list-style-type: none;
  }
  @media (min-width: 64em){
    .main-menu__partners-list{
      grid-template-columns: repeat(8,1fr);
    }
    .main-menu__partners-list>li:first-of-type{
      grid-row: 1/14;
    }
  }
  .main-menu__partners-list>li:first-of-type{
    grid-row: 1/span 10;
    grid-column: 1/2;
  }
  .main-menu__partners-list>li:first-of-type .main-menu__partner-image{
    height: 8rem;
  }
  .main-menu__partners-list:after{
    content: "";
    flex: auto;
  }
  .main-menu__partners-item{
    margin-right: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .main-menu__partners-item:empty{
    height: 0;
    margin-bottom: 0;
  }
  .main-menu__announcement{
    padding-bottom: 3.2rem;
    border-bottom: 1px solid #fff;
  }
  .main-menu__announcement-item{
    display: flex;
    grid-gap: 3rem;
    gap: 3rem;
    align-items: center;
  }
  .main-menu__legal-links{
    margin: 3.2rem auto 0;
    padding-left: 0;
    list-style-type: none;
  }
  .main-menu__legal-links-item{
    margin: 1.6rem 0;
  }
  @media (min-width: 64em){
    .main-menu{
      background-image: url(../img/menu--desktop.jpg);
    }
    .main-menu__section-title{
      font-size: 2.5rem;
    }
    .main-menu__home-link,
    .main-menu__link-section,
    .main-menu__search-bar,
    .main-menu__social-network-list{
      padding-right: 0;
      padding-left: 0;
    }
    .main-menu__logo-image{
      width: 345px;
    }
    .main-menu__search-bar-input:focus{
      width: 32rem;
    }
    .main-menu__link-section{
      height: 57.5rem;
      margin-bottom: 3rem;
      padding-top: 11rem;
      padding-bottom: 12rem;
    }
    .main-menu__link-list{
      flex-grow: 1;
      height: 100%;
    }
    .main-menu__link-list>*{
      display: flex;
      align-items: center;
      width: 50%;
      height: 33%;
      padding-right: 3.2rem;
    }
    .main-menu__link{
      font-size: 4rem;
      line-height: 1;
    }
    .main-menu__partners-item{
      flex-basis: 9.2rem;
    }
    .main-menu__partner-image{
      height: 3.2rem;
    }
    .main-menu__legal-links{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .main-menu__legal-links-item{
      margin: 0 1.6rem 1.6rem;
    }
  }
  @media (min-width: 64em) and (max-height: 48em){
    .main-menu__link-section{
      height: 32rem;
      padding-top: 2rem;
      padding-bottom: 4rem;
    }
  }



/* ============================================================
   Стилі окремих сторінок
   ============================================================ */

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html{
  -webkit-tap-highlight-color: transparent;
  font-size: calc(1em * .5);
}

@media (min-width: 25em){
  html{
    font-size: calc(1em * .625);
  }
}

body,
html{
  min-height: 100%;
}

*,
:after,
:before{
  box-sizing: border-box;
}

@font-face{
  font-weight: 400;
  font-style: normal;
  font-family: AccorArenaWhite;
  src: url(../fonts/AccorArena-White.woff2) format("woff2"),url(../fonts/AccorArena-White.woff) format("woff");
  font-display: swap;
  text-rendering: optimizeLegibility;
}

@font-face{
  font-weight: 400;
  font-style: normal;
  font-family: AccorArenaMidnightBlue;
  src: url(../fonts/AccorArena-MidnightBlue.woff2) format("woff2"),url(../fonts/AccorArena-MidnightBlue.woff) format("woff");
  font-display: swap;
  text-rendering: optimizeLegibility;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue,sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite,sans-serif;
}

hr{
  border: none;
  border-top: 1px solid #e6e6e6;
}

.responsive-image{
  display: block;
  width: 100%;
  height: auto;
}

.unstyled-link{
  color: inherit;
  text-decoration: inherit;
}

.unstyled-list{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

[type=search]{
  width: 100%;
  height: 50px;
  padding: 0 17px;
  border: none;
  border-radius: 6px;
}

@media (min-width: 64em){
  [type=search]{
    height: 70px;
    padding: 0 24px;
    border-radius: 12px;
    font-size: 2rem;
  }
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration{
  -webkit-appearance: none;
}

.layout__max-width{
  display: block;
  width: calc(100% - (2 * 3.2rem));
  max-width: 101.5rem;
  margin-right: auto;
  margin-left: auto;
}

.layout__max-width--no-padding{
  width: 100%;
}

h1{
  margin: 5.6rem 0 4.8rem;
  font-weight: 700;
  font-size: 5.5rem;
}

@media (min-width: 64em){
  h1{
    font-size: 8rem;
  }
}

h2{
  margin: 4.8rem 0 3.2rem;
  font-weight: 700;
  font-size: 4rem;
}

@media (min-width: 64em){
  h2{
    font-size: 7rem;
  }
}

h3{
  margin: 3.2rem 0 2.4rem;
  font-weight: 700;
  font-size: 2rem;
}

@media (min-width: 64em){
  h3{
    font-size: 2.5rem;
  }
}

p{
  line-height: 1.5;
}

a{
  color: #0000e3;
}

.button{
  --padding: 2.4rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 5.5rem;
  border: 1px solid #fff;
  border-radius: 6px;
  background-color: #fff;
  color: #050033;
  font-weight: 500;
  font-size: 1.133em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition-duration: .2s;
}

.button:hover:not(.button--no-hover){
  box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
}

.button--small{
  min-height: auto;
  font-weight: inherit;
  font-size: inherit;
  --padding: 0.8rem;
}

.button--outline{
  background-color: transparent;
  color: #fff;
}

a.button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem 2.4rem;
  padding: .5rem var(--padding);
}

.button-circle{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  border: none;
  border-radius: 6.4rem;
  background-color: #fff;
  color: #050033;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  cursor: pointer;
  transition-duration: .2s;
  transition-property: color,background-color,border-color,filter;
}

.button-circle:hover{
  border-color: #fff;
  background-color: #050033;
  color: #fff;
  box-shadow: 0 2px 15px 0 hsla(0,0%,98%,.8);
}

.button-circle:hover .button-circle__icon{
  filter: brightness(0) invert(1);
}

.button-circle__icon{
  -o-object-fit: contain;
  object-fit: contain;
  width: 3.2rem;
  height: 3.2rem;
  filter: blur(.2px);
  image-rendering: -webkit-optimize-contrast;
  transition-duration: .2s;
  transition-property: color,filter;
  -o-object-position: center;
  object-position: center;
}

.button-circle--small{
  width: 3rem;
  height: 3rem;
}

.button-circle--small .button-circle__icon{
  width: 2.4rem;
}

@media (min-width: 64em){
  .button-circle--small{
    width: 4rem;
    height: 4rem;
  }
  .button-circle--small .button-circle__icon{
    width: 3rem;
  }
}

.button-circle--large{
  width: 8rem;
  height: 8rem;
}

.button-circle--large .button-circle__icon{
  width: 4rem;
  height: 4rem;
}

@supports (filter: invert(1) saturate(0)){
  body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme{
    background-color: #050033;
    color: #fff;
  }
  body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme .button-circle__icon{
    filter: invert(1) saturate(0);
  }
  @media (hover: hover) and (pointer: fine){
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover{
      border-color: #050033;
      background-color: #fff;
      color: #050033;
      box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
    }
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover .button-circle__icon{
      filter: invert(0);
    }
  }
}

.navigation-bar{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 14.2rem;
  pointer-events: none;
}

.navigation-bar__primary{
  display: flex;
  justify-content: center;
  min-width: 8rem;
  margin: 0 6.4rem;
}

.navigation-bar__primary,
.navigation-bar__secondary{
  pointer-events: auto;
}

.navigation-bar__secondary{
  display: flex;
  flex-basis: 50%;
  justify-content: flex-end;
  transition-duration: .2s;
  transition-property: opacity,transform;
}

.navigation-bar__secondary:last-child{
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 64em){
  .navigation-bar__primary{
    width: 9.6rem;
    margin: 0 9.6rem;
  }
}

.notification-container{
  position: fixed;
  bottom: 14.2rem;
  left: 50%;
  z-index: 9000;
  width: calc(100% - 4rem);
  max-width: 50rem;
  transform: translateX(-50%);
}

.notification-container__list{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (min-width: 64em){
  .notification-container{
    bottom: 15.1rem;
  }
}

.main-menu{
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  background: url(../img/menu--mobile.jpg) no-repeat 50%/cover #050033;
  color: #fff;
  scrollbar-width: none;
  transition-duration: .25s;
  transition-property: opacity;
}

.main-menu::-webkit-scrollbar{
  width: 0;
}

.main-menu:after{
  content: "";
  display: block;
  height: 14.2rem;
}

.main-menu a{
  color: #fff;
  text-decoration: none;
}

.main-menu__section-anim{
  transition-delay: .25s;
  transition-duration: 375ms;
  transition-property: opacity,transform;
}

.main-menu__section-anim--hidden{
  opacity: 0;
  transition-delay: 0ms;
  transition-duration: .75s;
  transform: translateY(2rem);
}

.main-menu__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2rem 0;
}

.main-menu__section-title{
  margin: 3.2rem 0;
  font-weight: 700;
  font-size: 2rem;
}

.main-menu__language{
  min-width: 5rem;
  transition-delay: .25s;
  transition-duration: 375ms;
  transition-property: opacity,transform;
}

.main-menu__language--hidden{
  opacity: 0;
  transition-delay: 0ms;
  transition-duration: .75s;
  transform: translateX(-200%);
}

.main-menu__home-link{
  display: flex;
  align-content: center;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
  transition: opacity .15s cubic-bezier(.4,0,.2,1);
}

.main-menu__logo-image{
  display: inline-block;
  width: 203px;
  height: 56px;
}

@media (min-width: 64em){
  .main-menu__logo-image{
    width: 345px;
    height: 68px;
  }
}

.main-menu__search-bar{
  display: flex;
  justify-content: flex-end;
  min-width: 5rem;
  transition-delay: .25s;
  transition-duration: 375ms;
  transition-property: opacity,transform;
}

.main-menu__search-bar--hidden{
  opacity: 0;
  transition-delay: 0ms;
  transition-duration: .75s;
  transform: translateX(200%);
}

.main-menu__search-bar-input{
  -webkit-appearance: none;
  width: 0;
  height: 6.4rem;
  padding: 0 0 0 2.4rem;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: url(../img/magnifier-white.svg) no-repeat 0/2.4rem transparent;
  color: #fff;
  cursor: pointer;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .2s;
  transition-property: padding-left,width,border-bottom-color;
}

.main-menu__search-bar-input:focus{
  width: 24rem;
  padding-left: 3.2rem;
  border-bottom-color: #fff;
}

.main-menu__link-section{
  display: flex;
  align-items: center;
  padding: 0 0 3.2rem;
}

.main-menu__link-list{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.main-menu__link-list .main-menu__link-item{
  transition: opacity 375ms .25s;
}

.main-menu__link-list .main-menu__link-item:nth-child(2){
  transition-delay: 265ms;
}

.main-menu__link-list .main-menu__link-item:nth-child(3){
  transition-delay: .28s;
}

.main-menu__link-list .main-menu__link-item:nth-child(4){
  transition-delay: 295ms;
}

.main-menu__link-list .main-menu__link-item:nth-child(5){
  transition-delay: .31s;
}

.main-menu__link-list .main-menu__link-item:nth-child(6){
  transition-delay: 325ms;
}

.main-menu__link-list--hidden .main-menu__link-item{
  opacity: 0;
  transition-delay: 0ms!important;
  transition-duration: .75s;
}

.main-menu__link{
  display: block;
  margin: 1rem 0;
  padding: .7rem 0;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.2;
  text-decoration: none;
}

.main-menu__link-label{
  background-position: 115%;
  -webkit-background-clip: text;
  background-size: 210%;
  transition: background-position .3s cubic-bezier(.4,0,.2,1);
  -webkit-text-fill-color: transparent;
}

.main-menu__link:hover>.main-menu__link-label{
  background-position: 0;
  transition-duration: 1s;
}

.main-menu__link .main-menu__link-icon{
  display: inline-block;
  vertical-align: bottom;
  width: 4.2rem;
  height: 4.2rem;
  margin-right: .8rem;
  transition: transform .3s cubic-bezier(.4,0,.2,1);
}

.main-menu__footer{
  display: block;
}

.main-menu__communication-container{
  padding-bottom: 3.2rem;
  border-top: 1px solid #fff;
}

.main-menu__communication-container--account{
  background-color: rgba(5,0,51,.5);
}

.main-menu__communication-links{
  display: block;
  padding: 1.6rem 0;
}

.main-menu__communication-links .button{
  width: 17.8rem;
  height: 5.5rem;
  margin-bottom: 2.5rem;
  background-color: #fff;
  color: #050033;
}

.main-menu__communication-title{
  margin: 3rem 0 0;
  font-weight: 700;
  font-size: 2rem;
  font-family: Montserrat,sans-serif;
}

.main-menu__communication-subtitle{
  margin-bottom: 2.5rem;
}

.main-menu .button{
  transition: all .7s ease-out;
}

.main-menu__social-network-list{
  display: flex;
  margin: 1rem 1rem 0 0;
  padding: 0;
  list-style-type: none;
}

.main-menu__social-network-list>*{
  height: 2.4rem;
  margin-right: 1.6rem;
  line-height: 2.4rem;
}

.main-menu__social-network-list>* img{
  vertical-align: middle;
  width: 2.4rem;
  height: auto;
}

@media (min-width: 64em){
  .main-menu__social-network-list{
    float: right;
  }
}

.main-menu__partners{
  margin-top: 3.2rem;
  padding-bottom: 3.2rem;
  border: 1px solid #fff;
  border-right: none;
  border-left: none;
}

.main-menu__partner-image{
  position: center;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 2.2rem;
}

.main-menu__partners-list{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-right: -1.6rem;
  margin-bottom: -1.6rem;
  padding-left: 0;
  list-style-type: none;
}

@media (min-width: 64em){
  .main-menu__partners-list{
    grid-template-columns: repeat(8,1fr);
  }
  .main-menu__partners-list>li:first-of-type{
    grid-row: 1/14;
  }
}

.main-menu__partners-list>li:first-of-type{
  grid-row: 1/span 10;
  grid-column: 1/2;
}

.main-menu__partners-list>li:first-of-type .main-menu__partner-image{
  height: 8rem;
}

.main-menu__partners-list:after{
  content: "";
  flex: auto;
}

.main-menu__partners-item{
  margin-right: 1.6rem;
  margin-bottom: 1.6rem;
}

.main-menu__partners-item:empty{
  height: 0;
  margin-bottom: 0;
}

.main-menu__announcement{
  padding-bottom: 3.2rem;
  border-bottom: 1px solid #fff;
}

.main-menu__announcement-item{
  display: flex;
  grid-gap: 3rem;
  gap: 3rem;
  align-items: center;
}

.main-menu__legal-links{
  margin: 3.2rem auto 0;
  padding-left: 0;
  list-style-type: none;
}

.main-menu__legal-links-item{
  margin: 1.6rem 0;
}

@media (min-width: 64em){
  .main-menu{
    background-image: url(../img/menu--desktop.jpg);
  }
  .main-menu__section-title{
    font-size: 2.5rem;
  }
  .main-menu__home-link,
  .main-menu__link-section,
  .main-menu__search-bar,
  .main-menu__social-network-list{
    padding-right: 0;
    padding-left: 0;
  }
  .main-menu__logo-image{
    width: 345px;
  }
  .main-menu__search-bar-input:focus{
    width: 32rem;
  }
  .main-menu__link-section{
    height: 57.5rem;
    margin-bottom: 3rem;
    padding-top: 11rem;
    padding-bottom: 12rem;
  }
  .main-menu__link-list{
    flex-grow: 1;
    height: 100%;
  }
  .main-menu__link-list>*{
    display: flex;
    align-items: center;
    width: 50%;
    height: 33%;
    padding-right: 3.2rem;
  }
  .main-menu__link{
    font-size: 4rem;
    line-height: 1;
  }
  .main-menu__partners-item{
    flex-basis: 9.2rem;
  }
  .main-menu__partner-image{
    height: 3.2rem;
  }
  .main-menu__legal-links{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .main-menu__legal-links-item{
    margin: 0 1.6rem 1.6rem;
  }
}

@media (min-width: 64em) and (max-height: 48em){
  .main-menu__link-section{
    height: 32rem;
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
}

.container-spotify{
  position: absolute;
  top: -2rem;
  right: 3.2rem;
  transition: top .3s ease-out,right .3s ease-out;
}

.container-spotify .button-circle{
  width: 4.2rem;
  height: 4.2rem;
  margin-left: 0;
}

.container-spotify .button-circle__icon{
  width: 2.8rem;
}

@media (min-width: 64em){
  .container-spotify{
    top: 2rem;
    right: 2.6rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.presentation--padding{
  padding-top: 4.7rem;
  padding-bottom: 4.7rem;
}

.presentation__full-width{
  position: relative;
}

.presentation__bloc-title{
  margin-bottom: 2.4rem;
}

.presentation__bloc-title h2 +h3{
  margin: 0;
  font-size: 4rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-transform: uppercase;
}

@media (min-width: 64em){
  .presentation__bloc-title h2 +h3{
    font-size: 7rem;
  }
}

.presentation__bloc-title h2:not(.presentation__bloc-title__header-title){
  margin: 0;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-transform: uppercase;
}

.presentation__image{
  margin-bottom: 3.2rem;
}

.presentation__image>img{
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}

@media (min-width: 64em){
  .presentation{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .presentation__bloc-title{
    width: 100%;
  }
  .presentation__image{
    order: 3;
    margin-left: 5.6rem;
  }
  .presentation__image img{
    width: 26rem;
    height: 26rem;
  }
  .presentation__description{
    max-width: 63rem;
  }
  .presentation__description h3{
    margin: 0 0 3rem;
  }
}

.splide__list{
  margin: 0!important;
  padding: 0!important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}

.splide__slide img{
  vertical-align: bottom;
}

.splide__track{
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.layout__block-spacing{
  margin-top: 9.6rem!important;
  margin-bottom: 9.6rem!important;
}

.layout__vertical-margin-trim>:first-child{
  margin-top: 0!important;
}

.layout__vertical-margin-trim>:last-child{
  margin-bottom: 0!important;
}

.button--dark{
  border-color: #050033;
  background-color: #050033;
  color: #fff!important;
}

.button--dark:hover:not(.button--no-hover){
  border-color: #fff;
  background-color: #fff;
  color: #050033!important;
  box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
}

.button:not(a)>a,
a.button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem 2.4rem;
  padding: .5rem var(--padding);
}

.button:not(a)>a{
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: inherit;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.introduction{
  margin-top: 9.6rem;
  margin-bottom: 6rem;
}

.introduction__top{
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}

.introduction__top__title{
  margin-top: .8rem;
  margin-bottom: 1.6rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-transform: uppercase;
}

.introduction__content{
  max-width: 74rem;
}

.introduction__card-list{
  display: block;
  margin-top: 3.2rem;
}

@media (min-width: 64em){
  .introduction__top{
    display: flex;
  }
  .introduction__top__title{
    margin-bottom: 0;
  }
}

.highlight-video{
  margin-top: 14.4rem;
  margin-bottom: 9.6rem;
  background-color: #9b7e61;
  background-image: url(../img/highlight-video.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.highlight-video:before{
  content: "";
  display: block;
  height: .01rem;
}

.highlight-video__content{
  max-width: 86rem;
  margin-top: -4.8rem;
  padding-bottom: 2.4rem;
  text-align: center;
}

.highlight-video .video_wrapper{
  position: relative;
  margin: auto;
  padding-bottom: 56.25%;
}

.highlight-video .video_wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 64em){
  .highlight-video{
    margin-top: 14.4rem;
  }
  .highlight-video__content{
    margin-top: -4.8rem;
    padding-bottom: 6.4rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

:root{
  --notification-timeout: 5s;
}

.slogan{
  font-size: 3rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-align: center;
  text-transform: uppercase;
}

.slogan--fade-in{
  order: 0;
  margin-bottom: 19.2rem;
  transition-timing-function: .2s;
  transition-duration: 2s;
  transition-property: opacity,transform;
}

@media (min-width: 48em){
  .slogan{
    font-size: 6rem;
  }
}

@media (min-width: 64em){
  .slogan{
    font-size: 9rem;
  }
}

.bloc-carousel-media{
  position: relative;
  z-index: 0;
  width: 100%;
  padding-top: 5.6rem;
  padding-bottom: 3.2rem;
  color: #fff;
  line-height: normal;
}

.bloc-carousel-media .bloc-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}

.bloc-carousel-media--white-background{
  color: inherit;
}

body:not(.dark-theme) .bloc-carousel-media--no-background,
body:not(.dark-theme)  .bloc-carousel-media--no-background{
  padding-top: 0;
  padding-bottom: 0;
  color: inherit;
}

.carousel-media{
  display: flex;
  overflow-x: auto;
  padding: 0 .8rem;
  scrollbar-width: none;
}

.carousel-media::-webkit-scrollbar{
  display: none;
}

.carousel-media__item{
  flex-basis: 30rem;
  width: 30rem;
  height: 30rem;
  margin: 0 .8rem;
}

.media-item{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: .9rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.media-item>*{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
}

.media-item__filter{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  transform: scale(1.3);
}

.media-item--video{
  cursor: pointer;
}

.media-item--video:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  background-color: rgba(5,0,51,.2);
}

.media-item--video:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 6.6em;
  height: 6.6em;
  background: url(../img/play.svg) no-repeat;
  background-size: cover;
  transform: translate(-50%) translateY(-50%);
}

.cta__container{
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.2rem;
  margin-bottom: .8rem;
}

.cta__container .button{
  margin: 0 1.6rem .8rem 0;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.minicard-list__section{
  position: relative;
  z-index: 1;
  display: grid;
  margin-right: -.8rem;
  margin-left: -.8rem;
}

.minicard-list__section__title{
  margin-bottom: 1.6rem;
  padding-bottom: .5em;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-transform: uppercase;
}

@media (min-width: 64em){
  .minicard-list__section__title{
    grid-column: 1/4;
  }
}

@media (min-width: 64em){
  .minicard-list__section{
    grid-template-columns: repeat(3,1fr);
    grid-auto-flow: row;
  }
}

.minicard-list__section-title{
  margin-right: .8rem;
  margin-left: .8rem;
  font-size: 1.9rem;
}

@media (min-width: 64em){
  .minicard-list__section-title{
    grid-column: 1/4;
  }
}

.minicard-list__section>*:not(.minicard-list__section-title){
  margin-right: .8rem;
  margin-bottom: .8rem;
  margin-left: .8rem;
}

.minicard-list__section>*:not(.minicard-list__section-title):nth-child(3n+4){
  margin-bottom: 2em;
}

@media (min-width: 64em){
  .minicard-list__section>*:not(.minicard-list__section-title):nth-child(3n+4){
    margin-bottom: .8rem;
  }
}

.minicard-list__section:nth-child(3n+3){
  margin-bottom: 2em;
}

.layout__max-width--large{
  max-width: 106.4rem;
}

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

@media (min-width: 64em){
  .beam{
    width: 100%;
  }
}

.beam:after,
.beam:before{
  content: "";
  position: absolute;
  display: block;
  width: 100rem;
  height: 13.5rem;
  background-image: linear-gradient(90deg,#fff,hsla(0,0%,100%,.01)),url(../img/beam.svg);
  background-position: 0,50%;
  background-size: 150% 100%,contain;
  background-repeat: no-repeat;
  opacity: .8;
  transition-delay: 0s,2s;
  transition-timing-function: cubic-bezier(0,0,.2,1);
  transition-duration: 2.5s;
  transition-property: background-position,background-size;
}

.beam:nth-of-type(3n+1):before{
  transform: translate3d(-45rem,0,0) rotate(45deg) scale(1);
}

.beam:nth-of-type(3n+1):after{
  transform: translate3d(-30rem,70rem,0) rotate(130deg) scale(.8);
}

.beam:nth-of-type(3n+2):before{
  transform: translate3d(-65rem,70rem,0) rotate(-55deg) scale(.8);
}

.beam:nth-of-type(3n+2):after{
  transition-delay: 2s,4s;
  transform: translate3d(-60rem,135rem,0) rotate(145deg) scale(.7);
}

.beam:nth-of-type(3n+3):before{
  transform: translate3d(-20rem,60rem,0) rotate(225deg) scale(1);
}

.beam:nth-of-type(3n+3):after{
  transform: translate3d(-95rem,115rem,0) rotate(-45deg) scale(.7);
}

.beam--alt-position{
  width: 100%;
}

.beam--alt-position:before{
  transform: translate3d(-48rem,0,0) rotate(40deg) scale(.3)!important;
}

.beam--alt-position:after{
  right: 0;
  z-index: -1;
  transform: translate3d(40rem,5rem,0) rotate(-30deg) scale(.4)!important;
}

@media (min-width: 64em){
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    right: 0;
    transition-delay: 1s,3s;
    transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
  }
  .beam:nth-of-type(3n+2):before{
    transform: translate3d(-60rem,47rem,0) rotate(-55deg) scale(.7);
  }
  .beam:nth-of-type(3n+2):after{
    display: none;
  }
  .beam:nth-of-type(3n+3):before{
    transform: translate3d(15rem,25rem,0) rotate(225deg) scale(1);
  }
  .beam:nth-of-type(3n+3):after{
    right: 0;
    z-index: -1;
    transition-delay: 1s,3s;
    transform: translate3d(40rem,16rem,0) rotate(-45deg) scale(.7);
  }
  .beam--alt-position:before{
    transform: translate3d(-45rem,15rem,0) rotate(40deg) scale(.5)!important;
  }
  .beam--alt-position:after{
    transition-delay: .5s,2.5s!important;
    transform: translate3d(45rem,10rem,0) rotate(-30deg) scale(1)!important;
  }
}

:root{
  --notification-timeout: 5s;
}

.page-tile-list{
  min-height: 6.4rem;
}

.page-tile-list__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -1.6rem;
}

.page-tile-list__list:before,
.page-tile-list__list:after,
.page-tile-list__card{
  flex-basis: 30rem;
  margin-left: 1.6rem;
}

.page-tile-list__list:before,
.page-tile-list__list:after{
  content: "";
  order: 1;
}

.page-tile-list__card{
  order: 0;
  margin-bottom: 6.4rem;
}

@media (min-width: 64em){
  .page-tile-list{
    margin-bottom: 16.4rem;
  }
  .page-tile-list__list{
    justify-content: space-between;
  }
  .page-tile-list__list>*:nth-child(4n+3){
    transform: translateY(10rem);
  }
  .page-tile-list__card{
    margin-bottom: 12.8rem;
  }
}

:root{
  --notification-timeout: 5s;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.card__media{
  position: relative;
  display: block;
  overflow: hidden;
}

.card__image{
  padding-top: 100%;
  background-position: center;
  background-size: cover;
  transition: transform 375ms cubic-bezier(.4,0,.2,1);
}

.card__state{
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  min-width: 12.5rem;
  padding: .8rem 1.6rem;
  border-radius: 1.5rem;
  background-color: rgba(145,219,191,.878);
  color: #050033;
  font-size: 1.5rem;
  line-height: 1.4rem;
  text-align: center;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: 375ms;
  transition-property: left,transform;
}

.card__state--discover{
  background-color: rgba(0,102,102,.878);
  color: #fff;
}

.card__button-container{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 2.8rem;
}

.card__button{
  position: relative;
  max-width: calc(100% - 2 * .8rem);
  height: 5.6rem;
  box-shadow: 0 .2rem 1.8rem rgba(5,0,51,.102);
  font-weight: bold;
  transform: translateY(-50%);
}

.card__period{
  margin-bottom: -.4em;
  padding-top: 1.6rem;
  font-size: 2rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  line-height: 1.2;
}

.card__label{
  margin: 1.6rem 0;
  font-weight: bold;
  font-size: 2.5rem;
}

.card__footer--with-separator{
  padding-top: 1.6rem;
  border-top: 1px solid #ddd;
}

.card__footer>*{
  margin-bottom: .8rem;
}

.card__master{
  display: block;
  padding: 1.6rem 0;
}

.card__master--title{
  margin: 1.6rem 0;
  font-weight: normal;
  font-size: 3rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-transform: uppercase;
}

.card__master--descriptif{
  margin: .8rem 0 2.4rem;
}

.splide{
  visibility: hidden;
}

.splide,
.splide__slide{
  position: relative;
  outline: none;
}

.h3-like,
h3{
  margin: 3.2rem 0 2.4rem;
  font-weight: 700;
  font-size: 2rem;
}

@media (min-width: 64em){
  .h3-like,
  h3{
    font-size: 2.5rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.multiple-carousel__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.4rem;
  font-weight: 700;
  font-size: 2rem;
}

.multiple-carousel__header-text{
  margin: 0;
}

.multiple-carousel__btn{
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 1.6rem;
  border: none;
  background: url(../img/arrow-back.svg) center no-repeat;
  cursor: pointer;
}

.multiple-carousel__btn-container{
  white-space: nowrap;
}

@media (min-width: 25em){
  .multiple-carousel__btn{
    width: 3.6rem;
    height: 3.6rem;
  }
}

.multiple-carousel__btn--next{
  transform: rotate(180deg);
}

.multiple-carousel__media-carousel{
  display: block;
  margin-top: -2.4rem;
}

.first--splide{
  margin-bottom: 2rem;
}

.first--splide .splide__track{
  overflow: visible;
}

.first--splide img{
  -o-object-fit: cover;
  object-fit: cover;
  width: 31.7rem;
  height: 17.3rem;
}

@media (min-width: 64em){
  .first--splide img{
    width: 70.7rem;
    height: 44.6rem;
  }
}

.second--splide{
  margin-bottom: 5rem;
}

@media (min-width: 64em){
  .second--splide{
    margin-bottom: 7rem;
  }
}

.second--splide .splide__track{
  overflow: visible;
}

.second--splide .splide__slide{
  cursor: pointer;
}

.second--splide__subtitle{
  margin-right: 5rem;
  font-size: 4rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  opacity: .5;
}

.second--splide__subtitle.is-active,
.second--splide__subtitle:hover{
  opacity: 1;
}

@media (min-width: 64em){
  .second--splide__subtitle{
    margin-right: 10rem;
  }
}

.third--splide-track{
  overflow: visible;
}

.formatted-text h2{
  font-size: 2.5rem;
}

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

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.highlight__button_container{
  display: flex;
}

.highlight__background-container{
  --color: colors.$palette__white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.highlight__background-container:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom,white 10%,transparent 80%);
  opacity: .25;
  transform: translate(50%) rotate(10deg) scaleY(3);
  transform-origin: left center;
  mix-blend-mode: lighten;
}

@supports (--css: variables){
  .highlight__background-container:before{
    background-image: linear-gradient(to bottom,var(--color) 20%,rgba(136,136,136,0) 70%);
    opacity: .5;
  }
}

@media (min-width: 64em){
  .highlight__background-container:before{
    height: 150%;
    background-image: linear-gradient(to left,var(--color) 20%,rgba(136,136,136,0) 70%);
    transform: translateY(-50%) rotate(-27deg) scale(1.2);
    transform-origin: top right;
  }
}

.highlight__container{
  position: relative;
  z-index: 0;
  width: 100%;
  margin-top: 19.6rem;
  padding-bottom: 9.6rem;
  background-color: #fff;
  color: #fff;
  line-height: normal;
}

@media (min-width: 64em){
  .highlight__container{
    min-height: 15em;
    padding-top: 3.2rem;
  }
}

.highlight__picture{
  align-self: flex-end;
  -o-object-fit: cover;
  object-fit: cover;
  width: 18.75em;
  height: 18.75em;
  transform: translateY(-25%);
  -o-object-position: center;
  object-position: center;
}

@media (min-width: 64em){
  .highlight__picture{
    order: 3;
    width: 25em;
    height: 25em;
  }
}

.highlight__title{
  width: 5em;
  margin-top: -1em;
  font-size: 3.12em;
  font-family: "AccorArenaWhite",sans-serif;
  line-height: 1.15em;
}

@media (min-width: 64em){
  .highlight__title{
    width: 8em;
    margin-top: 0;
    margin-top: initial;
    font-size: 7rem;
  }
}

.flex__container{
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (min-width: 64em){
  .flex__container{
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.bloc-logo-card-list__title{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.bloc-logo-card-list__description{
  margin: 0 0 4.8rem;
}

.list-logocard{
  display: flex;
  flex-wrap: wrap;
  margin: -.8rem;
}

.list-logocard__item{
  min-width: 11.2rem;
  margin: .4rem;
}

@media (min-width: 64em){
  .bloc-logo-card-list__description{
    max-width: 74.4rem;
    margin: 0 0 4.8rem;
  }
  .list-logocard{
    margin: -1.6rem;
  }
  .list-logocard__item{
    flex-basis: 13rem;
    margin: 1.6rem;
  }
}

.logo-card{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.2rem;
  height: 8.6rem;
  padding: 1rem;
  border: solid 1px #ddd;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 21px rgba(5,0,51,.2);
}

.logo-card__image{
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 8.6rem;
  max-height: 6rem;
  -o-object-position: center;
  object-position: center;
}

@media (min-width: 64em){
  .logo-card{
    width: 13rem;
    height: 10rem;
    padding: 1.4rem;
  }
  .logo-card__image{
    max-width: 10rem;
    max-height: 7rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.press__title{
  margin: 3.2rem 0 2.4rem;
  font-size: 2rem;
}

.press__generic-title{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

@media (min-width: 64em){
  .press__title{
    font-size: 2.5rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.press-list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.8rem 4.8rem;
  padding: .8rem 0 0;
}

.press-list__title{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

@media (max-width: 47.937em){
  .press-list{
    margin-bottom: 7rem;
  }
}

.press-list__item{
  flex: 1;
  min-width: calc((100% / 2) - (1.6rem));
  max-width: calc((100% / 4) - (1.6rem));
  margin: .8rem;
}

@media (min-width: 48em){
  .press-list__item{
    min-width: calc((100% / 3) - (1.6rem));
  }
}

@media (min-width: 64em){
  .press-list__item{
    min-width: calc((100% / 4) - (3.2rem));
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.card{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 20.5rem;
  border-radius: 3px;
  box-shadow: 0 .2rem 3rem rgba(5,0,51,.2);
}

.card__state{
  position: absolute;
  top: -1rem;
  right: -.8rem;
  padding: .8rem;
  border-radius: 1.5rem;
  background-color: rgba(145,219,191,.878);
  font-size: 1.3rem;
  line-height: .8rem;
}

.card__state--canceled{
  background-color: rgba(255,115,77,.878);
}

.card__state--full{
  background-color: rgba(0,0,227,.878);
  color: #fff;
}

.card__header{
  display: flex;
  flex-direction: column;
  justify-items: center;
  margin: 0 .8rem;
  padding: 1.9rem 0 1.6rem;
  border-bottom: solid .1rem #ddd;
  font-size: 1.8rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

@media (max-width: 47.937em){
  .card__header{
    font-size: 1.2rem;
  }
}

.card__header__subtitle{
  margin-top: 10px;
  font-size: 1.5rem;
}

@media (max-width: 47.937em){
  .card__header__subtitle{
    font-size: 1rem;
  }
}

.card__link{
  display: block;
  margin: 0 .8rem;
  padding: 1.5rem 0 1.8rem;
  border-top: solid .1rem #ddd;
  color: #050033;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
}

@media (max-width: 47.937em){
  .card__link{
    font-size: 1.5rem;
    text-align: center;
  }
}

.card__content{
  margin: auto 0;
  padding: 1.1rem 1.4rem;
}

.card__media-content{
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 1.1rem 1.4rem;
  color: #050033;
  text-decoration: none;
}

.card__media-content__image{
  padding: 0 1.8rem 0 .5rem;
}

.card__media-content__image .image-container{
  display: block;
  overflow: hidden;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
}

.card__media-content__image .image-container img{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
}

@media (max-width: 47.937em){
  .card__media-content__image .image-container{
    width: 3.6rem;
    height: 3.6rem;
  }
}

@media (max-width: 47.937em){
  .card__media-content__image{
    padding: 0 1.2rem 0 .3rem;
  }
}

.card__media-content__label{
  font-weight: bold;
  font-size: 2rem;
  text-decoration: none;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 47.937em){
  .card__media-content__label{
    font-size: 1.4rem;
  }
}

.card__stamp{
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  align-items: center;
  margin: 0 .8rem 1.2rem;
  font-weight: 700;
}

.card__stamp p{
  margin: 0;
}

@media (min-width: 64em){
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    right: 0;
    transition-delay: 1s,3s;
    transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
  }
}

.button--dark.button--outline{
  background-color: transparent;
  color: #050033!important;
}

.header__button{
  margin-left: 2.5rem;
  box-shadow: 0 .2rem .24rem 0 hsla(0,0%,47%,.5);
}

@media (min-width: 64em){
  .header__button{
    margin-left: 4rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.ticket-type-list__title,
.ticket-type-list__subtitle{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.media-gallery__title{
  font-size: 2.5rem;
}

.media-gallery__list{
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  grid-gap: 4rem 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

@media (min-width: 48em){
  .media-gallery__list{
    grid-template-columns: repeat(2,1fr);
    grid-gap: 3.2rem;
  }
}

@media (min-width: 64em){
  .media-gallery__list{
    grid-template-columns: auto 1fr auto;
    grid-gap: 4.2rem .8rem;
  }
  .media-gallery__list-item{
    justify-self: center;
  }
}

.media-gallery__list-item{
  display: block;
  width: 100%;
}

@media (min-width: 64em){
  .media-gallery__list-item{
    width: 30rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.sessions__title{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.sessions__list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.8rem 4.8rem;
  padding: .8rem 0 0;
}

@media (max-width: 47.937em){
  .sessions__list{
    margin-bottom: 7rem;
  }
}

.sessions__list__item{
  flex: 1;
  min-width: calc((100% / 2) - (1.6rem));
  max-width: calc((100% / 4) - (1.6rem));
  margin: .8rem;
}

@media (min-width: 48em){
  .sessions__list__item{
    min-width: calc((100% / 3) - (1.6rem));
  }
}

@media (min-width: 64em){
  .sessions__list__item{
    min-width: calc((100% / 4) - (3.2rem));
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.sessions__title{
  margin-bottom: -.8rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.sessions__list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.8rem 4.8rem;
  padding: .8rem 0 0;
}

@media (max-width: 47.937em){
  .sessions__list{
    margin-bottom: 7rem;
  }
}

.sessions__list__item{
  flex: 1;
  min-width: calc((100% / 2) - (1.6rem));
  max-width: calc((100% / 4) - (1.6rem));
  margin: .8rem;
}

@media (min-width: 48em){
  .sessions__list__item{
    min-width: calc((100% / 3) - (1.6rem));
  }
}

@media (min-width: 64em){
  .sessions__list__item{
    min-width: calc((100% / 4) - (3.2rem));
  }
}

.alert{
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  min-height: 3rem;
  margin: 3.2rem 0 -4.8rem;
  padding: .8rem 1.6rem;
  border-radius: 6px;
  background-color: #ff734d;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.5;
}

.alert:before{
  content: "";
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.6rem;
  background: url(../img/alert--white.svg) no-repeat center/contain;
}

@media (min-width: 64em){
  .alert{
    min-height: 5rem;
    font-size: 1.5rem;
  }
}

h4{
  margin: 3.2rem 0 2.4rem;
  font-weight: 700;
  font-size: 1.7rem;
}

@media (min-width: 64em){
  h4{
    font-size: 2rem;
  }
}

.button-circle__label{
  text-transform: capitalize;
}

@-webkit-keyframes featured-card__image-container--mobile--big{
  0%{
    padding-top: 30vh;
  }
  to{
    padding-top: 40vh;
  }
}

@keyframes featured-card__image-container--mobile--big{
  0%{
    padding-top: 30vh;
  }
  to{
    padding-top: 40vh;
  }
}

@-webkit-keyframes featured-card__image-container--big{
  0%{
    height: 40rem;
  }
  to{
    height: 52rem;
  }
}

@keyframes featured-card__image-container--big{
  0%{
    height: 40rem;
  }
  to{
    height: 52rem;
  }
}

@-webkit-keyframes featured-card__image--big{
  0%{
    transform: scale(1);
  }
  to{
    transform: scale(1.1);
  }
}

@keyframes featured-card__image--big{
  0%{
    transform: scale(1);
  }
  to{
    transform: scale(1.1);
  }
}

.featured-card{
  margin-bottom: 9.6rem;
}

.featured-card__image-container{
  position: relative;
  overflow: hidden;
  padding-top: 30vh;
}

.featured-card--big .featured-card__image-container{
  -webkit-animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
  animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.featured-card__image{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  background-position: bottom;
  background-size: cover;
}

.featured-card--big .featured-card__image{
  -webkit-animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
  animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.featured-card__card{
  position: relative;
  z-index: 0;
  padding: 0 3.2rem 3.2rem;
  background-color: #fff;
  color: #fff;
  line-height: normal;
}

.featured-card__card-reflection{
  --color: colors.$palette__white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.featured-card__card-reflection:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg,#fff 10%,transparent 80%);
  opacity: .25;
  transform: translateX(30%) rotate(30deg) scaleY(3);
  transform-origin: left center;
  mix-blend-mode: lighten;
}

@supports (--css: variables){
  .featured-card__card-reflection:before{
    background-image: linear-gradient(to bottom,var(--color) 20%,hsla(0,0%,53%,0) 70%);
    opacity: .5;
  }
}

.featured-card__footer{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.featured-card__miniature{
  position: relative;
  top: -4rem;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  margin: auto auto -2.4rem;
  border-radius: 50%;
  background-position: 50%;
  background-size: cover;
}

.featured-card__header-text{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.featured-card__label{
  margin: 1.6rem 0;
  font-weight: 600;
  font-size: 5rem;
}

.featured-card__period{
  font-size: 2rem;
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
  line-height: 1.3;
}

.featured-card__complement{
  margin: 0 0 1.6rem;
  font-weight: 600;
  text-align: center;
}

.featured-card__action-area{
  display: flex;
  width: 100%;
  margin-bottom: 1.6rem;
}

.featured-card__button{
  flex-grow: 1;
  flex-basis: 50%;
  color: #050033;
}

.featured-card__content-below-indicator{
  display: block;
  width: 4.2rem;
  margin: 2.4rem auto 0;
}

@media (min-width: 64em){
  .featured-card{
    position: relative;
    margin-bottom: 21.6rem;
  }
  .featured-card__image-container{
    height: 40rem;
    padding-top: 0;
  }
  .featured-card--big .featured-card__image-container{
    -webkit-animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .featured-card__card{
    position: absolute;
    bottom: -12rem;
    left: 50%;
    padding: 0;
    border-radius: 12px;
    transform: translateX(-50%);
  }
  .featured-card__card-reflection{
    border-radius: 12px;
  }
  .featured-card__card-reflection:before{
    transform: translateX(45%) translateY(-20%) rotate(66deg) scaleY(4);
  }
  .featured-card__footer,
  .featured-card__header{
    padding-right: 4.8rem;
    padding-left: 6.4rem;
  }
  .featured-card__header{
    display: flex;
    align-items: center;
    padding-top: 3.2rem;
    padding-bottom: 2.4rem;
  }
  .featured-card__footer{
    flex-direction: row;
    justify-content: space-between;
    height: 12rem;
    padding-bottom: .8rem;
    border-top: 1px solid #fff;
  }
  .featured-card__miniature{
    position: static;
    width: 11.6rem;
    height: 11.6rem;
    margin: 0;
  }
  .featured-card__header-text{
    align-items: flex-start;
    margin-left: 4.8rem;
    text-align: left;
  }
  .featured-card__period{
    font-size: 2.5rem;
  }
  .featured-card__label{
    margin: .8rem 0 0;
    font-size: 6rem;
  }
  .featured-card__complement{
    display: -webkit-box;
    overflow: hidden;
    max-height: 3em;
    margin-right: 1.6rem;
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 1.5em;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .featured-card__action-area{
    flex-shrink: 0;
    width: auto;
    margin-bottom: 0;
  }
  .featured-card__button{
    flex-grow: 0;
    flex-basis: auto;
    min-width: 16rem;
  }
  .featured-card__content-below-indicator{
    display: none;
  }
}

.spotify-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: -2.4rem;
  margin-left: -2.4rem;
}

.spotify-list:before,
.spotify-list:after,
.spotify-list__item{
  flex-grow: 1;
  flex-basis: 29.0333333333rem;
  margin-top: 2.4rem;
  margin-left: 2.4rem;
  cursor: pointer;
}

.spotify-list:before,
.spotify-list:after{
  content: "";
  order: 1;
}

.spotify-list__item{
  order: 0;
}

@media (min-width: 64em){
  .spotify-list{
    margin-top: -.8rem;
    margin-left: -.8rem;
  }
  .spotify-list:before,
  .spotify-list:after,
  .spotify-list__item{
    flex-basis: 32.2333333333rem;
    margin-top: .8rem;
    margin-left: .8rem;
  }
}

.spotify-tile{
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 13rem;
  padding: 1.2rem;
  border-radius: 12px;
  background-color: #050033;
  color: #fff;
  box-shadow: inset 0 0 100px 100px rgba(255,255,255,0);
  transition: box-shadow ease .5s;
}

.spotify-tile__image{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition: all ease .5s;
  -o-object-position: center;
  object-position: center;
}

.spotify-tile__image-container{
  order: 1;
  overflow: hidden;
  width: 10.6em;
  border-radius: 12px;
}

.spotify-tile:hover{
  box-shadow: inset 0 0 100px 100px rgba(255,255,255,.102);
}

.spotify-tile:hover .spotify-tile__image{
  transform: scale(1.2);
}

.spotify-tile__text{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  order: 2;
  width: 100%;
  padding-left: 1.2rem;
}

.spotify-tile__text>*{
  flex-basis: 50%;
}

.spotify-tile__complement{
  display: flex;
  order: 1;
}

.spotify-tile__label{
  order: 2;
  margin: 0;
  font-weight: bold;
  font-size: 2.2rem;
}

.spotify-tile__date{
  flex-grow: 1;
  align-self: flex-end;
  font-size: 1.2rem;
}

.spotify-tile__icon{
  align-self: flex-start;
  width: 3.2rem;
  margin-left: .8rem;
}

:root{
  --notification-timeout: 5s;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.header{
  position: fixed;
  top: 0;
  z-index: 4000;
  width: 100%;
  min-height: 8rem;
  background-color: #fff;
  color: #050033;
  box-shadow: 0 .2rem 2.4rem rgba(0,0,0,.2);
  transition: transform .2s cubic-bezier(0,0,.2,1);
}

.header__banner{
  display: flex;
  flex-wrap: wrap;
  grid-gap: 5px 10px;
  gap: 5px 10px;
  justify-content: center;
  width: 100%;
  padding: 5px 10px;
  background: #050033;
  color: #fff;
  text-align: center;
}

.header__banner .banner__text{
  margin: 0;
}

.header__banner .banner__linkContainer{
  display: flex;
  align-items: center;
}

.header__banner .banner__link{
  text-decoration: underline;
}

.header__placeholder{
  display: block;
  height: 8rem;
}

@media (min-width: 64em){
  .header__placeholder{
    height: 10rem;
  }
}

.header__main{
  display: flex;
  align-items: center;
  height: 8rem;
}

.header__main-flex-item{
  flex-grow: 1;
  flex-basis: 50%;
}

.header__complementary{
  height: 7.5rem;
}

.header__title{
  color: inherit;
  font-weight: 400;
  font-size: 2.2rem;
  font-family: inherit;
  text-decoration: none;
}

.header__logo{
  display: none;
}

.header__action-area{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header__action-area .button-circle{
  margin-left: 3.2rem;
}

@media (max-width: 63.937em){
  .header__action-area:empty{
    display: none;
  }
}

.header__separator{
  border-bottom: 1px solid #050033;
}

.header__date-list{
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 3.2rem;
}

.header__date{
  display: flex;
  align-items: center;
  height: 7.5rem;
  color: inherit;
  text-decoration: none;
}

.header__date--year{
  font-weight: 600;
  font-size: 2rem;
}

.is-active>.header__date{
  color: #0000e3;
  font-weight: bold;
}

@media (min-width: 64em){
  .header__main{
    height: 10rem;
  }
  .header__complementary{
    height: 8.5rem;
  }
  .header__logo{
    display: block;
    flex-shrink: 0;
    flex-basis: 28.4rem;
    margin: 0 1.6rem;
  }
  .header__logo-light-theme{
    display: block;
  }
  .header__date{
    height: 8.5rem;
    font-size: 1.8rem;
  }
  .header__date--year{
    font-size: 3rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

:root{
  --notification-timeout: 5s;
}

@-webkit-keyframes featured-card__image-container--mobile--big{
  0%{
    padding-top: 60%;
  }
  to{
    padding-top: 80%;
  }
}

@keyframes featured-card__image-container--mobile--big{
  0%{
    padding-top: 60%;
  }
  to{
    padding-top: 80%;
  }
}

@-webkit-keyframes featured-card__image-container--big{
  0%{
    height: 40rem;
  }
  to{
    height: 52rem;
  }
}

@keyframes featured-card__image-container--big{
  0%{
    height: 40rem;
  }
  to{
    height: 52rem;
  }
}

@-webkit-keyframes featured-card__image--big{
  0%{
    transform: scale(1);
  }
  to{
    transform: scale(1.1);
  }
}

@keyframes featured-card__image--big{
  0%{
    transform: scale(1);
  }
  to{
    transform: scale(1.1);
  }
}

.featured-card{
  margin-bottom: 9.6rem;
}

.featured-card--tiny_border{
  margin-bottom: 0;
}

.featured-card__image-container{
  position: relative;
  overflow: hidden;
  padding-top: 60%;
}

.featured-card--big .featured-card__image-container{
  -webkit-animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
  animation: featured-card__image-container--mobile--big 1s cubic-bezier(.4,0,.2,1);
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.featured-card__image{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  background-position: bottom;
  background-size: cover;
}

.featured-card--big .featured-card__image{
  -webkit-animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
  animation: featured-card__image--big 3s cubic-bezier(.4,0,.2,1);
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.featured-card__card{
  position: relative;
  z-index: 0;
  padding: 0 3.2rem 3.2rem;
  background-color: #fff;
  color: #fff;
  line-height: normal;
}

.featured-card__card-reflection{
  --color: colors.$palette__white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.featured-card__card-reflection:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom,white 10%,transparent 80%);
  opacity: .25;
  transform: translate(30%) rotate(30deg) scaleY(3);
  transform-origin: left center;
  mix-blend-mode: lighten;
}

@supports (--css: variables){
  .featured-card__card-reflection:before{
    background-image: linear-gradient(to bottom,var(--color) 20%,rgba(136,136,136,0) 70%);
    opacity: .5;
  }
}

.featured-card__footer{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.featured-card__miniature{
  position: relative;
  top: -4rem;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  margin: auto auto -2.4rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}

.featured-card__header-text{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.featured-card__label{
  margin: 1.6rem 0;
  font-weight: 600;
  font-size: 5rem;
}

.featured-card__infos{
  display: flex;
  flex-direction: column;
}

.featured-card__period,
.featured-card__room{
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
  font-size: 2rem;
  line-height: 1.3;
}

.featured-card__separator{
  display: none;
  visibility: hidden;
}

.featured-card__complement{
  margin: 0 0 1.6rem;
  font-weight: 600;
  text-align: center;
}

.featured-card__action-area{
  display: flex;
  width: 100%;
  margin-bottom: 1.6rem;
}

.featured-card__button{
  flex-grow: 1;
  flex-basis: 50%;
  color: #050033;
}

.featured-card__button +.featured-card__button{
  margin-left: 3.2rem;
}

.featured-card__content-below-indicator{
  display: block;
  width: 4.2rem;
  margin: 2.4rem auto 0;
}

@media (min-width: 64em){
  .featured-card{
    position: relative;
    padding-bottom: 12rem;
  }
  .featured-card--tiny_border{
    margin-bottom: 4.4rem;
  }
  .featured-card__image-container{
    height: 40rem;
    padding-top: 0;
  }
  .featured-card--big .featured-card__image-container{
    -webkit-animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .featured-card__card{
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 0;
    border-radius: 12px;
    transform: translate(-50%);
  }
  .featured-card__card-reflection{
    border-radius: 12px;
  }
  .featured-card__card-reflection:before{
    transform: translate(45%) translateY(-20%) rotate(66deg) scaleY(4);
  }
  .featured-card__header,
  .featured-card__footer{
    padding-right: 4.8rem;
    padding-left: 6.4rem;
  }
  .featured-card__header{
    display: flex;
    align-items: center;
    padding-top: 3.2rem;
    padding-bottom: 2.4rem;
  }
  .featured-card__footer{
    flex-direction: row;
    justify-content: space-between;
    height: 12rem;
    padding-bottom: .8rem;
    border-top: 1px solid #fff;
  }
  .featured-card__miniature{
    position: static;
    width: 11.6rem;
    height: 11.6rem;
    margin: 0;
  }
  .featured-card__header-text{
    align-items: flex-start;
    margin-left: 4.8rem;
    text-align: left;
  }
  .featured-card__period,
  .featured-card__room{
    font-size: 2.5rem;
  }
  .featured-card__infos{
    flex-direction: row;
  }
  .featured-card__separator{
    display: inline;
    visibility: visible;
  }
  .featured-card__label{
    margin: .8rem 0 0;
    font-size: 6rem;
  }
  .featured-card__complement{
    display: -webkit-box;
    overflow: hidden;
    max-height: 3em;
    margin-right: 1.6rem;
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 1.5em;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .featured-card__action-area{
    flex-shrink: 0;
    width: auto;
    margin-bottom: 0;
  }
  .featured-card__button{
    flex-grow: 0;
    flex-basis: auto;
    min-width: 16rem;
  }
  .featured-card__content-below-indicator{
    display: none;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.packages__title{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.packages__list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.8rem 4.8rem;
  padding: .8rem 0 0;
}

@media (max-width: 47.937em){
  .packages__list{
    margin-bottom: 7rem;
  }
}

.packages__list__item{
  flex: 1;
  min-width: calc((100% / 2) - (1.6rem));
  max-width: calc((100% / 4) - (1.6rem));
  margin: .8rem;
}

@media (min-width: 48em){
  .packages__list__item{
    min-width: calc((100% / 3) - (1.6rem));
  }
}

@media (min-width: 64em){
  .packages__list__item{
    min-width: calc((100% / 4) - (3.2rem));
  }
}

.button__icon{
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.6rem;
  margin-left: -.8rem;
  background-position: 50%;
  background-size: contain;
  transition: filter .2s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

.button--slide-up-hover{
  border: none;
}

.button--slide-up-hover:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  z-index: -1;
  display: block;
  border-radius: 6px;
  background-color: #050033;
  transition: transform .2s cubic-bezier(.4,0,.2,1);
  transform: translateY(100%);
  will-change: transform;
}

.button--slide-up-hover:hover:not(.button--no-hover){
  color: #fff;
}

.button--slide-up-hover:hover:not(.button--no-hover) .button__icon{
  filter: invert(1) saturate(0);
}

.button--slide-up-hover:hover:not(.button--no-hover):before{
  transform: translateY(-1px);
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

:root{
  --notification-timeout: 5s;
}

.card-list__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: space-evenly;
  margin-left: -1.6rem;
}

.card-list__list:before,
.card-list__list:after,
.card-list__card{
  flex-basis: 30rem;
  margin-left: 1.6rem;
}

.card-list__list:before,
.card-list__list:after{
  content: "";
  order: 1;
}

.card-list__card{
  order: 0;
  margin-bottom: 6.4rem;
  transition-timing-function: .2s;
  transition-duration: .5s;
  transition-property: opacity,transform;
}

@media (min-width: 64em){
  .card-list__card:nth-child(3n+2){
    transition-delay: .1s;
  }
  .card-list__card:nth-child(3n+3){
    transition-delay: .2s;
  }
}

@media (min-width: 64em){
  .card-list__list{
    justify-content: space-between;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

:root{
  --notification-timeout: 5s;
}

.room-selector{
  position: -webkit-sticky;
  position: sticky;
  top: var(--addTop);
  z-index: 4000;
  background-color: #fff;
  transition: top .15s cubic-bezier(.4,0,1,1);
}

.room-selector-container{
  display: flex;
  flex-direction: row;
  grid-gap: 28px;
  gap: 28px;
  align-items: flex-start;
  overflow-x: scroll;
  margin-bottom: 44px;
  padding-top: 24px;
  border-bottom: 1px solid #cecfca;
  padding-inline: 24px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.room-selector-container::-webkit-scrollbar{
  display: none;
}

.room-selector button{
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px;
  padding: 0;
  border: none;
  background: none;
  font-weight: 400;
  font-style: normal;
  font-size: 2.2rem;
  font-family: "Montserrat",sans-serif;
  line-height: 27px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .25s ease-in-out;
}

.room-selector button:after{
  content: "";
  width: 100%;
  border-bottom: 4px solid #050033;
  transition: all .25s ease-in-out;
  transform: scaleX(0);
}

.room-selector .isActive,
.room-selector button:hover{
  color: #050033;
  font-weight: 600;
}

.room-selector .isActive:after,
.room-selector button:hover:after{
  transform: scaleX(1);
}

@media (min-width: 64em){
  .room-selector-container{
    grid-gap: 80px;
    gap: 80px;
    justify-content: center;
    width: calc(100% - (2 * 3.2rem));
    max-width: 106.4rem;
    margin: 44px auto;
  }
}

:root{
  --notification-timeout: 5s;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.card{
  position: relative;
}

.card:link,
.card:active,
.card:visited{
  color: #050033;
  text-decoration: none;
}

.card__media{
  position: relative;
  display: block;
  overflow: hidden;
}

.card__image{
  display: block;
  padding-top: 100%;
  background-position: center;
  background-size: cover;
  transition: transform 375ms cubic-bezier(.4,0,.2,1);
}

.card:hover .card__image{
  transition-duration: .5s;
  transform: scale(1.2);
}

.card__state{
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  display: inline-block;
  min-width: 12.5rem;
  padding: .8rem 1.6rem;
  border-radius: 1.5rem;
  background-color: rgba(145,219,191,.878);
  font-size: 1.5rem;
  line-height: 1.4rem;
  text-align: center;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: 375ms;
  transition-property: left,transform;
}

.card__state--canceled{
  background-color: rgba(255,115,77,.878);
}

.card__state--full{
  background-color: rgba(0,0,227,.878);
  color: #fff;
}

.card:hover .card__state{
  left: 50%;
  transition-duration: .5s;
  transform: translate(-50%);
}

.card__button-container{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 2.8rem;
}

.card__button{
  position: relative;
  max-width: calc(100% - 2 * .8rem);
  height: 5.6rem;
  box-shadow: 0 .2rem 1.8rem rgba(5,0,51,.102);
  font-weight: bold;
  transform: translateY(-50%);
}

.card__period{
  margin-bottom: -.4em;
  padding-top: 1.6rem;
  font-size: 2rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  line-height: 1.2;
}

.card__label{
  margin: 1.6rem 0;
  font-weight: bold;
  font-size: 2.5rem;
}

.card__footer--with-separator{
  padding-top: 1.6rem;
  border-top: 1px solid #ddd;
}

.card__footer>*{
  margin-bottom: .8rem;
}

.card__footer-stamp{
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  align-items: center;
  font-weight: 700;
}

.card__footer-stamp p{
  margin: 0;
}

.card .spotify-link{
  position: absolute;
  top: 15px;
  right: 15px;
}

.card .spotify-link img{
  width: 30px;
  height: 30px;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w9.woff) format('woff');
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.container-spotify{
  position: absolute;
  top: calc(-40vh +3.2rem);
  right: 3.2rem;
  transition: top .3s ease-out,right .3s ease-out;
}

.container-spotify .button-circle{
  width: 4.2rem;
  height: 4.2rem;
  margin-left: 0;
}

.container-spotify .button-circle__icon{
  width: 2.8rem;
}

@media (min-width: 64em){
  .container-spotify{
    top: 2rem;
    right: 2.6rem;
  }
}

@media (min-width: 64em){
  .featured-card{
    position: relative;
    margin-bottom: 21.6rem;
  }
  .featured-card__image-container{
    height: 40rem;
    padding-top: 0;
  }
  .featured-card--big .featured-card__image-container{
    -webkit-animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    animation: featured-card__image-container--big 1s cubic-bezier(.4,0,.2,1);
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .featured-card__card{
    position: absolute;
    bottom: -12rem;
    left: 50%;
    padding: 0;
    border-radius: 12px;
    transform: translateX(-50%);
  }
  .featured-card__card-reflection{
    border-radius: 12px;
  }
  .featured-card__card-reflection:before{
    transform: translateX(45%) translateY(-20%) rotate(66deg) scaleY(4);
  }
  .featured-card__footer,
  .featured-card__header{
    padding-right: 4.8rem;
    padding-left: 6.4rem;
  }
  .featured-card__header{
    display: flex;
    align-items: center;
    padding-top: 3.2rem;
    padding-bottom: 2.4rem;
  }
  .featured-card__footer{
    flex-direction: row;
    justify-content: space-between;
    height: 12rem;
    padding-bottom: .8rem;
    border-top: 1px solid #fff;
  }
  .featured-card__miniature{
    position: static;
    width: 11.6rem;
    height: 11.6rem;
    margin: 0;
  }
  .featured-card__header-text{
    align-items: flex-start;
    margin-left: 4.8rem;
    text-align: left;
  }
  .featured-card__period{
    font-size: 2.5rem;
  }
  .featured-card__label{
    margin: .8rem 0 0;
    font-size: 6rem;
  }
  .featured-card__complement{
    display: -webkit-box;
    overflow: hidden;
    max-height: 3em;
    margin-right: 1.6rem;
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 1.5em;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .featured-card__content-below-indicator{
    display: none;
  }
}

.unstyled-link,
.unstyled-link:not(a)>a{
  color: inherit;
  text-decoration: inherit;
}

hr{
  margin: 4.8rem 0;
}

.faq-type-form{
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 10rem - 14.2rem - 4.2rem);
}

.faq-type-form__title{
  font-size: 2rem;
}

.faq-type-form__list{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(30rem,1fr));
  grid-gap: 2.4rem;
  gap: 2.4rem;
}

.faq-type-form__cta-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.2rem;
  margin-left: -1.6rem;
}

.faq-type-form__cta-list>*{
  margin-top: 1.6rem;
  margin-left: 1.6rem;
}

.faq-type-form__secondary-cta{
  margin-bottom: 2.4rem;
  padding-left: 4rem;
  background: url(../img/chevron-right.svg) no-repeat left center/3.4rem;
}

@media (min-width: 64em){
  .faq-type-form__title{
    font-size: 3.4rem;
  }
  .faq-type-form__secondary-cta{
    margin-bottom: 3.2rem;
    font-size: 2rem;
  }
}

.dark-theme{
  background-color: #050033;
  color: #fff;
}

:root{
  --notification-timeout: 5s;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.homepage{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #050033;
}

.homepage__logo{
  position: absolute;
  top: 5rem;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.homepage__logo-image{
  width: 234px;
  height: 46px;
}

@media (min-width: 64em){
  .homepage__logo-image{
    width: 345px;
    height: 68px;
  }
}

.homepage__content{
  position: relative;
  display: flex;
  flex-grow: 1;
}

.homepage__content-track{
  display: flex;
  flex-grow: 1;
  overflow: visible;
}

.homepage__content-list{
  flex-grow: 1;
}

.homepage__content-item{
  width: 100%!important;
  height: 100%!important;
}

.homepage__content-background{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.homepage__content-background:after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-color: rgba(5,0,51,.4);
}

.homepage__content-image{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  transition: transform .5s cubic-bezier(1,0,1,0);
  transform: scale(1);
}

.homepage__content-item.is-active .homepage__content-image{
  transition-timing-function: cubic-bezier(.3,.05,.2,1);
  transition-duration: 6s;
  transform: scale(1.1);
}

.homepage__content-video{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.homepage__progress{
  overflow: hidden;
  box-sizing: content-box;
  width: 24.4rem;
  height: 3px;
  margin-bottom: 1.6rem;
  margin-left: .8rem;
}

.homepage__progress:before{
  content: "";
  position: relative;
  top: 1px;
  display: block;
  height: 1px;
  background-color: #fff;
}

.homepage__progress-indicator{
  position: relative;
  top: -1px;
  left: -24.4rem;
  width: 24.4rem;
  height: 3px;
  border-radius: 3px;
  background-color: #f7bf00;
}

.homepage__progress-indicator.active{
  transition: transform 6s linear;
  transform: translate(24.4rem);
}

.homepage__thumbnail{
  position: relative;
  flex-shrink: 0;
  overflow: visible;
  padding-bottom: 14.2rem;
}

.homepage__thumbnail-track{
  overflow: visible!important;
}

.homepage__button{
  height: 5.5rem;
  border: none;
  background-color: rgba(255,255,255,.902);
  color: #050033;
  font-size: 1.8rem;
}

.homepage__button +.homepage__button{
  margin-left: 1.6rem;
}

.homepage__button:hover,
.homepage__button:focus,
.homepage__button:active{
  background-color: #fff;
}

@media (max-height: 40em){
  .homepage__logo{
    top: 3.2rem;
  }
  .homepage__button{
    height: 4rem;
  }
}

@media (min-width: 64em){
  .homepage__logo{
    top: 3.2rem;
  }
  .homepage__logo-image{
    width: 34.5rem;
  }
  .homepage__progress{
    height: 3px;
    margin-bottom: 1.6rem;
  }
  .homepage__button{
    max-width: none;
    font-size: 2rem;
  }
}

@media (min-width: 64em) and (max-height: 48em){
  .homepage__button{
    height: 4rem;
    font-size: 1.8rem;
  }
}

.content{
  position: relative;
  width: 100%;
  height: 100%;
}

.content__body{
  position: absolute;
  right: 0;
  bottom: calc(25% - 5rem);
  left: 0;
  color: #fff;
}

.content__title{
  display: flex;
  align-items: center;
  min-height: 8.2rem;
  margin: 1rem 0;
  font-weight: normal;
  font-size: 4.8rem;
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
  line-height: 1.2;
}

.content__complement{
  padding-left: 6rem;
  background-image: url(../img/beam-yellow.svg);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 4.8rem;
}

.content__complement--partner{
  height: 4.8rem;
}

.content__complement--blue{
  background-image: url(../img/beam-blue.svg);
}

.content__complement--orange{
  background-image: url(../img/beam-orange.svg);
}

.content__buttons{
  display: flex;
}

@media (min-height: 32em) and (max-width: 24.937em){
  .content__title{
    min-height: 10rem;
    font-size: 5.4rem;
  }
}

@media (min-width: 64em){
  .content__body{
    bottom: 0;
    padding-bottom: 4.8rem;
  }
  .content__title{
    min-height: 20rem;
    font-size: 10rem;
  }
  .content__complement{
    font-size: 2rem;
  }
}

@media (min-width: 64em) and (max-height: 48em){
  .content__body{
    padding-bottom: 3.2rem;
  }
  .content__title{
    min-height: 8rem;
    font-size: 6rem;
  }
}

@media (min-width: 64em){
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    right: 0;
    transition-delay: 1s,3s;
    transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
  }
  .beam:nth-of-type(3n+2):before{
    transform: translate3d(-60rem,47rem,0) rotate(-55deg) scale(.7);
  }
  .beam:nth-of-type(3n+2):after{
    display: none;
  }
  .beam--alt-position:before{
    transform: translate3d(-45rem,15rem,0) rotate(40deg) scale(.5)!important;
  }
  .beam--alt-position:after{
    transition-delay: .5s,2.5s!important;
    transform: translate3d(45rem,10rem,0) rotate(-30deg) scale(1)!important;
  }
}

figcaption{
  margin: 1.6rem 0;
  color: #787878;
  font-size: 1.2rem;
  text-align: center;
}

@media (min-width: 64em){
  figcaption{
    text-align: left;
  }
}

.article-multi-image__figure{
  margin: 3.2rem 0;
}

.article-multi-image__caption{
  text-align: center;
}

@media (min-width: 64em){
  .article-multi-image{
    display: flex;
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }
  .article-multi-image>*{
    flex-grow: 1;
    flex-basis: 33%;
  }
  .article-multi-image>* +*{
    margin-left: .8rem;
  }
  .article-multi-image__figure{
    margin-top: 0;
    margin-bottom: 0;
  }
  .article-multi-image__image-container{
    position: relative;
    overflow: hidden;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)){
    .article-multi-image__image-container{
      padding-top: 56.25%;
    }
    .article-multi-image--square .article-multi-image__image-container{
      padding-top: 100%;
    }
    .article-multi-image--portrait .article-multi-image__image-container{
      padding-top: 150%;
    }
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)){
    .article-multi-image__image{
      position: absolute;
      top: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.header__date-list{
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 3.2rem;
}

.header__date{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 85px;
  height: 7.5rem;
  color: inherit;
  cursor: pointer;
}

.header__date--year{
  font-weight: 600;
  font-size: 2rem;
}

.is-selected>.header__date{
  color: #0000e3;
  font-weight: bold;
}

@media (min-width: 64em){
  .header__date{
    height: 8.5rem;
    font-size: 1.8rem;
  }
  .header__date--year{
    font-size: 3rem;
  }
}

.splide__track{
  width: 100%;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.time-slot__container{
  display: grid;
  grid-template-columns: repeat(2,50%);
  grid-auto-flow: row;
  grid-gap: 1em;
}

@media (min-width: 64em){
  .time-slot__container{
    grid-template-columns: 1fr;
  }
}

.time-slot__title{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.time-slot__link{
  margin: 3.2rem 0;
  text-align: center;
}

.layout__max-width--small{
  max-width: 70rem;
}

.formatted-text--no-margin-top:first-child{
  margin-top: 0;
}

.article-image-and-text{
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}

.article-image-and-text__figure{
  margin: 0 0 3.2rem;
}

.article-image-and-text__text{
  margin-right: 3.2rem;
  margin-left: 3.2rem;
}

@media (min-width: 64em){
  .article-image-and-text{
    display: flex;
  }
  .article-image-and-text>*{
    flex-basis: 50%;
  }
  .article-image-and-text>:last-child{
    margin-left: 3.2rem;
  }
  .article-image-and-text__figure{
    margin-bottom: 0;
  }
  .article-image-and-text__text{
    margin-right: 0;
    margin-left: 0;
  }
  .article-image-and-text--reversed{
    flex-direction: row-reverse;
  }
  .article-image-and-text--reversed>:last-child{
    margin-right: 3.2rem;
    margin-left: 0;
  }
}

.text-columns{
  margin: 4.8rem 0;
}

.text-columns__column{
  flex: 1;
}

.text-columns__column h3,
.text-columns__column h4{
  margin-top: 0;
}

.text-columns__column p{
  margin: 0 0 2rem;
  line-height: normal;
}

.text-columns__column ul{
  margin-bottom: 2rem;
}

@media (min-width: 64em){
  .text-columns{
    display: flex;
    margin: 6.4rem -3.2rem;
  }
  .text-columns__column{
    margin: 3.2rem;
  }
}

.text-columns.conditions{
  margin: 3.2rem 0;
  padding: 4.8rem 3.2rem;
  background-color: #91dbbf;
}

@media (min-width: 64em){
  .text-columns.conditions{
    padding: 2.4rem;
  }
}

.basic-price-list__container{
  margin-bottom: 8.2rem;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.price-list__container{
  position: relative;
  overflow: hidden;
  margin-bottom: 7rem;
  padding-bottom: 8rem;
  background-color: #0b6665;
  color: #fff;
}

.price-list__container:after{
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(21deg,rgba(145,219,191,0) 22%,#91dbbf 98%);
  transform: rotate(10deg) translateY(-15%) translate(20%);
}

@media (min-width: 64em){
  .price-list__container:after{
    height: 200%;
    transform: rotate(40deg) translateY(-20%) translate(20%);
  }
}

.price-list__title{
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  padding: 0 8rem 6rem 0;
  border-bottom: solid 1px #e6e6e6;
  font-size: 4rem;
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
}

@media (min-width: 64em){
  .price-list__title{
    font-size: 5rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.accordion__container{
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}

@media (min-width: 64em){
  .accordion__container{
    margin-top: 6.4rem;
    margin-bottom: 6.4rem;
  }
}

.accordion__button{
  position: relative;
  margin-bottom: 0;
  padding: 0 8rem 3rem 0;
  border: none;
  border-bottom: solid 1px #e6e6e6;
  background-color: transparent;
  font-size: 4rem;
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
  text-align: left;
  cursor: pointer;
}

@media (min-width: 64em){
  .accordion__button{
    font-size: 5rem;
  }
}

.accordion__button:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 3rem;
  display: block;
  width: 5.4rem;
  height: 5.4rem;
  background: url(../img/chevron.svg);
  transition: transform ease .3s;
}

.accordion__button--collapse:after{
  transform: rotate(180deg);
}

.accordion__panel{
  display: none;
  padding-top: 3rem;
}

.accordion__panel--open{
  display: block;
}

.formatted-text h3{
  font-size: 2rem;
}

:root{
  --notification-timeout: 5s;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

{
  display: block;
  min-height: 18rem;
}

@media (min-width: 64em){
{
    min-height: 16rem;
  }
}

.header{
  position: fixed;
  top: 0;
  z-index: 4000;
  width: 100%;
  padding-top: .8rem;
  background-color: #fff;
  box-shadow: 0 .2rem 2.4rem rgba(0,0,0,.2);
  transition: transform .2s cubic-bezier(0,0,.2,1);
}

.header__wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.header__title a,
.header__category-list a{
  color: #050033;
  text-decoration: none;
}

.header__logo{
  order: 1;
  width: 6rem;
  margin: 0 0 0 3.2rem;
}

.header__search-bar{
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  justify-content: flex-end;
  order: 2;
  margin-right: 3.2rem;
  margin-left: 1.6rem;
  text-align: right;
}

.header__search-bar-label{
  width: 100%;
}

.header__search-bar-input{
  width: 100%;
  padding-left: 3.2rem;
  border-bottom: 1px solid;
  border-radius: 0;
  background-image: url(../img/magnifier.svg);
  background-position: 4px center;
  background-repeat: no-repeat;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .2s;
  transition-property: padding-left,width,color;
}

.header__search-bar-input:not(:focus){
  width: 3.2rem;
  padding-left: 0;
  color: transparent;
  cursor: pointer;
}

.header__search-bar-input:not(:focus)::-moz-placeholder{
  color: transparent;
}

.header__search-bar-input:not(:focus):-ms-input-placeholder{
  color: transparent;
}

.header__search-bar-input:not(:focus)::placeholder{
  color: transparent;
}

.header__row-break{
  order: 3;
  width: 100%;
}

.header__title{
  order: 4;
  overflow: hidden;
  max-width: 80%;
  margin: 0 0 0 3.2rem;
  font-weight: 700;
  font-size: 2em;
  line-height: 2;
  transition: all .2s cubic-bezier(.4,0,.2,1);
  transition-delay: .2s;
}

.header__newsletter-button{
  order: 5;
  margin-top: 1.6rem;
  margin-right: 3.2rem;
  margin-bottom: 1.6rem;
  transition: width .5s cubic-bezier(.4,0,.2,1);
}

.header__separator{
  order: 6;
  width: 100%;
  margin: 0 3.2rem;
  border: none;
}

.header__separator:before{
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}

.header__categories{
  flex-grow: 1;
  order: 7;
  overflow-x: auto;
  overflow-y: hidden;
}

.header__category-list{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.header__category-list>*{
  padding: 0 .5rem;
}

.header__category-list>:first-child{
  padding-left: 3.2rem;
}

.header__category-list>:last-child{
  padding-right: 3.2rem;
}

.header__category-item{
  display: block;
  padding: 1.8rem 0;
  text-align: center;
  white-space: nowrap;
}

.header__category-item:before{
  content: attr(data-label);
  display: block;
  overflow: hidden;
  height: 0;
  font-weight: 700;
  visibility: hidden;
}

.header__category-item--is-active,
.header__category-item:hover,
.header__category-item:focus{
  color: #0000e3!important;
  font-weight: 700;
}

@media (min-width: 64em){
  .header{
    padding-top: 0;
  }
  .header__logo{
    order: 1;
    width: 8rem;
    margin-left: 0;
  }
  .header__search-bar{
    order: 2;
    margin-right: 0;
  }
  .header__search-bar-input{
    height: 2em;
  }
  .header__newsletter-button{
    order: 3;
    margin-right: 0;
    margin-left: 2.5rem;
  }
  .header__row-break{
    order: 4;
  }
  .header__separator{
    order: 5;
  }
  .header__separator:before{
    position: absolute;
    right: 0;
    left: 0;
  }
  .header__title{
    order: 5;
    margin: 0;
    font-size: 2.6rem;
  }
  .header__categories{
    order: 6;
    overflow: visible;
    width: 0;
  }
  .header__category-list{
    justify-content: flex-start;
    font-size: 1.8rem;
  }
  .header__category-list>*{
    min-width: 0;
    padding-right: 0;
    padding-left: 5rem;
  }
  .header__category-list>:first-child{
    margin-left: 5rem;
  }
  .header__category-item{
    padding: 2.9rem 0;
  }
}

.article-title{
  position: relative;
  margin-bottom: 5rem;
}

.article-title__image{
  height: 70rem;
  max-height: 70vh;
  background-position: top;
  background-size: cover;
}

.article-title__title-container{
  width: 100%;
  margin-top: 6rem;
}

.article-title__title{
  font-size: 3.4rem;
}

.article-title--title-over-image .article-title__title-container{
  position: absolute;
  bottom: 10%;
  margin-top: 0;
}

.article-title--title-over-image.article-title--dark .article-title__title{
  color: #fff;
}

@media (min-width: 64em){
  .article-title__title-container{
    margin-top: 8rem;
  }
  .article-title__title{
    font-size: 6rem;
  }
  .article-title--title-over-image .article-title__title-container{
    position: absolute;
    bottom: 0;
    margin-top: 0;
  }
}

.article-text--dark{
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
  background-color: #0000e3;
  color: #fff;
}

.article-image{
  max-width: 70rem;
  margin: 3.2rem auto;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)){
  .article-image__image{
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 70rem;
  }
}

.article-image--large{
  max-width: 101.5rem;
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)){
  .article-image--large .article-image__image{
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 101.5rem;
  }
}

.article-image--large .article-image__caption{
  text-align: center;
}

.article-image--full-width{
  max-width: 100%;
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)){
  .article-image--full-width .article-image__image{
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100vh;
  }
}

.article-image--full-width .article-image__caption{
  text-align: center;
}

.formatted-text h4{
  font-size: 1.8rem;
}

.article-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: -5rem;
  margin-bottom: 6.4rem;
  margin-left: -3.2rem;
  padding: 0 3.2rem;
  list-style-type: none;
}

@media (min-width: 64em){
  .article-list{
    padding: 0;
  }
}

.article-list:after{
  content: "";
  display: block;
  flex-basis: 50%;
}

.article-list__item{
  flex-grow: 1;
  flex-basis: 100%;
  margin-top: 5rem;
  margin-left: 3.2rem;
}

@media (min-width: 64em){
  .article-list__item{
    flex-basis: 47.55rem;
  }
}

.article-list__item--featured{
  flex-basis: 100vw;
  min-width: 0;
  margin-right: -3.2rem;
  margin-left: 0;
}

@media (min-width: 64em){
  .article-list__item--featured{
    margin-right: calc((-100vw / 2) +101.5rem / 2);
    margin-left: calc((-100vw / 2) +101.5rem / 2 +3.2rem);
    padding-top: 6.4rem;
    padding-right: 6.4rem;
    padding-left: 6.4rem;
  }
  .article-list__item--featured:after{
    content: "";
    display: block;
    max-width: 101.5rem;
    margin-top: 6.4rem;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #e6e6e6;
  }
}

.article-list__item--compact{
  flex-basis: 30.6333333333rem;
}

:root{
  --notification-timeout: 5s;
}

.article__link-wrapper{
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.article__media{
  flex-shrink: 0;
  overflow: hidden;
}

.article__image{
  padding-top: 56.25%;
  background-color: #eee;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform .5s cubic-bezier(.4,0,.2,1);
}

.article:hover .article__image{
  transform: scale(1.2);
}

.article__title{
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.167em;
  line-height: normal;
}

.article__abstract{
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: .3em;
  font-size: .933em;
  line-height: normal;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.article__meta{
  color: #787878;
}

@media (min-width: 64em){
  .article__title{
    font-size: 1.667em;
  }
}

.article--featured{
  margin: 0 auto;
}

.article--featured .article__image{
  padding-top: 126%;
}

.article--featured .article__text{
  max-width: 101.5rem;
  margin: 0 auto;
  padding-right: 3.2rem;
  padding-left: 3.2rem;
}

@media (min-width: 64em){
  .article--featured .article__image{
    padding-top: 37%;
  }
  .article--featured .article__text{
    padding: 0;
  }
  .article--featured .article__title{
    font-size: 4em;
  }
  .article--featured .article__abstract{
    font-size: 1.6em;
  }
}

@media (max-width: 63.937em){
  .article--compact .article__link-wrapper{
    flex-direction: row;
    align-items: flex-start;
  }
  .article--compact .article__image{
    flex-shrink: 0;
    width: 10rem;
    margin-right: 1.2rem;
    padding-top: 10rem;
  }
  .article--compact .article__title{
    margin-top: 0;
    font-size: 1em;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

:root{
  --notification-timeout: 5s;
}

.the-map-basic{
  position: relative;
  z-index: 0;
}

.the-map-basic-container{
  width: calc(100% - (2 * 3.2rem));
  max-width: 101.5rem;
  margin: 0 auto;
  padding: 32px 0;
}

.the-map-basic-view{
  position: relative;
  overflow: hidden;
  border: 1px solid #cecfca;
  border-radius: 6px;
  background: #fff;
}

.the-map-basic-setup{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (min-width: 64em){
  .the-map-basic-container{
    padding: 80px 0;
  }
  .the-map-basic-view{
    margin: 4.8rem 0;
  }
}

@media (min-width: 64em){
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    right: 0;
    transition-delay: 1s,3s;
    transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
  }
  .beam:nth-of-type(3n+2):before{
    transform: translate3d(-60rem,47rem,0) rotate(-55deg) scale(.7);
  }
  .beam:nth-of-type(3n+2):after{
    display: none;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.ticketing-banner{
  position: relative;
  z-index: 0;
  padding: 1.6rem 0;
  background-color: #050033;
  color: #fff;
}

.ticketing-banner__reflection{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.ticketing-banner__reflection:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left,#0000e3 10%,#050033 80%);
  transform: translate(10%) rotate(-10deg) scaleY(3);
  transform-origin: center top;
  mix-blend-mode: lighten;
}

.ticketing-banner__content{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ticketing-banner__text{
  display: flex;
  flex-direction: column-reverse;
  order: 2;
}

.ticketing-banner__date{
  margin: 0;
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
}

.ticketing-banner__title{
  margin: 0;
  font-weight: bold;
  font-size: 1.5rem;
}

.ticketing-banner__image{
  flex-shrink: 0;
  order: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 60px;
  height: 60px;
  margin-right: 1.6rem;
  border-radius: 50%;
}

@media (min-width: 64em){
  .ticketing-banner{
    padding: 3.2rem 0;
  }
  .ticketing-banner__content{
    padding: 0 6.4rem;
  }
  .ticketing-banner__title{
    margin-top: .4rem;
    font-size: 3.4rem;
  }
  .ticketing-banner__date{
    font-size: 2.5rem;
  }
  .ticketing-banner__image{
    width: 116px;
    height: 116px;
    margin-right: 4.8rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.ticketing-banner{
  position: relative;
  z-index: 0;
  padding: 1.6rem 0;
  background-color: #050033;
  color: #fff;
}

.ticketing-banner__reflection{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.ticketing-banner__reflection:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left,#0000e3 10%,#050033 80%);
  transform: translate(10%) rotate(-10deg) scaleY(3);
  transform-origin: center top;
  mix-blend-mode: lighten;
}

.ticketing-banner__content{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ticketing-banner__text{
  display: flex;
  flex-direction: column-reverse;
  order: 2;
}

.ticketing-banner__date{
  margin: 0;
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
}

.ticketing-banner__title{
  margin: 0;
  font-weight: bold;
  font-size: 1.5rem;
}

.ticketing-banner__image{
  flex-shrink: 0;
  order: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 60px;
  height: 60px;
  margin-right: 1.6rem;
  border-radius: 50%;
}

@media (min-width: 64em){
  .ticketing-banner{
    padding: 3.2rem 0;
  }
  .ticketing-banner__content{
    padding: 0 6.4rem;
  }
  .ticketing-banner__title{
    margin-top: .4rem;
    font-size: 3.4rem;
  }
  .ticketing-banner__date{
    font-size: 2.5rem;
  }
  .ticketing-banner__image{
    width: 116px;
    height: 116px;
    margin-right: 4.8rem;
  }
}

@media (min-width: 64em){
  .beam:nth-of-type(3n+1):before{
    transform: translate3d(-30rem,-10rem,0) rotate(45deg) scale(1);
  }
  .beam:nth-of-type(3n+1):after{
    right: 0;
    transition-delay: 1s,3s;
    transform: translate3d(35rem,20rem,0) rotate(130deg) scale(1);
  }
  .beam--alt-position:before{
    transform: translate3d(-45rem,15rem,0) rotate(40deg) scale(.5)!important;
  }
  .beam--alt-position:after{
    transition-delay: .5s,2.5s!important;
    transform: translate3d(45rem,10rem,0) rotate(-30deg) scale(1)!important;
  }
}

.arena-font{
  font-family: var(--font-family-accor-arena--midnight-blue);
  text-shadow: 0 0 .2em transparent;
}

.dark-theme .arena-font{
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
}

.header__date-list{
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 3.2rem;
}

.header__item{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.5rem;
  margin-right: 1rem;
}

.header__date{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  padding: 0 2rem;
  border: 1px solid;
  border-radius: 4rem;
  color: inherit;
  cursor: pointer;
}

.is-selected>.header__date,
.header__date:hover,
.header__date:active{
  border-color: #fff;
  background-color: #fff;
  color: #050033;
}

@media (min-width: 64em){
  .header__date{
    height: 4rem;
    font-size: 1.8rem;
  }
  .header__item{
    height: 8.5rem;
  }
}

.splide__track{
  width: 100%;
}

@media (min-width: 64em){
  .mythic-historic__text,
  .mythic-historic__title{
    padding: 0 8.5rem;
  }
}

.mythic-historic__title{
  max-width: 35rem;
  margin: 8rem auto 4rem;
  font-size: 5rem;
  text-align: center;
}

@media (min-width: 64em){
  .mythic-historic__title{
    max-width: none;
    max-width: initial;
    font-size: 8rem;
  }
}

.mythic-historic__text{
  padding: 0 5rem;
}

.mythic-historic__picture{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100vw;
  margin: 0;
}

.mythic-historic__picture-container{
  position: relative;
}

.mythic-historic__picture-container:after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: url(../img/Marqueur_AA-Bc.svg) no-repeat;
  background-position: left;
  background-size: 200%;
  opacity: .08;
}

@media (min-width: 64em){
  .mythic-historic__picture-container:after{
    background-position: center;
    background-size: 140%;
  }
}

@media (min-width: 64em){
  .mythic-historic__picture{
    width: 100%;
    height: 46rem;
  }
}

.historic-more-info{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(29rem,1fr));
  grid-gap: 9.6rem 4.8rem;
  gap: 9.6rem 4.8rem;
  align-items: start;
}

@media (min-width: 64em){
  .historic-more-info{
    grid-template-areas: "l r";
    grid-gap: 18rem;
    gap: 18rem;
  }
  .historic-more-info__left{
    grid-area: l;
  }
}

.card__button-container{
  display: flex;
}

.card__link_item{
  margin: 1rem;
}

.card__title{
  margin: 0;
  font-size: 3rem;
  line-height: 1.2;
}

.card__media{
  display: block;
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
  border-radius: 9px;
}

.card__description{
  font-weight: bold;
  font-size: 2.5rem;
  line-height: normal;
}

@media (min-width: 64em){
  .card__description{
    font-size: 1.8rem;
  }
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

@supports (filter: invert(1) saturate(0)){
  .button-circle--dark-theme:not(.button-circle--auto-theme),
  body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme{
    background-color: #050033;
    color: #fff;
  }
  .button-circle--dark-theme:not(.button-circle--auto-theme) .button-circle__icon,
  body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme .button-circle__icon{
    filter: invert(1) saturate(0);
  }
  @media (hover: hover) and (pointer: fine){
    .button-circle--dark-theme:not(.button-circle--auto-theme):hover,
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover{
      border-color: #050033;
      background-color: #fff;
      color: #050033;
      box-shadow: 0 2px 15px 0 rgba(5,0,51,.2);
    }
    .button-circle--dark-theme:not(.button-circle--auto-theme):hover .button-circle__icon,
    body:not(.dark-theme) .button-circle--dark-theme.button-circle--auto-theme:hover .button-circle__icon{
      filter: invert(0);
    }
  }
}

hr{
  margin: 4.8rem 0;
}

@media (min-width: 64em){
{
    display: block;
  }
}

.faq-type-form{
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: calc(100vh - 10rem - 14.2rem - 4.2rem);
  opacity: 0;
  pointer-events: none;
  transition: .6s ease;
  transition-property: opacity,height,transform;
  transform: translateY(120vh);
}

.faq-type-form--visible{
  position: relative;
  opacity: 1;
  pointer-events: auto;
  transition-delay: .1s;
  transform: translateY(0);
}

.faq-type-form__container{
  position: relative;
}

.faq-type-form .step_categories{
  padding-bottom: 2rem;
}

.faq-type-form__title{
  font-size: 2rem;
}

.faq-type-form__list{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(30rem,1fr));
  grid-gap: 2.4rem;
  gap: 2.4rem;
}

.faq-type-form__cta-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.2rem;
  margin-left: -1.6rem;
}

.faq-type-form__cta-list>*{
  margin-top: 1.6rem;
  margin-left: 1.6rem;
}

.faq-type-form__secondary-cta{
  margin-bottom: 2.4rem;
  padding-left: 4rem;
  background: none no-repeat left center/3.4rem;
}

@media (min-width: 64em){
  .faq-type-form__title{
    max-width: 70%;
    font-size: 3.4rem;
  }
  .faq-type-form__secondary-cta{
    margin-bottom: 3.2rem;
    font-size: 2rem;
  }
}

.faq-type-answer{
  position: absolute;
  top: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: 1s ease;
  transition-property: opacity,height,transform;
  transform: translateY(120vh);
}

.faq-type-form-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  min-height: 8rem;
  padding: .8rem 0 .8rem 1.6rem;
  border-radius: 3px;
  box-shadow: 0 .2rem 2rem rgba(5,0,51,.2);
  cursor: pointer;
}

.faq-type-form-card__icon{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  width: 7.4rem;
  margin-left: 1.6rem;
  border-left: 1px solid #ddd;
}

.faq-type-form-card__icon img{
  -o-object-fit: contain;
  object-fit: contain;
  width: 3.4rem;
  height: 3.4rem;
}

.faq-type-form-card.selected{
  background-color: #050033;
  color: #fff;
}

.faq-type-form-card.selected img{
  filter: saturate(0) invert(1);
}

@media (min-width: 64em){
  .featured-card{
    position: relative;
    margin-bottom: 21.6rem;
  }
  .featured-card__image-container{
    height: 40rem;
    padding-top: 0;
  }
  .featured-card__card{
    position: absolute;
    bottom: -12rem;
    left: 50%;
    padding: 0;
    border-radius: 12px;
    transform: translateX(-50%);
  }
  .featured-card__card-reflection{
    border-radius: 12px;
  }
  .featured-card__card-reflection:before{
    transform: translateX(45%) translateY(-20%) rotate(66deg) scaleY(4);
  }
  .featured-card__footer,
  .featured-card__header{
    padding-right: 4.8rem;
    padding-left: 6.4rem;
  }
  .featured-card__header{
    display: flex;
    align-items: center;
    padding-top: 3.2rem;
    padding-bottom: 2.4rem;
  }
  .featured-card__footer{
    flex-direction: row;
    justify-content: space-between;
    height: 12rem;
    padding-bottom: .8rem;
    border-top: 1px solid #fff;
  }
  .featured-card__miniature{
    position: static;
    width: 11.6rem;
    height: 11.6rem;
    margin: 0;
  }
  .featured-card__header-text{
    align-items: flex-start;
    margin-left: 4.8rem;
    text-align: left;
  }
  .featured-card__period{
    font-size: 2.5rem;
  }
  .featured-card__label{
    margin: .8rem 0 0;
    font-size: 6rem;
  }
  .featured-card__complement{
    display: -webkit-box;
    overflow: hidden;
    max-height: 3em;
    margin-right: 1.6rem;
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 1.5em;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .featured-card__content-below-indicator{
    display: none;
  }
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/montserrat-JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.formatted-text--dark a{
  color: #fff;
  font-weight: 700;
}

.formatted-text mark{
  margin: 0 .3em;
  background-color: #0000e3;
  color: #fff;
  box-shadow: .3em 0 0 #0000e3,-.3em 0 0 #0000e3;
}

.infobox{
  display: inline-block;
  padding: 1.8rem;
  border-radius: 6px;
  background: #91dbbf;
  font-weight: 700;
  font-size: 20px;
}

:root:not(.safari){
  --font-family-accor-arena--midnight-blue: AccorArenaMidnightBlue, sans-serif;
  --font-family-accor-arena--white: AccorArenaWhite, sans-serif;
}

.ticketing-banner{
  position: relative;
  z-index: 0;
  padding: 1.6rem 0;
  background-color: #fff;
  color: #fff;
}

.ticketing-banner__reflection{
  --color: colors.$palette__white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  background-color: rgba(5,0,51,.42);
}

.ticketing-banner__reflection:before{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left,white 10%,transparent 80%);
  opacity: .25;
  transform: translate(10%) rotate(-10deg) scaleY(3);
  transform-origin: center top;
  mix-blend-mode: lighten;
}

@supports (--css: variables){
  .ticketing-banner__reflection:before{
    background-image: linear-gradient(to left,var(--color) 20%,rgba(136,136,136,0) 70%);
    opacity: .5;
  }
}

.ticketing-banner__content{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ticketing-banner__text{
  display: flex;
  flex-direction: column-reverse;
  order: 2;
}

.ticketing-banner__date{
  margin: 0;
  font-family: var(--font-family-accor-arena--white);
  text-shadow: 0 0 .2em transparent;
}

.ticketing-banner__title{
  margin: 0;
  font-weight: bold;
  font-size: 1.5rem;
}

.ticketing-banner__image{
  flex-shrink: 0;
  order: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 60px;
  height: 60px;
  margin-right: 1.6rem;
  border-radius: 50%;
}

@media (min-width: 64em){
  .ticketing-banner{
    padding: 3.2rem 0;
  }
  .ticketing-banner__content{
    padding: 0 6.4rem;
  }
  .ticketing-banner__title{
    margin-top: .4rem;
    font-size: 3.4rem;
  }
  .ticketing-banner__date{
    font-size: 2.5rem;
  }
  .ticketing-banner__image{
    width: 116px;
    height: 116px;
    margin-right: 4.8rem;
  }
}

/* ============================================================
   Виправлення для статики
   ============================================================ */

html,
body{
  max-width: 100%;
  overflow-x: clip;
}