html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
  }

  body {
    margin: 0
  }

  main {
    display: block
  }

  h1 {
    font-size: 2em;
    margin: .67em 0
  }

  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
  }

  pre {
    font-family: monospace, monospace;
    font-size: 1em
  }

  a {
    background-color: transparent
  }

  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em
  }

  small {
    font-size: 80%
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
  }

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  img {
    border-style: none
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
  }

  button,
  input {
    overflow: visible
  }

  button,
  select {
    text-transform: none
  }

  [type=button],
  [type=reset],
  [type=submit],
  button {
    -webkit-appearance: button
  }

  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner,
  button::-moz-focus-inner {
    border-style: none;
    padding: 0
  }

  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring,
  button:-moz-focusring {
    outline: 1px dotted ButtonText
  }

  fieldset {
    padding: .35em .75em .625em
  }

  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
  }

  progress {
    vertical-align: baseline
  }

  textarea {
    overflow: auto
  }

  [type=checkbox],
  [type=radio] {
    box-sizing: border-box;
    padding: 0
  }

  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto
  }

  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
  }

  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
  }

  details {
    display: block
  }

  summary {
    display: list-item
  }

  template {
    display: none
  }

  [hidden] {
    display: none
  }

  .accordion__header,
  .accordion__item {
    position: relative;
    width: 100%
  }

  .accordion__item:before {
    background: linear-gradient(90deg, #585858, #58585800);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
  }

  .accordion__header {
    background: transparent;
    border: none;
    color: var(--color-gray-light);
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: .054px;
    line-height: 120%;
    outline: none;
    padding: 32px 74px 32px 0;
    text-align: left
  }

  @media screen and (prefers-reduced-motion:reduce) {

    .accordion__header:after,
    .accordion__header:before {
      background-color: var(--color-gray-light);
      content: "";
      display: block;
      height: 2px;
      position: absolute;
      right: 10px;
      top: calc(50% - 1px);
      transition: none;
      width: 24px
    }
  }

  .accordion__header:after,
  .accordion__header:before {
    background-color: var(--color-gray-light);
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 10px;
    top: calc(50% - 1px);
    transition: transform .3s ease-in-out;
    width: 24px
  }

  .accordion__header:after {
    transform: rotate(90deg)
  }

  @media screen and (min-width:768px) {
    .accordion__header {
      padding-right: 50px
    }
  }

  .accordion__item .accordion__header {
    border-bottom: 0
  }

  .is-active .accordion__header:after {
    transform: rotate(0)
  }

  .accordion__item .accordion__header:focus {
    outline-offset: -6px
  }

  .header__toggle-indicator {
    min-width: 20px;
    width: 20px
  }

  @media screen and (prefers-reduced-motion:reduce) {
    .accordion__panel {
      height: 0;
      overflow: hidden;
      transition: none;
      visibility: hidden
    }
  }

  .accordion__panel {
    height: 0;
    overflow: hidden;
    transition: height .3s ease-in-out, visibility 0s .3s;
    visibility: hidden
  }

  .panel__inner {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .048px;
    line-height: 140%
  }

  @media screen and (min-width:768px) {
    .panel__inner {
      width: 100%
    }
  }

  .panel__text a {
    color: var(--color-gray-light);
    text-decoration: underline
  }

  .panel__text a:focus,
  .panel__text a:hover {
    color: var(--color-white)
  }

  .is-active.accordion__item {
    padding-bottom: 32px
  }

  @media screen and (prefers-reduced-motion:reduce) {
    .is-active .accordion__panel {
      height: auto;
      transition: none;
      visibility: visible
    }
  }

  .is-active .accordion__panel {
    height: auto;
    transition: height .3s ease-in-out, visibility 0s 0s;
    visibility: visible
  }

  .accordion__wrapper {
    list-style: none;
    padding: 0
  }

  .modal-overlay {
    background-color: #000;
    height: 100vh;
    left: 0;
    max-width: 100%;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
  }

  .modal-overlay_centered {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: transparent;
    opacity: 1
  }

  .modal-wrapper {
    height: 100%;
    left: 0;
    max-width: 100%;
    outline: 0;
    overflow: hidden auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
  }

  .modal-wrapper_centered {
    height: unset;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: unset
  }

  .modal {
    position: relative;
    z-index: 100
  }

  .modal__header {
    display: flex;
    justify-content: flex-end
  }

  .ring.astro-3h45f5fi {
    align-items: center;
    background-color: #0c0a16;
    display: flex;
    height: 54px;
    justify-self: flex-end;
    left: 0;
    position: fixed;
    top: var(--header-nav-height);
    width: 100%;
    z-index: 45
  }

  @media screen and (min-width:768px) {
    .ring.astro-3h45f5fi {
      justify-content: center;
      top: 0
    }
  }

  .ring__container.astro-3h45f5fi {
    align-items: center;
    background-image: url(/img/promotions/rings-bg.png);
    background-position: -300px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%
  }

  @media screen and (min-width:768px) {
    .ring__container.astro-3h45f5fi {
      background-position: 50%;
      background-size: contain;
      justify-content: space-between;
      padding-inline: 32px
    }
  }

  @media screen and (min-width:1240px) {
    .ring__container.astro-3h45f5fi {
      padding-inline: 28px;
      width: 820px
    }
  }

  .ring__text.astro-3h45f5fi {
    color: #fff;
    display: none;
    font-size: 20px;
    font-weight: 500;
    height: 100%;
    letter-spacing: -.0043em;
    line-height: 54px
  }

  @media screen and (min-width:768px) {
    .ring__text.astro-3h45f5fi {
      display: inline-block
    }
  }

  .ring__button.astro-3h45f5fi {
    display: block;
    display: none;
    height: 30px;
    width: 30px
  }

  @media screen and (min-width:768px) {
    .ring__button.astro-3h45f5fi {
      align-items: center;
      background: linear-gradient(0deg, #1a1a1a7a, #1a1a1a7a), linear-gradient(126.3deg, #5e5e5e24, #0003);
      border: 1px solid hsla(0, 0%, 100%, .1);
      border-radius: 100px;
      display: flex;
      height: unset;
      min-width: max-content;
      padding: 10px 16.5px
    }
  }

  .ring__button-text.astro-3h45f5fi {
    color: #fff;
    display: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%
  }

  @media screen and (min-width:768px) {
    .ring__button-text.astro-3h45f5fi {
      display: inline-block
    }
  }

  .ring__button_mobile.astro-3h45f5fi {
    background-image: url(/img/promotions/arrow-right.svg);
    background-position: calc(100% - 20px);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -.0043em;
    line-height: 22.1px;
    padding-right: 44px;
    text-align: center
  }

  @media screen and (min-width:768px) {
    .ring__button_mobile.astro-3h45f5fi {
      display: none
    }
  }


  .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    overflow: auto;
  }
  
  .popup-content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    width: 85%;
    height: 70%;
    overflow: auto;
  }
  
  .popup-content h2 {
    font-size: 22px;
  }
  
  .popup-content p {
    font-size: 12px;
    line-height: 1.5;
  }
  
  #sendedemail .popup-content {
    width: 100%;
    max-width: 600px;
    height: 100%;
    max-height: 440px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
  }
  
  #sendedemail1 .popup-content {
    width: 100%;
    max-width: 400px;
    height: 100%;
    max-height: 180px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
  }
  
  #subscribed .popup-content {
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 130px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
  }
  
  #sendedemail h2, #sendedemail1 h2, #subscribed h2 {
    margin: 10px auto;
  }
  
  #soon .popup-content {
    width: 100%;
    max-width: 400px;
    height: 100%;
    max-height: 160px;
    text-align: center;
    padding-top: 8px;
  }
  
  .close-button {
    cursor: pointer;
    width: 100%;
    max-width: 25px;
    position: sticky;
    top: 0px;
    left: 99%;
  }
  
  #soon .close-button {
    width: 100%;
    max-width: 15px;
    top: 5px;
    right: 5px;
  }
  
  #sendedemail .close-button, #sendedemail1 .close-button, #subscribed .close-button {
    max-width: 15px;
  }
  
  .popup-content h2, .popup-content h3, .popup-content h4 {
    font-size: 18px;
    color: black;
  }
  
  @media (max-width:540px) {
    #privacy .heading-8 {
      font-size: 1.4em!important;
    }
  }