.ckLyyv {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      fill: currentColor;
      }
      /*!sc*/
      .hNajXU {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      fill: #024ddf;
      }
      /*!sc*/
      .ggZsDW {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      fill: currentColor;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      }
      /*!sc*/
      .hZVODe {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      fill: currentColor;
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg);
      }
      /*!sc*/
      .dSUXjR {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      fill: #024ddf;
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg);
      }
      /*!sc*/
      .kODbdn {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      fill: currentColor;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      }
      /*!sc*/
      data-styled.g1[id="BaseSvg-sc-yh8lnd-0"] {
      content: "ckLyyv,hNajXU,ggZsDW,hZVODe,dSUXjR,kODbdn,"
      }
      /*!sc*/
      .hXEgFX {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      border-color: transparent;
      color: #ffffff;
      background-color: #024ddf;
      position: relative;
      display: inline-block;
      width: 100%;
      min-height: 44px;
      padding: 8px 16px;
      border-style: solid;
      border-width: 1px;
      border-radius: 4px;
      font-weight: 600;
      font-size: 16px;
      line-height: 1.4;
      white-space: nowrap;
      text-align: center;
      -webkit-text-wrap: auto;
      text-wrap: auto;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      @supports (text-wrap: pretty) {
      .hXEgFX {
      text-wrap:pretty;
      }
      }
      /*!sc*/
      .hXEgFX:disabled {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      .hXEgFX:not(:disabled) {
      cursor: pointer;
      }
      /*!sc*/
      .hXEgFX:focus {
      outline-offset: 4px;
      }
      /*!sc*/
      .hXEgFX:not(:disabled):hover {
      border-color: #0139a7;
      color: #ffffff;
      background-color: #0139a7;
      }
      /*!sc*/
      .hXEgFX:not(:disabled):active {
      border-color: #012e85;
      background-color: #012e85;
      }
      /*!sc*/
      .hXEgFX:hover,.hXEgFX:focus {
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .hXEgFX[aria-disabled="true"] {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      .hXEgFX[aria-disabled="true"]:focus,.hXEgFX[aria-disabled="true"]:hover {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      data-styled.g203[id="indexstyles__StyledButton-sc-83qv1q-0"] {
      content: "hXEgFX,"
      }
      /*!sc*/
      .hJuAcy {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      visibility: visible;
      }
      /*!sc*/
      data-styled.g204[id="indexstyles__FlexWrapper-sc-83qv1q-1"] {
      content: "hJuAcy,"
      }
      /*!sc*/
      .cnIixL {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      color: #ffffff;
      }
      /*!sc*/
      .cnIixL::before {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      border-color: #ffffff;
      border-style: solid;
      border-width: calc(24px / 10);
      border-inline-start-color:rgba(255,255,255,0.25);border-radius: 50%;
      -webkit-animation: iOtnio 0.75s linear infinite !important;
      animation: iOtnio 0.75s linear infinite !important;
      content: "";
      }
      /*!sc*/
      data-styled.g206[id="Spinner__AnimatedSpinner-sc-337kba-0"] {
      content: "cnIixL,"
      }
      /*!sc*/
      .lmhoCy {
      border: 0;
      -webkit-clip: rect(0 0 0 0);
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
      }
      /*!sc*/
      data-styled.g207[id="VisuallyHidden-sc-8buqks-0"] {
      content: "lmhoCy,"
      }
      /*!sc*/
      .jbsZEO {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      }
      /*!sc*/
      data-styled.g234[id="LoadingSpinner__Container-sc-1aovhdo-0"] {
      content: "jbsZEO,"
      }
      /*!sc*/
      .dfiSeW {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      border: solid;
      border-color: #024ddf;
      color: #024ddf;
      background-color: transparent;
      display: inline-block;
      width: 44px;
      height: 44px;
      border-width: 1px;
      border-radius: 4px;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      }
      /*!sc*/
      .dfiSeW:disabled {
      border-color: #949494;
      color: #949494;
      background-color: transparent;
      cursor: not-allowed;
      }
      /*!sc*/
      .dfiSeW:not(:disabled) {
      cursor: pointer;
      }
      /*!sc*/
      .dfiSeW:focus {
      outline-offset: 4px;
      }
      /*!sc*/
      .dfiSeW:not(:disabled):hover {
      color: #0139a7;
      background-color: #bfd2f7;
      }
      /*!sc*/
      .dfiSeW:not(:disabled):active {
      border-color: #012e85;
      color: #ffffff;
      background-color: #012e85;
      }
      /*!sc*/
      .dfiSeW[aria-disabled="true"] {
      border-color: #949494;
      color: #949494;
      background-color: transparent;
      cursor: not-allowed;
      }
      /*!sc*/
      .dfiSeW[aria-disabled="true"]:hover,.dfiSeW[aria-disabled="true"]:focus {
      border-color: #949494;
      color: #949494;
      background-color: transparent;
      }
      /*!sc*/
      data-styled.g236[id="SquareButton__StyledSquareButton-sc-1njhw9f-0"] {
      content: "dfiSeW,"
      }
      /*!sc*/
      .iXcSWy {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-height: 100%;
      }
      /*!sc*/
      data-styled.g237[id="SquareButton__IconWrapper-sc-1njhw9f-1"] {
      content: "iXcSWy,"
      }
      /*!sc*/
      .jyRnZr {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      }
      /*!sc*/
      data-styled.g249[id="IconButton__Button-sc-19baojp-0"] {
      content: "jyRnZr,"
      }
      /*!sc*/
      .ekOJfs {
      margin: 0;
      padding: 0;
      list-style: none;
      }
      /*!sc*/
      data-styled.g387[id="UnstyledList-sc-ix96mm-0"] {
      content: "ekOJfs,"
      }
      /*!sc*/
      .fsEShp {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      color: #ffffff;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      cursor: pointer;
      }
      /*!sc*/
      .fsEShp:hover,.fsEShp:focus {
      color: #bfbfbf;
      }
      /*!sc*/
      .coVzbU {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      color: #024ddf;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      cursor: pointer;
      }
      /*!sc*/
      .coVzbU:hover,.coVzbU:focus {
      color: #0139a7;
      }
      /*!sc*/
      data-styled.g388[id="Link__StyledLink-sc-pudy0l-0"] {
      content: "fsEShp,coVzbU,"
      }
      /*!sc*/
      .fKWfWV {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      border: solid;
      border-color: #ffffff;
      color: #ffffff;
      background-color: transparent;
      display: inline-block;
      width: 44px;
      height: 44px;
      border-width: 1px;
      border-radius: 50%;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      }
      /*!sc*/
      .fKWfWV:not(:disabled):hover {
      color: #121212;
      background-color: #ffffff;
      }
      /*!sc*/
      .fKWfWV:disabled {
      border-color: #949494;
      color: #949494;
      background-color: transparent;
      cursor: not-allowed;
      }
      /*!sc*/
      .fKWfWV:not(:disabled) {
      cursor: pointer;
      }
      /*!sc*/
      .fKWfWV:focus {
      outline-offset: 4px;
      }
      /*!sc*/
      .fKWfWV:not(:disabled):active {
      border-color: #012e85;
      color: #ffffff;
      background-color: #012e85;
      }
      /*!sc*/
      .fKWfWV[aria-disabled="true"] {
      border-color: #949494;
      color: #949494;
      background-color: transparent;
      cursor: not-allowed;
      }
      /*!sc*/
      .fKWfWV[aria-disabled="true"]:focus,.fKWfWV[aria-disabled="true"]:hover {
      border-color: #949494;
      color: #949494;
      background-color: transparent;
      cursor: not-allowed;
      }
      /*!sc*/
      .bVGLAj {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      border-color: transparent;
      color: #024ddf;
      background-color: transparent;
      display: inline-block;
      width: 44px;
      height: 44px;
      border-width: 1px;
      border-radius: 50%;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      }
      /*!sc*/
      .bVGLAj:not(:disabled):hover {
      color: #ffffff;
      background-color: #024ddf;
      }
      /*!sc*/
      .bVGLAj:disabled {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      .bVGLAj:not(:disabled) {
      cursor: pointer;
      }
      /*!sc*/
      .bVGLAj:focus {
      outline-offset: 4px;
      }
      /*!sc*/
      .bVGLAj:not(:disabled):active {
      border-color: #012e85;
      color: #ffffff;
      background-color: #012e85;
      }
      /*!sc*/
      .bVGLAj[aria-disabled="true"] {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      .bVGLAj[aria-disabled="true"]:focus,.bVGLAj[aria-disabled="true"]:hover {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      .iAfaxl {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      border: solid;
      border-color: #121212;
      color: #121212;
      background-color: transparent;
      display: inline-block;
      width: 44px;
      height: 44px;
      border-width: 1px;
      border-radius: 50%;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      }
      /*!sc*/
      .iAfaxl:not(:disabled):hover {
      color: #ffffff;
      background-color: #121212;
      }
      /*!sc*/
      .iAfaxl:disabled {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      .iAfaxl:not(:disabled) {
      cursor: pointer;
      }
      /*!sc*/
      .iAfaxl:focus {
      outline-offset: 4px;
      }
      /*!sc*/
      .iAfaxl:not(:disabled):active {
      border-color: #012e85;
      color: #ffffff;
      background-color: #012e85;
      }
      /*!sc*/
      .iAfaxl[aria-disabled="true"] {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      .iAfaxl[aria-disabled="true"]:focus,.iAfaxl[aria-disabled="true"]:hover {
      border-color: #ebebeb;
      color: #949494;
      background-color: #ebebeb;
      cursor: not-allowed;
      }
      /*!sc*/
      data-styled.g428[id="CircleButton__StyledCircleButton-sc-e05n60-0"] {
      content: "fKWfWV,bVGLAj,iAfaxl,"
      }
      /*!sc*/
      .eblExk {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-height: 100%;
      }
      /*!sc*/
      data-styled.g429[id="CircleButton__IconWrapper-sc-e05n60-1"] {
      content: "eblExk,"
      }
      /*!sc*/
      *,*::before,*::after {
      box-sizing: inherit;
      }
      /*!sc*/
      html {
      box-sizing: border-box;
      height: 100%;
      line-height: 1.4;
      -webkit-scroll-behavior: smooth;
      -moz-scroll-behavior: smooth;
      -ms-scroll-behavior: smooth;
      scroll-behavior: smooth;
      --mauna-font-size-number: 44;
      --everest-font-size-number: 32;
      --kilimanjaro-font-size-number: 24;
      --matterhorn-font-size-number: 24;
      --vinson-font-size-number: 22;
      --blanc-font-size-number: 18;
      --fiji-font-size-number: 18;
      --rainier-font-size-number: 16;
      --boising-font-size-number: 16;
      --etna-font-size-number: 14;
      --nevis-font-size-number: 14;
      --snowdon-font-size-number: 12;
      --mauna-font-size: 44px;
      --everest-font-size: 32px;
      --kilimanjaro-font-size: 24px;
      --matterhorn-font-size: 24px;
      --vinson-font-size: 22px;
      --blanc-font-size: 18px;
      --fiji-font-size: 18px;
      --rainier-font-size: 16px;
      --boising-font-size: 16px;
      --etna-font-size: 14px;
      --nevis-font-size: 14px;
      --snowdon-font-size: 12px;
      --mauna-line-height: 44px;
      --everest-line-height: 32px;
      --kilimanjaro-line-height: 24px;
      --matterhorn-line-height: 30px;
      --vinson-line-height: 24px;
      --blanc-line-height: 22px;
      --fiji-line-height: 26px;
      --rainier-line-height: 22px;
      --boising-line-height: 22px;
      --etna-line-height: 18px;
      --nevis-line-height: 18px;
      --snowdon-line-height: 20px;
      }
      /*!sc*/
      @media (min-width: 900px) {
      html {
      --mauna-font-size-number:54;
      --everest-font-size-number: 44;
      --kilimanjaro-font-size-number: 32;
      --matterhorn-font-size-number: 28;
      --vinson-font-size-number: 24;
      --blanc-font-size-number: 20;
      --fiji-font-size-number: 18;
      --rainier-font-size-number: 16;
      --boising-font-size-number: 16;
      --etna-font-size-number: 14;
      --nevis-font-size-number: 14;
      --snowdon-font-size-number: 12;
      --mauna-font-size: 54px;
      --everest-font-size: 44px;
      --kilimanjaro-font-size: 32px;
      --matterhorn-font-size: 28px;
      --vinson-font-size: 24px;
      --blanc-font-size: 20px;
      --fiji-font-size: 18px;
      --rainier-font-size: 16px;
      --boising-font-size: 16px;
      --etna-font-size: 14px;
      --nevis-font-size: 14px;
      --snowdon-font-size: 12px;
      --mauna-line-height: 44px;
      --everest-line-height: 44px;
      --kilimanjaro-line-height: 34px;
      --matterhorn-line-height: 34px;
      --vinson-line-height: 28px;
      --blanc-line-height: 24px;
      --fiji-line-height: 26px;
      --rainier-line-height: 24px;
      --boising-line-height: 24px;
      --etna-line-height: 20px;
      --nevis-line-height: 20px;
      --snowdon-line-height: 20px;
      }
      }
      /*!sc*/
      html[data-embedded="true"] {
      -webkit-scroll-behavior: auto;
      -moz-scroll-behavior: auto;
      -ms-scroll-behavior: auto;
      scroll-behavior: auto;
      }
      /*!sc*/
      input,select,textarea {
      font-family: inherit;
      }
      /*!sc*/
      body {
      font-size: var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      width: 100%;
      height: 100%;
      margin: 0;
      color: #121212;
      font-family: 'Averta',helvetica,arial,sans-serif;
      line-height: 1.4;
      -webkit-text-size-adjust: none;
      -webkit-font-smoothing: antialiased;
      }
      /*!sc*/
      #__next,#page {
      min-height: 100%;
      isolation: isolate;
      }
      /*!sc*/
      p {
      margin: 0 0 1em;
      }
      /*!sc*/
      button {
      font-family: inherit;
      }
      /*!sc*/
      @media (prefers-reduced-motion:reduce) {
      * {
      -webkit-transition-duration: 0.01ms !important;
      transition-duration: 0.01ms !important;
      -webkit-animation-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
      -webkit-scroll-behavior: auto !important;
      -moz-scroll-behavior: auto !important;
      -ms-scroll-behavior: auto !important;
      scroll-behavior: auto !important;
      }
      }
      /*!sc*/
      data-styled.g445[id="sc-global-doZlRr1"] {
      content: "sc-global-doZlRr1,"
      }
      /*!sc*/
      .djaKzl {
      position: relative;
      height: 0;
      }
      /*!sc*/
      data-styled.g446[id="sc-81ba74d3-0"] {
      content: "djaKzl,"
      }
      /*!sc*/
      .lnmsXI {
      position: fixed;
      top: 0;
      left: 50%;
      z-index: 10;
      margin-top: 1rem;
      padding: 1rem;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      background-color: #ffffff;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      }
      /*!sc*/
      .lnmsXI:not(:focus):not(:active) {
      border: 0;
      -webkit-clip: rect(0 0 0 0);
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
      }
      /*!sc*/
      data-styled.g447[id="sc-81ba74d3-1"] {
      content: "lnmsXI,"
      }
      /*!sc*/
      .dxxQgC {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      }
      /*!sc*/
      data-styled.g459[id="sc-b40ad97a-0"] {
      content: "dxxQgC,"
      }
      /*!sc*/
      .dRHlZs[id] {
      color: #ffffff;
      background-color: #121212;
      --gds-side-panel-border-color: rgba(255,255,255,0.2);
      }
      /*!sc*/
      .dRHlZs div {
      -ms-overflow-style: none;
      -webkit-scrollbar-width: none;
      -moz-scrollbar-width: none;
      -ms-scrollbar-width: none;
      scrollbar-width: none;
      }
      /*!sc*/
      .dRHlZs div::-webkit-scrollbar {
      display: none;
      }
      /*!sc*/
      data-styled.g469[id="sc-85433d98-0"] {
      content: "dRHlZs,"
      }
      /*!sc*/
      .gkMgLG {
      color: #ffffff;
      }
      /*!sc*/
      .gkMgLG:focus-visible,.gkMgLG:hover {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      outline-offset: -4px;
      }
      /*!sc*/
      data-styled.g492[id="sc-5b504bec-0"] {
      content: "gkMgLG,"
      }
      /*!sc*/
      .hmaHWz {
      height: 24px;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .hmaHWz {
      height:32px;
      }
      }
      /*!sc*/
      data-styled.g493[id="sc-6e563af-0"] {
      content: "hmaHWz,"
      }
      /*!sc*/
      .kkvjAy {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-right: 88px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .kkvjAy {
      -webkit-box-flex:1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding-right: 0;
      }
      }
      /*!sc*/
      data-styled.g494[id="sc-6e563af-1"] {
      content: "kkvjAy,"
      }
      /*!sc*/
      .hLFXMj {
      z-index: 1;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      margin-right: 4px;
      margin-left: -10px;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .hLFXMj {
      display:none;
      }
      }
      /*!sc*/
      data-styled.g495[id="sc-6e563af-2"] {
      content: "hLFXMj,"
      }
      /*!sc*/
      .ctanKH {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-left: -14px;
      padding: 10px;
      }
      /*!sc*/
      .ctanKH:focus {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      color: #ffffff;
      outline-offset: -4px;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .ctanKH {
      margin-left:-10px;
      padding-top: 24px;
      padding-bottom: 24px;
      }
      }
      /*!sc*/
      data-styled.g496[id="sc-6e563af-3"] {
      content: "ctanKH,"
      }
      /*!sc*/
      .fkDaRG {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      vertical-align: middle;
      fill: currentColor;
      }
      /*!sc*/
      data-styled.g497[id="sc-7cc70ad4-0"] {
      content: "fkDaRG,"
      }
      /*!sc*/
      .dJtbJv {
      margin-left: -10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      }
      /*!sc*/
      data-styled.g498[id="sc-efad8c64-0"] {
      content: "dJtbJv,"
      }
      /*!sc*/
      .dkVkeR {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0;
      padding: 10px;
      color: #ffffff;
      cursor: pointer;
      }
      /*!sc*/
      .dkVkeR:hover,.dkVkeR:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      .dkVkeR:focus {
      background-image: linear-gradient( to bottom,rgba(255,255,255,0.1),rgba(255,255,255,0.175) );
      }
      /*!sc*/
      data-styled.g500[id="sc-efad8c64-2"] {
      content: "dkVkeR,"
      }
      /*!sc*/
      .llBIfl {
      width: 20px;
      height: 20px;
      margin-right: 4px;
      padding: 1px;
      border: 1px solid #fff;
      border-radius: 50%;
      }
      /*!sc*/
      data-styled.g503[id="sc-efad8c64-5"] {
      content: "llBIfl,"
      }
      /*!sc*/
      .dKwGFg {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      margin-top: 2px;
      border-radius: 2px;
      background-color: #ffffff;
      box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35);
      }
      /*!sc*/
      data-styled.g553[id="sc-231ef0ee-0"] {
      content: "dKwGFg,"
      }
      /*!sc*/
      .ekEBlS {
      margin-top: 0;
      padding-left: 0;
      list-style-type: none;
      }
      /*!sc*/
      data-styled.g554[id="sc-231ef0ee-1"] {
      content: "ekEBlS,"
      }
      /*!sc*/
      .cBmZpy {
      font-size: var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 600;
      position: relative;
      margin: 0;
      padding: 8px 16px;
      border-bottom: 1px solid #bfbfbf;
      color: #0d0d0d;
      font-weight: 800;
      }
      /*!sc*/
      data-styled.g555[id="sc-231ef0ee-2"] {
      content: "cBmZpy,"
      }
      /*!sc*/
      .jYNmpF {
      display: none;
      position: relative;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      padding: 16px 0;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .jYNmpF {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 395px;
      padding: 8px 16px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .jYNmpF {
      width:405px;
      padding: 24px 16px;
      }
      }
      /*!sc*/
      data-styled.g560[id="sc-51477687-0"] {
      content: "jYNmpF,"
      }
      /*!sc*/
      .jrSAEV {
      position: relative;
      }
      /*!sc*/
      data-styled.g561[id="sc-51477687-1"] {
      content: "jrSAEV,"
      }
      /*!sc*/
      .jIAhvy {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      min-height: calc(64px - 4px);
      padding-left: 4px;
      border-radius: 4px;
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
      border: 1px solid rgba(255,255,255,0.7);
      color: #ffffff;
      background-color: rgba(255,255,255,0.12);
      }
      /*!sc*/
      data-styled.g562[id="sc-51477687-2"] {
      content: "jIAhvy,"
      }
      /*!sc*/
      .kdqQlv {
      width: 100%;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 8px;
      }
      /*!sc*/
      .kdqQlv:focus-within,.kdqQlv:focus-visible {
      outline-width: 2px;
      outline-style: solid;
      outline-color: #024ddf;
      outline-offset: 2px;
      outline-offset: -2px;
      }
      /*!sc*/
      data-styled.g563[id="sc-51477687-3"] {
      content: "kdqQlv,"
      }
      /*!sc*/
      .gHJeut {
      font-weight: 600;
      font-size: var(--snowdon-font-size,12px);
      line-height: var(--snowdon-line-height,20px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      display: block;
      }
      /*!sc*/
      data-styled.g564[id="sc-51477687-4"] {
      content: "gHJeut,"
      }
      /*!sc*/
      .crxwdq {
      font-size: var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 100%;
      padding: 0;
      border: none;
      border-radius: 4px;
      overflow: hidden;
      color: currentColor;
      text-overflow: ellipsis;
      background-color: transparent;
      -webkit-appearance: none;
      }
      /*!sc*/
      .crxwdq::-webkit-input-placeholder {
      color: #ffffff;
      }
      /*!sc*/
      .crxwdq::-moz-placeholder {
      color: #ffffff;
      }
      /*!sc*/
      .crxwdq:-ms-input-placeholder {
      color: #ffffff;
      }
      /*!sc*/
      .crxwdq::placeholder {
      color: #ffffff;
      }
      /*!sc*/
      .crxwdq:focus {
      outline: none;
      }
      /*!sc*/
      data-styled.g565[id="sc-51477687-5"] {
      content: "crxwdq,"
      }
      /*!sc*/
      .fRJoBe {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      padding: 10px;
      border: none;
      border-radius: 4px;
      color: currentColor;
      background-color: transparent;
      cursor: pointer;
      }
      /*!sc*/
      .fRJoBe:hover,.fRJoBe:focus {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      color: #ffffff;
      background-color: #024ddf;
      }
      /*!sc*/
      .fRJoBe:focus {
      outline-offset: -4px;
      }
      /*!sc*/
      data-styled.g566[id="sc-51477687-6"] {
      content: "fRJoBe,"
      }
      /*!sc*/
      .bqkgqw {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      font-weight: 600;
      font-size: var(--fiji-font-size,18px);
      line-height: var(--fiji-line-height,26px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 8px;
      color: #ffffff;
      line-height: 44px;
      white-space: nowrap;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      }
      /*!sc*/
      .bqkgqw:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      color: #ffffff;
      }
      /*!sc*/
      .bqkgqw:focus {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      color: #ffffff;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      outline-offset: -4px;
      }
      /*!sc*/
      .eZPlOR {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      font-weight: 600;
      font-size: var(--fiji-font-size,18px);
      line-height: var(--fiji-line-height,26px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      position: absolute;
      top: 0;
      right: 100%;
      visibility: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 8px;
      color: #ffffff;
      line-height: 44px;
      white-space: nowrap;
      text-align: center;
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      }
      /*!sc*/
      .eZPlOR:hover {
      -webkit-text-decoration: none;
      text-decoration: none;
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      color: #ffffff;
      }
      /*!sc*/
      .eZPlOR:focus {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      color: #ffffff;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      outline-offset: -4px;
      }
      /*!sc*/
      data-styled.g585[id="sc-c84b167e-0"] {
      content: "bqkgqw,eZPlOR,"
      }
      /*!sc*/
      .beLKUE {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      }
      /*!sc*/
      data-styled.g586[id="sc-c84b167e-1"] {
      content: "beLKUE,"
      }
      /*!sc*/
      .gOSZUT {
      position: absolute;
      -webkit-align-items: stretch;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      overflow: auto;
      visibility: hidden;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .gOSZUT {
      position:static;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      visibility: visible;
      }
      }
      /*!sc*/
      data-styled.g587[id="sc-34b06b0f-0"] {
      content: "gOSZUT,"
      }
      /*!sc*/
      .iAuViZ {
      display: block;
      }
      /*!sc*/
      data-styled.g589[id="sc-1947e591-1"] {
      content: "iAuViZ,"
      }
      /*!sc*/
      .jLjRka {
      position: relative;
      z-index: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-right: 16px;
      padding-left: 16px;
      background-color: #121212;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .jLjRka {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      data-styled.g590[id="sc-f4a97344-0"] {
      content: "jLjRka,"
      }
      /*!sc*/
      .jiGAzI {
      display: none;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .jiGAzI {
      display:block;
      margin: 0 -40px 0 24px;
      }
      }
      /*!sc*/
      data-styled.g591[id="sc-f4a97344-1"] {
      content: "jiGAzI,"
      }
      /*!sc*/
      .lcBlMA {
      display: none;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .lcBlMA {
      display:block;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      }
      }
      /*!sc*/
      data-styled.g592[id="sc-f4a97344-2"] {
      content: "lcBlMA,"
      }
      /*!sc*/
      .chNTCb {
      display: none;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .chNTCb {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-right: -10px;
      }
      }
      /*!sc*/
      data-styled.g593[id="sc-f4a97344-3"] {
      content: "chNTCb,"
      }
      /*!sc*/
      .gRQhrh {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 44px;
      padding: 10px;
      color: #ffffff;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .gRQhrh:hover,.gRQhrh:focus {
      color: #ffffff;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      data-styled.g594[id="sc-f4a97344-4"] {
      content: "gRQhrh,"
      }
      /*!sc*/
      .gQgJvQ {
      margin-right: 4px;
      fill: #fff;
      }
      /*!sc*/
      data-styled.g595[id="sc-f4a97344-5"] {
      content: "gQgJvQ,"
      }
      /*!sc*/
      .eHYDy {
      margin-right: 4px;
      fill: #fff;
      }
      /*!sc*/
      data-styled.g597[id="sc-f4a97344-7"] {
      content: "eHYDy,"
      }
      /*!sc*/
      .kTGDeU {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      position: absolute;
      top: 0;
      right: 16px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: -10px;
      padding: 10px;
      color: #ffffff;
      font-size: 18px;
      }
      /*!sc*/
      .kTGDeU:not(:disabled).sc-fccb534b-0:hover {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      color: #ffffff;
      -webkit-text-decoration: none;
      text-decoration: none;
      cursor: pointer;
      }
      /*!sc*/
      .kTGDeU:not(:disabled).sc-fccb534b-0:focus {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      -webkit-text-decoration: underline;
      text-decoration: underline;
      outline-offset: -4px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .kTGDeU {
      position:static;
      margin-right: 0;
      white-space: nowrap;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .kTGDeU {
      width:auto;
      height: auto;
      margin-right: -10px;
      }
      }
      /*!sc*/
      .kTGDeU > span {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      overflow: hidden;
      white-space: nowrap;
      -webkit-clip: rect(0 0 0 0);
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(50%);
      clip-path: inset(50%);
      }
      /*!sc*/
      @media (min-width: 1050px) {
      .kTGDeU > span {
      position:static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      white-space: inherit;
      -webkit-clip: auto;
      clip: auto;
      -webkit-clip-path: none;
      clip-path: none;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 138px;
      margin-left: 8px;
      }
      }
      /*!sc*/
      data-styled.g598[id="sc-fccb534b-0"] {
      content: "kTGDeU,"
      }
      /*!sc*/
      .ktwbIG {
      background-color: #024ddf;
      }
      /*!sc*/
      data-styled.g599[id="sc-651fe446-0"] {
      content: "ktwbIG,"
      }
      /*!sc*/
      .MKlhf {
      position: relative;
      top: 0;
      z-index: 5;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-right: 16px;
      padding-left: 16px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .MKlhf {
      -webkit-flex-direction:row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .MKlhf {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      @media (min-width: 1050px) {
      .MKlhf {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      data-styled.g600[id="sc-651fe446-1"] {
      content: "MKlhf,"
      }
      /*!sc*/
      .cpnSYc {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .cpnSYc {
      padding-right:8px;
      }
      }
      /*!sc*/
      data-styled.g601[id="sc-651fe446-2"] {
      content: "cpnSYc,"
      }
      /*!sc*/
      .bmmbnK {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .bmmbnK {
      padding-left:8px;
      }
      }
      /*!sc*/
      data-styled.g602[id="sc-651fe446-3"] {
      content: "bmmbnK,"
      }
      /*!sc*/
      .hXDTEX {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      position: absolute;
      top: 0;
      right: 60px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: -10px;
      padding: 10px;
      border: 0;
      color: #ffffff;
      background-color: transparent;
      }
      /*!sc*/
      .hXDTEX:hover,.hXDTEX:focus {
      background-image: linear-gradient( to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.175) );
      }
      /*!sc*/
      @media (min-width: 720px) {
      .hXDTEX {
      display:none;
      }
      }
      /*!sc*/
      data-styled.g603[id="sc-651fe446-4"] {
      content: "hXDTEX,"
      }
      /*!sc*/
      .xZVlM {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      overflow: hidden;
      white-space: nowrap;
      -webkit-clip: rect(0 0 0 0);
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(50%);
      clip-path: inset(50%);
      }
      /*!sc*/
      data-styled.g604[id="sc-651fe446-5"] {
      content: "xZVlM,"
      }
      /*!sc*/
      .cJzMYW {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: url(https://s1.ticketm.net/dam/a/8f4/eac77d3f-de25-40f5-af88-00ea8c1568f4_91951_TABLET_LANDSCAPE_LARGE_16_9.jpg?auto=webp);
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      .hRHUpV {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: url(https://s1.ticketm.net/dam/a/70c/f8408501-c120-4b57-a857-a1711722970c_SOURCE?auto=webp);
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      .lhOXLF {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: url(https://s1.ticketm.net/dam/a/4cc/185904a5-ae29-43a1-86df-30e3439314cc_SOURCE?auto=webp);
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      .dKsnM {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: url(https://s1.ticketm.net/dam/a/39e/091ca72a-c37d-42bb-868a-43de90d0f39e_SOURCE?auto=webp);
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      .ymzaF {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: url(https://s1.ticketm.net/dam/a/aa8/8b781c0f-bc34-44a6-9b47-7a2173009aa8_TABLET_LANDSCAPE_LARGE_16_9.jpg?auto=webp);
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      .fUasBO {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: url(https://s1.ticketm.net/dam/a/6ae/daee34c2-b815-4f0f-a8c1-95189f42a6ae_SOURCE?auto=webp);
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      .jpixBc {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: none;
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      .bbOAGE {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%;
      border-radius: 2px;
      overflow: hidden;
      background-color: inherit;
      background-image: none;
      background-position: top left;
      background-size: 100%;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      }
      /*!sc*/
      data-styled.g607[id="sc-216eb795-0"] {
      content: "cJzMYW,hRHUpV,lhOXLF,dKsnM,ymzaF,fUasBO,jpixBc,bbOAGE,"
      }
      /*!sc*/
      .LWVXg {
      display: block;
      height: 100%;
      padding: 0 12px;
      color: #121212;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .LWVXg:hover,.LWVXg:focus {
      color: inherit;
      outline-offset: -1px;
      }
      /*!sc*/
      data-styled.g609[id="sc-dc560a96-0"] {
      content: "LWVXg,"
      }
      /*!sc*/
      .dTbxnb {
      position: relative;
      margin: 0 -12px;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0px 1px 4px 0px rgba(18,18,18,0.15);
      -webkit-transition: box-shadow 0.4s cubic-bezier(.1,.85,.25,1);
      transition: box-shadow 0.4s cubic-bezier(.1,.85,.25,1);
      }
      /*!sc*/
      .dTbxnb::before {
      background-color: #024ddf;
      background-image: linear-gradient(90deg,#4675e8,#024ddf);
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      opacity: 0;
      -webkit-transition: opacity 0.4s cubic-bezier(.1,.85,.25,1);
      transition: opacity 0.4s cubic-bezier(.1,.85,.25,1);
      content: '';
      }
      /*!sc*/
      .dTbxnb::after {
      background-color: #024ddf;
      background-image: linear-gradient(180deg,#4675e8,#024ddf);
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 32px;
      height: 100%;
      border-radius: 0 4px 4px 0;
      opacity: 0;
      -webkit-transition: opacity 0.4s cubic-bezier(.1,.85,.25,1);
      transition: opacity 0.4s cubic-bezier(.1,.85,.25,1);
      content: '';
      }
      /*!sc*/
      .sc-dc560a96-0:hover .sc-dc560a96-1,.sc-dc560a96-0:focus .dTbxnb {
      box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35);
      }
      /*!sc*/
      .sc-dc560a96-0:hover .sc-dc560a96-1::after,.sc-dc560a96-0:focus .dTbxnb::after {
      opacity: 1;
      }
      /*!sc*/
      .sc-dc560a96-0:hover .sc-dc560a96-1::before,.sc-dc560a96-0:focus .dTbxnb::before {
      opacity: 0.4;
      }
      /*!sc*/
      data-styled.g610[id="sc-dc560a96-1"] {
      content: "dTbxnb,"
      }
      /*!sc*/
      .jcHoyb {
      position: absolute;
      top: 50%;
      right: 4px;
      z-index: 1;
      margin-top: -12px;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 0;
      -webkit-transition: opacity 0.4s cubic-bezier(.1,.85,.25,1);
      transition: opacity 0.4s cubic-bezier(.1,.85,.25,1);
      fill: #ffffff;
      }
      /*!sc*/
      .sc-dc560a96-0:hover .sc-dc560a96-2,.sc-dc560a96-0:focus .jcHoyb {
      opacity: 1;
      }
      /*!sc*/
      data-styled.g611[id="sc-dc560a96-2"] {
      content: "jcHoyb,"
      }
      /*!sc*/
      .kDDIK {
      font-weight: 600;
      font-size: var(--fiji-font-size,18px);
      line-height: var(--fiji-line-height,26px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      margin-top: 8px;
      }
      /*!sc*/
      .sc-dc560a96-0:hover .sc-dc560a96-4,.sc-dc560a96-0:focus .kDDIK {
      color: #0139a7;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      data-styled.g613[id="sc-dc560a96-4"] {
      content: "kDDIK,"
      }
      /*!sc*/
      .bGosfa {
      margin-top: 32px;
      width: 100%;
      color: #ffffff;
      }
      /*!sc*/
      data-styled.g699[id="sc-6eb17e37-0"] {
      content: "bGosfa,"
      }
      /*!sc*/
      .cOwoaK {
      font-size: var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      margin: 0;
      }
      /*!sc*/
      data-styled.g700[id="sc-6eb17e37-1"] {
      content: "cOwoaK,"
      }
      /*!sc*/
      .iUpJNd {
      margin-top: 4px;
      margin-left: -10px;
      }
      /*!sc*/
      data-styled.g701[id="sc-6eb17e37-2"] {
      content: "iUpJNd,"
      }
      /*!sc*/
      .ebMhgC {
      display: inline;
      }
      /*!sc*/
      data-styled.g702[id="sc-6eb17e37-3"] {
      content: "ebMhgC,"
      }
      /*!sc*/
      .hSTWqW {
      display: inline-block;
      padding: 10px;
      }
      /*!sc*/
      .hSTWqW:hover,.hSTWqW:focus {
      background-image: linear-gradient( to bottom,rgba(255,255,255,0.1),rgba(255,255,255,0.175) );
      color: #ffffff;
      }
      /*!sc*/
      data-styled.g703[id="sc-6eb17e37-4"] {
      content: "hSTWqW,"
      }
      /*!sc*/
      .iJVoWV {
      display: block;
      height: 24px;
      }
      /*!sc*/
      .iJVoPo {
      display: block;
      height: 38px;
      }
      /*!sc*/
      data-styled.g704[id="sc-6eb17e37-5"] {
      content: "iJVoWV,iJVoPo,"
      }
      /*!sc*/
      .kOntPy {
      margin-top: 32px;
      margin-bottom: 0;
      color: #ffffff;
      }
      /*!sc*/
      data-styled.g705[id="sc-933023be-0"] {
      content: "kOntPy,"
      }
      /*!sc*/
      .hoFFTv {
      color: currentColor;
      }
      /*!sc*/
      .hoFFTv:hover,.hoFFTv:focus {
      color: inherit;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      data-styled.g706[id="sc-933023be-1"] {
      content: "hoFFTv,"
      }
      /*!sc*/
      .kMNMDr {
      width: 100%;
      margin-top: 24px;
      border-bottom: 1px solid #bfbfbf;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .kMNMDr {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: -16px -16px 0;
      border-bottom: none;
      }
      }
      /*!sc*/
      data-styled.g707[id="sc-727035ce-0"] {
      content: "kMNMDr,"
      }
      /*!sc*/
      .jCiDKh {
      width: 100%;
      border-top: 1px solid #bfbfbf;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .jCiDKh {
      border-top:none;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .jCiDKh {
      width:50%;
      padding-right: 16px;
      padding-left: 16px;
      }
      }
      /*!sc*/
      @media (min-width: 1050px) {
      .jCiDKh {
      width:25%;
      }
      }
      /*!sc*/
      data-styled.g708[id="sc-727035ce-1"] {
      content: "jCiDKh,"
      }
      /*!sc*/
      .dGntTN {
      font-weight: 600;
      font-size: var(--fiji-font-size,18px);
      line-height: var(--fiji-line-height,26px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      margin: 16px 0;
      }
      /*!sc*/
      data-styled.g709[id="sc-727035ce-2"] {
      content: "dGntTN,"
      }
      /*!sc*/
      .dxLznb {
      overflow: visible;
      visibility: visible;
      opacity: 1;
      }
      /*!sc*/
      data-styled.g712[id="sc-727035ce-5"] {
      content: "dxLznb,"
      }
      /*!sc*/
      .gvXrga {
      padding: 0 0 16px 0;
      }
      /*!sc*/
      data-styled.g713[id="sc-727035ce-6"] {
      content: "gvXrga,"
      }
      /*!sc*/
      .cUEHXy {
      display: inline-block;
      margin-top: 8px;
      margin-left: -8px;
      padding: 4px 8px;
      color: #ffffff;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .cUEHXy:hover,.cUEHXy:focus {
      color: currentColor;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      data-styled.g714[id="sc-727035ce-7"] {
      content: "cUEHXy,"
      }
      /*!sc*/
      .kaJEHw {
      margin-right: -8px;
      margin-left: -8px;
      }
      /*!sc*/
      data-styled.g715[id="sc-36e417dd-0"] {
      content: "kaJEHw,"
      }
      /*!sc*/
      .ggluQf {
      position: relative;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      }
      /*!sc*/
      .ggluQf::after {
      position: absolute;
      top: 50%;
      right: 0;
      display: inline-block;
      height: 1em;
      margin-top: -0.5em;
      border-left: 1px solid currentColor;
      content: '';
      }
      /*!sc*/
      .ggluQf:last-child::after {
      display: none;
      content: none;
      }
      /*!sc*/
      data-styled.g716[id="sc-36e417dd-1"] {
      content: "ggluQf,"
      }
      /*!sc*/
      .bdBlHa {
      padding: 0.2em 8px;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .bdBlHa:hover,.bdBlHa:focus {
      color: currentColor;
      }
      /*!sc*/
      .bdBlHa:focus {
      background-image: linear-gradient( to bottom,rgba(255,255,255,0.1),rgba(255,255,255,0.175) );
      }
      /*!sc*/
      data-styled.g717[id="sc-36e417dd-2"] {
      content: "bdBlHa,"
      }
      /*!sc*/
      .hHitlM {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      padding: 0.2em 8px;
      cursor: pointer;
      }
      /*!sc*/
      .hHitlM:hover,.hHitlM:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      data-styled.g718[id="sc-36e417dd-3"] {
      content: "hHitlM,"
      }
      /*!sc*/
      .fMDRDT {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-right: 16px;
      padding-bottom: 40px;
      padding-left: 16px;
      color: #ffffff;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .fMDRDT {
      -webkit-align-items:center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .fMDRDT {
      -webkit-flex-flow:row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-right: 40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      data-styled.g719[id="sc-e34bdbc3-0"] {
      content: "fMDRDT,"
      }
      /*!sc*/
      .eSItNK {
      width: 100%;
      margin: 0 0 24px;
      border-color: #bfbfbf;
      border-style: solid;
      border-width: 1px 0 0;
      }
      /*!sc*/
      data-styled.g720[id="sc-e34bdbc3-1"] {
      content: "eSItNK,"
      }
      /*!sc*/
      .ichTFu {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      margin-top: 16px;
      margin-right: 16px;
      text-align: center;
      }
      /*!sc*/
      data-styled.g721[id="sc-e34bdbc3-2"] {
      content: "ichTFu,"
      }
      /*!sc*/
      .dqqzbT {
      margin: 16px 0 0;
      text-align: center;
      }
      /*!sc*/
      data-styled.g722[id="sc-e34bdbc3-3"] {
      content: "dqqzbT,"
      }
      /*!sc*/
      .hHqwdi {
      width: auto;
      height: 24px;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .hHqwdi {
      height:32px;
      }
      }
      /*!sc*/
      data-styled.g728[id="sc-75d02ffe-0"] {
      content: "hHqwdi,"
      }
      /*!sc*/
      .foGwOq {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      border-top: 1px solid rgba(255,255,255,0.2);
      background-color: #121212;
      }
      /*!sc*/
      data-styled.g729[id="sc-75d02ffe-1"] {
      content: "foGwOq,"
      }
      /*!sc*/
      .evdCpQ {
      padding-right: 16px;
      padding-left: 16px;
      color: #ffffff;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .evdCpQ {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      data-styled.g730[id="sc-75d02ffe-2"] {
      content: "evdCpQ,"
      }
      /*!sc*/
      .jnzhWU {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-top: 64px;
      padding-bottom: 40px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .jnzhWU {
      -webkit-flex-direction:row;
      -ms-flex-direction: row;
      flex-direction: row;
      }
      }
      /*!sc*/
      data-styled.g731[id="sc-75d02ffe-3"] {
      content: "jnzhWU,"
      }
      /*!sc*/
      @media (min-width: 720px) {
      .dMaXer {
      margin-right:80px;
      }
      }
      /*!sc*/
      data-styled.g732[id="sc-75d02ffe-4"] {
      content: "dMaXer,"
      }
      /*!sc*/
      .etBAUA {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .etBAUA {
      -webkit-box-flex:1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      }
      }
      /*!sc*/
      data-styled.g733[id="sc-75d02ffe-5"] {
      content: "etBAUA,"
      }
      /*!sc*/
      .dtOPnC {
      position: relative;
      z-index: 2;
      display: none;
      padding: 8px 16px;
      border: 1px solid #ffb932;
      color: #ffffff;
      text-align: center;
      background-color: #121212;
      }
      /*!sc*/
      @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
      .dtOPnC {
      display: block;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .dtOPnC {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      data-styled.g834[id="sc-18a6d21e-0"] {
      content: "dtOPnC,"
      }
      /*!sc*/
      @media (min-width: 900px) {
      .khfQaK {
      position:-webkit-sticky;
      position: sticky;
      top: 107px;
      }
      }
      /*!sc*/
      data-styled.g879[id="sc-b41d3081-1"] {
      content: "khfQaK,"
      }
      /*!sc*/
      .eyUXeF {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 4px 0 8px;
      }
      /*!sc*/
      data-styled.g880[id="sc-b41d3081-2"] {
      content: "eyUXeF,"
      }
      /*!sc*/
      .kImqpm {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 273px;
      min-height: 250px;
      overflow: hidden;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .kImqpm {
      min-height:90px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .kImqpm {
      min-height:250px;
      }
      }
      /*!sc*/
      data-styled.g881[id="sc-b41d3081-3"] {
      content: "kImqpm,"
      }
      /*!sc*/
      .drtRHt {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      background-color: #ffffff;
      box-shadow: 0px 3px 12px 0px rgba(18,18,18,0.18);
      }
      /*!sc*/
      @media (max-width: 720px) {
      .drtRHt {
      display:none;
      }
      }
      /*!sc*/
      data-styled.g1025[id="sc-2beadaf1-0"] {
      content: "drtRHt,"
      }
      /*!sc*/
      .hoAHxx {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      }
      /*!sc*/
      .hoAHxx:empty,.hoAHxx:empty + button {
      display: none;
      }
      /*!sc*/
      .hoAHxx div[id^='google_ads_iframe'] {
      height: auto !important;
      }
      /*!sc*/
      .hoAHxx iframe[width='1'] {
      display: none;
      }
      /*!sc*/
      .hoAHxx iframe:not([width='1']) {
      margin: 8px;
      }
      /*!sc*/
      data-styled.g1026[id="sc-2beadaf1-1"] {
      content: "hoAHxx,"
      }
      /*!sc*/
      .kpUnFa {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      position: absolute;
      top: 0;
      left: calc(50vw + 728px / 2);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      background-color: #ffffff;
      cursor: pointer;
      }
      /*!sc*/
      data-styled.g1027[id="sc-2beadaf1-2"] {
      content: "kpUnFa,"
      }
      /*!sc*/
      .hRmzip {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 1.3em;
      height: 1.3em;
      }
      /*!sc*/
      data-styled.g1028[id="sc-2beadaf1-3"] {
      content: "hRmzip,"
      }
      /*!sc*/
      .kqSgKU {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      fill: #949494;
      }
      /*!sc*/
      data-styled.g1029[id="sc-2beadaf1-4"] {
      content: "kqSgKU,"
      }
      /*!sc*/
      .ewonzh {
      margin-right: 8px;
      color: #121212;
      word-break: break-word;
      overflow-wrap: break-word;
      }
      /*!sc*/
      data-styled.g1042[id="sc-949228f3-2"] {
      content: "ewonzh,"
      }
      /*!sc*/
      .gUGLZI {
      color: #646464;
      }
      /*!sc*/
      data-styled.g1044[id="sc-949228f3-4"] {
      content: "gUGLZI,"
      }
      /*!sc*/
      .hAqSUJ {
      display: block;
      line-height: 1.4;
      }
      /*!sc*/
      data-styled.g1045[id="sc-949228f3-5"] {
      content: "hAqSUJ,"
      }
      /*!sc*/
      .dudkcF {
      display: block;
      font-weight: 600;
      }
      /*!sc*/
      data-styled.g1046[id="sc-949228f3-6"] {
      content: "dudkcF,"
      }
      /*!sc*/
      .ocBaF {
      display: block;
      margin-top: 4px;
      color: #646464;
      }
      /*!sc*/
      data-styled.g1047[id="sc-949228f3-7"] {
      content: "ocBaF,"
      }
      /*!sc*/
      .sc-cbc37a22-0 + .sc-cbc37a22-0 {
      margin-top: 32px;
      padding-top: 32px;
      border-top: 1px solid #bfbfbf;
      }
      /*!sc*/
      data-styled.g1048[id="sc-cbc37a22-0"] {
      content: "gmbzvI,"
      }
      /*!sc*/
      .jHcSDH {
      margin: 0;
      font-weight: 800;
      font-size: 16px;
      -webkit-letter-spacing: 0.3em;
      -moz-letter-spacing: 0.3em;
      -ms-letter-spacing: 0.3em;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      }
      /*!sc*/
      data-styled.g1049[id="sc-cbc37a22-1"] {
      content: "jHcSDH,"
      }
      /*!sc*/
      .bgCjU {
      margin: 12px 0;
      }
      /*!sc*/
      data-styled.g1050[id="sc-cbc37a22-2"] {
      content: "bgCjU,"
      }
      /*!sc*/
      .fWldMm {
      display: inline-block;
      }
      /*!sc*/
      data-styled.g1054[id="sc-cbc37a22-6"] {
      content: "fWldMm,"
      }
      /*!sc*/
      .iwchYX {
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      vertical-align: middle;
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -webkit-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
      }
      /*!sc*/
      data-styled.g1056[id="sc-2c4aa6a2-0"] {
      content: "iwchYX,"
      }
      /*!sc*/
      .dZDnnU {
      padding: 24px 16px 0;
      }
      /*!sc*/
      data-styled.g1058[id="sc-788d7b70-1"] {
      content: "dZDnnU,"
      }
      /*!sc*/
      .dqmLda {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      }
      /*!sc*/
      data-styled.g1059[id="sc-788d7b70-2"] {
      content: "dqmLda,"
      }
      /*!sc*/
      .galOOu {
      margin-bottom: 24px;
      color: #646464;
      }
      /*!sc*/
      data-styled.g1061[id="sc-788d7b70-4"] {
      content: "galOOu,"
      }
      /*!sc*/
      .eEzjZQ {
      margin: 0;
      color: #121212;
      font-weight: 800;
      font-size: 20px;
      line-height: 1.1;
      -webkit-letter-spacing: 0.1em;
      -moz-letter-spacing: 0.1em;
      -ms-letter-spacing: 0.1em;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      }
      /*!sc*/
      data-styled.g1062[id="sc-788d7b70-5"] {
      content: "eEzjZQ,"
      }
      /*!sc*/
      .gJlEcQ {
      margin-top: 24px;
      }
      /*!sc*/
      data-styled.g1064[id="sc-788d7b70-7"] {
      content: "gJlEcQ,"
      }
      /*!sc*/
      .cGXDto {
      margin-top: 16px;
      padding: 32px 16px;
      border-top: 1px solid #bfbfbf;
      }
      /*!sc*/
      data-styled.g1065[id="sc-788d7b70-8"] {
      content: "cGXDto,"
      }
      /*!sc*/
      .bNSUil {
      width: 100%;
      max-width: 1248px;
      }
      /*!sc*/
      data-styled.g1089[id="sc-693a93a4-0"] {
      content: "bNSUil,"
      }
      /*!sc*/
      .joKPPK {
      padding-right: 16px;
      padding-left: 16px;
      padding-top: 64px;
      padding-bottom: 64px;
      border-color: #bfbfbf;
      color: #121212;
      background-color: #f6f6f6;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .joKPPK {
      padding-right:24px;
      padding-left: 24px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .joKPPK {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      @media (min-width: 1440px) {
      .joKPPK {
      padding-right:96px;
      padding-left: 96px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .joKPPK {
      padding-top:80px;
      padding-bottom: 80px;
      }
      }
      /*!sc*/
      .FMIBX {
      padding-right: 16px;
      padding-left: 16px;
      padding-top: 64px;
      padding-bottom: 64px;
      border-color: #bfbfbf;
      color: #121212;
      background-color: #ffffff;
      border-top-width: 1px;
      border-top-style: solid;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .FMIBX {
      padding-right:24px;
      padding-left: 24px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .FMIBX {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      @media (min-width: 1440px) {
      .FMIBX {
      padding-right:96px;
      padding-left: 96px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .FMIBX {
      padding-top:80px;
      padding-bottom: 80px;
      }
      }
      /*!sc*/
      data-styled.g1090[id="sc-693a93a4-1"] {
      content: "joKPPK,FMIBX,"
      }
      /*!sc*/
      .gIGRhC {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .gIGRhC {
      -webkit-flex-direction:row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      }
      }
      /*!sc*/
      data-styled.g1091[id="sc-693a93a4-2"] {
      content: "gIGRhC,"
      }
      /*!sc*/
      .gstaKn {
      -webkit-flex-basis: 67%;
      -ms-flex-preferred-size: 67%;
      flex-basis: 67%;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .gstaKn {
      width:67%;
      }
      }
      /*!sc*/
      data-styled.g1092[id="sc-693a93a4-3"] {
      content: "gstaKn,"
      }
      /*!sc*/
      .iknDig {
      margin-top: 64px;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .iknDig {
      margin-top:0;
      margin-left: 32px;
      }
      }
      /*!sc*/
      data-styled.g1093[id="sc-693a93a4-4"] {
      content: "iknDig,"
      }
      /*!sc*/
      .hOsuoD {
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #ffffff;
      }
      /*!sc*/
      data-styled.g1094[id="sc-6c32eae-0"] {
      content: "hOsuoD,"
      }
      /*!sc*/
      .jZklPx {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      }
      /*!sc*/
      data-styled.g1095[id="sc-6c32eae-1"] {
      content: "jZklPx,"
      }
      /*!sc*/
      .jrrDhO {
      margin: 0 4px;
      }
      /*!sc*/
      .jrrDhO::after {
      content: '/';
      }
      /*!sc*/
      data-styled.g1096[id="sc-6c32eae-2"] {
      content: "jrrDhO,"
      }
      /*!sc*/
      .dRWoph {
      display: inline-block;
      padding: 4px 0;
      color: inherit;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .dRWoph:hover,.dRWoph:focus {
      color: inherit;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      data-styled.g1097[id="sc-6c32eae-3"] {
      content: "dRWoph,"
      }
      /*!sc*/
      .cEPzyP {
      display: inline-block;
      padding: 4px 0;
      }
      /*!sc*/
      data-styled.g1099[id="sc-6c32eae-5"] {
      content: "cEPzyP,"
      }
      /*!sc*/
      .jHA-DgO {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      gap: 4px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 8px;
      border-radius: 2px;
      color: #ffffff;
      font-weight: 600;
      line-height: 1;
      background-color: transparent;
      }
      /*!sc*/
      .gcWjCw {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      gap: 4px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 8px;
      border-radius: 2px;
      color: #ffffff;
      font-weight: 600;
      line-height: 1;
      background-color: #121212;
      }
      /*!sc*/
      data-styled.g1100[id="sc-3831cec8-0"] {
      content: "jHA-DgO,gcWjCw,"
      }
      /*!sc*/
      .inDTNc {
      margin-right: 2px;
      }
      /*!sc*/
      data-styled.g1101[id="sc-3831cec8-1"] {
      content: "inDTNc,"
      }
      /*!sc*/
      .eDVgxd {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      border: 1px solid #ffffff;
      border-radius: 2px;
      -webkit-text-decoration: none;
      text-decoration: none;
      box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35);
      }
      /*!sc*/
      .eDVgxd:hover,.eDVgxd:focus {
      color: #ffffff;
      background-color: #121212;
      }
      /*!sc*/
      data-styled.g1102[id="sc-da81277a-0"] {
      content: "eDVgxd,"
      }
      /*!sc*/
      .DmCki {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: calc(100% + 100px);
      height: calc(100% + 100px);
      background-color: transparent;
      background-image: none;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      -webkit-transform: translate( -50px,-50px );
      -ms-transform: translate( -50px,-50px );
      transform: translate( -50px,-50px );
      -webkit-filter: blur(12px);
      filter: blur(12px);
      }
      /*!sc*/
      .DmCki::after {
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.50);
      content: '';
      }
      /*!sc*/
      data-styled.g1103[id="sc-c358f15d-0"] {
      content: "DmCki,"
      }
      /*!sc*/
      .eouCCf {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      }
      /*!sc*/
      data-styled.g1105[id="sc-c358f15d-2"] {
      content: "eouCCf,"
      }
      /*!sc*/
      .dgibKG {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: 100%;
      }
      /*!sc*/
      data-styled.g1106[id="sc-c358f15d-3"] {
      content: "dgibKG,"
      }
      /*!sc*/
      .bkEPIg {
      padding-right: 16px;
      padding-left: 16px;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      min-height: 260px;
      padding-top: 16px;
      padding-bottom: 24px;
      overflow: hidden;
      color: #ffffff;
      text-shadow: 0 0 10px rgba(0,0,0,0.50);
      background-color: #121212;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .bkEPIg {
      padding-right:24px;
      padding-left: 24px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .bkEPIg {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      @media (min-width: 1440px) {
      .bkEPIg {
      padding-right:96px;
      padding-left: 96px;
      }
      }
      /*!sc*/
      @media (min-width: 720px) {
      .bkEPIg {
      min-height:inherit;
      padding-top: 24px;
      padding-bottom: 48px;
      }
      }
      /*!sc*/
      data-styled.g1107[id="sc-c358f15d-4"] {
      content: "bkEPIg,"
      }
      /*!sc*/
      .jeqBKk {
      font-weight: 600;
      font-size: var(--fiji-font-size,18px);
      line-height: var(--fiji-line-height,26px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      margin: 0;
      }
      /*!sc*/
      data-styled.g1108[id="sc-c358f15d-5"] {
      content: "jeqBKk,"
      }
      /*!sc*/
      .geeLPy {
      margin: 0;
      margin-right: 12px;
      font-weight: 800;
      font-size: 32px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .geeLPy {
      -webkit-flex-basis:auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .geeLPy {
      font-size:44px;
      }
      }
      /*!sc*/
      data-styled.g1109[id="sc-c358f15d-6"] {
      content: "geeLPy,"
      }
      /*!sc*/
      .hZkBoy {
      display: inline;
      margin-right: 12px;
      vertical-align: sub;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .hZkBoy {
      vertical-align:unset;
      }
      }
      /*!sc*/
      data-styled.g1110[id="sc-c358f15d-7"] {
      content: "hZkBoy,"
      }
      /*!sc*/
      .ldLsko {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-top: 24px;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .ldLsko {
      -webkit-flex-direction:row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      }
      }
      /*!sc*/
      data-styled.g1111[id="sc-c358f15d-8"] {
      content: "ldLsko,"
      }
      /*!sc*/
      .crgnSS {
      -webkit-animation: caZuFg 0.6s cubic-bezier(.1,.85,.25,1) forwards;
      animation: caZuFg 0.6s cubic-bezier(.1,.85,.25,1) forwards;
      will-change: transform;
      position: relative;
      width: 115px;
      margin-bottom: 24px;
      border-radius: 4px;
      box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35);
      }
      /*!sc*/
      @media (min-width: 900px) {
      .crgnSS {
      width:235px;
      margin-right: 24px;
      margin-bottom: 0;
      }
      }
      /*!sc*/
      data-styled.g1112[id="sc-c358f15d-9"] {
      content: "crgnSS,"
      }
      /*!sc*/
      .kKQGPn {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      }
      /*!sc*/
      data-styled.g1113[id="sc-c358f15d-10"] {
      content: "kKQGPn,"
      }
      /*!sc*/
      .inJxnb:target::before {
      display: block;
      height: 59px;
      margin-top: -59px;
      visibility: hidden;
      content: '';
      pointer-events: none;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .inJxnb:target::before {
      height:59px;
      margin-top: -59px;
      }
      }
      /*!sc*/
      data-styled.g1114[id="sc-dfc32235-0"] {
      content: "inJxnb,"
      }
      /*!sc*/
      .kPBMRo {
      padding-right: 16px;
      padding-left: 16px;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #ffffff;
      box-shadow: 0px 3px 12px 0px rgba(18,18,18,0.18);
      }
      /*!sc*/
      @media (min-width: 375px) {
      .kPBMRo {
      padding-right:24px;
      padding-left: 24px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .kPBMRo {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      @media (min-width: 1440px) {
      .kPBMRo {
      padding-right:96px;
      padding-left: 96px;
      }
      }
      /*!sc*/
      data-styled.g1115[id="sc-396e20a6-0"] {
      content: "kPBMRo,"
      }
      /*!sc*/
      .hXizUX {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .hXizUX {
      -webkit-flex-direction:row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      }
      }
      /*!sc*/
      data-styled.g1116[id="sc-396e20a6-1"] {
      content: "hXizUX,"
      }
      /*!sc*/
      .rSWgn {
      position: relative;
      margin-right: -16px;
      margin-left: -16px;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .rSWgn {
      margin-right:-24px;
      margin-left: -24px;
      }
      }
      /*!sc*/
      @media (min-width: 720px) {
      .rSWgn {
      max-width:100%;
      margin-right: 0;
      margin-left: 0;
      }
      }
      /*!sc*/
      @media (min-width: 1050px) {
      }
      /*!sc*/
      data-styled.g1117[id="sc-396e20a6-2"] {
      content: "rSWgn,"
      }
      /*!sc*/
      .iOZzjT {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -webkit-scroll-behavior: smooth;
      -moz-scroll-behavior: smooth;
      -ms-scroll-behavior: smooth;
      scroll-behavior: smooth;
      }
      /*!sc*/
      data-styled.g1118[id="sc-396e20a6-3"] {
      content: "iOZzjT,"
      }
      /*!sc*/
      .gTAQcB {
      position: relative;
      display: block;
      padding: 20px 20px 16px 20px;
      border-bottom: 4px solid #121212;
      color: #121212;
      font-weight: 600;
      font-size: 14px;
      -webkit-letter-spacing: 0.15em;
      -moz-letter-spacing: 0.15em;
      -ms-letter-spacing: 0.15em;
      letter-spacing: 0.15em;
      white-space: nowrap;
      text-transform: uppercase;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .gTAQcB:hover,.gTAQcB:focus {
      color: #121212;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      background-color: #ebebeb;
      outline-offset: -2px;
      }
      /*!sc*/
      .hmyfue {
      position: relative;
      display: block;
      padding: 20px 20px 16px 20px;
      border-bottom: 4px solid transparent;
      color: #646464;
      font-weight: 600;
      font-size: 14px;
      -webkit-letter-spacing: 0.15em;
      -moz-letter-spacing: 0.15em;
      -ms-letter-spacing: 0.15em;
      letter-spacing: 0.15em;
      white-space: nowrap;
      text-transform: uppercase;
      -webkit-text-decoration: none;
      text-decoration: none;
      }
      /*!sc*/
      .hmyfue:hover,.hmyfue:focus {
      color: #121212;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      background-color: #ebebeb;
      outline-offset: -2px;
      }
      /*!sc*/
      data-styled.g1119[id="sc-396e20a6-4"] {
      content: "gTAQcB,hmyfue,"
      }
      /*!sc*/
      .fZzcRG {
      font-weight: 700;
      font-size: var(--vinson-font-size,22px);
      line-height: var(--vinson-line-height,24px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      position: relative;
      margin: 0;
      }
      /*!sc*/
      .fZzcRG:before {
      display: block;
      background-color: currentColor;
      content: "";
      width: 32px;
      height: 4px;
      margin-bottom: 8px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .fZzcRG:before {
      display:block;
      background-color: currentColor;
      content: "";
      width: 32px;
      height: 4px;
      margin-bottom: 8px;
      }
      }
      /*!sc*/
      data-styled.g1132[id="sc-7a093be0-0"] {
      content: "fZzcRG,"
      }
      /*!sc*/
      .fjCDKC {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      }
      /*!sc*/
      data-styled.g1178[id="sc-c2fc2315-0"] {
      content: "fjCDKC,"
      }
      /*!sc*/
      .xmwRN {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      border: 1px solid #bfbfbf;
      border-radius: 9000px;
      }
      /*!sc*/
      data-styled.g1272[id="sc-aeb82bb9-0"] {
      content: "xmwRN,"
      }
      /*!sc*/
      .bowLnX {
      position: relative;
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      color: #646464;
      background-color: #ffffff;
      padding: 12px 16px;
      cursor: pointer;
      }
      /*!sc*/
      .bowLnX:focus {
      z-index: 1;
      outline-offset: 4px;
      }
      /*!sc*/
      .gvYPfq {
      position: relative;
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      color: #ffffff;
      background-color: #121212;
      padding: 12px 16px;
      cursor: pointer;
      }
      /*!sc*/
      .gvYPfq:focus {
      z-index: 1;
      outline-offset: 4px;
      }
      /*!sc*/
      data-styled.g1273[id="sc-aeb82bb9-1"] {
      content: "bowLnX,gvYPfq,"
      }
      /*!sc*/
      .gIjdeu {
      border-top-left-radius: 9000px;
      border-bottom-left-radius: 9000px;
      }
      /*!sc*/
      data-styled.g1274[id="sc-aeb82bb9-2"] {
      content: "gIjdeu,"
      }
      /*!sc*/
      .bWOiGv {
      border-top-right-radius: 9000px;
      border-bottom-right-radius: 9000px;
      }
      /*!sc*/
      data-styled.g1275[id="sc-aeb82bb9-3"] {
      content: "bWOiGv,"
      }
      /*!sc*/
      .fSjWtU {
      position: relative;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .fSjWtU {
      -webkit-flex-basis:400px;
      -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
      }
      }
      /*!sc*/
      data-styled.g1276[id="sc-46bb9dc1-0"] {
      content: "fSjWtU,"
      }
      /*!sc*/
      .iICEIh {
      display: block;
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      color: #646464;
      }
      /*!sc*/
      data-styled.g1277[id="sc-46bb9dc1-1"] {
      content: "iICEIh,"
      }
      /*!sc*/
      .cgFNgj {
      position: relative;
      margin-top: 4px;
      }
      /*!sc*/
      @media (min-width: 1050px) {
      .cgFNgj {
      position:static;
      }
      }
      /*!sc*/
      data-styled.g1278[id="sc-46bb9dc1-2"] {
      content: "cgFNgj,"
      }
      /*!sc*/
      .jzhiOp {
      margin-left: 12px;
      }
      /*!sc*/
      data-styled.g1279[id="sc-46bb9dc1-3"] {
      content: "jzhiOp,"
      }
      /*!sc*/
      .gHjWYz {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 44px;
      border: 1px solid #949494;
      border-radius: 2px;
      background-color: #ffffff;
      cursor: pointer;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .gHjWYz {
      width:200px;
      }
      }
      /*!sc*/
      data-styled.g1280[id="sc-46bb9dc1-4"] {
      content: "gHjWYz,"
      }
      /*!sc*/
      .fSqlNy {
      margin: 0;
      padding: 0;
      border: 0;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      background-color: transparent;
      width: 100%;
      height: 44px;
      padding-right: 4px;
      padding-left: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      }
      /*!sc*/
      .fSqlNy:focus {
      padding-right: 16px;
      padding-left: 16px;
      }
      /*!sc*/
      data-styled.g1281[id="sc-46bb9dc1-5"] {
      content: "fSqlNy,"
      }
      /*!sc*/
      .bYNVnV {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      z-index: 1;
      margin-top: 1px;
      border: 1px solid #ebebeb;
      border-radius: 4px;
      background-color: #ffffff;
      box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.35);
      }
      /*!sc*/
      data-styled.g1284[id="sc-46bb9dc1-8"] {
      content: "bYNVnV,"
      }
      /*!sc*/
      .cCSTil {
      margin: 0;
      padding: 0;
      list-style: none;
      }
      /*!sc*/
      data-styled.g1285[id="sc-46bb9dc1-9"] {
      content: "cCSTil,"
      }
      /*!sc*/
      .hRAjHX {
      margin-left: 4px;
      vertical-align: middle;
      }
      /*!sc*/
      data-styled.g1287[id="sc-46bb9dc1-11"] {
      content: "hRAjHX,"
      }
      /*!sc*/
      .dpVrDN {
      padding: 8px;
      }
      /*!sc*/
      .dpVrDN[data-highlighted],.dpVrDN:hover {
      background-color: #f6f6f6;
      }
      /*!sc*/
      .dpVrDN span[data-user-value] {
      font-weight: 800;
      }
      /*!sc*/
      .dpVrDN span[data-suggested-value] {
      font-weight: 400;
      }
      /*!sc*/
      data-styled.g1290[id="sc-46bb9dc1-14"] {
      content: "dpVrDN,"
      }
      /*!sc*/
      .bmKRRO {
      position: relative;
      width: 16px;
      height: 5px;
      border-radius: 8px;
      background-color: #ebebeb;
      }
      /*!sc*/
      .bmKRRO::before {
      position: absolute;
      height: 100%;
      border-radius: inherit;
      content: '';
      width: 100%;
      background-color: #024ddf;
      }
      /*!sc*/
      data-styled.g1291[id="sc-7a011ac0-0"] {
      content: "bmKRRO,"
      }
      /*!sc*/
      .ghELDb {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
      margin-top: 24px;
      }
      /*!sc*/
      data-styled.g1297[id="sc-d13b28d3-0"] {
      content: "ghELDb,"
      }
      /*!sc*/
      .ivngzw {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      gap: 8px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .ivngzw {
      gap:16px;
      }
      }
      /*!sc*/
      data-styled.g1298[id="sc-d13b28d3-1"] {
      content: "ivngzw,"
      }
      /*!sc*/
      .colsds > * + * {
      margin-top: 4px;
      }
      /*!sc*/
      data-styled.g1299[id="sc-d13b28d3-2"] {
      content: "colsds,"
      }
      /*!sc*/
      .fyydTr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      margin: 0 -4px;
      padding-top: 24px;
      border-bottom: 1px solid #bfbfbf;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .fyydTr {
      margin:0 -16px;
      padding-right: 8px;
      padding-left: 8px;
      }
      }
      /*!sc*/
      @media (min-width: 720px) {
      .fyydTr {
      gap:20px;
      padding-right: 24px;
      padding-left: 24px;
      }
      }
      /*!sc*/
      data-styled.g1300[id="sc-3c0552f-0"] {
      content: "fyydTr,"
      }
      /*!sc*/
      .gYwiOH {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-items: flex-end;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      }
      /*!sc*/
      .gYwiOH > :first-child,.gYwiOH > :last-child {
      display: none;
      }
      /*!sc*/
      @media (min-width: 1050px) {
      .gYwiOH > :first-child,.gYwiOH > :last-child {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      }
      }
      /*!sc*/
      data-styled.g1301[id="sc-3c0552f-1"] {
      content: "gYwiOH,"
      }
      /*!sc*/
      .ifPBOI {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      }
      /*!sc*/
      data-styled.g1302[id="sc-3c0552f-2"] {
      content: "ifPBOI,"
      }
      /*!sc*/
      .fDqAjX {
      color: #121212;
      }
      /*!sc*/
      .fDqAjX:disabled {
      visibility: hidden;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .fDqAjX {
      display:none;
      }
      }
      /*!sc*/
      data-styled.g1303[id="sc-3c0552f-3"] {
      content: "fDqAjX,"
      }
      /*!sc*/
      .lchZrY {
      display: none;
      }
      /*!sc*/
      .lchZrY:disabled {
      visibility: hidden;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .lchZrY {
      display:inline-block;
      }
      }
      /*!sc*/
      data-styled.g1304[id="sc-3c0552f-4"] {
      content: "lchZrY,"
      }
      /*!sc*/
      .cbRRgY {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      min-height: 44px;
      padding-bottom: 4px;
      border-bottom-color: transparent;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      color: #121212;
      text-align: center;
      }
      /*!sc*/
      .cbRRgY:disabled {
      cursor: not-allowed;
      opacity: 0.6;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .cbRRgY {
      padding-bottom:8px;
      border-bottom-width: 4px;
      }
      }
      /*!sc*/
      .kuaFdW {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      min-height: 44px;
      padding-bottom: 4px;
      border-bottom-color: #024ddf;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      color: #024ddf;
      text-align: center;
      }
      /*!sc*/
      .kuaFdW:disabled {
      cursor: not-allowed;
      opacity: 0.6;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .kuaFdW {
      padding-bottom:8px;
      border-bottom-width: 4px;
      }
      }
      /*!sc*/
      data-styled.g1305[id="sc-3c0552f-5"] {
      content: "cbRRgY,kuaFdW,"
      }
      /*!sc*/
      .dbfmyy {
      font-size: var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 600;
      display: block;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .dbfmyy {
      font-size:var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 600;
      }
      }
      /*!sc*/
      .gtgEQQ {
      font-size: var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 600;
      display: block;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .gtgEQQ {
      font-weight:600;
      font-size: var(--fiji-font-size,18px);
      line-height: var(--fiji-line-height,26px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      }
      }
      /*!sc*/
      data-styled.g1306[id="sc-3c0552f-6"] {
      content: "dbfmyy,gtgEQQ,"
      }
      /*!sc*/
      .cnvWPV {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      display: block;
      word-break: break-word;
      }
      /*!sc*/
      data-styled.g1307[id="sc-3c0552f-7"] {
      content: "cnvWPV,"
      }
      /*!sc*/
      .enHiYz {
      display: none;
      }
      /*!sc*/
      data-styled.g1308[id="sc-8d01b96c-0"] {
      content: "enHiYz,"
      }
      /*!sc*/
      .eJpMLT {
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      min-height: 35px;
      color: #121212;
      background-color: transparent;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .eJpMLT {
      min-height:48px;
      }
      }
      /*!sc*/
      .ihvsdP {
      margin: 0;
      padding: 0;
      list-style: none;
      -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      min-height: 35px;
      color: #646464;
      background-color: #f6f6f6;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .ihvsdP {
      min-height:48px;
      }
      }
      /*!sc*/
      data-styled.g1309[id="sc-8d01b96c-1"] {
      content: "eJpMLT,ihvsdP,"
      }
      /*!sc*/
      .crWuFv {
      display: block;
      width: 8px;
      height: 4px;
      border-radius: 4px;
      background-color: #ebebeb;
      }
      /*!sc*/
      data-styled.g1312[id="sc-8d01b96c-4"] {
      content: "crWuFv,"
      }
      /*!sc*/
      .ftJOwJ {
      display: block;
      width: 100%;
      height: 100%;
      }
      /*!sc*/
      @media (min-width: 1050px) {
      .ftJOwJ {
      display:none;
      }
      }
      /*!sc*/
      data-styled.g1313[id="sc-8d01b96c-5"] {
      content: "ftJOwJ,"
      }
      /*!sc*/
      .guiay {
      display: none;
      }
      /*!sc*/
      @media (min-width: 1050px) {
      .guiay {
      display:block;
      width: 100%;
      height: 100%;
      }
      }
      /*!sc*/
      data-styled.g1314[id="sc-8d01b96c-6"] {
      content: "guiay,"
      }
      /*!sc*/
      .bYXPzh {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 44px;
      padding: 4px;
      border: 1px solid transparent;
      color: #646464;
      font-weight: 400;
      line-height: 1.2;
      }
      /*!sc*/
      .bEWfpb {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 44px;
      padding: 4px;
      border: 1px solid #024ddf;
      color: #121212;
      font-weight: 600;
      line-height: 1.2;
      }
      /*!sc*/
      data-styled.g1315[id="sc-8d01b96c-7"] {
      content: "bYXPzh,bEWfpb,"
      }
      /*!sc*/
      .gYBcXg {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      gap: 2px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #024ddf;
      }
      /*!sc*/
      data-styled.g1316[id="sc-8d01b96c-8"] {
      content: "gYBcXg,"
      }
      /*!sc*/
      .jtwGPO {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      border: 1px solid transparent;
      color: #646464;
      }
      /*!sc*/
      .djDRap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      border: 1px solid #ebebeb;
      color: #121212;
      }
      /*!sc*/
      data-styled.g1317[id="sc-8d01b96c-9"] {
      content: "jtwGPO,djDRap,"
      }
      /*!sc*/
      .HJIuX {
      margin: 12px 12px 0;
      font-weight: 400;
      }
      /*!sc*/
      .HJIuZ {
      margin: 12px 12px 0;
      font-weight: 600;
      }
      /*!sc*/
      data-styled.g1319[id="sc-8d01b96c-11"] {
      content: "HJIuX,HJIuZ,"
      }
      /*!sc*/
      .fGSWMm {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      margin-top: 12px;
      margin-right: 8px;
      margin-bottom: auto;
      margin-left: 8px;
      word-break: break-word;
      }
      /*!sc*/
      data-styled.g1322[id="sc-8d01b96c-14"] {
      content: "fGSWMm,"
      }
      /*!sc*/
      .fINKCW {
      margin-top: 32px;
      }
      /*!sc*/
      .fINKCW button + .sc-8d01b96c-3 {
      position: relative;
      margin-top: 8px;
      padding-top: 8px;
      }
      /*!sc*/
      .fINKCW button + .sc-8d01b96c-3::before {
      position: absolute;
      top: 0;
      right: -8px;
      left: -8px;
      height: 1px;
      background-color: #ebebeb;
      content: '';
      }
      /*!sc*/
      data-styled.g1325[id="sc-8d01b96c-17"] {
      content: "fINKCW,"
      }
      /*!sc*/
      .dYPvGt {
      margin: initial;
      padding: initial;
      border: 0;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      -webkit-letter-spacing: inherit;
      -moz-letter-spacing: inherit;
      -ms-letter-spacing: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      text-transform: inherit;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      min-height: 44px;
      padding: 8px;
      color: #121212;
      font-weight: 600;
      line-height: 1.2;
      word-break: break-word;
      cursor: pointer;
      }
      /*!sc*/
      .sc-8d01b96c-18 + .sc-8d01b96c-18 {
      border-top: 1px solid #ebebeb;
      }
      /*!sc*/
      data-styled.g1326[id="sc-8d01b96c-18"] {
      content: "dYPvGt,"
      }
      /*!sc*/
      .cZHmPt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 4px;
      }
      /*!sc*/
      data-styled.g1327[id="sc-8d01b96c-19"] {
      content: "cZHmPt,"
      }
      /*!sc*/
      .bAEbLf {
      position: relative;
      }
      /*!sc*/
      data-styled.g1328[id="sc-968ab40f-0"] {
      content: "bAEbLf,"
      }
      /*!sc*/
      .iYYamg {
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 600;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 24px;
      padding-bottom: 12px;
      border-bottom: 1px solid #ebebeb;
      color: #646464;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .iYYamg {
      gap:4px;
      }
      }
      /*!sc*/
      @media (min-width: 720px) {
      .iYYamg {
      font-size:var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 600;
      }
      }
      /*!sc*/
      data-styled.g1332[id="sc-968ab40f-4"] {
      content: "iYYamg,"
      }
      /*!sc*/
      .dHtqxJ {
      -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      text-align: center;
      }
      /*!sc*/
      data-styled.g1333[id="sc-968ab40f-5"] {
      content: "dHtqxJ,"
      }
      /*!sc*/
      .kognIQ {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      margin-top: 8px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .kognIQ {
      font-size:var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      margin-top: 16px;
      }
      }
      /*!sc*/
      data-styled.g1334[id="sc-968ab40f-6"] {
      content: "kognIQ,"
      }
      /*!sc*/
      .sc-968ab40f-7 + .sc-968ab40f-7 {
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid #ebebeb;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .sc-968ab40f-7 + .sc-968ab40f-7 {
      margin-top:4px;
      padding-top: 0;
      border-top: unset;
      }
      }
      /*!sc*/
      data-styled.g1335[id="sc-968ab40f-7"] {
      content: "jmWqmt,"
      }
      /*!sc*/
      .bHSzOL {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      overflow: hidden;
      white-space: nowrap;
      -webkit-clip: rect(0 0 0 0);
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(50%);
      clip-path: inset(50%);
      }
      /*!sc*/
      data-styled.g1336[id="sc-968ab40f-8"] {
      content: "bHSzOL,"
      }
      /*!sc*/
      .eFqmIR {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 1px;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .eFqmIR {
      gap:4px;
      }
      }
      /*!sc*/
      data-styled.g1337[id="sc-968ab40f-9"] {
      content: "eFqmIR,"
      }
      /*!sc*/
      .eZPURH {
      padding: 0 4px 4px;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .eZPURH {
      padding:0 16px 16px;
      }
      }
      /*!sc*/
      data-styled.g1338[id="sc-685d0cb1-0"] {
      content: "eZPURH,"
      }
      /*!sc*/
      .hnqVzr {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      }
      /*!sc*/
      data-styled.g1354[id="sc-58e5fa46-0"] {
      content: "hnqVzr,"
      }
      /*!sc*/
      .eSlkaY {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      }
      /*!sc*/
      data-styled.g1355[id="sc-58e5fa46-1"] {
      content: "eSlkaY,"
      }
      /*!sc*/
      .dcvVAl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 24px;
      margin-right: -16px;
      margin-left: -16px;
      padding-bottom: 24px;
      border-radius: 4px;
      background-color: #ffffff;
      box-shadow: 0px 3px 12px 0px rgba(18,18,18,0.18);
      }
      /*!sc*/
      @media (min-width: 375px) {
      .dcvVAl {
      margin-right:-24px;
      margin-left: -24px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .dcvVAl {
      margin-top:40px;
      margin-right: 0;
      margin-left: 0;
      }
      }
      /*!sc*/
      data-styled.g1356[id="sc-58e5fa46-2"] {
      content: "dcvVAl,"
      }
      /*!sc*/
      .iyggnG {
      font-weight: normal;
      }
      /*!sc*/
      .iyggnG::before {
      top: 50%;
      display: inline-block;
      width: 0.25em;
      height: 0.25em;
      margin: 0 0.6em;
      border-radius: 50%;
      background-color: currentColor;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      content: '';
      }
      /*!sc*/
      data-styled.g1359[id="sc-58e5fa46-5"] {
      content: "iyggnG,"
      }
      /*!sc*/
      .joGppZ a {
      color: #024ddf;
      -webkit-text-decoration: underline;
      text-decoration: underline;
      }
      /*!sc*/
      .joGppZ a:hover,.joGppZ a:focus {
      color: #0139a7;
      }
      /*!sc*/
      data-styled.g1366[id="sc-c4d929ca-0"] {
      content: "joGppZ,"
      }
      /*!sc*/
      .dbsSxu {
      max-height: none;
      margin-top: 24px;
      overflow: hidden;
      }
      /*!sc*/
      data-styled.g1373[id="sc-5387c3eb-6"] {
      content: "dbsSxu,"
      }
      /*!sc*/
      .kMqonw {
      position: relative;
      padding: 64px 0;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .kMqonw {
      padding:80px 0;
      }
      }
      /*!sc*/
      data-styled.g1375[id="sc-5387c3eb-8"] {
      content: "kMqonw,"
      }
      /*!sc*/
      .gCvHtU {
      margin-top: 16px;
      }
      /*!sc*/
      data-styled.g1377[id="sc-5387c3eb-10"] {
      content: "gCvHtU,"
      }
      /*!sc*/
      .idQkCa {
      padding-right: 16px;
      padding-left: 16px;
      position: relative;
      border-top: 1px solid #bfbfbf;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .idQkCa {
      padding-right:24px;
      padding-left: 24px;
      }
      }
      /*!sc*/
      @media (min-width: 900px) {
      .idQkCa {
      padding-right:40px;
      padding-left: 40px;
      }
      }
      /*!sc*/
      @media (min-width: 1440px) {
      .idQkCa {
      padding-right:96px;
      padding-left: 96px;
      }
      }
      /*!sc*/
      data-styled.g1378[id="sc-6c2ca263-0"] {
      content: "idQkCa,"
      }
      /*!sc*/
      .fbsQxO {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .fbsQxO {
      -webkit-flex-wrap:nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      }
      }
      /*!sc*/
      data-styled.g1379[id="sc-6c2ca263-1"] {
      content: "fbsQxO,"
      }
      /*!sc*/
      @media (min-width: 900px) {
      .kRdbLS {
      display:-webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-right: -80px;
      margin-left: -80px;
      }
      }
      /*!sc*/
      data-styled.g1380[id="sc-6c2ca263-2"] {
      content: "kRdbLS,"
      }
      /*!sc*/
      .eQiLbS {
      width: 100%;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .eQiLbS {
      width:900px;
      padding-right: 80px;
      padding-left: 80px;
      }
      }
      /*!sc*/
      data-styled.g1381[id="sc-6c2ca263-3"] {
      content: "eQiLbS,"
      }
      /*!sc*/
      .iqogMV {
      font-size: var(--rainier-font-size,16px);
      line-height: var(--rainier-line-height,22px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 600;
      margin: 4px 0 0 0;
      }
      /*!sc*/
      data-styled.g1443[id="sc-77551b0f-0"] {
      content: "iqogMV,"
      }
      /*!sc*/
      .gvyHjB {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      color: #646464;
      word-wrap: break-word;
      }
      /*!sc*/
      data-styled.g1444[id="sc-77551b0f-1"] {
      content: "gvyHjB,"
      }
      /*!sc*/
      .fBqqhQ {
      margin: 12px 0 0;
      word-wrap: break-word;
      }
      /*!sc*/
      @media (min-width: 900px) {
      .fBqqhQ {
      max-width:740px;
      }
      }
      /*!sc*/
      data-styled.g1445[id="sc-77551b0f-2"] {
      content: "fBqqhQ,"
      }
      /*!sc*/
      .cizBJQ::before {
      content: ' • ';
      }
      /*!sc*/
      data-styled.g1446[id="sc-77551b0f-3"] {
      content: "cizBJQ,"
      }
      /*!sc*/
      .emfkDp {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      margin-right: 2px;
      border-radius: 2px;
      background-color: #121212;
      }
      /*!sc*/
      .cQTiST {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      margin-right: 2px;
      border-radius: 2px;
      background-color: #949494;
      }
      /*!sc*/
      data-styled.g1447[id="sc-77551b0f-4"] {
      content: "emfkDp,cQTiST,"
      }
      /*!sc*/
      .OcmVD {
      margin-top: 24px;
      padding-bottom: 1em;
      overflow-x: auto;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .OcmVD {
      margin-top:32px;
      }
      }
      /*!sc*/
      data-styled.g1516[id="sc-e456e333-0"] {
      content: "OcmVD,"
      }
      /*!sc*/
      .dtEdNr {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 16px;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .dtEdNr {
      display:grid;
      grid-template-columns: repeat(4,1fr);
      gap: 24px;
      }
      }
      /*!sc*/
      data-styled.g1517[id="sc-e456e333-1"] {
      content: "dtEdNr,"
      }
      /*!sc*/
      .jkkVDf {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 80%;
      }
      /*!sc*/
      @media (min-width: 375px) {
      .jkkVDf {
      width:57%;
      }
      }
      /*!sc*/
      @media (min-width: 720px) {
      .jkkVDf {
      width:100%;
      }
      }
      /*!sc*/
      data-styled.g1518[id="sc-e456e333-2"] {
      content: "jkkVDf,"
      }
      /*!sc*/
      .cXxTqF {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      left: 0;
      z-index: 3;
      width: 100%;
      background-color: #ffffff;
      }
      /*!sc*/
      data-styled.g1521[id="sc-31592dce-0"] {
      content: "cXxTqF,"
      }
      /*!sc*/
      .jhJZeT {
      position: relative;
      z-index: 5;
      }
      /*!sc*/
      data-styled.g1522[id="sc-31592dce-1"] {
      content: "jhJZeT,"
      }
      /*!sc*/
      .cDzZCM {
      position: fixed;
      right: 16px;
      bottom: 16px;
      z-index: 4;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: end;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
      max-height: 200px;
      overflow: hidden;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .cDzZCM {
      right:48px;
      bottom: 48px;
      max-height: 264px;
      }
      }
      /*!sc*/
      data-styled.g1524[id="sc-1b28e41e-1"] {
      content: "cDzZCM,"
      }
      /*!sc*/
      .bpyaPR {
      padding-top: 16px;
      padding-bottom: 16px;
      }
      /*!sc*/
      data-styled.g1526[id="sc-a17f94c7-0"] {
      content: "bpyaPR,"
      }
      /*!sc*/
      .dYMPgo {
      font-size: var(--etna-font-size,14px);
      line-height: var(--etna-line-height,18px);
      -webkit-letter-spacing: 0.02em;
      -moz-letter-spacing: 0.02em;
      -ms-letter-spacing: 0.02em;
      letter-spacing: 0.02em;
      font-weight: 400;
      text-align: center;
      }
      /*!sc*/
      data-styled.g1527[id="sc-a17f94c7-1"] {
      content: "dYMPgo,"
      }
      /*!sc*/
      .gOPooo {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 16px 0 0 0;
      padding: 0;
      list-style: none;
      }
      /*!sc*/
      data-styled.g1528[id="sc-a17f94c7-2"] {
      content: "gOPooo,"
      }
      /*!sc*/
      .ldizTI {
      margin: 0;
      padding: 0;
      }
      /*!sc*/
      .ldizTI:nth-child(2n) > .sc-a17f94c7-3 {
      border-left: 0 none;
      }
      /*!sc*/
      .ldizTI:nth-child(2) {
      margin-right: 8px;
      }
      /*!sc*/
      data-styled.g1530[id="sc-a17f94c7-4"] {
      content: "ldizTI,"
      }
      /*!sc*/
      .dbBpUI {
      position: relative;
      display: block;
      width: 24px;
      height: 24px;
      }
      /*!sc*/
      .dbBpUI > svg {
      position: absolute;
      }
      /*!sc*/
      data-styled.g1531[id="sc-a17f94c7-5"] {
      content: "dbBpUI,"
      }
      /*!sc*/
      .dYkzZr {
      left: -4px;
      }
      /*!sc*/
      .hqdexK {
      left: 4px;
      }
      /*!sc*/
      data-styled.g1532[id="sc-a17f94c7-6"] {
      content: "dYkzZr,hqdexK,"
      }
      /*!sc*/
      .lcrhWH {
      left: 4px;
      }
      /*!sc*/
      .cZCkBa {
      left: -4px;
      }
      /*!sc*/
      data-styled.g1533[id="sc-a17f94c7-7"] {
      content: "lcrhWH,cZCkBa,"
      }
      /*!sc*/
      .kOtIde {
      margin-top: 24px;
      padding-top: 24px;
      border-top: 1px solid #bfbfbf;
      }
      /*!sc*/
      data-styled.g1534[id="sc-88a95783-0"] {
      content: "kOtIde,"
      }
      /*!sc*/
      .htHaJj {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 16px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      }
      /*!sc*/
      data-styled.g1535[id="sc-e8b235ec-0"] {
      content: "htHaJj,"
      }
      /*!sc*/
      .gxwKxe {
      font-weight: normal;
      }
      /*!sc*/
      .gxwKxe::before {
      content: ' • ';
      }
      /*!sc*/
      data-styled.g1536[id="sc-e8b235ec-1"] {
      content: "gxwKxe,"
      }
      /*!sc*/
      .hrcUpg {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      }
      /*!sc*/
      @media (min-width: 720px) {
      .hrcUpg {
      -webkit-flex-basis:auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      }
      }
      /*!sc*/
      data-styled.g1537[id="sc-e8b235ec-2"] {
      content: "hrcUpg,"
      }
      /*!sc*/
      .edKCwF {
      margin: 0;
      padding: 0;
      list-style: none;
      margin-top: 24px;
      }
      /*!sc*/
      .edKCwF > * + * {
      margin-top: 24px;
      padding-top: 24px;
      border-top: 1px solid #bfbfbf;
      }
      /*!sc*/
      data-styled.g1541[id="sc-e8b235ec-6"] {
      content: "edKCwF,"
      }
      /*!sc*/
      .fQYcdc {
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      }
      /*!sc*/
      data-styled.g1542[id="sc-e8b235ec-7"] {
      content: "fQYcdc,"
      }
      /*!sc*/
      .jRgRfM {
      padding-top: 40px;
      }
      /*!sc*/
      data-styled.g1549[id="sc-d1466c76-0"] {
      content: "jRgRfM,"
      }
      /*!sc*/
      @-webkit-keyframes iOtnio {
      to {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      }
      }
      /*!sc*/
      @keyframes iOtnio {
      to {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      }
      }
      /*!sc*/
      data-styled.g1551[id="sc-keyframes-iOtnio"] {
      content: "iOtnio,"
      }
      /*!sc*/
      @-webkit-keyframes caZuFg {
      from {
      -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
      transform: scale(0.4);
      opacity: 0;
      }
      to {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      }
      }
      /*!sc*/
      @keyframes caZuFg {
      from {
      -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
      transform: scale(0.4);
      opacity: 0;
      }
      to {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      }
      }
      /*!sc*/
      data-styled.g1553[id="sc-keyframes-caZuFg"] {
      content: "caZuFg,"
      }
      /*!sc*/
      .wrapper {
      margin-top: 60px;
      }
      .hero-banner {
      background-image: url(../images/banner.html);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 70px 0 80px;
      }
      .hero-banner-content {
      text-align: center;
      }
      .hero-banner-content h2 {
      font-size: 32px;
      line-height: 48px;
      font-weight: 600;
      margin-bottom: 15px;
      }
      .hero-banner-content p {
      font-size: 18px;
      color: #000000;
      margin-bottom: 33px;
      padding: 0 30px;
      line-height: 32px;
      }
      .main-btn {
      font-size: 16px;
      color: #fff;
      font-weight: 400;
      text-align: center;
      background: #6a0dad;
      height: 50px;
      display: inline-block;
      line-height: 49px;
      padding: 0 30px;
      border-radius: 3px;
      border: 1px solid #6a0dad;
      }
      .btn-hover:hover {
      color: #fff !important;
      background: #7ad254;
      border: 1px solid #7ad254;
      }
      .co-main-btn {
      color: #000;
      background: #fff !important;
      border-radius: 3px;
      Border: 1px solid #bbb;
      }
      .co-main-btn:hover {
      color: #000 !important;
      background: #e8f7f7 !important;
      border-radius: 3px;
      Border: 1px solid #bbb;
      }
      .co-btn-width {
      width: 270px;
      }
      .p-80 {
      padding: 57px 0 64px;
      }
      .explore-events {
      }
      .flex-d {
      display: flex;
      align-items: center;
      width: 100%;
      }
      .title-view-link {
      margin-left: auto;
      color: #6a0dad;
      font-size: 14px;
      font-weight: 500;
      }
      .title-view-link i {
      margin-left: 9px;
      }
      .title-view-link:hover {
      color: #6a0dad !important;
      }
      .main-title h3 {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 0;
      color: #000;
      line-height: 52px;
      }
      .filter-tag {
      text-align: center;
      display: flex;
      overflow: auto;
      white-space: nowrap;
      padding: 31px 0 0;
      margin-bottom: 35px;
      }
      .filter-tag a.active, .filter-tag a:hover {
      background: #efefef;
      color: #000 !important;
      }
      .filter-tag a {
      font-size: 12px;
      color: #6a0dad;
      border: 1px solid #efefef;
      background: #fff;
      height: 32px;
      padding: 7px 20px;
      border-radius: 30px;
      display: inline-block;
      margin-right: 6px;
      margin-bottom: 6px;
      }
      .mixitup-control-active {
      background: #fff;
      color: #6a0dad !important;
      }
      .controls {
      margin-bottom: 15px;
      }
      .control {
      position: relative;
      display: inline-block;
      background: #fff;
      height: 40px;
      padding: 0 20px;
      margin-bottom: 5px;
      margin-right: 2px;
      cursor: pointer;
      border: transparent;
      font-size: 14px;
      font-weight: 500;
      color: #000;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      transition: background 150ms;
      }
      .control:first-of-type {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      }
      .control[data-filter]:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-bottom: 3px solid transparent;
      border-radius: 0;
      background: transparent;
      transition: background-color 150ms, border-color 150ms;
      }
      .mixitup-control-active[data-filter]:after {
      background: transparent;
      border-bottom: 3px solid #6a0dad;
      color: #6a0dad;
      }
      .main-card {
      position: relative;
      border: 1px solid #efefef;
      background-color: #ffffff;
      width: 100%;
      border-radius: 5px;
      }
      .event-thumbnail {
      width: 100%;
      position: relative;
      padding: 0;
      }
      .thumbnail-img {
      position: relative;
      display: block;
      width: 100%;
      overflow: hidden;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      }
      .event-thumbnail>.thumbnail-img::after {
      content: "";
      background: linear-gradient(to bottom,rgba(0,0,0,.3),transparent);
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      }
      .thumbnail-img:hover {
      outline: 0!important;
      color: #000;
      transition: 0.3s;
      text-decoration: none;
      }
      .event-thumbnail a img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      transition: transform .5s ease;
      }
      .event-thumbnail a:hover img {
      transform: scale(1.05);
      }
      .event-content {
      padding: 15px 20px 20px;
      }
      .event-content > .event-title {
      font-size: 16px;
      font-weight: 600;
      color: #000;
      display: block;
      line-height: 25px;
      min-height: 50px;
      margin-bottom: 33px;
      transition: all ease-in-out .2s;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      }
      .event-content > .event-title:hover {
      color: #000 !important;
      }
      .duration-price-remaining {
      display: flex;
      width: 100%;
      align-items: center;
      }
      .remaining {
      font-size: 14px;
      font-weight: 400;
      margin-left: auto;
      color: #6a0dad;
      }
      .duration-price {
      font-size: 14px;
      font-weight: 500;
      color: #000;
      }
      .remaining i {
      font-size: 12px;
      margin-right: 7px;
      transform: rotate(300deg);
      }
      .event-footer {
      background: rgb(106, 192, 69, 3%);
      padding: 10px 20px;
      }
      .event-timing {
      display: flex;
      align-items: center;
      color: #6a0dad;
      font-size: 13px;
      }
      .publish-time {
      margin-left: auto;
      }
      .publish-date {
      display: flex;
      align-items: center;
      }
      .dot {
      font-size: 4px;
      margin: 0 10px;
      }
      .bookmark-icon {
      color: #fff;
      font-size: 20px;
      position: absolute;
      z-index: 101;
      right: 20px;
      top: 20px;
      cursor: pointer;
      background-color: #6a0dad;
      display: block;
      height: 45px;
      width: 45px;
      line-height: 46px;
      border-radius: 30px;
      transition: all 0.4s;
      }
      .bookmark-icon:before, .bookmark-icon:after {
      transition: opacity 0.3s, transform 0.4s cubic-bezier(.0, -.41, .19, 2.5);
      font-family: "Font Awesome 6 Free";
      position: absolute;
      right: 0;
      left: 0;
      text-align: center;
      top: 0px;
      }
      .bookmark-icon:before {
      content: "🔖";
      font-size: 16px;
      }
      .bookmark-icon:after {
      content: "\f02e";
      opacity: 0;
      transform: scale(0.3);
      font-weight: 900;
      }
      .bookmark-icon.bookmarked:after {
      opacity: 1;
      transform: scale(0.95);
      }
      .bookmark-icon:hover, .like-icon.bookmarked {
      background-color:#6a0dad;
      color:#fff;
      }
      .bookmark-icon.bookmarked:before {
      opacity: 0;
      }
      .browse-btn {
      text-align: center;
      margin-top: 40px;
      }
      .host-engaging-event-block {
      background: #fff;
      }
      .main-title p {
      font-size: 16px;
      line-height: 30px;
      margin: 10px 0 33px;
      color: #6a0dad;
      }
      .host-item {
      padding: 30px; 
      }
      .host-img {
      display: block;
      margin-bottom: 20px;
      }
      .host-img img {
      width: 50px !important;
      }
      .host-item h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 17px;
      color: #000;
      }
      .host-item p {
      margin-bottom: 0;
      }
      .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #6a0dad !important;
      }
      .owl-theme .owl-dots .owl-dot span {
      background: #efefef !important;
      }
      .owl-nav .owl-prev {
      left: -20px;
      font-size: 20px !important;
      position: absolute;
      top: 45%;
      padding: 0 !important;
      text-align: center;
      height: 30px !important;
      width: 30px !important;
      color: #6a0dad !important;
      background: #fff !important;
      border-radius: 3px !important;
      border: 1px solid #efefef !important;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
      }
      .owl-nav .owl-next {
      font-size: 20px !important;
      position: absolute;
      right: -20px;
      top: 45%;
      padding: 0 !important;
      text-align: center;
      height: 30px !important;
      width: 30px !important;
      color: #6a0dad !important;
      background: #fff !important;
      border-radius: 3px !important;
      border: 1px solid #efefef !important;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
      }
      .owl-nav .owl-prev:hover {
      color: #fff !important;
      opacity: 1;
      background: #6a0dad !important;
      border: 1px solid #6a0dad !important;
      }	
      .owl-nav .owl-next:hover {
      color: #fff !important;
      opacity: 1;
      border: 1px solid #6a0dad !important;
      background: #6a0dad !important;
      }
      .engaging-slider .owl-nav .owl-prev {
      top: 35%;
      }
      .engaging-slider .owl-nav .owl-next {
      top: 35%;
      }
      .feature-group-list {
      border-top: 2px solid #efefef;
      padding-top: 3px;
      }
      .mt-46 {
      margin-top: 57px !important;
      }
      .feature-item {
      margin-top: 37px;
      }
      .feature-icon {
      display: block;
      margin-bottom: 24px;
      }
      .feature-icon img {
      width: 50px;
      }
      .feature-item h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 17px;
      color: #000;
      }
      .feature-item p {
      margin-bottom: 0;
      }
      .host-step-block {
      background-color: #fff;
      }
      .step-link {
      font-size: 22px;
      font-weight: 100;
      position: relative;
      box-sizing: border-box;
      width: 25%;
      display: block;
      border: none;
      border-bottom: 1px solid #efefef;
      padding: 1rem;
      color: #bbb;
      background: transparent;
      text-decoration: none;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
      }
      .step-tabs .step-link.active, .step-tabs .show>.step-link {
      color: #fff;
      background-color: #6a0dad;
      }
      .step-tabs .step-link:hover {
      background-color: #e8f7f7;
      }
      .step-tabs .step-link.active span, .step-tabs .show>.step-link span {
      color: #fff !important;
      }
      .step-link span {
      display: block;
      font-size: 16px;
      font-weight: 500;
      color: #000;
      }
      .step-tabs .step-link.active:hover {
      color: #fff;
      background-color: #6a0dad;
      }
      .step-text {
      font-size: 16px;
      font-weight: 500;
      color: #000;
      padding: 37px 0 0;
      margin-bottom: 10px;
      }
      .step-item {
      margin-top: 37px;
      }
      .step-icon {
      display: block;
      margin-bottom: 24px;
      }
      .step-icon img {
      width: 50px;
      }
      .step-item h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 17px;
      color: #000;
      }
      .step-item p {
      margin-bottom: 0;
      }
      .testimonial-slider-area {
      border-top: 2px solid #efefef;
      padding-top: 38px;
      }
      .testimonial-content {
      padding: 30px;
      position: relative;
      }
      .testimonial-text p {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 0;
      line-height: 30px;
      }
      .testimonial-user-dt {
      margin-top: 33px;
      }
      .testimonial-user-dt h5 {
      font-size: 18px;
      font-weight: 500;
      color: #000;
      }
      .testimonial-user-dt span {
      font-size: 14px;
      color: #6a0dad;
      margin: 10px 0;
      display: block;
      }
      .testimonial-user-dt ul li {
      display: inline-block;
      }
      .testimonial-user-dt ul li i {
      color: #ffad21;
      }
      .quote-icon {
      position: absolute;
      right: 30px;
      font-size: 60px;
      bottom: 3%;
      color: #efefef;
      }
      .our-organisations-block {
      background-color: #6a0dad;
      }
      .our-organisations-block .main-title h3 {
      color: #fff;
      }
      .organisations-area {
      margin-top: 64px;
      }
      .sponsor {
      text-align: center;
      line-height: 7;
      }
      .sponsor a img:hover {
      opacity: 1;
      }
      .sponsor a img {
      display: inline-block !important;
      width: auto !important;
      max-width: 100%;
      height: auto;
      opacity: .8;
      vertical-align: bottom;
      }
      /* --- Explore Events --- */
      .search-form {
      margin-top: 33px;
      }
      .search-category .bootstrap-select .dropdown-menu li a span.text {
      margin-left: 7px !important;
      }
      .search-category .bootstrap-select .dropdown-toggle .filter-option-inner-inner i {
      margin-right: 7px !important;	
      }
      .form-control {
      font-size: 14px !important;
      color: #6a0dad !important;
      background-color: #fff !important;
      border: 1px solid #efefef !important;
      border-radius: 3px !important;
      transition: none !important;
      padding: 0 15px !important;
      min-height: 40px;
      }
      .form-control:focus {
      color: #6a0dad !important;
      background-color: #fff !important;
      border-color: #a2ff7a !important;
      box-shadow: none !important;
      }
      .form-textarea {
      font-size: 14px !important;
      color: #6a0dad !important;
      background-color: #f9f9f9 !important;
      border: 1px solid #efefef !important;
      border-radius: 3px !important;
      transition: none !important;
      padding: 0 15px !important;
      display: block;
      width: 100%;
      min-height: 90px;
      padding: 0.8rem 1rem !important;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;	
      }
      .form-textarea:focus {
      color: #6a0dad !important;
      background-color: #f9f9f9 !important;
      border-color: #a2ff7a !important;
      box-shadow: none !important;
      }
      .bs-searchbox .form-control {
      width: 100%;
      float: none;
      margin-bottom: 7px !important;
      }
      .search-form .btn-light {
      display: block !important;
      font-size: 16px !important;
      font-weight: 400 !important;
      color: #6a0dad !important;
      background-color: #fff !important;
      border: 1px solid #efefef !important;
      padding: 5px 20px !important;
      min-height: 50px !important;
      border-radius: 3px !important;
      transition: none !important;
      }
      .btn-light {
      display: block !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      color: #6a0dad !important;
      background-color: #fff !important;
      border: 1px solid #efefef !important;
      padding: 5px 20px !important;
      min-height: 40px !important;
      border-radius: 3px !important;
      transition: none !important;
      }
      .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
      width: 100% !important;
      }
      .bootstrap-select .dropdown-menu.inner {
      padding: 0px !important;
      border: 0 !important;
      box-shadow: none !important;
      display: inline-block;
      }
      .main-form .bootstrap-select .dropdown-toggle:focus, .main-form .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
      outline: none !important;
      outline: none !important;
      outline-offset: -2px;
      border-color: #a2ff7a !important;
      box-shadow: none !important;
      }
      .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
      color: #fff !important;
      border-radius: 0 !important;
      background-color: #6a0dad !important;
      }
      .bootstrap-select.dropdown-item.active, .bootstrap-select .dropdown-item:active {
      color: #fff !important;
      text-decoration: none;
      background-color: #6a0dad !important;
      }
      .bootstrap-select .dropdown-item {
      color: #000 !important;
      font-weight: 400 !important;
      font-size: 14px !important;
      padding: 10px 20px !important;
      }
      .bootstrap-select>.dropdown-toggle:after {
      margin-left: -10px !important;
      }
      .dropdown-menu {
      border-radius: 3px !important;
      background-color: #fff !important;
      border: 1px solid #f1f1f1 !important;
      box-shadow: 0 8px 11px 2px rgb(64 70 74 / 2%) !important;
      }
      /* --- Sign In and Sign Up Pages --- */
      .app-form {
      -webkit-box-orient: horizontal;
      -ms-flex-direction: row;
      flex-direction: row;
      min-height: 100vh;
      }
      .app-form-sidebar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      min-height: 100vh;
      background: #6a0dad url(../images/sign_bg.html);
      width: 500px;
      padding: 50px;
      }
      .sidebar-sign-logo {
      width: 140px;
      }
      .sidebar-sign-logo img {
      max-width: 100%;
      }
      .app-form-content {
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      }
      .app-form, .app-form-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      }
      .app-form-content {
      padding: 50px 0;
      background: #fff;
      }
      .app-top-items {
      display: flex;
      align-items: center;
      width: 100%;
      }
      .app-top-right-link {
      margin-left: auto;
      margin-top: 5px;
      color: #231f20;
      font-size: 14px;
      font-weight: 400;
      }
      .sidebar-register-link {
      margin-left: 5px;
      color: #6a0dad;
      font-weight: 500;
      }
      .sidebar-register-link:hover {
      color: #7ad254 !important;
      }
      .signup-link {
      margin-left: 5px;
      color: #6a0dad;
      font-weight: 500;
      }
      .signup-link:hover {
      color: #7ad254 !important;
      }
      .registration-title {
      margin-top: 35px;
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 0;
      }
      .pass-show-eye {
      color: #6a0dad;
      font-weight: 600;
      position: absolute;
      background: transparent;
      right: 5px;
      top: 5px;
      min-height: 40px;
      padding: 0 15px;
      line-height: 40px;
      margin-bottom: 0;
      border-radius: 3px;
      cursor: pointer;
      }
      .pass-show-eye:hover {
      color: #6a0dad;
      }
      .field-password {
      position: relative;
      }
      .forgot-pass-link {
      position: absolute;
      top: 0;
      right: 0;
      color: #6a0dad;
      font-weight: 500;
      }
      .forgot-pass-link:hover {
      color: #7ad254 !important;
      }
      .divider {
      position: relative;
      text-align: center;
      z-index: 1;
      margin: 30px 0;
      }
      .divider:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 1px;
      z-index: -1;
      transform: translate(-50%, -50%);
      background: rgba(112,112,112,0.2);
      }
      .divider span {
      background: #fff;
      padding: 0 10px;
      font-size: 16px;
      font-weight: 500;
      color: #000;
      }
      .hr-line-dt {
      position: absolute;
      left: 0;
      top: -10px;
      padding: 0 20px 0 20px;
      background: #f9f9f9;
      color: #6a0dad;
      font-size: 14px;
      font-weight: 500;
      }
      .new-sign-link {
      margin-top: 30px;
      text-align: center;
      margin-bottom: 35px;
      }
      .copyright-footer {
      text-align: center;
      color: #000;
      font-size: 14px;
      font-weight: 400;
      padding: 0 30px;
      }
      .sign_sidebar_text h1 {
      font-weight: 600;
      font-size: 30px;
      line-height: 38px;
      color: #fff;
      }
      .h_40 {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      }
      .h_50 {
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      }
      .min-width {
      min-width: 130px;
      min-height: 40px;
      line-height: 39px;
      padding: 0 !important;
      }
      .sign-logo {
      display: none;
      }
      .sign-logo img {
      width: 100%;
      padding-top: 0;
      width: 130px;
      }
      .hr-text {
      line-height: 1em;
      position: relative;
      outline: 0;
      border: 0;
      color: black;
      text-align: center;
      height: 1.5em;
      opacity: .5;
      }
      .form-label {
      font-size: 14px;
      font-weight: 500;
      color: #000;
      margin-bottom: 10px;
      display: block;
      }
      .social-login-btn {
      display: block;
      font-size: 16px;
      font-weight: 500;
      width: 100%;
      height: 50px;
      border: 1px solid #efefef;
      background: #fff;
      border-radius: 3px;
      margin-bottom: 10px;
      }
      .social-login-btn:hover {
      background: #F5F5F5 ;
      }
      .registration .form-control {
      background-color: #f9f9f9 !important;
      }
      .agree-text {
      padding-top: 20px;
      line-height: 26px;
      font-size: 14px;
      color: #000;
      }
      .agree-text a {
      color: #6a0dad;
      }
      .agree-text a:hover {
      color: #7ad254 !important;
      text-decoration: underline !important;
      }
      /* --- Event Detail View Page --- */
      .breadcrumb-block {
      background-image: url(../images/banner.html);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 30px 0;
      }
      .barren-breadcrumb .breadcrumb .breadcrumb-item a {
      color: #000;
      }
      .barren-breadcrumb .breadcrumb .breadcrumb-item a:hover {
      color: #6a0dad !important;
      }
      .barren-breadcrumb .breadcrumb .breadcrumb-item.active {
      color: #6a0dad;
      }
      .barren-breadcrumb ol.breadcrumb {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block !important;
      width: 100%;
      }
      .barren-breadcrumb .breadcrumb .breadcrumb-item {
      display: inline;
      }
      .barren-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
      float: none !important;
      color: #000 !important;
      }
      .event-top-dts {
      display: flex;
      width: 100%;
      position: relative;
      }
      .event-top-date {
      height: 100px;
      width: 100px;
      border: 1px solid #efefef;
      background: #fff;
      text-align: center;
      border-radius: 3px;
      }
      .event-month {
      display: block;
      background: #6a0dad;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      font-size: 18px;
      font-weight: 500;
      color: #fff;
      padding: 5px 0;
      text-transform: uppercase;
      }
      .event-date {
      font-size: 30px;
      padding: 8px 0;
      display: block;
      font-weight: 500;
      color: #000;
      }
      .event-top-dt {
      margin-left: 27px;
      }
      .event-type-name {
      font-size: 16px;
      font-weight: normal;
      color: #6a0dad;
      position: relative;
      }
      .event-top-dt .event-top-info-status .event-type-name {
      padding-left: 11px;
      margin-right: 10px;
      }
      .event-top-dt .event-top-info-status .event-type-name:nth-child(1) {
      padding-left: 0;
      }
      .event-top-dt .event-top-info-status .event-type-name:nth-child(1) i {
      padding-right: 10px;
      }
      .event-main-title {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 18px;
      color: #000;
      }
      .details-hr:after {
      content: "";
      width: 4px;
      height: 4px;
      background: #000;
      border-radius: 100%;
      display: inline-block;
      left: 0;
      top: 8px;
      position: absolute;
      }
      .event-img img {
      width: 100%;
      border-radius: 5px;
      }
      .main-event-dt {
      margin-top: 40px;
      }
      .main-event-content {
      margin-top: 37px;
      }
      .main-event-content h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 13px;
      color: #000;
      }
      .main-event-content p {
      margin-bottom: 27px;
      }
      .main-event-content p:last-child {
      margin-bottom: 0;
      }
      .booking-ends h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 20px;
      color: #000;
      text-transform: uppercase;
      text-align: center;
      }
      .booking-ends {
      padding: 37px 20px 0;
      }
      .event-right-dt {
      margin-top: 40px;
      }
      .countdown {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 20px 20px 0;
      }
      .countdown-item {
      width: 100%;
      padding: 12px 0;
      text-align: center;
      color: #fff;
      font-size: 12px;
      font-weight: 500;
      text-transform: uppercase;
      background-color: #6a0dad;
      margin-right: 5px;
      border-radius: 3px;
      box-shadow: 0 1px 3px rgb(0 0 0 / 6%), 0 1px 3px rgb(0 0 0 / 5%);
      }
      .countdown-item:last-child {
      margin-right: 0;
      }
      .countdown-item span {
      display: block;
      font-size: 26px;
      font-weight: 400;
      }
      .event-dt-right-group {
      display: flex;
      width: 100%;
      align-items: flex-start;
      padding: 0 20px;
      margin-bottom: 37px;
      }
      .event-dt-right-content {
      margin-left: 15px;
      }
      .event-dt-right-icon i {
      font-size: 16px;
      color: #6a0dad;
      text-align: center;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background: #e8f7f7;
      border-radius: 50%;
      }
      .event-dt-right-content h4 {
      font-size: 14px;
      margin-bottom: 13px;
      font-weight: 400;
      color: #6a0dad;
      }
      .event-dt-right-content h5 {
      font-size: 16px;
      margin-bottom: 0;
      color: #000;
      font-weight: 500;
      font-family: inherit;
      }
      .event-dt-right-content a {
      color: #6a0dad;
      font-weight: 500;
      margin-top: 13px;
      display: inline-block;
      }
      .event-dt-right-content a:hover {
      color: #7ad254 !important;
      }
      .booking-btn {
      padding: 0 20px 20px;
      }
      .add-to-calendar .dropdown-item {
      display: block;
      font-size: 14px;
      width: 100%;
      color: #000000;
      font-weight: 400;
      padding: 10px 20px;
      margin-top: 0;
      }
      .dropdown-item {
      display: block !important;
      font-size: 14px !important;
      width: 100% !important;
      color: #000000 !important;
      font-weight: 400 !important;
      padding: 10px 20px !important;
      margin-top: 0 !important;
      }
      .dropdown-item:hover {
      color: #6a0dad !important;
      background-color: #e8f7f7 !important;
      }
      .share-save-btns {
      text-align: center;
      margin-top: 30px;
      }
      .sv-btn {
      font-size: 16px;
      font-weight: 500;
      color: #000;
      height: 40px;
      width: 110px;
      border: 1px solid #efefef;
      border-radius: 3px;
      background: #fff;
      }
      .sv-btn:hover {
      color: #000;
      border: 1px solid #efefef;
      background: #e8f7f7;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      }
      .more-events {
      margin-top: 55px;
      border-top: 1px solid #efefef;
      padding-top: 55px;
      }
      .view-all-link {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 16px;
      font-weight: 500;
      color: #000;
      }
      .view-all-link:hover {
      color: #6a0dad !important;
      }
      /* --- Checkout Page --- */
      .checkout-title {
      border-bottom: 2px solid #efefef;
      padding-bottom: 25px;
      }
      .bp-title h4 {
      font-size: 18px;
      font-weight: 600;
      color: #000;
      padding: 20px;
      margin-bottom: 0;
      border-bottom: 1px solid #efefef;
      }
      .bp-content {
      padding: 0 30px 30px;
      }
      .bp-form .form-control {
      background-color: #f9f9f9 !important;
      }
      .bp-form .btn-light {
      display: block !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      color: #6a0dad !important;
      background-color: #f9f9f9 !important;
      border: 1px solid #efefef !important;
      padding: 5px 20px !important;
      min-height: 50px !important;
      border-radius: 3px !important;
      transition: none !important;
      }
      .checkout-block {
      margin-top: 40px;
      }
      .order-summary {
      margin-top: 40px;
      }
      .order-summary-content {
      }
      .event-order-dt {
      display: flex;
      width: 100%;
      align-items: flex-start;
      }
      .event-thumbnail-img img {
      object-fit: cover;
      width: 110px;
      height: 100px;
      border-radius: 5px;
      }
      .event-order-dt-content {
      margin-left: 20px;
      }
      .event-order-dt-content h5 {
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      margin-bottom: 10px;
      color: #000;
      }
      .event-order-dt-content span {
      font-size: 14px;
      font-weight: 400;
      color: #6a0dad;
      display: block;
      margin-bottom: 10px;
      }
      .event-order-dt-content .category-type {
      font-size: 14px;
      font-weight: 500;
      color: #000;
      font-family: inherit;
      }
      .order-total-block {
      margin-top: 30px;
      }
      .order-total-dt {
      display: flex;
      width: 100%;
      align-items: center;
      color: #6a0dad;
      font-weight: 600;
      }
      .order-total-dt div {
      font-size: 16px;
      margin-bottom: 20px;
      }
      .order-number {
      margin-left: auto;
      }
      .order-text {
      color: #000;
      }
      .ttl-clr {
      color: #000;
      }
      .divider-line {
      display: block;
      width: 100%;
      height: 1px;
      background: #efefef;
      margin-bottom: 20px;
      }
      .coupon-code-block .form-control {
      background-color: #f9f9f9 !important;
      }
      .apply-btn {
      position: absolute;
      right: 5px;
      height: 40px;
      bottom: 5px;
      padding: 0 20px;
      font-size: 14px;
      color: #fff;
      font-weight: 500;
      text-align: center;
      background: #6a0dad;
      display: inline-block;
      border-radius: 3px;
      border: 0;
      }
      .confirmation-btn {
      text-align: center;
      }
      .confirmation-btn span {
      font-size: 14px;
      color: #000;
      margin-top: 13px;
      display: block;
      }
      .select-tickets-block {
      padding: 0 20px 40px;
      }
      .select-ticket-action {
      display: flex;
      width: 100%;
      align-items: center;
      }
      .select-tickets-block h6 {
      font-size: 18px;
      font-family: inherit;
      color: #000;
      font-weight: 500;
      border-bottom: 1px solid #efefef;
      padding-bottom: 15px;
      margin-bottom: 27px;
      }
      .ticket-price {
      font-size: 18px;
      font-weight: 500;
      color: #6a0dad;
      }
      .quantity {
      margin-left: auto;
      }
      .counter {
      width: 150px;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      }
      .counter input {
      width: 40px;
      border: 0;
      line-height: 30px;
      font-size: 18px;
      font-weight: 500;
      text-align: center;
      background: transparent;
      color: #000;
      appearance: none;
      outline: 0;
      }
      .counter span {
      display: block;
      font-size: 24px;
      padding: 0;
      line-height: 26px;
      cursor: pointer;
      color: #000;
      user-select: none;
      background: #fff;
      border: 2px solid #bbb;
      border-radius: 50%;
      height: 30px;
      width: 30px;
      text-align: center;
      }
      .counter span:hover {
      color: #fff;
      background: #6a0dad;
      border: 2px solid #6a0dad;
      }
      .select-tickets-block p {
      margin-bottom: 20px;
      margin-top: 20px;
      }
      .xtotel-tickets-count {
      border-top: 1px solid #efefef;
      padding-top: 20px;
      }
      .x-title {
      font-size: 14px;
      font-weight: 500;
      color: #6a0dad;
      margin-bottom: 13px;
      }
      .xtotel-tickets-count h4 {
      font-size: 22px;
      margin-bottom: 0;
      color: #000;
      }
      /* --- Profile Page --- */
      .hero-cover-block {
      height: 260px;
      position: relative;
      }
      .hero-cover {
      position: absolute;
      inset: 0px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      overflow: hidden;
      background-color: rgba(80, 101, 246, 0.2);
      }
      .hero-cover-img {
      background-size: cover;
      background-position: center center;
      position: absolute;
      inset: 0px;
      background-image: url(../images/banners/hero-cover-01.html);
      filter: none;
      transition: all 0.12s ease-in-out 0s;
      opacity: 1;
      }
      .user-dt-block {
      padding-bottom: 64px;
      }
      .user-left-dt {
      text-align: center;
      padding: 30px;
      margin-top: -70px;
      }
      .upload-cover {
      display: inline-block;
      color: #e44d3a;
      font-size: 16px;
      position: absolute;
      top: 30px;
      right: 0;
      font-weight: 600;
      margin-right: 0;
      width: 100%;
      }
      .upload-cover .cover-img-btn [type="file"] {
      height: 0;
      overflow: hidden;
      width: 0;
      float: left;
      }
      .upload-cover .cover-img-btn [type="file"] + label {
      color: #000;
      background: #fff;
      Border: 1px solid #bbb;
      border-radius: 3px;
      cursor: pointer;
      display: inline-block;
      font-size:14px;
      font-weight: 500;
      outline: none;
      padding: 12px 20px;
      position: relative;
      transition: all 0.3s;
      vertical-align: middle;
      margin: 0;
      float: right;
      }
      .upload-cover .cover-img-btn [type="file"] + label:hover {
      background: #7ad254;
      color: #fff;
      }
      .user-avatar-img {
      position: relative;
      }
      .user-avatar-img img {
      width: 130px;
      height: 130px;
      background-color: #fff;
      border-radius: 100%;
      border: 2px solid #6a0dad;
      padding: 2px;
      object-fit: cover;
      }
      .avatar-img-btn {
      display: inline-block;
      color: #e44d3a;
      font-size: 16px;
      position: absolute;
      bottom: 4px;
      left: 64%;
      transform: translateX(-50%);
      margin-right: 0;
      }
      .avatar-img-btn [type="file"] {
      height: 0;
      overflow: hidden;
      width: 0;
      float: left;
      }
      .avatar-img-btn [type="file"] + label {
      color: #000;
      background: #fff;
      Border: 1px solid #bbb;
      border-radius: 50%;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      font-weight: 500;
      outline: none;
      position: relative;
      transition: all 0.3s;
      vertical-align: middle;
      margin: 0;
      float: right;
      height: 40px;
      width: 40px;
      line-height: 40px;
      }
      .avatar-img-btn [type="file"] + label:hover {
      background: #7ad254;
      color: #fff;
      }
      .user-dts .user-name {
      font-size: 18px;
      font-weight: 600;
      color: #000;
      margin-top: 23px;
      }
      .ff-block {
      display: flex;
      width: 100%;
      align-items: center;
      margin-top: 30px;
      }
      .ff-block a {
      font-size: 14px;
      color: #000;
      display: inline-block;
      width: 50%;
      }
      .ff-block a:hover {
      color: #6a0dad !important;
      }
      .ff-block a span {
      display: block;
      font-size: 18px;
      font-weight: 500;
      }
      .ff-block a:first-child {
      border-right: 1px solid #efefef;
      }
      .verify-badge {
      margin-left: 8px;
      font-size: 15px;
      color: #6a0dad !important;
      }
      .user-description {
      margin-top: 30px;
      }
      .user-btns {
      margin-top: 30px;
      }
      .user-email {
      font-size: 16px !important;
      margin-top: 15px;
      display: block;
      }
      .profile-social-link {
      margin-top: 37px;
      }
      .profile-social-link h6 {
      font-size: 16px;
      font-weight: 600;
      text-transform: inherit;
      color: #000;
      margin-bottom: 20px;
      }
      .social-links > .social-link {
      font-size: 18px;
      width: 40px;
      height: 40px;
      border: 2px solid #6a0dad;
      border-radius: 100%;
      text-align: center;
      color: #6a0dad;
      box-sizing: border-box;
      margin: 0;
      min-width: 0;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-bottom: 10px;
      margin-right: 7px;
      padding: 10px 9px
      }
      .social-links > .social-link:hover {
      color: #fff !important;
      border: 2px solid #6a0dad;
      background-color: #6a0dad;
      }
      .user-right-dt {
      text-align: center;
      padding: 0;
      margin-top: -70px;
      }
      .garren-line-tab {
      border: 1px solid #efefef;
      border-radius: 3px;
      background-color: #fff;
      }
      .border-bottom {
      border-bottom: 1px solid #efefef !important;
      }
      .garren-line-tab .nav-link {
      font-size: 14px;
      font-weight: 400;
      color: #6a0dad;
      position: relative;
      padding: 10px !important;
      border-radius: 3px;
      }
      .garren-line-tab .nav-link.active, 
      .garren-line-tab .nav-link.active:hover {
      color: #fff !important;
      background-color: #6a0dad !important;
      }
      .garren-line-tab .nav-link:hover {
      color: #6a0dad !important;
      }
      .garren-line-tab .nav-link i {
      font-size: 14px;
      margin-right: 8px;
      }
      .right-profile {
      margin-top: 25px;
      }
      .tab-link {
      font-size: 14px;
      font-weight: 400;
      position: relative;
      box-sizing: border-box;
      width: 33.33%;
      display: block;
      border: none;
      border-bottom: 3px solid transparent;
      padding: 1rem;
      color: #6a0dad;
      background: transparent;
      text-decoration: none;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
      }
      .custom-tabs .tab-link.active, .tab-tabs .show>.tab-link {
      color: #6a0dad;
      background-color: #fff;
      border-bottom: 3px solid #6a0dad;
      }
      .custom-tabs .tab-link:hover {
      color: #6a0dad;
      background-color: #fff;
      border-bottom: 3px solid transparent;
      }
      .custom-tabs .tab-link.active span, .tab-tabs .show>.tab-link span {
      color: #fff;
      }
      .custom-tabs .tab-link.active:hover {
      color: #6a0dad;
      background-color: #fff;
      border-bottom: 3px solid #6a0dad;
      }
      .setting-step {
      border-bottom: 1px solid #efefef;
      }
      .setting-step:last-child {
      border-bottom: 0;
      }
      .chk-disabled {
      opacity: 0.5;
      pointer-events: none;
      }
      .setting-title {
      font-size: 16px;
      margin-bottom: 0;
      font-weight: 500;
      color: #000;
      }
      .btn-switch {
      position: relative;
      display: inline-block;
      width: 40px;
      min-width: 40px;
      height: 22px;
      margin: 14px 5px;
      }
      .btn-switch input {
      opacity: 0;
      width: 0;
      height: 0;
      }
      .btn-switch input:checked+.checkbox-slider {
      background: #22B0AF;
      }
      .btn-switch .checkbox-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 22px;
      width: 44px;
      border-radius: 16px;
      background-color: #EDF1F5;
      -webkit-transition: .4s;
      transition: .4s;
      }
      .btn-switch .checkbox-slider:before {
      position: absolute;
      content: "";
      height: 18px;
      width: 18px;
      left: 3px;
      top: calc(50% - 18px/2);
      border-radius: 50%;
      background-color: white;
      filter: drop-shadow(0px 2px 4px rgba(0,35,11,0.2));
      -webkit-transition: .4s;
      transition: .4s;
      }
      .btn-switch input:checked+.checkbox-slider:before {
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
      }
      .password-des h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 13px;
      color: #000;
      }
      .password-des p {
      margin-bottom: 30px;
      }
      .card-top {
      display: flex;
      width: 100%;
      align-items: flex-start;
      border-bottom: 1px solid #efefef;
      }
      .card-event-img {
      width: 170px;
      height: 110px;
      margin-right: 20px;
      }
      .card-event-img img {
      width: 100%;
      height: 100%;
      border-radius: 3px;
      object-fit: cover;
      }
      .card-event-dt h5 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 13px;
      color: #000;
      }
      .invoice-id {
      color: #6a0dad;
      }
      .card-bottom {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      }
      .card-bottom-item {
      display: flex;
      width: 25%;
      align-items: center;
      padding: 20px;
      }
      .card-icon i {
      font-size: 16px;
      color: #6a0dad;
      text-align: center;
      width: 40px;
      height: 40px;
      line-height: 41px;
      background: #e8f7f7;
      border-radius: 50%;
      }
      .card-dt-text {
      margin-left: 15px;
      }
      .card-dt-text h6 {
      font-size: 13px;
      color: #6a0dad;
      }
      .card-dt-text span {
      color: #000;
      font-weight: 500;
      font-size: 14px;
      }
      .card-dt-text a {
      color: #6a0dad;
      font-weight: 500;
      font-size: 14px;
      }
      .card-dt-text a:hover {
      color: #7ad254 !important;
      }
      .edit-btn {
      position: absolute;
      right: 0;
      top: 10px;
      }
      .about-details {
      padding: 30px;
      }
      .about-step {
      border-bottom: 1px solid #efefef;
      padding-bottom: 25px;
      padding-top: 25px;
      }
      .about-step:first-child {
      padding-top: 0;
      }
      .about-step:last-child {
      border-bottom: none;
      padding-bottom: 0;
      }
      .about-step h5 {
      font-size: 16px;
      font-weight: 500;
      color: #000;
      margin-bottom: 13px;
      }
      .about-step span {
      font-size: 18px;
      color: #6a0dad;
      font-weight: 500;
      margin-bottom: 0;
      }
      .close-model-btn {
      box-sizing: content-box;
      font-size: 14px;
      width: 1.5em;
      height: 1.5em;
      padding: 0.25em 0.25em;
      color: #000;
      border: 0;
      border-radius: 0.25rem;
      opacity: .5;
      }
      .close-model-btn:hover {
      color: #6a0dad;
      opacity: 1;
      }
      .modal-title {
      font-size: 16px;
      font-weight: 500;
      font-family: inherit;
      color: #000;
      }
      .modal-header {
      border-bottom: 1px solid #efefef !important;
      }
      .modal-footer {
      border-top: 1px solid #efefef !important;
      }
      .modal-body {
      padding: 0 !important;
      }
      .model-content {
      padding: 0 30px 30px;
      }
      .model-content .form-control {
      background-color: #f9f9f9 !important;
      }
      .address-title {
      font-size: 18px;
      font-weight: 500;
      border-bottom: 1px solid #efefef;
      padding-bottom: 13px;
      margin-top: 30px;
      color: #000;
      }
      .model-content .btn-light {
      min-height: 40px !important;
      display: block !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      color: #6a0dad !important;
      background-color: #f9f9f9 !important;
      border: 1px solid #efefef !important;
      padding: 5px 20px !important;
      border-radius: 3px !important;
      transition: none !important;
      }
      .my-event-tabs {
      background: #fff;
      border-radius: 3px;
      border: 1px solid #efefef;
      }
      .event-link {
      font-size: 18px;
      font-weight: 400;
      position: relative;
      box-sizing: border-box;
      width: 33.333%;
      display: block;
      border: none;
      border-bottom: 3px solid transparent;
      padding: 1rem;
      color: #bbb;
      background: transparent;
      text-decoration: none;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
      }
      .my-event-tabs .event-link.active, .my-event-tabs .show>.event-link {
      color: #6a0dad;
      background-color: #fff;
      border-bottom: 3px solid #6a0dad;
      }
      .my-event-tabs .event-link.active span, .my-event-tabs .show>.event-link span {
      color: #6a0dad;
      }
      .event-link span {
      display: block;
      font-size: 14px;
      font-weight: 400;
      color: #000;
      margin-top: 10px;
      }
      .my-event-tabs .event-link.active:hover {
      color: #6a0dad;
      background-color: #fff;
      border-bottom: 3px solid #6a0dad;
      }
      .event-count {
      background: #e8f7f7;
      display: inline-block !important;
      height: 36px;
      width: 36px;
      border-radius: 50%;
      line-height: 36px;
      }
      .my-event-tabs .event-link.active .event-count, .my-event-tabs .show>.event-link .event-count {
      color: #fff;
      background: #6a0dad;
      }
      .profile-event-content {
      padding: 15px 20px 20px;
      }
      .profile-event-content > .event-title {
      font-size: 16px;
      font-weight: 500;
      color: #000;
      display: block;
      line-height: 25px;
      min-height: 50px;
      margin-bottom: 33px;
      transition: all ease-in-out .2s;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      }
      .profile-event-content > .event-title:hover {
      color: #000 !important;
      }
      .profile-event-footer {
      padding: 0 20px 20px;
      }
      .event-btn-group {
      margin-top: 20px;
      }
      .esv-btn {
      font-size: 14px;
      font-weight: 400;
      color: #000;
      height: 40px;
      min-width: 110px;
      border: 1px solid #efefef;
      border-radius: 3px;
      background: #fff;
      padding: 0 20px;
      }
      .esv-btn:hover {
      color: #000;
      border: 1px solid #efefef;
      background: #e8f7f7;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      }
      .saved-btn {
      color: #fff !important;
      border: 1px solid #6a0dad !important;
      background: #6a0dad !important;
      }
      .saved-btn:hover {
      color: #fff !important;
      border: 1px solid #6a0dad !important;
      background: #7ad254 !important;
      }
      .ff-tablist {
      border-bottom: 1px solid #efefef;
      margin-top: 27px;
      }
      .ff-tablist .nav-item .nav-link.active, .ff-tablist .nav-item .show>.nav-link {
      color: #6a0dad !important;
      border-color: #6a0dad;
      background-color: transparent;
      }
      .ff-tablist .nav-item .nav-link {
      font-size: 14px;
      font-weight: 400;
      border-bottom: 2px solid transparent;
      border-radius: 0;
      padding: 5px 10px;
      margin-bottom: -1px;
      color: rgba(0,0,0,0.5);
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      }
      .min-height-430 {
      min-height: 430px;
      }
      .min-height-370 {
      min-height: 370px;
      }
      .min-height-180 {
      min-height: 180px;
      }
      .user-follow-card {
      display: flex;
      align-items: center;
      width: 100%;
      }
      .follow-card-left {
      display: flex;
      align-items: center;
      }
      .follow-avatar {
      background: #fff;
      border: 1px solid rgba(0,0,0,0.06);
      border-radius: 50%;
      width: 60px;
      height: 60px;
      }
      .follow-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
      }
      .follow-name {
      margin-left: 15px;
      }
      .follow-name h5 {
      font-size: 16px;
      color: #000;
      }
      .follow-card-btn {
      margin-left: auto;
      }
      .follow-btn {
      color: #000;
      background: #fff !important;
      border-radius: 3px;
      Border: 1px solid #bbb;
      padding: 3px 15px;
      }
      .follow-btn:hover {
      color: #000 !important;
      background: #e8f7f7 !important;
      border-radius: 3px;
      Border: 1px solid #bbb;
      }
      /* --- Organisation Dashboard Page --- */
      /* Medium devices (desktops)
      ==========================*/
      @media (min-width: 992px) {
      body {
      overflow-y: scroll;
      }
      .logo img {
      width: 200px;
      text-align: center;
      margin-top: 10px;
      float: none;
      }
      .wrapper-body {
      margin-left: 254px;
      transition: all 0.3s ease-out;
      }
      .wrapper__minify {
      margin-left: 80px;
      }
      }
      .wrapper-body {
      padding: 35px 0;
      }
      .d-main-title h3 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 0;
      color: #000;
      }
      .d-main-title i {
      font-size: 22px;
      }
      .add-organisation-card {
      display: flex;
      width: 100%;
      align-items: center;
      }
      .ocard-left {
      display: flex;
      align-items: center;
      }
      .ocard-avatar {
      background: #fff;
      border: 1px solid rgba(0,0,0,0.06);
      border-radius: 50%;
      width: 60px;
      height: 60px;
      }
      .ocard-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
      }
      .ocard-name {
      margin-left: 17px;
      }
      .ocard-name h4 {
      font-size: 18px;
      font-weight: 600;
      color: #000;
      margin-bottom: 5px;
      }
      .ocard-name span {
      font-size: 14px;
      color: #6a0dad;
      }
      .ocard-right {
      margin-left: auto;
      }
      .ocard-right .co-main-btn i {
      height: 25px;
      width: 25px;
      margin-right: 10px;
      background: #f7f7f7;
      border: 2px dashed #bbb;
      border-radius: 50%;
      line-height: 2;
      font-size: 11px;
      color: #bbb;
      }
      .org_design_button {
      width: 120px;
      display: inline-block;
      min-height: 120px;
      overflow: hidden;
      border: 2px dashed #bbb;
      background: #fff;
      padding: 5px;
      text-align: center;
      cursor: pointer;
      position: relative;
      border-radius: 50%;
      }
      .org_design_button:hover {
      background: #e8f7f7;
      }
      .org_design_button span {
      vertical-align: middle;
      display: block;
      text-align: center;
      color: #bbb;
      padding: 39px 0;
      }
      .org_design_button i {
      margin-top: 0;
      font-size: 24px;
      color: #bbb;
      }
      .btn-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      text-align: right;
      opacity: 0;
      outline: 0;
      background: #fff;
      cursor: inherit;
      display: block;
      }
      .dashboard-date-arrows a {
      font-size: 14px;
      color: #6a0dad;
      padding: 4px 10px 2px;
      display: inline-block;
      text-align: center;
      background: #e8f7f7;
      border-radius: 3px;
      }
      .dashboard-date-arrows a:hover {
      color: #6a0dad !important;
      }
      .before_date.disabled, .after_date.disabled {
      pointer-events: none;
      cursor: default;
      opacity: 0.5;
      }
      .dashboard-select-date {
      margin-bottom: 0;
      margin-left: 15px;
      font-size: 16px;
      font-weight: 500;
      }
      .event-list-dropdown {
      border: 0;
      background: transparent;
      color: #000;
      font-size: 14px;
      font-family: inherit;
      }
      .event-list-dropdown .dropdown-item {
      padding: 2px 20px !important;
      }
      .dashboard-report-content {
      padding: 0 1.5rem;
      }
      .dashboard-report-card {
      position: relative;
      margin-bottom: 1.5rem;
      border: 1px solid #efefef;
      box-shadow: none;
      flex-direction: row;
      align-items: center;
      border-radius: 5px;
      padding: 20px;
      display: flex;
      justify-content: space-between;
      background: #fff;
      }
      .dashboard-report-card .card-content {
      color: #fff;
      flex-grow: 1;
      }
      .dashboard-report-card.purple {
      background-color: #8892d6;
      border-color: #8892d6;
      }
      .dashboard-report-card.red {
      background-color: #fc544b;
      border-color: #fc544b;
      }
      .dashboard-report-card.info {
      background-color: #45bbe0;
      border-color: #45bbe0;
      }
      .dashboard-report-card.success {
      background-color: #6a0dad;
      border-color: #78c350;
      }
      .dashboard-report-card .card-media {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      flex-shrink: 0;
      margin-left: 15px;
      display: flex;
      align-items: center;
      text-align: center;
      background-color: rgba(255,255,255,.2);
      justify-content: center;
      right: 20px;
      top: 20px;
      position: absolute;
      }
      .dashboard-report-card .card-content {
      color: #fff;
      flex-grow: 1;
      }
      .dashboard-report-card .card-content .card-title {
      text-transform: uppercase;
      display: block;
      margin-bottom: 0;
      font-size: 12px;
      font-weight: 500;
      }
      .dashboard-report-card .card-content .card-sub-title {
      font-size: 24px;
      margin: 8px 0 13px;
      display: block;
      font-weight: 600;
      }
      .dashboard-report-card .card-media i {
      font-size: 28px;
      color: #fff;
      }
      .border_bottom {
      border-bottom: 1px solid #efefef;
      }
      .border_top {
      border-top: 1px solid #efefef;
      }
      .select-graphic-category .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
      width: 150px !important;
      }
      .rs .btn-check:active+.btn-outline-primary, .rs .btn-check:checked+.btn-outline-primary, .rs .btn-outline-primary.active, .rs .btn-outline-primary.dropdown-toggle.show, .rs .btn-outline-primary:active {
      color: #fff;
      background-color: #6a0dad;
      border-color: #6a0dad;
      }
      .rs .btn-outline-primary {
      color: #6a0dad;
      border-color: #6a0dad;
      }
      .rs .btn-outline-primary:hover {
      color: #6a0dad;
      background-color: #e8f7f7;
      border-color: #6a0dad;
      }
      .rs .btn-outline-primary:focus {
      box-shadow: none !important;
      outline: none !important;
      }
      .rs .btn-check:focus {
      box-shadow: none !important;
      outline: none !important;
      }
      .relative-input .form-control {
      padding: 0 15px 0 40px !important;
      width: 280px;
      }
      .relative-input i {
      position: absolute;
      top: 20%;
      font-size: 16px;
      left: 10px;
      color: #6a0dad;
      }
      .custom2-tabs .tab-link {
      background: #fff;
      border: 1px solid #bbb;
      box-sizing: border-box;
      border-radius: 3px;
      padding: 0;
      width: 130px;
      padding: 0 15px;
      font-size: 14px;
      height: 40px;
      color: #000;
      display: inline-block;
      margin: 0 0 0 4px !important;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      }
      .custom2-tabs .tab-link:first-child {
      margin-left: 0 !important;
      }
      .custom2-tabs .tab-link.active, .tab-tabs .show>.tab-link {
      color: #fff;
      background-color: #6a0dad;
      border: 1px solid #6a0dad;
      }
      .custom2-tabs .tab-link:hover {
      color: #000;
      background-color: #e8f7f7;
      border: 1px solid #bbb;
      }
      .custom2-tabs .tab-link.active span, .tab-tabs .show>.tab-link span {
      color: #fff;
      }
      .custom2-tabs .tab-link.active:hover {
      color: #fff;
      background-color: #6a0dad;
      border: 1px solid #6a0dad;
      }
      .event-top .card-event-img {
      width: 130px;
      height: 70px;
      }
      .option-btn {
      width: 35px;
      height: 35px;
      color: #000;
      border: 1px solid #bbb;
      background: rgba(255,255,255,.3);
      border-radius: 3px;
      }
      .option-btn:hover {
      color: #6a0dad;
      border: 1px solid #6a0dad;
      background: rgba(255,255,255,.3);
      }
    
      
   </style>

<style>

   /* 1. The Main Banner Container */
.event-banner-split {
    /* KEY REQUIREMENT: Sets the height to 30% of the viewport height */
    height: 30vh; 
    width: 100%;
    background-color: #f8f8f8; /* Light background for the detail area */
    
    /* Use Flexbox to align the child elements side-by-side */
    display: flex;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle lift effect */
}

/* 2. The Image Area (Small Portion) */
.image-area {
    /* Sets the width for the image. e.g., 30% of the banner width */
    width: 30%; 
    height: 100%; /* Fills the 30vh height */
    
    /* Image and Background Settings */
    background-image: url({{ asset('assets/images/image2.jpeg') }}); /* <-- CHANGE THIS PATH */
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
}

/* 3. The Details Area (The Rest) */
.details-area {
    /* The remaining 70% of the width */
    width: 70%; 
    height: 100%;
    
    /* Use Flexbox to center the text content both horizontally and vertically */
    display: flex;
    flex-direction: column; /* Stacks the title, date, and location vertically */
    justify-content: center; /* Centers items vertically */
    padding: 0 30px; /* Internal spacing */
    
    /* Optional: A distinct background color for the detail area */
    background-color: #ffffff; 
    color: #333; /* Dark text color */
}

/* 4. Text Styling */
.event-title {
    font-size: 2em; 
    font-weight: 700;
    color: #007bff; /* Primary color */
    margin-bottom: 0.2em;
}

.event-datetime, 
.event-location {
    font-size: 1.1em;
    margin-top: 0.5em;
    line-height: 1.4;
}
   

svg.svg-inline--fa:not(:host),svg.svg-inline--fa:not(:root) {
    overflow: visible;
    box-sizing: content-box
}

.svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em
}

.svg-inline--fa.fa-2xs {
    vertical-align: .1em
}

.svg-inline--fa.fa-xs {
    vertical-align: 0
}

.svg-inline--fa.fa-sm {
    vertical-align: -.07143em
}

.svg-inline--fa.fa-lg {
    vertical-align: -.2em
}

.svg-inline--fa.fa-xl {
    vertical-align: -.25em
}

.svg-inline--fa.fa-2xl {
    vertical-align: -.3125em
}

.svg-inline--fa.fa-pull-left {
    margin-right: var(--fa-pull-margin,.3em);
    width: auto
}

.svg-inline--fa.fa-pull-right {
    margin-left: var(--fa-pull-margin,.3em);
    width: auto
}

.svg-inline--fa.fa-li {
    width: var(--fa-li-width,2em);
    top: .25em
}

.svg-inline--fa.fa-fw {
    width: var(--fa-fw-width,1.25em)
}

.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.fa-layers-counter,.fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center
}

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 1em
}

.fa-layers svg.svg-inline--fa {
    transform-origin: center center
}

.fa-layers-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transform-origin: center center
}

.fa-layers-counter {
    background-color: var(--fa-counter-background-color,#ff253a);
    border-radius: var(--fa-counter-border-radius,1em);
    box-sizing: border-box;
    color: var(--fa-inverse,#fff);
    line-height: var(--fa-counter-line-height,1);
    max-width: var(--fa-counter-max-width,5em);
    min-width: var(--fa-counter-min-width,1.5em);
    overflow: hidden;
    padding: var(--fa-counter-padding,.25em .5em);
    right: var(--fa-right,0);
    text-overflow: ellipsis;
    top: var(--fa-top,0);
    transform: scale(var(--fa-counter-scale,.25));
    transform-origin: top right
}

.fa-layers-bottom-right {
    bottom: var(--fa-bottom,0);
    right: var(--fa-right,0);
    top: auto;
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: bottom right
}

.fa-layers-bottom-left {
    bottom: var(--fa-bottom,0);
    left: var(--fa-left,0);
    right: auto;
    top: auto;
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: bottom left
}

.fa-layers-top-right {
    top: var(--fa-top,0);
    right: var(--fa-right,0);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: top right
}

.fa-layers-top-left {
    left: var(--fa-left,0);
    right: auto;
    top: var(--fa-top,0);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: top left
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(-1 * var(--fa-li-width, 2em));
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color,#eee);
    border-radius: var(--fa-border-radius,.1em);
    border-style: var(--fa-border-style,solid);
    border-width: var(--fa-border-width,.08em);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade,.fa-fade {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake,.fa-spin {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    animation-name: fa-spin;
    animation-duration: var(--fa-animation-duration,2s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,8% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle,0))
}

.fa-stack {
    display: inline-block;
    vertical-align: middle;
    height: 2em;
    position: relative;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--fa-stack-z-index,auto)
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.svg-inline--fa .fa-primary {
    fill: var(--fa-primary-color,currentColor);
    opacity: var(--fa-primary-opacity,1)
}

.svg-inline--fa .fa-secondary {
    fill: var(--fa-secondary-color,currentColor)
}

.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: var(--fa-secondary-opacity,.4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: var(--fa-primary-opacity,1)
}

.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary {
    fill: #000
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}


,:after,:before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: var(--border-color)
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: var(--font-inter),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}



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

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    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
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

:root {
    --background: 0 0% 100%;
    --foreground: 222.2 47.4% 11.2%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 47.4% 11.2%;
    --border: 0 0% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 47.4% 11.2%;
    --primary: 0 0% 0%;
    --primary-foreground: 210 40% 98%;
    --secondary: 0 0% 97%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --destructive: 0 100% 50%;
    --destructive-foreground: 210 40% 98%;
    --ring: 215 20.2% 65.1%;
    --radius: 0.5rem
}

.black,.dark {
    --background: 0 0% 8%;
    --foreground: 0 0% 91%;
    --muted: 0 0% 11%;
    --muted-foreground: 0 0% 56.9%;
    --accent: 0 0% 17%;
    --accent-foreground: 0 0% 98%;
    --popover: 0 0% 4%;
    --popover-foreground: 0 0% 65.1%;
    --border: 0 0% 17%;
    --input: 0 0% 17%;
    --card: 0 0% 4%;
    --card-foreground: 0 0% 91%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 1.2%;
    --secondary: 0 0% 11.2%;
    --secondary-foreground: 0 0% 98%;
    --destructive: 0 63% 31%;
    --destructive-foreground: 210 40% 98%;
    --ring: 216 34% 17%;
    --radius: 0.5rem
}

* {
    border-color: hsl(var(--border))
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-feature-settings: "rlig" 1,"calt" 1
}

.vi-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

@media (min-width: 1400px) {
    .vi-container {
        max-width:1400px
    }
}

.vi-aspect-h-event-header-height,.vi-aspect-h-seller-header-height {
    --tw-aspect-h: 450
}

.vi-aspect-w-event-header-width {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 1210
}

.vi-aspect-w-event-header-width>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vi-aspect-w-seller-header-width {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 1210
}

.vi-aspect-w-seller-header-width>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vi-sr-only {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border-width: 0!important
}

.vi-pointer-events-none {
    pointer-events: none!important
}

.vi-invisible {
    visibility: hidden!important
}

.vi-static {
    position: static!important
}

.vi-fixed {
    position: fixed!important
}

.vi-absolute {
    position: absolute!important
}

.vi-relative {
    position: relative!important
}

.vi-sticky {
    position: sticky!important
}

.vi-inset-0 {
    inset: 0!important
}

.vi-inset-x-0 {
    left: 0!important;
    right: 0!important
}

.vi-inset-y-\[-30\%\] {
    top: -30%!important;
    bottom: -30%!important
}

.-vi-left-1 {
    left: -.25rem!important
}

.-vi-top-\[10px\] {
    top: -10px!important
}

.vi--left-1\.5 {
    left: -.375rem!important
}

.vi-bottom-0 {
    bottom: 0!important
}

.vi-bottom-0\.5 {
    bottom: .125rem!important
}

.vi-bottom-1 {
    bottom: .25rem!important
}

.vi-bottom-20 {
    bottom: 5rem!important
}

.vi-bottom-4 {
    bottom: 1rem!important
}

.vi-left-0 {
    left: 0!important
}

.vi-left-1\/2 {
    left: 50%!important
}

.vi-left-3 {
    left: .75rem!important
}

.vi-left-4 {
    left: 1rem!important
}

.vi-left-5 {
    left: 1.25rem!important
}

.vi-left-\[22px\] {
    left: 22px!important
}

.vi-right-0 {
    right: 0!important
}

.vi-right-0\.5 {
    right: .125rem!important
}

.vi-right-1 {
    right: .25rem!important
}

.vi-right-3 {
    right: .75rem!important
}

.vi-right-4 {
    right: 1rem!important
}

.vi-right-\[10px\] {
    right: 10px!important
}

.vi-top-0 {
    top: 0!important
}

.vi-top-1\/2 {
    top: 50%!important
}

.vi-top-20 {
    top: 5rem!important
}

.vi-top-3 {
    top: .75rem!important
}

.vi-top-4 {
    top: 1rem!important
}

.vi-top-6 {
    top: 1.5rem!important
}

.vi-top-7 {
    top: 1.75rem!important
}

.vi-top-\[100\%\] {
    top: 100%!important
}

.vi-top-\[14px\] {
    top: 14px!important
}

.vi-z-0 {
    z-index: 0!important
}

.vi-z-10 {
    z-index: 10!important
}

.vi-z-20 {
    z-index: 20!important
}

.vi-z-50 {
    z-index: 50!important
}

.vi-z-\[2147483004\] {
    z-index: 2147483004!important
}

.vi-z-modal {
    z-index: 2147483003!important
}

.vi-col-span-1 {
    grid-column: span 1/span 1!important
}

.vi-col-span-2 {
    grid-column: span 2/span 2!important
}

.vi-m-0 {
    margin: 0!important
}

.vi-m-\[1px\] {
    margin: 1px!important
}

.-vi-mx-4 {
    margin-left: -1rem!important;
    margin-right: -1rem!important
}

.vi-mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.vi-mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.vi-my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.vi-my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.vi-my-3 {
    margin-top: .75rem!important;
    margin-bottom: .75rem!important
}

.vi-my-6 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.\!vi-mb-0 {
    margin-bottom: 0!important
}

.-vi-mb-5 {
    margin-bottom: -1.25rem!important
}

.-vi-ml-3 {
    margin-left: -.75rem!important
}

.-vi-ml-9 {
    margin-left: -2.25rem!important
}

.-vi-mr-2 {
    margin-right: -.5rem!important
}

.-vi-mt-1 {
    margin-top: -.25rem!important
}

.-vi-mt-5 {
    margin-top: -1.25rem!important
}

.vi-mb-0 {
    margin-bottom: 0!important
}

.vi-mb-0\.5 {
    margin-bottom: .125rem!important
}

.vi-mb-1 {
    margin-bottom: .25rem!important
}

}

.vi-mb-3 {
    margin-bottom: .75rem!important
}

.vi-mb-4 {
    margin-bottom: 1rem!important
}

.vi-mb-5 {
    margin-bottom: 1.25rem!important
}

.vi-mb-6 {
    margin-bottom: 1.5rem!important
}

.vi-mb-8 {
    margin-bottom: 2rem!important
}

.vi-mb-9 {
    margin-bottom: 2.25rem!important
}

.vi-mb-\[0px\] {
    margin-bottom: 0!important
}

.vi-me-0 {
    margin-inline-end:0!important}

.vi-me-1 {
    margin-inline-end:.25rem!important}

.vi-me-2 {
    margin-inline-end:.5rem!important}

.vi-ml-0 {
    margin-left: 0!important
}

.vi-ml-1 {
    margin-left: .25rem!important
}

.vi-ml-2 {
    margin-left: .5rem!important
}

.vi-ml-3 {
    margin-left: .75rem!important
}

.vi-ml-4 {
    margin-left: 1rem!important
}

.vi-ml-auto {
    margin-left: auto!important
}

.vi-mr-0 {
    margin-right: 0!important
}

.vi-mr-1 {
    margin-right: .25rem!important
}

.vi-mr-2 {
    margin-right: .5rem!important
}

.vi-mr-3 {
    margin-right: .75rem!important
}

.vi-mr-4 {
    margin-right: 1rem!important
}

.vi-mr-auto {
    margin-right: auto!important
}

.vi-ms-1 {
    margin-inline-start:.25rem!important}

.vi-ms-auto {
    margin-inline-start:auto!important}



.vi-mt-1 {
    margin-top: .25rem!important
}

.vi-mt-1\.5 {
    margin-top: .375rem!important
}

.vi-mt-10 {
    margin-top: 2.5rem!important
}

.vi-mt-12 {
    margin-top: 3rem!important
}

.vi-mt-14 {
    margin-top: 3.5rem!important
}

.vi-mt-2 {
    margin-top: .5rem!important
}

.vi-mt-3 {
    margin-top: .75rem!important
}

.vi-mt-32 {
    margin-top: 8rem!important
}

.vi-mt-4 {
    margin-top: 1rem!important
}

.vi-mt-6 {
    margin-top: 1.5rem!important
}



.vi-mt-\[-1px\] {
    margin-top: -1px!important
}

.vi-mt-\[84px\] {
    margin-top: 84px!important
}

.vi-line-clamp-1 {
    -webkit-line-clamp: 1!important
}

.vi-line-clamp-1,.vi-line-clamp-2 {
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important
}

.vi-line-clamp-2 {
    -webkit-line-clamp: 2!important
}

.vi-line-clamp-3 {
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 3!important
}

.vi-block {
    display: block!important
}

.vi-inline-block {
    display: inline-block!important
}

.vi-flex {
    display: flex!important
}

.vi-inline-flex {
    display: inline-flex!important
}

.vi-grid {
    display: grid!important
}

.vi-contents {
    display: contents!important
}

.\!vi-hidden,.vi-hidden {
    display: none!important
}

.vi-aspect-\[16\/9\] {
    aspect-ratio: 16/9!important
}

.vi-aspect-square {
    aspect-ratio: 1/1!important
}

.vi-size-10 {
    width: 2.5rem!important;
    height: 2.5rem!important
}

.vi-size-12 {
    width: 3rem!important;
    height: 3rem!important
}

.vi-size-16 {
    width: 4rem!important;
    height: 4rem!important
}

.vi-size-3 {
    width: .75rem!important;
    height: .75rem!important
}

.vi-size-4 {
    width: 1rem!important;
    height: 1rem!important
}

.vi-size-5 {
    width: 1.25rem!important;
    height: 1.25rem!important
}

.vi-size-7 {
    width: 1.75rem!important;
    height: 1.75rem!important
}

.vi-size-8 {
    width: 2rem!important;
    height: 2rem!important
}

.vi-h-0 {
    height: 0!important
}

.vi-h-1 {
    height: .25rem!important
}

.vi-h-1\.5 {
    height: .375rem!important
}

.vi-h-10 {
    height: 2.5rem!important
}

.vi-h-11 {
    height: 2.75rem!important
}

.vi-h-12 {
    height: 3rem!important
}

.vi-h-16 {
    height: 4rem!important
}

.vi-h-2 {
    height: .5rem!important
}

.vi-h-2\.5 {
    height: .625rem!important
}

.vi-h-24 {
    height: 6rem!important
}

.vi-h-3 {
    height: .75rem!important
}

.vi-h-3\.5 {
    height: .875rem!important
}

.vi-h-32 {
    height: 8rem!important
}

.vi-h-4 {
    height: 1rem!important
}

.vi-h-5 {
    height: 1.25rem!important
}

.vi-h-6 {
    height: 1.5rem!important
}

.vi-h-60 {
    height: 15rem!important
}

.vi-h-7 {
    height: 1.75rem!important
}

.vi-h-8 {
    height: 2rem!important
}

.vi-h-9 {
    height: 2.25rem!important
}

.vi-h-\[10vh\] {
    height: 10vh!important
}

.vi-h-\[12px\] {
    height: 12px!important
}

.vi-h-\[13px\] {
    height: 13px!important
}

.vi-h-\[160\%\] {
    height: 160%!important
}

.vi-h-\[1em\] {
    height: 1em!important
}

.vi-h-\[200px\] {
    height: 200px!important
}

.vi-h-\[380px\] {
    height: 380px!important
}

.vi-h-\[38px\] {
    height: 38px!important
}

.vi-h-\[7px\] {
    height: 7px!important
}

.vi-h-\[calc\(100vh-60px\)\] {
    height: calc(100vh - 60px)!important
}

.vi-h-auto {
    height: auto!important
}

.vi-h-full {
    height: 100%!important
}

.vi-h-screen {
    height: 100vh!important
}

.vi-max-h-\[60vh\] {
    max-height: 60vh!important
}

.vi-max-h-\[90vh\] {
    max-height: 90vh!important
}

.vi-max-h-full {
    max-height: 100%!important
}

.vi-min-h-5 {
    min-height: 1.25rem!important
}

.vi-min-h-\[125px\] {
    min-height: 125px!important
}

.vi-min-h-\[200px\] {
    min-height: 200px!important
}

.vi-min-h-screen {
    min-height: 100vh!important
}

.vi-w-0 {
    width: 0!important
}

.vi-w-0\.5 {
    width: .125rem!important
}

.vi-w-1\.5 {
    width: .375rem!important
}

.vi-w-1\/2 {
    width: 50%!important
}

.vi-w-1\/3 {
    width: 33.333333%!important
}

.vi-w-1\/4 {
    width: 25%!important
}

.vi-w-1\/5 {
    width: 20%!important
}

.vi-w-1\/6 {
    width: 16.666667%!important
}

.vi-w-10 {
    width: 2.5rem!important
}

.vi-w-12 {
    width: 3rem!important
}

.vi-w-14 {
    width: 3.5rem!important
}

.vi-w-16 {
    width: 4rem!important
}

.vi-w-2 {
    width: .5rem!important
}

.vi-w-2\.5 {
    width: .625rem!important
}

.vi-w-2\/3 {
    width: 66.666667%!important
}

.vi-w-2\/4 {
    width: 50%!important
}

.vi-w-2\/5 {
    width: 40%!important
}

.vi-w-20 {
    width: 5rem!important
}

.vi-w-24 {
    width: 6rem!important
}

.vi-w-3 {
    width: .75rem!important
}

.vi-w-3\.5 {
    width: .875rem!important
}

.vi-w-3\/4 {
    width: 75%!important
}

.vi-w-3\/5 {
    width: 60%!important
}

.vi-w-32 {
    width: 8rem!important
}

.vi-w-36 {
    width: 9rem!important
}

.vi-w-4 {
    width: 1rem!important
}

.vi-w-4\/5 {
    width: 80%!important
}

.vi-w-40 {
    width: 10rem!important
}

.vi-w-48 {
    width: 12rem!important
}

.vi-w-5 {
    width: 1.25rem!important
}

.vi-w-6 {
    width: 1.5rem!important
}

.vi-w-60 {
    width: 15rem!important
}

.vi-w-64 {
    width: 16rem!important
}

.vi-w-7 {
    width: 1.75rem!important
}

.vi-w-8 {
    width: 2rem!important
}

.vi-w-80 {
    width: 20rem!important
}

.vi-w-9 {
    width: 2.25rem!important
}

.vi-w-\[120px\] {
    width: 120px!important
}

.vi-w-\[12px\] {
    width: 12px!important
}

.vi-w-\[13px\] {
    width: 13px!important
}

.vi-w-\[38px\] {
    width: 38px!important
}

.vi-w-auto {
    width: auto!important
}

.vi-w-fit {
    width: -moz-fit-content!important;
    width: fit-content!important
}

.vi-w-full {
    width: 100%!important
}

.vi-w-max {
    width: -moz-max-content!important;
    width: max-content!important
}

.vi-min-w-5 {
    min-width: 1.25rem!important
}

.vi-min-w-8 {
    min-width: 2rem!important
}

.vi-min-w-\[380px\] {
    min-width: 380px!important
}

.vi-min-w-full {
    min-width: 100%!important
}

.vi-min-w-max {
    min-width: -moz-max-content!important;
    min-width: max-content!important
}

.vi-max-w-24 {
    max-width: 6rem!important
}

.vi-max-w-3xl {
    max-width: 48rem!important
}

.vi-max-w-5xl {
    max-width: 64rem!important
}

.vi-max-w-6xl {
    max-width: 72rem!important
}

.vi-max-w-\[100\%\] {
    max-width: 100%!important
}

.vi-max-w-\[60\%\] {
    max-width: 60%!important
}

.vi-max-w-full {
    max-width: 100%!important
}

.vi-max-w-lg {
    max-width: 32rem!important
}

.vi-max-w-max {
    max-width: -moz-max-content!important;
    max-width: max-content!important
}

.vi-max-w-md {
    max-width: 28rem!important
}

.vi-max-w-sm {
    max-width: 24rem!important
}

.vi-max-w-xs {
    max-width: 20rem!important
}

.vi-flex-1 {
    flex: 1 1 0%!important
}

.vi-flex-none {
    flex: none!important
}

.vi-flex-shrink-0 {
    flex-shrink: 0!important
}

.vi-shrink {
    flex-shrink: 1!important
}

.vi-shrink-0 {
    flex-shrink: 0!important
}

.vi-flex-grow,.vi-grow {
    flex-grow: 1!important
}

.vi-table-fixed {
    table-layout: fixed!important
}

.\!vi-translate-y-0 {
    --tw-translate-y: 0px!important
}

.-vi-translate-y-1\/2,.\!vi-translate-y-0 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.-vi-translate-y-1\/2 {
    --tw-translate-y: -50%!important
}

.-vi-translate-y-2 {
    --tw-translate-y: -0.5rem!important
}

.-vi-translate-y-2,.vi-translate-x-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.vi-translate-x-1\/2 {
    --tw-translate-x: 50%!important
}

.vi-translate-y-2 {
    --tw-translate-y: 0.5rem!important
}

.vi-rotate-90,.vi-translate-y-2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.vi-rotate-90 {
    --tw-rotate: 90deg!important
}

.vi-skew-y-\[-18deg\] {
    --tw-skew-y: -18deg!important
}

.vi-scale-125,.vi-skew-y-\[-18deg\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.vi-scale-125 {
    --tw-scale-x: 1.25!important;
    --tw-scale-y: 1.25!important
}

.vi-scale-50 {
    --tw-scale-x: .5!important;
    --tw-scale-y: .5!important
}

.vi-scale-50,.vi-transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

@keyframes vi-ping {
    75%,to {
        transform: scale(2);
        opacity: 0
    }
}

.vi-animate-ping {
    animation: vi-ping 1s cubic-bezier(0,0,.2,1) infinite!important
}

@keyframes vi-pulse {
    50% {
        opacity: .5
    }
}

.vi-animate-pulse {
    animation: vi-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important
}

@keyframes vi-slide-down-fade-in {
    0% {
        transform: translateY(-35%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.vi-animate-slide-down-fade-in {
    animation: vi-slide-down-fade-in .2s ease-out!important
}

@keyframes vi-spin {
    to {
        transform: rotate(1turn)
    }
}

.vi-animate-spin {
    animation: vi-spin 1s linear infinite!important
}

.vi-cursor-default {
    cursor: default!important
}

.vi-cursor-grab {
    cursor: grab!important
}

.vi-cursor-not-allowed {
    cursor: not-allowed!important
}

.vi-cursor-pointer {
    cursor: pointer!important
}

.vi-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.vi-snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)!important
}

.vi-snap-mandatory {
    --tw-scroll-snap-strictness: mandatory!important
}

.vi-snap-start {
    scroll-snap-align: start!important
}

.vi-list-none {
    list-style-type: none!important
}

.vi-grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))!important
}

.vi-grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))!important
}

.vi-grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))!important
}

.vi-flex-row {
    flex-direction: row!important
}

.vi-flex-row-reverse {
    flex-direction: row-reverse!important
}

.vi-flex-col {
    flex-direction: column!important
}

.vi-flex-col-reverse {
    flex-direction: column-reverse!important
}

.vi-flex-wrap {
    flex-wrap: wrap!important
}

.vi-flex-nowrap {
    flex-wrap: nowrap!important
}

.vi-content-center {
    align-content: center!important
}

.vi-items-start {
    align-items: flex-start!important
}

.vi-items-end {
    align-items: flex-end!important
}

.vi-items-center {
    align-items: center!important
}

.vi-items-baseline {
    align-items: baseline!important
}

.vi-items-stretch {
    align-items: stretch!important
}

.vi-justify-start {
    justify-content: flex-start!important
}

.vi-justify-end {
    justify-content: flex-end!important
}

.vi-justify-center {
    justify-content: center!important
}

.vi-justify-between {
    justify-content: space-between!important
}

.vi-justify-evenly {
    justify-content: space-evenly!important
}

.vi-gap-0 {
    gap: 0!important
}

.vi-gap-0\.5 {
    gap: .125rem!important
}

.vi-gap-1 {
    gap: .25rem!important
}

.vi-gap-1\.5 {
    gap: .375rem!important
}

.vi-gap-2 {
    gap: .5rem!important
}

.vi-gap-2\.5 {
    gap: .625rem!important
}

.vi-gap-3 {
    gap: .75rem!important
}

.vi-gap-4 {
    gap: 1rem!important
}

.vi-gap-5 {
    gap: 1.25rem!important
}

.vi-gap-6 {
    gap: 1.5rem!important
}

.vi-gap-8 {
    gap: 2rem!important
}

.vi-gap-x-16 {
    -moz-column-gap: 4rem!important;
    column-gap: 4rem!important
}

.vi-gap-x-2 {
    -moz-column-gap: .5rem!important;
    column-gap: .5rem!important
}

.vi-gap-y-1\.5 {
    row-gap: .375rem!important
}

.vi-gap-y-2 {
    row-gap: .5rem!important
}

.vi-gap-y-4 {
    row-gap: 1rem!important
}

.vi-space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0!important;
    margin-right: calc(.25rem * var(--tw-space-x-reverse))!important;
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))!important
}

.vi-space-x-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0!important;
    margin-right: calc(.375rem * var(--tw-space-x-reverse))!important;
    margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)))!important
}

.vi-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0!important;
    margin-right: calc(.5rem * var(--tw-space-x-reverse))!important;
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))!important
}

.vi-space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0!important;
    margin-right: calc(.75rem * var(--tw-space-x-reverse))!important;
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important
}

.vi-space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0!important;
    margin-right: calc(1rem * var(--tw-space-x-reverse))!important;
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))!important
}

.vi-space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0!important;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse))!important;
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))!important
}

.vi-space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(0px * var(--tw-space-y-reverse))!important
}

.vi-space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(3rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))!important
}

.vi-space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0!important;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)))!important;
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))!important
}

.vi-divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0!important;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))!important;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))!important
}

.vi-self-start {
    align-self: flex-start!important
}

.vi-overflow-auto {
    overflow: auto!important
}

.vi-overflow-hidden {
    overflow: hidden!important
}

.vi-overflow-visible {
    overflow: visible!important
}

.vi-overflow-y-auto {
    overflow-y: auto!important
}

.vi-truncate {
    overflow: hidden!important;
    text-overflow: ellipsis!important
}

.vi-truncate,.vi-whitespace-nowrap {
    white-space: nowrap!important
}

.vi-whitespace-pre-line {
    white-space: pre-line!important
}

.vi-whitespace-pre-wrap {
    white-space: pre-wrap!important
}

.vi-text-nowrap {
    text-wrap: nowrap!important
}

.vi-break-words {
    overflow-wrap: break-word!important
}

.vi-rounded {
    border-radius: .25rem!important
}

.vi-rounded-2xl {
    border-radius: 1rem!important
}

.vi-rounded-\[12px\] {
    border-radius: 12px!important
}

.vi-rounded-\[4px\] {
    border-radius: 4px!important
}

.vi-rounded-\[8px\] {
    border-radius: 8px!important
}

.vi-rounded-full {
    border-radius: 9999px!important
}

.vi-rounded-lg {
    border-radius: var(--radius)!important
}

.vi-rounded-md {
    border-radius: calc(var(--radius) - 2px)!important
}

.vi-rounded-none {
    border-radius: 0!important
}

.vi-rounded-sm {
    border-radius: calc(var(--radius) - 4px)!important
}

.vi-rounded-xl {
    border-radius: .75rem!important
}

.vi-rounded-b-md {
    border-bottom-right-radius: calc(var(--radius) - 2px)!important;
    border-bottom-left-radius: calc(var(--radius) - 2px)!important
}

.vi-rounded-t-md {
    border-top-left-radius: calc(var(--radius) - 2px)!important;
    border-top-right-radius: calc(var(--radius) - 2px)!important
}

.vi-rounded-t-xl {
    border-top-left-radius: .75rem!important;
    border-top-right-radius: .75rem!important
}

.vi-border {
    border-width: 1px!important
}

.vi-border-2 {
    border-width: 2px!important
}

.vi-border-b {
    border-bottom-width: 1px!important
}

.vi-border-b-2 {
    border-bottom-width: 2px!important
}

.vi-border-b-4 {
    border-bottom-width: 4px!important
}

.vi-border-l {
    border-left-width: 1px!important
}

.vi-border-r {
    border-right-width: 1px!important
}

.vi-border-r-\[4px\] {
    border-right-width: 4px!important
}

.vi-border-t {
    border-top-width: 1px!important
}

.vi-border-t-0 {
    border-top-width: 0!important
}

.vi-border-solid {
    border-style: solid!important
}

.vi-border-dashed {
    border-style: dashed!important
}

.vi-border-none {
    border-style: none!important
}

.vi-border-\[var\(--border-color\)\] {
    border-color: var(--border-color)!important
}

.vi-border-accent {
    border-color: var(--accent-color)!important
}

.vi-border-amber-200 {
    --tw-border-opacity: 1!important;
    border-color: rgb(253 230 138/var(--tw-border-opacity,1))!important
}

.vi-border-black {
    --tw-border-opacity: 1!important;
    border-color: rgb(0 0 0/var(--tw-border-opacity,1))!important
}

.vi-border-blue-200 {
    --tw-border-opacity: 1!important;
    border-color: rgb(191 219 254/var(--tw-border-opacity,1))!important
}

.vi-border-blue-600 {
    --tw-border-opacity: 1!important;
    border-color: rgb(37 99 235/var(--tw-border-opacity,1))!important
}

.vi-border-brand {
    border-color: var(--vi-colors-brandBackground)!important
}

.vi-border-current {
    border-color: currentColor!important
}

.vi-border-gray-100 {
    --tw-border-opacity: 1!important;
    border-color: rgb(243 244 246/var(--tw-border-opacity,1))!important
}

.vi-border-gray-200 {
    --tw-border-opacity: 1!important;
    border-color: rgb(229 231 235/var(--tw-border-opacity,1))!important
}

.vi-border-gray-300 {
    --tw-border-opacity: 1!important;
    border-color: rgb(209 213 219/var(--tw-border-opacity,1))!important
}

.vi-border-green-200 {
    --tw-border-opacity: 1!important;
    border-color: rgb(187 247 208/var(--tw-border-opacity,1))!important
}

.vi-border-input {
    border-color: hsl(var(--input))!important
}

.vi-border-neutral-400 {
    --tw-border-opacity: 1!important;
    border-color: rgb(163 163 163/var(--tw-border-opacity,1))!important
}

.vi-border-neutral-700 {
    --tw-border-opacity: 1!important;
    border-color: rgb(64 64 64/var(--tw-border-opacity,1))!important
}

.vi-border-purple-200 {
    --tw-border-opacity: 1!important;
    border-color: rgb(233 213 255/var(--tw-border-opacity,1))!important
}

.vi-border-red-200 {
    --tw-border-opacity: 1!important;
    border-color: rgb(254 202 202/var(--tw-border-opacity,1))!important
}

.vi-border-red-500 {
    --tw-border-opacity: 1!important;
    border-color: rgb(239 68 68/var(--tw-border-opacity,1))!important
}

.vi-border-sec {
    border-color: var(--sec-border-color)!important
}

.vi-border-third {
    border-color: var(--third-border-color)!important
}

.vi-border-transparent {
    border-color: transparent!important
}

.vi-border-white {
    --tw-border-opacity: 1!important;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))!important
}

.vi-border-b-\[\#47b174\] {
    --tw-border-opacity: 1!important;
    border-bottom-color: rgb(71 177 116/var(--tw-border-opacity,1))!important
}

.vi-border-b-\[\#f05238\] {
    --tw-border-opacity: 1!important;
    border-bottom-color: rgb(240 82 56/var(--tw-border-opacity,1))!important
}

.vi-border-b-\[\#fec043\] {
    --tw-border-opacity: 1!important;
    border-bottom-color: rgb(254 192 67/var(--tw-border-opacity,1))!important
}

.vi-bg-\[var\(--third-col\)\] {
    background-color: var(--third-col)!important
}

.vi-bg-amber-50 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 251 235/var(--tw-bg-opacity,1))!important
}

.vi-bg-background {
    background-color: hsl(var(--background))!important
}

.vi-bg-black {
    --tw-bg-opacity: 1!important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))!important
}

.vi-bg-black\/20 {
    background-color: rgba(0,0,0,.2)!important
}

.vi-bg-black\/50 {
    background-color: rgba(0,0,0,.5)!important
}

.vi-bg-black\/60 {
    background-color: rgba(0,0,0,.6)!important
}

.vi-bg-blue-400 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(96 165 250/var(--tw-bg-opacity,1))!important
}

.vi-bg-blue-50 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(239 246 255/var(--tw-bg-opacity,1))!important
}

.vi-bg-blue-500 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(59 130 246/var(--tw-bg-opacity,1))!important
}

.vi-bg-border {
    background-color: hsl(var(--border))!important
}

.vi-bg-brand {
    background-color: var(--vi-colors-brandBackground)!important
}

.vi-bg-current {
    background-color: currentColor!important
}

.vi-bg-destructive {
    background-color: hsl(var(--destructive))!important
}

.vi-bg-emerald-500 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(16 185 129/var(--tw-bg-opacity,1))!important
}

.vi-bg-gray-100 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(243 244 246/var(--tw-bg-opacity,1))!important
}

.vi-bg-gray-200 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1))!important
}

.vi-bg-gray-300 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(209 213 219/var(--tw-bg-opacity,1))!important
}

.vi-bg-gray-400 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(156 163 175/var(--tw-bg-opacity,1))!important
}

.vi-bg-gray-50 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(249 250 251/var(--tw-bg-opacity,1))!important
}

.vi-bg-gray-500 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(107 114 128/var(--tw-bg-opacity,1))!important
}

.vi-bg-gray-800 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(31 41 55/var(--tw-bg-opacity,1))!important
}

.vi-bg-green-100 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(220 252 231/var(--tw-bg-opacity,1))!important
}

.vi-bg-green-50 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(240 253 244/var(--tw-bg-opacity,1))!important
}

.vi-bg-green-600 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(22 163 74/var(--tw-bg-opacity,1))!important
}

.vi-bg-neutral-200 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(229 229 229/var(--tw-bg-opacity,1))!important
}

.vi-bg-neutral-700 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(64 64 64/var(--tw-bg-opacity,1))!important
}

.vi-bg-neutral-800 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(38 38 38/var(--tw-bg-opacity,1))!important
}

.vi-bg-neutral-900 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(23 23 23/var(--tw-bg-opacity,1))!important
}

.vi-bg-orange-200 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(254 215 170/var(--tw-bg-opacity,1))!important
}

.vi-bg-prim {
    background-color: var(--prim-bg)!important
}

.vi-bg-primary {
    background-color: hsl(var(--primary))!important
}

.vi-bg-primary\/10 {
    background-color: hsl(var(--primary)/.1)!important
}

.vi-bg-purple-50 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(250 245 255/var(--tw-bg-opacity,1))!important
}

.vi-bg-red-100 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(254 226 226/var(--tw-bg-opacity,1))!important
}

.vi-bg-red-50 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(254 242 242/var(--tw-bg-opacity,1))!important
}

.vi-bg-red-500 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(239 68 68/var(--tw-bg-opacity,1))!important
}

.vi-bg-rose-500 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(244 63 94/var(--tw-bg-opacity,1))!important
}

.vi-bg-sec {
    background-color: var(--sec-bg)!important
}

.vi-bg-secondary {
    background-color: hsl(var(--secondary))!important
}

.vi-bg-slate-900 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(15 23 42/var(--tw-bg-opacity,1))!important
}

.vi-bg-stone-500\/10 {
    background-color: hsla(25,5%,45%,.1)!important
}

.vi-bg-third {
    background-color: var(--third-bg)!important
}

.vi-bg-white {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))!important
}

.vi-bg-yellow-400 {
    --tw-bg-opacity: 1!important;
    background-color: rgb(250 204 21/var(--tw-bg-opacity,1))!important
}

.vi-bg-opacity-50 {
    --tw-bg-opacity: 0.5!important
}

.vi-bg-opacity-70 {
    --tw-bg-opacity: 0.7!important
}

.vi-fill-white {
    fill: #fff!important
}

.vi-stroke-\[var\(--third-border-color\)\] {
    stroke: var(--third-border-color)!important
}

.vi-object-contain {
    -o-object-fit: contain!important;
    object-fit: contain!important
}

.vi-object-cover {
    -o-object-fit: cover!important;
    object-fit: cover!important
}

.vi-p-0 {
    padding: 0!important
}

.vi-p-1 {
    padding: .25rem!important
}

.vi-p-2 {
    padding: .5rem!important
}

.vi-p-3 {
    padding: .75rem!important
}

.vi-p-4 {
    padding: 1rem!important
}

.vi-p-5 {
    padding: 1.25rem!important
}

.vi-p-6 {
    padding: 1.5rem!important
}

.vi-p-\[1px\] {
    padding: 1px!important
}

.vi-p-\[2px\] {
    padding: 2px!important
}

.vi-p-\[3px\] {
    padding: 3px!important
}

.vi-px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.vi-px-0\.5 {
    padding-left: .125rem!important;
    padding-right: .125rem!important
}

.vi-px-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}

.vi-px-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.vi-px-2\.5 {
    padding-left: .625rem!important;
    padding-right: .625rem!important
}

.vi-px-3 {
    padding-left: .75rem!important;
    padding-right: .75rem!important
}

.vi-px-4 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.vi-px-8 {
    padding-left: 2rem!important;
    padding-right: 2rem!important
}

.vi-py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.vi-py-0\.5 {
    padding-top: .125rem!important;
    padding-bottom: .125rem!important
}

.vi-py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.vi-py-1\.5 {
    padding-top: .375rem!important;
    padding-bottom: .375rem!important
}

.vi-py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.vi-py-3 {
    padding-top: .75rem!important;
    padding-bottom: .75rem!important
}

.vi-py-4 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.vi-py-\[2px\] {
    padding-top: 2px!important;
    padding-bottom: 2px!important
}

.vi-pb-2 {
    padding-bottom: .5rem!important
}

.vi-pb-20 {
    padding-bottom: 5rem!important
}

.vi-pb-4 {
    padding-bottom: 1rem!important
}

.vi-pb-40 {
    padding-bottom: 10rem!important
}

.vi-pb-8 {
    padding-bottom: 2rem!important
}

.vi-pl-12 {
    padding-left: 3rem!important
}

.vi-pl-2 {
    padding-left: .5rem!important
}

.vi-pl-2\.5 {
    padding-left: .625rem!important
}

.vi-pl-4 {
    padding-left: 1rem!important
}

.vi-pr-4 {
    padding-right: 1rem!important
}

.vi-pr-6 {
    padding-right: 1.5rem!important
}

.vi-ps-4 {
    padding-inline-start:1rem!important}

.vi-pt-2 {
    padding-top: .5rem!important
}

.vi-pt-2\.5 {
    padding-top: .625rem!important
}

.vi-pt-24 {
    padding-top: 6rem!important
}

.vi-pt-4 {
    padding-top: 1rem!important
}

.vi-pt-6 {
    padding-top: 1.5rem!important
}

.vi-pt-\[100px\] {
    padding-top: 100px!important
}

.vi-text-left {
    text-align: left!important
}

.vi-text-center {
    text-align: center!important
}

.vi-text-right {
    text-align: right!important
}

.vi-text-start {
    text-align: start!important
}

.vi-align-top {
    vertical-align: top!important
}

.vi-font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important
}

.vi-text-2xl {
    font-size: 1.5rem!important;
    line-height: 2rem!important
}

.vi-text-3xl {
    font-size: 1.875rem!important;
    line-height: 2.25rem!important
}

.vi-text-4xl {
    font-size: 2.25rem!important;
    line-height: 2.5rem!important
}

.vi-text-\[0\.60rem\] {
    font-size: .6rem!important
}

.vi-text-\[0\.75rem\] {
    font-size: .75rem!important
}

.vi-text-\[10px\] {
    font-size: 10px!important
}

.vi-text-\[11px\] {
    font-size: 11px!important
}

.vi-text-\[12px\] {
    font-size: 12px!important
}

.vi-text-base {
    font-size: 1rem!important;
    line-height: 1.5rem!important
}

.vi-text-lg {
    font-size: 1.125rem!important;
    line-height: 1.75rem!important
}

.vi-text-sm {
    font-size: .875rem!important;
    line-height: 1.25rem!important
}

.vi-text-xl {
    font-size: 1.25rem!important;
    line-height: 1.75rem!important
}

.vi-text-xs {
    font-size: .75rem!important;
    line-height: 1rem!important
}

.vi-font-\[14px\] {
    font-weight: 14px!important
}

.vi-font-\[16px\] {
    font-weight: 16px!important
}

.vi-font-bold {
    font-weight: 700!important
}

.vi-font-light {
    font-weight: 300!important
}

.vi-font-medium {
    font-weight: 500!important
}

.vi-font-normal {
    font-weight: 400!important
}

.vi-font-semibold {
    font-weight: 600!important
}

.vi-uppercase {
    text-transform: uppercase!important
}

.vi-normal-case {
    text-transform: none!important
}

.vi-leading-4 {
    line-height: 1rem!important
}

.vi-leading-5 {
    line-height: 1.25rem!important
}

.vi-leading-\[14px\] {
    line-height: 14px!important
}

.vi-leading-none {
    line-height: 1!important
}

.vi-leading-normal {
    line-height: 1.5!important
}

.vi-leading-tight {
    line-height: 1.25!important
}

.vi-tracking-normal {
    letter-spacing: 0!important
}

.vi-tracking-tight {
    letter-spacing: -.025em!important
}

.vi-tracking-wide {
    letter-spacing: .025em!important
}

.vi-text-\[\#de3333\] {
    --tw-text-opacity: 1!important;
    color: rgb(222 51 51/var(--tw-text-opacity,1))!important
}

.vi-text-amber-500 {
    --tw-text-opacity: 1!important;
    color: rgb(245 158 11/var(--tw-text-opacity,1))!important
}

.vi-text-black {
    --tw-text-opacity: 1!important;
    color: rgb(0 0 0/var(--tw-text-opacity,1))!important
}

.vi-text-blue-500 {
    --tw-text-opacity: 1!important;
    color: rgb(59 130 246/var(--tw-text-opacity,1))!important
}

.vi-text-blue-800 {
    --tw-text-opacity: 1!important;
    color: rgb(30 64 175/var(--tw-text-opacity,1))!important
}

.vi-text-brand {
    color: var(--vi-colors-brandText)!important
}

.vi-text-destructive-foreground {
    color: hsl(var(--destructive-foreground))!important
}

.vi-text-foreground {
    color: hsl(var(--foreground))!important
}

.vi-text-fourth {
    color: var(--fourth-col)!important
}

.vi-text-gray-200 {
    --tw-text-opacity: 1!important;
    color: rgb(229 231 235/var(--tw-text-opacity,1))!important
}

.vi-text-gray-300 {
    --tw-text-opacity: 1!important;
    color: rgb(209 213 219/var(--tw-text-opacity,1))!important
}

.vi-text-gray-400 {
    --tw-text-opacity: 1!important;
    color: rgb(156 163 175/var(--tw-text-opacity,1))!important
}

.vi-text-gray-500 {
    --tw-text-opacity: 1!important;
    color: rgb(107 114 128/var(--tw-text-opacity,1))!important
}

.vi-text-gray-700 {
    --tw-text-opacity: 1!important;
    color: rgb(55 65 81/var(--tw-text-opacity,1))!important
}

.vi-text-gray-800 {
    --tw-text-opacity: 1!important;
    color: rgb(31 41 55/var(--tw-text-opacity,1))!important
}

.vi-text-gray-900 {
    --tw-text-opacity: 1!important;
    color: rgb(17 24 39/var(--tw-text-opacity,1))!important
}

.vi-text-green-500 {
    --tw-text-opacity: 1!important;
    color: rgb(34 197 94/var(--tw-text-opacity,1))!important
}

.vi-text-green-600 {
    --tw-text-opacity: 1!important;
    color: rgb(22 163 74/var(--tw-text-opacity,1))!important
}

.vi-text-green-700 {
    --tw-text-opacity: 1!important;
    color: rgb(21 128 61/var(--tw-text-opacity,1))!important
}

.vi-text-green-800 {
    --tw-text-opacity: 1!important;
    color: rgb(22 101 52/var(--tw-text-opacity,1))!important
}

.vi-text-muted-foreground {
    color: hsl(var(--muted-foreground))!important
}

.vi-text-neutral-500 {
    --tw-text-opacity: 1!important;
    color: rgb(115 115 115/var(--tw-text-opacity,1))!important
}

.vi-text-neutral-600 {
    --tw-text-opacity: 1!important;
    color: rgb(82 82 82/var(--tw-text-opacity,1))!important
}

.vi-text-neutral-700 {
    --tw-text-opacity: 1!important;
    color: rgb(64 64 64/var(--tw-text-opacity,1))!important
}

.vi-text-orange-800 {
    --tw-text-opacity: 1!important;
    color: rgb(154 52 18/var(--tw-text-opacity,1))!important
}

.vi-text-orange-800\/80 {
    color: rgba(154,52,18,.8)!important
}

.vi-text-prim {
    color: var(--prim-col)!important
}

.vi-text-primary {
    color: hsl(var(--primary))!important
}

.vi-text-primary-foreground {
    color: hsl(var(--primary-foreground))!important
}

.vi-text-purple-500 {
    --tw-text-opacity: 1!important;
    color: rgb(168 85 247/var(--tw-text-opacity,1))!important
}

.vi-text-red-500 {
    --tw-text-opacity: 1!important;
    color: rgb(239 68 68/var(--tw-text-opacity,1))!important
}

.vi-text-red-600 {
    --tw-text-opacity: 1!important;
    color: rgb(220 38 38/var(--tw-text-opacity,1))!important
}

.vi-text-red-800 {
    --tw-text-opacity: 1!important;
    color: rgb(153 27 27/var(--tw-text-opacity,1))!important
}

.vi-text-sec {
    color: var(--sec-col)!important
}

.vi-text-secondary-foreground {
    color: hsl(var(--secondary-foreground))!important
}

.vi-text-seller-accent-foreground {
    color: var(--accent-color-foreground)!important
}

.vi-text-third {
    color: var(--third-col)!important
}

.vi-text-white {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity,1))!important
}

.vi-underline {
    text-decoration-line: underline!important
}

.vi-line-through {
    text-decoration-line: line-through!important
}

.vi-decoration-dotted {
    text-decoration-style: dotted!important
}

.vi-decoration-dashed {
    text-decoration-style: dashed!important
}

.vi-decoration-1 {
    text-decoration-thickness: 1px!important
}

.vi-underline-offset-2 {
    text-underline-offset: 2px!important
}

.vi-underline-offset-4 {
    text-underline-offset: 4px!important
}

.vi-accent-neutral-100 {
    accent-color: #f5f5f5!important
}

.vi-accent-neutral-900 {
    accent-color: #171717!important
}

.vi-opacity-0 {
    opacity: 0!important
}

.vi-opacity-10 {
    opacity: .1!important
}

.vi-opacity-100 {
    opacity: 1!important
}

.vi-opacity-25 {
    opacity: .25!important
}

.vi-opacity-30 {
    opacity: .3!important
}

.vi-opacity-40 {
    opacity: .4!important
}

.vi-opacity-50 {
    opacity: .5!important
}

.vi-opacity-60 {
    opacity: .6!important
}

.vi-opacity-75 {
    opacity: .75!important
}

.vi-opacity-80 {
    opacity: .8!important
}

.vi-opacity-90 {
    opacity: .9!important
}

.vi-shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25)!important;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)!important
}

.vi-shadow-2xl,.vi-shadow-inner {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.vi-shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0,0,0,.05)!important;
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color)!important
}

.vi-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important
}

.vi-shadow-lg,.vi-shadow-md {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.vi-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important
}

.vi-shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05)!important;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)!important
}

.vi-shadow-sm,.vi-shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.vi-shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important
}

.vi-outline-none {
    outline: 2px solid transparent!important;
    outline-offset: 2px!important
}

.-vi-outline-offset-\[3px\] {
    outline-offset: -3px!important
}

.vi-ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important
}

.vi-ring-\[\#b6b6b6\] {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(182 182 182/var(--tw-ring-opacity,1))!important
}

.vi-ring-black {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity,1))!important
}

.vi-ring-gray-500 {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity,1))!important
}

.vi-ring-white {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity,1))!important
}

.vi-ring-offset-2 {
    --tw-ring-offset-width: 2px!important
}

.vi-ring-offset-\[\#181919\] {
    --tw-ring-offset-color: #181919!important
}

.vi-ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background))!important
}

.vi-blur-sm {
    --tw-blur: blur(4px)!important
}

.vi-blur-sm,.vi-drop-shadow-md {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important
}

.vi-drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))!important
}

.vi-backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)!important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important
}

.vi-transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
    transition-duration: .15s!important
}

.vi-transition-all {
    transition-property: all!important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
    transition-duration: .15s!important
}

.vi-transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke!important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
    transition-duration: .15s!important
}

.vi-transition-transform {
    transition-property: transform!important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
    transition-duration: .15s!important
}

.vi-delay-0 {
    transition-delay: 0s!important
}

.vi-delay-100 {
    transition-delay: .1s!important
}

.vi-duration-150 {
    transition-duration: .15s!important
}

.vi-duration-200 {
    transition-duration: .2s!important
}

.vi-duration-300 {
    transition-duration: .3s!important
}

.vi-duration-500 {
    transition-duration: .5s!important
}

.vi-ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity,1);
        transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity,1);
        transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
    }
}

.vi-duration-150 {
    animation-duration: .15s!important
}

.vi-duration-200 {
    animation-duration: .2s!important
}

.vi-duration-300 {
    animation-duration: .3s!important
}

.vi-duration-500 {
    animation-duration: .5s!important
}

.vi-delay-0 {
    animation-delay: 0s!important
}

.vi-delay-100 {
    animation-delay: .1s!important
}

.vi-ease-in-out {
    animation-timing-function: cubic-bezier(.4,0,.2,1)!important
}

.vi-animation-delay-\[-500ms\] {
    animation-delay: -.5s!important
}

.\[mask-image\:linear-gradient\(white\2c transparent\)\] {
    -webkit-mask-image: linear-gradient(#fff,transparent)!important;
    mask-image: linear-gradient(#fff,transparent)!important
}

*,:root {
    font-family: var(--font-inter),sans-serif
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 700;
    letter-spacing: -.025em
}

.h4,.h5,h4,h5 {
    margin-top: 1rem;
    margin-bottom: .75rem;
    font-weight: 600
}

details summary::-webkit-details-marker {
    display: none
}

@keyframes keyframes-grow-w {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.first\:vi-rounded-t-lg:first-child {
    border-top-left-radius: var(--radius)!important;
    border-top-right-radius: var(--radius)!important
}

.first\:vi-border-t:first-child {
    border-top-width: 1px!important
}

.last\:vi-rounded-b-lg:last-child {
    border-bottom-right-radius: var(--radius)!important;
    border-bottom-left-radius: var(--radius)!important
}

.last\:vi-border-b-0:last-child {
    border-bottom-width: 0!important
}

.last\:vi-pb-0:last-child {
    padding-bottom: 0!important
}

.hover\:vi-z-10:hover {
    z-index: 10!important
}

.hover\:vi-scale-105:hover {
    --tw-scale-x: 1.05!important;
    --tw-scale-y: 1.05!important
}

.hover\:vi-scale-105:hover,.hover\:vi-scale-110:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.hover\:vi-scale-110:hover {
    --tw-scale-x: 1.1!important;
    --tw-scale-y: 1.1!important
}

.hover\:vi-scale-125:hover {
    --tw-scale-x: 1.25!important;
    --tw-scale-y: 1.25!important
}

.hover\:vi-scale-125:hover,.hover\:vi-transform:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.hover\:vi-cursor-not-allowed:hover {
    cursor: not-allowed!important
}

.hover\:vi-cursor-pointer:hover {
    cursor: pointer!important
}

.hover\:vi-bg-accent:hover {
    background-color: hsl(var(--accent))!important
}

.hover\:vi-bg-destructive\/90:hover {
    background-color: hsl(var(--destructive)/.9)!important
}

.hover\:vi-bg-gray-100:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(243 244 246/var(--tw-bg-opacity,1))!important
}

.hover\:vi-bg-gray-50:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(249 250 251/var(--tw-bg-opacity,1))!important
}

.hover\:vi-bg-gray-800:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(31 41 55/var(--tw-bg-opacity,1))!important
}

.hover\:vi-bg-neutral-100:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))!important
}

.hover\:vi-bg-neutral-50:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))!important
}

.hover\:vi-bg-primary\/90:hover {
    background-color: hsl(var(--primary)/.9)!important
}

.hover\:vi-bg-sec:hover {
    background-color: var(--sec-bg)!important
}

.hover\:vi-bg-secondary\/80:hover {
    background-color: hsl(var(--secondary)/.8)!important
}

.hover\:vi-bg-third:hover {
    background-color: var(--third-bg)!important
}

.hover\:vi-bg-white:hover {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))!important
}

.hover\:vi-text-accent-foreground:hover {
    color: hsl(var(--accent-foreground))!important
}

.hover\:vi-underline:hover {
    text-decoration-line: underline!important
}

.hover\:vi-shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.hover\:vi-delay-0:hover {
    transition-delay: 0s!important;
    animation-delay: 0s!important
}

.focus\:vi-underline:focus {
    text-decoration-line: underline!important
}

.focus\:vi-outline-none:focus {
    outline: 2px solid transparent!important;
    outline-offset: 2px!important
}

.focus\:vi-outline:focus {
    outline-style: solid!important
}

.focus\:vi-outline-\[3px\]:focus {
    outline-width: 3px!important
}

.focus\:vi-outline-offset-\[3px\]:focus {
    outline-offset: 3px!important
}

.focus\:\[box-shadow\:inset_0_0_0_3px_rgba\(0\2c 123\2c 255\2c 0\.5\)\]:focus {
    box-shadow: inset 0 0 0 3px rgba(0,123,255,.5)!important
}

.focus-visible\:vi-outline-none:focus-visible {
    outline: 2px solid transparent!important;
    outline-offset: 2px!important
}

.focus-visible\:vi-ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important
}

.focus-visible\:vi-ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px!important
}

.disabled\:vi-pointer-events-none:disabled {
    pointer-events: none!important
}

.disabled\:vi-opacity-40:disabled {
    opacity: .4!important
}

.disabled\:vi-opacity-50:disabled {
    opacity: .5!important
}

.disabled\:vi-opacity-70:disabled {
    opacity: .7!important
}

.vi-group[open] .group-open\:vi-rotate-90 {
    --tw-rotate: 90deg!important;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.vi-group[open] .group-open\:vi-rounded-b-none {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.vi-group:hover .group-hover\:vi-ml-2 {
    margin-left: .5rem!important
}

.vi-group:hover .group-hover\:vi-translate-y-0 {
    --tw-translate-y: 0px!important;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.vi-group:hover .group-hover\:vi-opacity-40 {
    opacity: .4!important
}

.vi-peer:checked~.peer-checked\:vi-bg-black {
    --tw-bg-opacity: 1!important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))!important
}

.vi-peer:checked~.peer-checked\:vi-bg-white {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))!important
}

.vi-peer:checked~.peer-checked\:vi-ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important
}

.vi-peer:checked~.peer-checked\:vi-ring-black {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity,1))!important
}

.vi-peer:checked~.peer-checked\:vi-ring-white {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity,1))!important
}

.vi-peer:disabled~.peer-disabled\:vi-ring-gray-300 {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity,1))!important
}

.vi-peer:disabled~.peer-disabled\:vi-ring-gray-500 {
    --tw-ring-opacity: 1!important;
    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity,1))!important
}

.data-\[state\=open\]\:vi-animate-in[data-state=open] {
    animation-name: enter!important;
    animation-duration: .15s!important;
    --tw-enter-opacity: initial!important;
    --tw-enter-scale: initial!important;
    --tw-enter-rotate: initial!important;
    --tw-enter-translate-x: initial!important;
    --tw-enter-translate-y: initial!important
}

.data-\[state\=closed\]\:vi-animate-out[data-state=closed] {
    animation-name: exit!important;
    animation-duration: .15s!important;
    --tw-exit-opacity: initial!important;
    --tw-exit-scale: initial!important;
    --tw-exit-rotate: initial!important;
    --tw-exit-translate-x: initial!important;
    --tw-exit-translate-y: initial!important
}

.data-\[state\=closed\]\:vi-fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0!important
}

.data-\[state\=open\]\:vi-fade-in-0[data-state=open] {
    --tw-enter-opacity: 0!important
}

.data-\[state\=closed\]\:vi-zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95!important
}

.data-\[state\=open\]\:vi-zoom-in-95[data-state=open] {
    --tw-enter-scale: .95!important
}

.data-\[side\=bottom\]\:vi-slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: -0.5rem!important
}

.data-\[side\=left\]\:vi-slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: 0.5rem!important
}

.data-\[side\=right\]\:vi-slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: -0.5rem!important
}

.data-\[side\=top\]\:vi-slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: 0.5rem!important
}

@media not all and (min-width: 1024px) {
    .max-lg\:vi-w-full {
        width:100%!important
    }
}

@media not all and (min-width: 768px) {
    .max-md\:-vi-ml-4 {
        margin-left:-1rem!important
    }

    .max-md\:-vi-mr-4 {
        margin-right: -1rem!important
    }

    .max-md\:vi-hidden {
        display: none!important
    }

    .max-md\:vi-w-\[85\%\] {
        width: 85%!important
    }

    .max-md\:vi-w-full {
        width: 100%!important
    }

    .max-md\:vi-max-w-sm {
        max-width: 24rem!important
    }

    .max-md\:vi-flex-1 {
        flex: 1 1 0%!important
    }

    .max-md\:vi-snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)!important
    }

    .max-md\:vi-snap-mandatory {
        --tw-scroll-snap-strictness: mandatory!important
    }

    .max-md\:vi-snap-center {
        scroll-snap-align: center!important
    }

    .max-md\:vi-flex-row {
        flex-direction: row!important
    }

    .max-md\:vi-flex-col {
        flex-direction: column!important
    }

    .max-md\:vi-items-center {
        align-items: center!important
    }

    .max-md\:vi-justify-end {
        justify-content: flex-end!important
    }

    .max-md\:vi-space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0!important;
        margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)))!important;
        margin-bottom: calc(.5rem * var(--tw-space-y-reverse))!important
    }

    .max-md\:vi-overflow-x-auto {
        overflow-x: auto!important
    }

    .max-md\:vi-overflow-y-visible {
        overflow-y: visible!important
    }

    .max-md\:vi-px-4 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
}



.dark\:vi-border-neutral-400:is([data-theme=dark] *) {
    --tw-border-opacity: 1!important;
    border-color: rgb(163 163 163/var(--tw-border-opacity,1))!important
}

.dark\:vi-border-white:is([data-theme=dark] *) {
    --tw-border-opacity: 1!important;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))!important
}

.dark\:vi-bg-black:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))!important
}

.dark\:vi-bg-neutral-800:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(38 38 38/var(--tw-bg-opacity,1))!important
}

.dark\:vi-bg-prim:is([data-theme=dark] *) {
    background-color: var(--prim-bg)!important
}

.dark\:vi-bg-third:is([data-theme=dark] *) {
    background-color: var(--third-bg)!important
}

.dark\:vi-bg-white:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))!important
}

.dark\:vi-text-\[\#ef4444\]:is([data-theme=dark] *) {
    --tw-text-opacity: 1!important;
    color: rgb(239 68 68/var(--tw-text-opacity,1))!important
}

.dark\:vi-text-gray-300:is([data-theme=dark] *) {
    --tw-text-opacity: 1!important;
    color: rgb(209 213 219/var(--tw-text-opacity,1))!important
}

.dark\:vi-text-neutral-300:is([data-theme=dark] *) {
    --tw-text-opacity: 1!important;
    color: rgb(212 212 212/var(--tw-text-opacity,1))!important
}

.dark\:vi-text-neutral-400:is([data-theme=dark] *) {
    --tw-text-opacity: 1!important;
    color: rgb(163 163 163/var(--tw-text-opacity,1))!important
}

.dark\:vi-text-prim:is([data-theme=dark] *) {
    color: var(--prim-col)!important
}

.dark\:vi-text-white:is([data-theme=dark] *) {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity,1))!important
}

.dark\:hover\:vi-bg-neutral-800:hover:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(38 38 38/var(--tw-bg-opacity,1))!important
}

.dark\:hover\:vi-bg-neutral-900:hover:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(23 23 23/var(--tw-bg-opacity,1))!important
}

.first\:\[\&\>\.cart-item\]\:vi-border-t-0>.cart-item:first-child {
    border-top-width: 0!important
}

.\[\&\>polygon\]\:vi-fill-border>polygon {
    fill: hsl(var(--border))!important
}

:root {
    --prim-col: #000;
    --prim-bg: #fff;
    --sec-bg: #f8f8f8;
    --sec-color: rgba(0,0,0,.88);
    --third-bg: #e7e7e7;
    --third-col: rgba(0,0,0,.75);
    --fourth-col: rgba(0,0,0,.67);
    --fifth-col: rgba(0,0,0,.59);
    --muted-col: rgba(0,0,0,.5);
    --border-color: #ccc;
    --sec-border-color: #d0d0d0;
    --third-border-color: #bbb;
    --accent-color-foreground: #fff;
    --accent-bg-300: #696969;
    --modal-bg: var(--prim-bg);
    --modal-col: var(--prim-col)
}

.black {
    color: var(--prim-col)
}

.prim-bg,body {
    background: var(--prim-bg)
}

.second-bg {
    background: var(--sec-bg)
}

.third-bg {
    background: var(--third-bg)
}

.accent-bg-300 {
    background: var(--accent-bg-300)
}

.prim-col {
    color: var(--prim-col)
}

.sec-color {
    color: var(--sec-color)
}

.third-col {
    color: var(--third-col)
}

.fourth-col {
    color: var(--fourth-col)
}

.accent-col {
    color: var(--accent-color)
}

.col-100 {
    color: var(--prim-col)
}

.col-200 {
    color: var(--sec-color)
}

.col-300 {
    color: var(--third-col)
}

.col-white {
    color: #fff
}

.no-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dir-rtl {
    direction: rtl
}

.dir-rtl .directional-rotated-img {
    transform: rotate(180deg)
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,:after,:before {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-n1 {
        margin: -.25rem!important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem!important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem!important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem!important
    }

    .m-sm-n2 {
        margin: -.5rem!important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem!important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.5rem!important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem!important
    }

    .m-sm-n3 {
        margin: -1rem!important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem!important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem!important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem!important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem!important
    }

    .m-sm-n4 {
        margin: -1.5rem!important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem!important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    .m-sm-n5 {
        margin: -3rem!important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem!important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem!important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem!important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-n1 {
        margin: -.25rem!important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem!important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem!important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem!important
    }

    .m-lg-n2 {
        margin: -.5rem!important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem!important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.5rem!important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem!important
    }

    .m-lg-n3 {
        margin: -1rem!important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem!important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem!important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem!important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem!important
    }

    .m-lg-n4 {
        margin: -1.5rem!important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem!important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    .m-lg-n5 {
        margin: -3rem!important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem!important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem!important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem!important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-n1 {
        margin: -.25rem!important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem!important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem!important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem!important
    }

    .m-xl-n2 {
        margin: -.5rem!important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem!important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.5rem!important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem!important
    }

    .m-xl-n3 {
        margin: -1rem!important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem!important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem!important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem!important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem!important
    }

    .m-xl-n4 {
        margin: -1.5rem!important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem!important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    .m-xl-n5 {
        margin: -3rem!important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem!important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem!important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem!important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

body {
    touch-action: manipulation;
    min-height: 100vh;
    padding: 0;
    background: var(--sec-bg)
}

@media (min-width: 1300px) {
    .container {
        max-width:1240px
    }
}

* {
    scrollbar-color: var(--border-color) var(--prim-bg);
    scrollbar-width: thin
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background-color: var(--prim-bg)
}

::-webkit-scrollbar-thumb {
    background-color: var(--border-color)
}

:root {
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

body {
    line-height: 1.5em;
    font-weight: 400
}

.h1,.h2,h1,h2 {
    line-height: 1.4em;
    margin-bottom: 1rem
}

h3,h4,h5 {
    line-height: 1.4em;
    margin-bottom: .6rem
}

.preline {
    white-space: pre-line
}

.regular {
    font-weight: 400
}

.medium {
    font-weight: 500
}

.semi {
    font-weight: 600
}

.bold {
    font-weight: 700
}

.label,b,strong {
    font-weight: 600
}

.label {
    display: inline-block;
    background: var(--third-bg);
    border-radius: 4px;
    font-size: .85em;
    padding: 0 4px;
    color: var(--third-col);
    margin-bottom: .6em;
    text-transform: uppercase;
    letter-spacing: .25px
}



.label.yellow-label {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213/var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: rgb(124 45 18/var(--tw-text-opacity,1))
}

.label.green-label {
    background-color: rgb(209 250 229/var(--tw-bg-opacity,1));
    color: rgb(20 83 45/var(--tw-text-opacity,1))
}

.label.green-label,.label.red-label {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.label.red-label {
    background-color: rgb(254 242 242/var(--tw-bg-opacity,1));
    color: rgb(127 29 29/var(--tw-text-opacity,1))
}

.label.gray {
    background: var(--third-bg);
    color: var(--third-col)
}

.black .label.gray {
    background: var(--third-col);
    color: var(--third-bg)
}



p {
    color: var(--sec-color);
    font-size: 1em;
    line-height: 1.5;
    margin: 0 0 1rem
}

p.large {
    font-size: 19px
}



p.xsmall {
    font-size: 8px;
    color: var(--fifth-col)
}

a {
    color: var(--prim-col);
    text-decoration: none
}

label {
    font-size: .85em;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--fourth-col)
}

.h1,h1 {
    font-size: 38px;
    line-height: 1em
}

@media (max-width: 768px) {
    .h1,h1 {
        font-size:26px
    }
}

.h2,h2 {
    font-size: 24px;
    line-height: 1em
}

@media (max-width: 768px) {
    .h2,h2 {
        font-size:18px
    }
}

.h3,h3 {
    font-size: 18px;
    line-height: 1em
}

@media (max-width: 768px) {
    .h3,h3 {
        font-size:16px
    }
}

.h4,h4 {
    font-size: 1.15em
}

.h4,.h5,h4,h5 {
    line-height: 1em
}

.h5,h5 {
    font-size: 1em
}

.text-medium {
    font-size: .87em
}

.text-small {
    font-size: .75em
}

.text-large {
    font-size: 1.25em
}

.block {
    display: block
}



.link {
    text-decoration: none;
    border-bottom: 2px solid var(--prim-col);
    font-weight: 500;
    padding-bottom: 4px
}

@keyframes scaleIn {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.loading-indicator {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.2);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 99999999999
}

.loading-indicator .loader {
    color: #fff;
    font-size: 60px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    transform: translateZ(0);
    animation: load6 1.7s ease infinite,round 1.7s ease infinite;
    top: 50%;
    margin: -30px auto 0
}

@keyframes load6 {
    0% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    5%,95% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    10%,59% {
        box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em
    }

    to {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }
}

@keyframes round {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.spinner {
    animation: spinner-spin .4s linear infinite;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #f0f0f0;
    border-right-color: #333;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

@keyframes spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

.seatmap-loading-indicator {
    position: fixed;
    background: rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50
}

.seatmap-loading-indicator .loading-indicator-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    max-width: 100%;
    transform: translate(-50%,-50%);
    text-align: center
}

.seatmap-loading-indicator .loading-indicator-bar {
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(to right,var(--border-color),var(--third-border-color));
    animation: gradientTransitionAnimation 1.2s infinite
}

@keyframes gradientTransitionAnimation {
    0% {
        background-position: 0
    }

    to {
        background-position: 250px
    }
}

.section {
    background: var(--prim-bg);
    margin-top: 12px;
    margin-bottom: 12px;
    border-radius: 4px
}

.section h4 {
    color: var(--sec-col);
    margin: 0 0 12px
}

.success-checkmark {
    width: 80px;
    height: 115px
}

.success-checkmark .check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #4caf50
}

.success-checkmark .check-icon:before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px
}

.success-checkmark .check-icon:after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in
}

.success-checkmark .check-icon:after,.success-checkmark .check-icon:before {
    content: "";
    height: 100px;
    position: absolute;
    transform: rotate(-45deg)
}

.success-checkmark .check-icon.loading {
    border: 4px solid #f8f8f8;
    animation: pulse 1.5s infinite
}

.success-checkmark .check-icon.loading .icon-line {
    display: none
}

.success-checkmark .check-icon.loading .icon-circle {
    border: 4px solid #585858
}

.success-checkmark .check-icon.success {
    animation: pulse 1.5s infinite
}

.success-checkmark .check-icon.failed {
    border: 4px solid #ef4444
}

.success-checkmark .check-icon.failed .icon-line {
    display: none
}

.success-checkmark .check-icon.failed .failed-icon-line {
    display: block
}

.success-checkmark .check-icon.failed .icon-circle {
    border: 4px solid #ef4444
}

.success-checkmark .check-icon .icon-line {
    height: 5px;
    background-color: #4caf50;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10
}

.success-checkmark .check-icon .icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip .75s
}

.success-checkmark .check-icon .icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long .75s
}

.success-checkmark .check-icon .failed-icon-line {
    height: 5px;
    background-color: #ef4444;
    display: none;
    border-radius: 2px;
    position: absolute;
    z-index: 10
}

.success-checkmark .check-icon .failed-icon-line.line-tip {
    top: 38px;
    right: 14px;
    width: 47px;
    transform: rotate(45deg);
    animation: icon-line-tip .75s
}

.success-checkmark .check-icon .failed-icon-line.line-long {
    top: 38px;
    right: 14px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long .75s
}

.success-checkmark .check-icon .icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid rgba(76,175,80,.5)
}

.success-checkmark .check-icon .icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg)
}

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    to {
        transform: rotate(-405deg)
    }
}

@keyframes pulse {
    0% {
        opacity: .8
    }

    20% {
        opacity: 1
    }

    40% {
        opacity: .6
    }

    60% {
        opacity: .6
    }

    80% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

.step-renderer {
    position: sticky;
    top: 0;
    padding: 8px 16px;
    background: var(--prim-bg);
    z-index: 4;
    display: flex;
    align-items: center;
    transition: max-width .35s ease-in-out;
    max-width: 100%;
    border-bottom: 1px solid var(--third-border-color);
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .step-renderer {
        padding:8px 16px
    }
}

.step-renderer.containered {
    max-width: 640px;
    margin: auto;
    width: 100%
}

.step-renderer>.back {
    cursor: pointer;
    padding: 10px 14px;
    border-radius: 21px;
    border-width: 0;
    opacity: .75;
    background: initial;
    height: 42px;
    width: 42px
}

body:not(.dir-rtl) .step-renderer>.back {
    margin-right: 12px
}

.dir-rtl .step-renderer>.back {
    margin-left: 12px
}

.step-renderer>.back svg {
    color: var(--prim-col)
}

.dir-rtl .step-renderer>.back {
    transform: rotate(180deg)
}

.step-renderer>.back .fa-secondary {
    opacity: 1
}

.step-renderer>.back:hover {
    background: var(--third-bg);
    opacity: 1
}

@media (max-width: 768px) {
    body:not(.dir-rtl) .step-renderer>.back {
        margin-left:-12px
    }

    .dir-rtl .step-renderer>.back {
        margin-right: -12px
    }

    body:not(.dir-rtl) .step-renderer>.back {
        margin-right: 8px
    }

    .dir-rtl .step-renderer>.back {
        margin-left: 8px
    }
}

.step-renderer .info {
    flex-grow: 1
}

body:not(.dir-rtl) .step-renderer .countdown-holder {
    padding-left: 12px
}

.dir-rtl .step-renderer .countdown-holder {
    padding-right: 12px
}

@media (max-width: 768px) {
    .step-renderer .countdown-holder {
        width:calc(100vw + 32px);
        display: block;
        border-top: 1px solid var(--third-border-color);
        position: relative;
        flex-basis: 100%;
        text-align: center;
        margin-bottom: -8px;
        margin-top: 8px
    }
}

.account-header {
    background: var(--prim-bg);
    padding: 128px 0
}

.event-box {
    padding: 16px;
    background: var(--sec-bg);
    border-radius: 4px
}

.rel-bottom-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,.99) 90%,var(--prim-bg) 100%)
}

.black .rel-bottom-overlay {
    background: linear-gradient(transparent 0,rgba(0,0,0,.5) 60%,rgba(0,0,0,.99) 90%,var(--prim-bg) 100%)
}





.onevsone {
    display: block;
    height: 140px;
    width: auto
}

.onevsone .brand-one,.onevsone .brand-two {
    height: 140px;
    display: inline-block
}

.checkout .onevsone {
    position: absolute;
    bottom: 10px
}

body:not(.dir-rtl) .checkout .onevsone {
    left: 10px
}

.dir-rtl .checkout .onevsone {
    right: 10px
}

.event .onevsone {
    margin-top: -76px;
    margin-bottom: 12px;
    height: 80px
}

.event .onevsone .brand-one {
    height: 80px
}

body:not(.dir-rtl) .event .onevsone .brand-one {
    margin-right: 24px
}

.dir-rtl .event .onevsone .brand-one {
    margin-left: 24px
}

.event .onevsone .brand-two {
    height: 80px
}

.other-event-box-link {
    outline-offset: 3px;
    outline-width: 3px;
    text-decoration: none!important
}

.other-event-box {
    background: var(--prim-bg);
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    border: 1px solid var(--third-border-color);
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    transition: box-shadow .2s ease-in-out;
    height: 100%
}

.other-event-box .from {
    background: var(--prim-bg);
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    font-size: .8em;
    font-weight: 500;
    color: var(--third-col);
    position: absolute;
    top: 12px;
    padding: 0 6px
}

body:not(.dir-rtl) .other-event-box .from {
    left: 12px
}

.dir-rtl .other-event-box .from {
    right: 12px
}

.other-event-box .availability-indicator {
    position: absolute;
    top: 12px;
    background: var(--prim-bg);
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    padding: 0 6px;
    font-weight: 500
}

body:not(.dir-rtl) .other-event-box .availability-indicator {
    right: 12px
}

.dir-rtl .other-event-box .availability-indicator {
    left: 12px
}

.other-event-box .availability-indicator .descriptor {
    margin-top: -2px;
    margin-bottom: 0
}

.other-event-box .dateindicator {
    border: none;
    padding: 0;
    width: 48px;
    height: auto;
    margin: -2px 0 0
}

body:not(.dir-rtl) .other-event-box .dateindicator {
    padding-right: 12px
}

.dir-rtl .other-event-box .dateindicator {
    padding-left: 12px
}

.other-event-box .dateindicator span {
    vertical-align: text-top;
    margin-top: 0
}

.other-event-box .dateindicator .date {
    font-size: 1.3em;
    margin-top: 0;
    line-height: 1em
}

.other-event-box .inner {
    display: flex;
    padding: 12px
}

.other-event-box a {
    text-decoration: none;
    display: initial;
    height: 100%
}

.other-event-box:hover {
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)
}

.event-list-item {
    width: 100%;
    padding: 16px;
    background: var(--prim-bg);
    margin-bottom: 18px;
    border-radius: 4px;
    border: 1px solid var(--third-border-color);
    align-items: center;
    display: flex
}

@media (max-width: 768px) {
    .event-list-item {
        flex-direction:column;
        align-items: center;
        gap: 8px;
        padding: 12px
    }
}

.event-list-item:hover {
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 1px 2px 0 rgba(0,0,0,.05)
}

.event-list-item * {
    text-decoration: none!important
}

.event-list-item .inner {
    order: 2;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .event-list-item .inner {
        text-align:center
    }
}

.event-list-item .dateindicator {
    border: none;
    margin: 0;
    width: 46px;
    padding: 0;
    order: 1
}

body:not(.dir-rtl) .event-list-item .dateindicator {
    margin-right: 12px
}

.dir-rtl .event-list-item .dateindicator {
    margin-left: 12px
}

@media (max-width: 768px) {
    .event-list-item .dateindicator {
        order:2;
        display: flex;
        gap: 4px
    }

    .event-list-item .dateindicator .date {
        font-size: 14px
    }
}

.event-list-item .onevsone {
    display: inline-block;
    order: 3;
    height: unset
}

body:not(.dir-rtl) .event-list-item .onevsone {
    margin-left: auto
}

.dir-rtl .event-list-item .onevsone {
    margin-right: auto
}

.event-list-item .onevsone img {
    height: 48px
}

@media (max-width: 768px) {
    .event-list-item .onevsone {
        flex:0 0 100%;
        order: 1;
        margin: 0!important
    }
}

body:not(.dir-rtl) .event-list-item .onevsone .brand-two {
    margin-left: 12px
}

.dir-rtl .event-list-item .onevsone .brand-two {
    margin-right: 12px
}

.hero-text-container {
    min-height: 450px;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--prim-col);
    color: var(--prim-bg);
    text-align: center
}

.hero-text-container label {
    color: var(--sec-bg)
}

.hero-image-container {
    position: relative;
    width: 100%;
    display: block;
    box-shadow: 0 0 12px rgba(0,0,0,.12);
    border-radius: 8px;
    z-index: 0;
    overflow: hidden
}

.vivenu-brand {
    position: absolute;
    top: 16px;
    z-index: 2;
    width: 120px
}

@media (max-width: 768px) {
    .vivenu-brand {
        margin-top:56px;
        width: 96px
    }
}

.availability-indicator {
    display: inline-block;
    vertical-align: center
}

body:not(.dir-rtl) .availability-indicator {
    margin-right: 4px
}

.dir-rtl .availability-indicator {
    margin-left: 4px
}

.availability-indicator .dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 6px
}

body:not(.dir-rtl) .availability-indicator .dot {
    margin-right: 2px
}

.dir-rtl .availability-indicator .dot {
    margin-left: 2px
}

.availability-indicator .descriptor {
    font-size: .7em;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    vertical-align: middle;
    line-height: 1.2em;
    margin-top: 0
}

.availability-indicator.green .dot {
    background: #47b174
}

.availability-indicator.green .descriptor {
    color: #1b442c
}

.black .availability-indicator.green .descriptor {
    color: #388d5c
}

.availability-indicator.yellow .dot {
    background: #fec043
}

.availability-indicator.yellow .descriptor {
    color: #744e01
}

.black .availability-indicator.yellow .descriptor {
    color: #feaf10
}

.availability-indicator.red .dot {
    background: #ef4444
}

.availability-indicator.red .descriptor {
    color: #8e0c0c
}

.black .availability-indicator.red .descriptor {
    color: #ef4444
}

.rich-text {
    white-space: pre-wrap
}

.rich-text p:after {
    content: "\FEFF"
}

.rich-text ol,.rich-text ul {
    list-style-position: inside;
    padding-left: 0
}

.rich-text ul {
    list-style-type: disc
}

.rich-text ol {
    list-style-type: decimal
}

.rich-text p {
    overflow-wrap: break-word
}

.rich-text hr {
    border: 0;
    height: 0;
    border-top: 1px solid var(--third-border-color)
}

.rich-text a {
    text-decoration: underline
}

.ticket-shop-text-box {
    padding: 18px;
    background: var(--sec-bg);
    margin-bottom: 12px;
    margin-top: 12px
}

.undershop-selection .undershop-selection-inner {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.08);
    border-radius: 8px
}

.undershop-selection .selection-item {
    padding: 10px;
    color: var(--third-col);
    cursor: pointer;
    display: block;
    border: 1px solid var(--third-border-color)
}



.undershop-selection .selection-item:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.undershop-selection .selection-item:last-child {
    border-top: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.divider {
    position: relative;
    display: flex;
    align-items: center
}

.divider:after,.divider:before {
    content: "";
    display: inline-block;
    height: 1px;
    background: var(--prim-col);
    opacity: .2;
    position: relative;
    flex: 1;
    border-radius: 4px
}

body:not(.dir-rtl) .divider:before {
    margin-right: 15px
}

.dir-rtl .divider:before {
    margin-left: 15px
}

body:not(.dir-rtl) .divider:before {
    margin-left: 30px
}

.dir-rtl .divider:before {
    margin-right: 30px
}

body:not(.dir-rtl) .divider:after {
    margin-left: 15px
}

.dir-rtl .divider:after {
    margin-right: 15px
}

body:not(.dir-rtl) .divider:after {
    margin-right: 30px
}

.dir-rtl .divider:after {
    margin-left: 30px
}

.ticket-seating-info {
    display: flex;
    gap: 16px
}

.ticket-seating-info label {
    display: block;
    font-weight: 500;
    font-size: 12px
}

.ticket-seating-info .seating-spec {
    flex-grow: 1
}

.form-control {
    padding: 10px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--sec-border-color);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
}

.field .error-message,.form-checkbox .error-message {
    color: #ef4444;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.25em;
    display: block
}

.black .field .error-message,.black .form-checkbox .error-message {
    color: #f15b5b
}

.field .error-message {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.form-checkbox {
    margin-bottom: 12px
}

.form-checkbox .error-message {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 4px
}

.field .form-file-select-container::-moz-placeholder,.field .react-tagsinput::-moz-placeholder,.field input::-moz-placeholder,.field textarea::-moz-placeholder {
    color: #8b8b8b!important
}

.field .form-file-select-container::placeholder,.field .react-tagsinput::placeholder,.field input::placeholder,.field textarea::placeholder,.form-file-select-label,.form-select__placeholder {
    color: #8b8b8b!important
}

.field {
    display: block;
    position: relative;
    margin-bottom: 12px
}

.field label {
    position: absolute;
    z-index: 2;
    top: 3px;
    transform: translateY(25%);
    opacity: 0;
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    margin-top: 0;
    text-transform: none;
    pointer-events: none;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: normal;
    color: var(--sec-color);
    font-weight: 400
}

body:not(.dir-rtl) .field label {
    left: 13px
}

.dir-rtl .field label {
    right: 13px
}

.field .prefix {
    position: absolute;
    z-index: 2;
    top: 6px;
    transform: translateY(25%);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    margin-top: 0;
    text-transform: none;
    pointer-events: none;
    color: #585858
}

body:not(.dir-rtl) .field .prefix {
    left: 12px
}

.dir-rtl .field .prefix {
    right: 12px
}

.field .postfix {
    position: absolute;
    z-index: 2;
    top: 6px;
    transform: translateY(25%);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    margin-top: 0;
    text-transform: none;
    pointer-events: none;
    color: #585858
}

body:not(.dir-rtl) .field .postfix {
    right: 34px
}

.dir-rtl .field .postfix {
    left: 34px
}

.field.date label {
    opacity: 1;
    font-size: 1rem;
    top: 6px
}

.field.ne input {
    padding-top: 14px;
    font-size: .9em
}

.field.ne .postfix {
    padding-top: 6px;
    font-size: .9em
}

.field.ne .prefix {
    padding-top: 5px;
    font-size: .9em
}

.field.ne textarea {
    padding-top: 18px
}

.field.ne label {
    opacity: 1;
    top: 0
}

.field.ne .form-file-select-label {
    margin-top: 18px;
    font-size: .9em
}

.field .form-file-select-container,.field .react-tagsinput,.field input,.field textarea {
    height: 48px;
    max-width: 100%;
    padding: 0 12px;
    border: 1px solid var(--sec-border-color);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    background: var(--prim-bg);
    color: var(--prim-col);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    border-radius: 8px;
    width: 100%;
    position: relative;
    margin: 0;
    font-size: 16px;
    outline: none!important
}

.dark .field .form-file-select-container,.dark .field .react-tagsinput,.dark .field input,.dark .field textarea,.field .form-file-select-container.dark,.field .react-tagsinput.dark,.field input.dark,.field textarea.dark {
    background: #0f0f0f;
    color: #fff;
    border-color: #2b2b2b
}

.field .form-file-select-container:focus,.field .react-tagsinput:focus,.field input:focus,.field textarea:focus {
    outline: none!important;
    border-color: var(--prim-col);
    box-shadow: none
}

.field .form-file-select-container:focus+label,.field .react-tagsinput:focus+label,.field input:focus+label,.field textarea:focus+label {
    color: #585858;
    display: block
}

.field .form-file-select-container:focus:-moz-read-only,.field .react-tagsinput:focus:-moz-read-only,.field input:focus:-moz-read-only,.field textarea:focus:-moz-read-only {
    border-color: var(--sec-border-color);
    box-shadow: none
}

.field .form-file-select-container:focus:read-only,.field .react-tagsinput:focus:read-only,.field input:focus:read-only,.field textarea:focus:read-only {
    border-color: var(--sec-border-color);
    box-shadow: none
}

.field .form-file-select-container:focus:-moz-read-only+label,.field .react-tagsinput:focus:-moz-read-only+label,.field input:focus:-moz-read-only+label,.field textarea:focus:-moz-read-only+label {
    color: #585858
}

.field .form-file-select-container:focus:read-only+label,.field .react-tagsinput:focus:read-only+label,.field input:focus:read-only+label,.field textarea:focus:read-only+label {
    color: #585858
}

.field .form-file-select-container:focus.dark,.field .react-tagsinput:focus.dark,.field input:focus.dark,.field textarea:focus.dark {
    color: #f8f8f8
}

.field .form-file-select-container.error,.field .react-tagsinput.error,.field input.error,.field textarea.error {
    border-color: #ef4444
}

.field .react-tagsinput {
    min-height: 48px;
    height: auto
}

.field .react-tagsinput input {
    width: auto;
    padding: initial;
    border: none;
    background: none;
    position: relative;
    top: -1px
}

.field.readOnly input,.field.readOnly textarea {
    --tw-bg-opacity: 1!important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))!important;
    --tw-text-opacity: 1!important;
    color: rgb(82 82 82/var(--tw-text-opacity,1))!important
}

.field.readOnly input:is([data-theme=dark] *),.field.readOnly textarea:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(23 23 23/var(--tw-bg-opacity,1))!important;
    --tw-text-opacity: 1!important;
    color: rgb(163 163 163/var(--tw-text-opacity,1))!important
}

.field.readOnly input+label,.field.readOnly textarea+label {
    color: #585858
}

.field:not(.formdate) input:-moz-read-only,.field:not(.formdate) textarea:-moz-read-only {
    --tw-bg-opacity: 1!important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))!important;
    --tw-text-opacity: 1!important;
    color: rgb(82 82 82/var(--tw-text-opacity,1))!important
}

.field:not(.formdate) input:read-only,.field:not(.formdate) textarea:read-only {
    --tw-bg-opacity: 1!important;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))!important;
    --tw-text-opacity: 1!important;
    color: rgb(82 82 82/var(--tw-text-opacity,1))!important
}

.field:not(.formdate) input:-moz-read-only:is([data-theme=dark] *),.field:not(.formdate) textarea:-moz-read-only:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(23 23 23/var(--tw-bg-opacity,1))!important;
    --tw-text-opacity: 1!important;
    color: rgb(163 163 163/var(--tw-text-opacity,1))!important
}

.field:not(.formdate) input:read-only:is([data-theme=dark] *),.field:not(.formdate) textarea:read-only:is([data-theme=dark] *) {
    --tw-bg-opacity: 1!important;
    background-color: rgb(23 23 23/var(--tw-bg-opacity,1))!important;
    --tw-text-opacity: 1!important;
    color: rgb(163 163 163/var(--tw-text-opacity,1))!important
}

.field:not(.formdate) input:-moz-read-only,.field:not(.formdate) textarea:-moz-read-only {
    box-shadow: none
}

.field:not(.formdate) input:read-only,.field:not(.formdate) textarea:read-only {
    box-shadow: none
}

.field:not(.formdate) input:-moz-read-only+label,.field:not(.formdate) textarea:-moz-read-only+label {
    color: #585858
}

.field:not(.formdate) input:read-only+label,.field:not(.formdate) textarea:read-only+label {
    color: #585858
}

.field textarea {
    padding-top: 14px;
    min-height: 80px
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-transition-property: background-color,color;
    -webkit-transition-delay: 9999s
}

.form-group .description {
    font-size: .82em;
    color: var(--fourth-col)
}

.form-phone .field {
    margin: 0
}

.form-phone {
    margin-bottom: 12px
}

.form-phone :first-child .form-select__control {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.form-phone :not(:first-child) .field .form-control {
    border-top: 0;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.form-select__input input {
    height: auto;
    transition: none
}

.form-select__menu {
    z-index: 100000!important
}

.personalization-select>.form-select__menu {
    position: static!important
}

.form-select__menu-list {
    z-index: 15!important
}

.form-select__option {
    color: var(--prim-col)!important
}

.form-select__option.form-select__option--is-focused,.form-select__option.form-select__option--is-selected,.form-select__option:hover {
    background: var(--sec-bg)!important
}

.form-select__control.form-select__control--is-focused {
    border-color: var(--prim-col)!important;
    box-shadow: none!important
}

.react-select__option {
    background: #ff0
}

.form-select-container>input {
    position: absolute
}

.form-select__control {
    border: 1px solid var(--sec-border-color)!important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    background: var(--prim-bg)!important;
    color: var(--prim-col)!important;
    border-radius: 8px!important
}

.form-select__control .form-select__value-container {
    grid-template-rows: 46px;
    padding-top: 0;
    padding-bottom: 0
}

.form-select__control .form-select__single-value {
    color: var(--prim-col)!important;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 3
}

.form-select__control--menu-is-open {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.form-select__menu {
    background-color: var(--prim-bg)!important;
    border: 1px solid var(--sec-border-color);
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;
    border-radius: 8px!important;
    overflow: hidden!important;
    border-top: 0!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    margin-top: 0!important
}

.form-select__indicator-separator {
    display: none
}

.form-select__dropdown-indicator {
    padding: 0 16px!important
}

.form-select__dropdown-indicator>svg {
    width: 18px;
    height: 18px
}

.form-select__option,.form-select__option--is-selected {
    background: var(--prim-bg)!important
}

.form-select__option--is-selected {
    color: var(--sec-col)!important
}

.custom-option {
    background: var(--prim-bg)!important;
    padding: 0 12px
}

.custom-option.highlighted,.custom-option:hover {
    background: var(--sec-bg)!important;
    cursor: pointer
}

.checkbox-title {
    padding-bottom: 6px;
    vertical-align: top;
    color: #585858
}

body:not(.dir-rtl) .checkbox-title {
    margin-left: 2px
}

.dir-rtl .checkbox-title {
    margin-right: 2px
}

.true .checkbox-title {
    color: #000
}

.black .true .checkbox-title {
    color: #fff
}

.value-picker {
    height: 40px;
    border-radius: 20px;
    background: #333
}

.value-picker .option {
    font-size: .85em;
    border-radius: 20px;
    display: inline-block;
    padding: 10px 14px;
    transition: all .3s ease-in-out
}

.value-picker .option:hover {
    cursor: pointer;
    background: #3f3f3f
}

.value-picker .option.selected {
    background: #0069ff
}

.giant-input {
    height: 84px;
    border: none;
    font-size: 48px;
    text-align: center;
    background: #f8f8f8;
    border-radius: 6px
}

.giant-input:hover {
    background: #ebebeb
}

.Select {
    position: relative
}

.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button {
    display: none!important
}

.Select input::-ms-clear,.Select input::-ms-reveal {
    display: none!important
}

.Select,.Select div,.Select input,.Select span {
    box-sizing: border-box
}

.Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none;
    opacity: .35
}

.Select.is-disabled>.Select-control {
    background-color: #f9f9f9
}

.Select.is-disabled>.Select-control:hover {
    box-shadow: none
}

.Select.is-open>.Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: #d7d7d7 #f0f0f0 #fdfdfd
}

.Select.is-open>.Select-control .Select-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

.Select.is-searchable.is-focused:not(.is-open)>.Select-control,.Select.is-searchable.is-open>.Select-control {
    cursor: text
}

.Select.is-focused>.Select-control {
    background: #fff
}

.Select.is-focused:not(.is-open)>.Select-control {
    border-color: #0069ff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,105,255,.1);
    background: #fff
}

body:not(.dir-rtl) .Select.has-value.is-clearable.Select--single>.Select-control .Select-value {
    padding-right: 47.5px
}

.dir-rtl .Select.has-value.is-clearable.Select--single>.Select-control .Select-value {
    padding-left: 47.5px
}

.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label {
    color: #333
}

.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none
}

.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover {
    color: #0069ff;
    outline: none;
    text-decoration: underline
}

.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus {
    background: #fff
}

.Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0
}

.Select .Select-arrow-zone:hover>.Select-arrow,.Select.is-open .Select-arrow {
    border-top-color: #666
}

.Select.Select--rtl {
    direction: rtl
}

body:not(.dir-rtl) .Select.Select--rtl {
    text-align: right
}

.dir-rtl .Select.Select--rtl {
    text-align: left
}

.Select-control {
    background-color: #fff;
    border-radius: 8px;
    border: 1.5px solid #f0f0f0;
    color: #333;
    cursor: default;
    display: table;
    border-spacing: 0;
    border-collapse: separate;
    height: 48px;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.Select-control:hover {
    box-shadow: 0 1px 0 rgba(0,0,0,.06)
}

.Select-control .Select-input:focus {
    outline: none;
    background: #fff
}

.Select--single>.Select-control .Select-value,.Select-placeholder {
    bottom: 0;
    color: #aaa;
    left: 0;
    line-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Select-input {
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle
}

.Select-input>input {
    width: 100%;
    background: none transparent;
    border: 0;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    padding: 13.5px 0 17.5px;
    -webkit-appearance: none
}

.is-focused .Select-input>input {
    cursor: text
}

.has-value.is-pseudo-focused .Select-input {
    opacity: 0
}

.Select-control:not(.is-searchable)>.Select-input {
    outline: none
}

.Select-loading-zone {
    cursor: pointer;
    display: table-cell;
    text-align: center
}

.Select-loading,.Select-loading-zone {
    position: relative;
    vertical-align: middle;
    width: 16px
}

.Select-loading {
    animation: Select-animation-spin .4s linear infinite;
    height: 16px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #f0f0f0;
    border-right-color: #333;
    display: inline-block
}

.Select-clear-zone {
    animation: Select-animation-fadeIn .2s;
    color: #999;
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 22.5px
}

.Select-clear-zone:hover {
    color: #d0021b
}

.Select-clear {
    display: inline-block;
    font-size: 24px;
    line-height: 1
}

.Select--multi .Select-clear-zone {
    width: 22.5px
}

.Select-arrow-zone {
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25px
}

body:not(.dir-rtl) .Select-arrow-zone {
    padding-right: 5px
}

.dir-rtl .Select-arrow-zone {
    padding-left: 5px
}

body:not(.dir-rtl) .Select--rtl .Select-arrow-zone {
    padding-right: 0
}

.dir-rtl .Select--rtl .Select-arrow-zone {
    padding-left: 0
}

body:not(.dir-rtl) .Select--rtl .Select-arrow-zone {
    padding-left: 5px
}

.dir-rtl .Select--rtl .Select-arrow-zone {
    padding-right: 5px
}

.Select-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px;
    display: inline-block;
    height: 0;
    width: 0;
    position: relative
}

body:not(.dir-rtl) .Select-control>:last-child {
    padding-right: 5px
}

.dir-rtl .Select-control>:last-child {
    padding-left: 5px
}

.Select--multi .Select-multi-value-wrapper {
    display: inline-block
}

.Select .Select-aria-only {
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 1px;
    margin: -1px;
    clip: rect(0,0,0,0);
    overflow: hidden
}

body:not(.dir-rtl) .Select .Select-aria-only {
    float: left
}

.dir-rtl .Select .Select-aria-only {
    float: right
}

@keyframes Select-animation-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Select-animation-spin {
    to {
        transform: rotate(1turn)
    }
}

.Select-menu-outer {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-top-color: #f8f8f8;
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
    box-sizing: border-box;
    margin-top: -1px;
    max-height: 200px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

body:not(.dir-rtl) .Select-menu-outer {
    left: 0
}

.dir-rtl .Select-menu-outer {
    right: 0
}

.Select-menu {
    max-height: 198px;
    overflow-y: auto
}

.Select-option {
    box-sizing: border-box;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    display: block;
    padding: 8px 10px
}

.Select-option:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.Select-option.is-selected {
    background-color: #f5f9ff;
    background-color: rgba(0,105,255,.04);
    color: #333
}

.Select-option.is-focused {
    background-color: #ebf3ff;
    background-color: rgba(0,105,255,.08);
    color: #333
}

.Select-option.is-disabled {
    color: #ccc;
    cursor: default
}

.Select-noresults {
    box-sizing: border-box;
    color: #999;
    cursor: default;
    display: block;
    padding: 8px 10px
}

.black .Select-control,.gray .Select-control {
    background: #0f0f0f!important;
    border-color: #2b2b2b!important;
    color: #fff!important
}

.black .Select-control .Select-value-label,.gray .Select-control .Select-value-label {
    color: #fff!important
}

@supports (-webkit-appearance: none) or (-moz-appearance:none) {
    .form-checkbox input[type=checkbox] {
        --active:#4b73ff;
        --active-toggle: #fff;
        --focus: 2px rgba(39,94,254,.3);
        --border: #b9b9b9;
        --border-hover: #275efe;
        --background: #fff;
        --disabled: #fff;
        --disabled-toggle: #b9b9b9;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 32px!important;
        height: 18px!important;
        border-radius: 32px!important;
        outline: none!important;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0!important;
        padding: 0!important;
        cursor: pointer;
        flex-shrink: 0;
        border: 2px solid var(--bd,var(--border))!important;
        background: var(--bg,var(--background))!important;
        transition: background .3s,border-color .3s,box-shadow .2s!important
    }

    .form-checkbox input[type=checkbox]:after {
        content: "";
        display: block;
        position: absolute;
        left: 1px;
        top: 1px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--tc,var(--active-toggle));
        box-shadow: var(--bs,0 1px 2px 0 rgba(0,0,0,.15));
        transition: transform var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s);
        transform: translateX(var(--x,0))
    }

    .form-checkbox input[type=checkbox]:checked {
        --bg: var(--active);
        --bd: var(--active);
        --d-o: 0.3s;
        --d-t: 0.6s;
        --d-t-e: cubic-bezier(0.2,0.85,0.32,1.2);
        --tc: var(--active-toggle);
        --x: 14px
    }

    .form-checkbox input[type=checkbox]:checked+label {
        color: #000
    }

    .black .form-checkbox input[type=checkbox]:checked+label {
        color: #fff;
        opacity: 1
    }

    .black .form-checkbox input[type=checkbox]:not(:checked) {
        background-color: var(--sec-border-color)!important;
        border-color: var(--border-color)!important
    }

    .form-checkbox input[type=checkbox]:disabled {
        cursor: not-allowed;
        opacity: .6
    }

    .form-checkbox input[type=checkbox]:disabled:not(:checked) {
        --bg: var(--disabled);
        --tc: var(--border);
        --bs: none
    }

    .form-checkbox input[type=checkbox]:not(:disabled):not(:checked) {
        --bg: var(--border)
    }

    .form-checkbox input[type=checkbox]:hover:not(:checked):not(:disabled) {
        --bd: var(--border-hover)
    }

    .form-checkbox input[type=checkbox]:focus {
        animation: focus-fade 4s cubic-bezier(.2,.85,.32,1.2) forwards
    }

    .form-checkbox input[type=checkbox]+label {
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5;
        display: inline-block;
        letter-spacing: normal;
        cursor: pointer;
        text-transform: none!important;
        vertical-align: baseline
    }

    .black .form-checkbox input[type=checkbox]+label {
        color: #fff;
        opacity: .8
    }

    .form-checkbox input[type=checkbox]+label:after {
        content: "\A";
        white-space: pre
    }

    @keyframes focus-fade {
        0% {
            box-shadow: 0 0 0 var(--focus)
        }

        to {
            box-shadow: 0 0 0 0 rgba(39,94,254,.3)
        }
    }
}

.form-file-select button {
    position: absolute;
    top: 7px;
    bottom: 6px;
    font-size: 14px;
    padding: 0 10px
}

body:not(.dir-rtl) .form-file-select button {
    right: 7px
}

.dir-rtl .form-file-select button {
    left: 7px
}

.form-file-select button svg {
    font-size: 12px
}

body:not(.dir-rtl) .form-file-select button svg {
    margin-right: 0
}

.dir-rtl .form-file-select button svg {
    margin-left: 0
}

body:not(.dir-rtl) .form-file-select button svg {
    margin-left: 6px
}

.dir-rtl .form-file-select button svg {
    margin-right: 6px
}

.form-file-select .form-file-select-container {
    cursor: pointer
}

.form-file-select .form-file-select-container .form-file-select-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body:not(.dir-rtl) .form-file-select .form-file-select-container .form-file-select-label {
    padding-right: 90px
}

.dir-rtl .form-file-select .form-file-select-container .form-file-select-label {
    padding-left: 90px
}

.form-file-select .form-file-select-container.error {
    border-color: #ef4444
}

.unset-fieldset {
    margin-inline-start:0;margin-inline-end:0;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;min-inline-size: auto;
    border-width: 0
}

.mt-minus-h2 {
    margin-top: -.83em
}

.unset-legend {
    padding-inline-start:0;padding-inline-end:0;border-width: 0
}

.unset-legend:after,.unset-legend:before {
    content: " ";
    display: table
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateY(0)
    }
}

.modal-container {
    position: fixed;
    background: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    z-index: 2147483003;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-container .modalin {
    position: fixed;
    border-radius: 12px;
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    background: var(--prim-bg);
    width: 400px;
    max-width: 100%;
    height: auto;
    left: 50%;
    margin-left: -200px;
    overflow-y: auto;
    max-height: 100%;
    animation: scaleIn .26s ease-in-out;
    z-index: 5
}

.modal-container .modalin.Right {
    left: auto;
    right: 0;
    top: 0;
    margin: 0;
    height: 100vh;
    transform: none;
    animation: slideInFromRight .5s ease-in-out
}

.modal-container .modalin.Bottom {
    bottom: 0;
    top: auto;
    transform: translateY(0)
}

.modal-container .modalin.Large {
    width: 800px;
    max-width: 100%;
    margin-left: -400px
}

@media (max-width: 768px) {
    .modal-container .modalin.Large {
        width:100%;
        margin-left: 0
    }
}

.modal-container .modalin.Fullcontainer {
    max-width: 100%;
    width: 1240px;
    margin-left: -620px
}

@media (max-width: 1240px) {
    .modal-container .modalin.Fullcontainer {
        width:100%;
        margin-left: 0;
        left: 0
    }
}

.modal-container .modalin.Fullscreen {
    width: 100%;
    max-width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    transform: none;
    top: 0;
    height: 100vh
}

.modal-container .modalin.Medium {
    width: 560px;
    max-width: 100%;
    margin-left: -280px
}

@media (max-width: 768px) {
    .modal-container .modalin.Medium {
        width:100%;
        margin-left: 0
    }

    .modal-container .modalin {
        width: 100%;
        left: 0;
        margin-left: 0!important;
        bottom: 0;
        top: auto;
        transform: none;
        animation: slideInFromBottom .26s ease-in-out
    }

    @keyframes slideInFromBottom {
        0% {
            transform: translateY(100%)
        }

        to {
            transform: translateY(0)
        }
    }
}

.modal-container .modalin.dark {
    background: var(--prim-bg);
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    color: #fff
}

.modal-container .modalin.dark .modal-footer {
    border-top: 1px solid var(--prim-bg)!important
}

.modal-container .modalin .modal-section-box {
    background: var(--prim-bg);
    padding: 6px 12px;
    border-radius: 4px
}

.modal-container .modalin h2,.modal-container .modalin h3 {
    margin: 0
}

.modal-container .modalin .modal-header {
    margin-bottom: 6px
}

.modal-container .modalin .modal-footer {
    padding-bottom: 0;
    padding-top: 1rem
}

.modal-container .modalin .inner {
    padding: 24px
}

@media (max-width: 768px) {
    .modal-container .modalin .inner {
        padding:20px
    }
}

.modal-container .modalin .close-button {
    background: initial;
    border-width: 0
}

.modal-container .modalin .close-button .close-button-icon {
    font-size: 26px;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    padding: 3px;
    cursor: pointer;
    transition: all .25s ease-in-out;
    text-align: center;
    color: var(--third-col);
    opacity: .5
}

.modal-container .modalin .close-button .close-button-icon:hover {
    background: rgba(0,0,0,.1);
    opacity: .75
}

.modal-container .modalin .close-button.standalone {
    display: block;
    margin-bottom: 10px;
    margin-top: -10px
}

body:not(.dir-rtl) .modal-container .modalin .close-button.standalone {
    float: right
}

.dir-rtl .modal-container .modalin .close-button.standalone {
    float: left
}

.modal-container .modalin .close-button.integrated {
    display: block;
    margin-top: -6px;
    line-height: 30px
}

body:not(.dir-rtl) .modal-container .modalin .close-button.integrated {
    float: right
}

.dir-rtl .modal-container .modalin .close-button.integrated {
    float: left
}

body:not(.dir-rtl) .modal-container .modalin .close-button.integrated {
    margin-right: -6px
}

.dir-rtl .modal-container .modalin .close-button.integrated {
    margin-left: -6px
}

.p-0 .inner {
    padding: 0
}

.modal .footer {
    margin-top: 25px
}

.coupon-modal .redeem-button {
    display: block;
    width: 100%
}

.m-0 {
    margin: 0
}

.mt-12 {
    margin-top: 12px
}

.mt-6 {
    margin-top: 6px
}

.mt-24 {
    margin-top: 24px
}

.mt-36 {
    margin-top: 36px
}

.mt-48 {
    margin-top: 48px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-8 {
    margin-bottom: 8px
}

.mb-6 {
    margin-bottom: 6px
}

.mb-24 {
    margin-bottom: 24px
}

.ml-6 {
    margin-left: 6px
}

.mr-6 {
    margin-right: 6px
}

.ml-12 {
    margin-left: 12px
}

.pd-12 {
    padding: 12px
}

.pd-24 {
    padding: 24px
}

@media (max-width: 1024px) {
    .pd-24 {
        padding:15px
    }
}

body:not(.dir-rtl) .dir-ml-8 {
    margin-left: 8px
}

.dir-rtl .dir-ml-8 {
    margin-right: 8px
}

body:not(.dir-rtl) .dir-ml-12 {
    margin-left: 12px
}

.dir-rtl .dir-ml-12,body:not(.dir-rtl) .dir-mr-12 {
    margin-right: 12px
}

.dir-rtl .dir-mr-12 {
    margin-left: 12px
}

.text-center {
    text-align: center
}

body.modal-open {
    overflow: hidden
}

.t-c {
    text-align: center
}

body:not(.dir-rtl) .text-right {
    text-align: right
}

.dir-rtl .text-right {
    text-align: left
}

.overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute
}

body:not(.dir-rtl) .float-right {
    float: right
}

.dir-rtl .float-right {
    float: left
}

.no-decoration {
    text-decoration: none
}

.relative {
    position: relative
}

.visually-hidden {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.visually-hidden.skip-header:focus {
    clip: auto;
    -webkit-clip-path: initial;
    clip-path: none;
    height: auto;
    width: auto
}

.visually-hidden.skip-header:focus-visible {
    background: var(--prim-bg);
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    color: var(--sec-color);
    font-size: .9em;
    left: 16px;
    font-weight: 500;
    padding: 4px 8px;
    position: absolute;
    top: 16px;
    z-index: 10
}

.w-100 {
    width: 100%
}

.border-sm {
    border: 1px solid var(--third-border-color)
}

.shadow-sm {
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 1px 2px 0 rgba(0,0,0,.05)
}

.shadow {
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)
}

.shadow-md {
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)
}

.bordered-box {
    border: 1px solid var(--third-border-color);
    padding: 6px;
    border-radius: 6px
}

.seatmap-holder .seatselector,.seatmap-holder iframe,.unstyled-seatmap-holder .seatselector,.unstyled-seatmap-holder iframe {
    width: 100%;
    height: 100%;
    border: none
}

.alert {
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25em;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 2px solid transparent
}

.alert.alert-error {
    background: #fde8e8;
    color: #8e0c0c;
    border-color: #f37373
}

.black .alert.alert-error {
    background: #300404;
    color: #f37373;
    border-color: #eb1515
}

.alert.alert-warning {
    background: #fff8ea;
    color: #744e01;
    border-color: #fed176
}

.alert.alert-neutral {
    background: #f8f8f8;
    color: #0c0c0c;
    border-color: #dfdfdf
}

.black .alert.alert-neutral {
    background: #0c0c0c;
    color: #f8f8f8;
    border-color: #3f3f3f
}

.react-tabs .react-tabs__tab-list {
    padding: 0;
    margin-top: 32px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 32px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.black .react-tabs .react-tabs__tab-list,gray .react-tabs .react-tabs__tab-list {
    border-bottom: 1px solid #353535
}

.dark .react-tabs .react-tabs__tab-list {
    border-bottom: 1px solid #2b2b2b
}

.react-tabs .react-tabs__tab {
    list-style-type: none;
    padding-left: 6px;
    padding-right: 6px;
    display: inline-block;
    padding-bottom: 6px;
    font-weight: 600;
    cursor: pointer;
    color: #585858
}

body:not(.dir-rtl) .react-tabs .react-tabs__tab {
    margin-right: 24px
}

.dir-rtl .react-tabs .react-tabs__tab {
    margin-left: 24px
}

.react-tabs .react-tabs__tab:hover {
    opacity: .8
}

.react-tabs .left .react-tabs__tab {
    display: block;
    text-transform: none;
    font-size: medium;
    padding: 8px 14px;
    border-radius: 8px;
    margin-bottom: 6px;
    letter-spacing: normal
}

.react-tabs .left .react-tabs__tab:hover {
    background: #f8f8f8
}

.dark .react-tabs .left .react-tabs__tab:hover {
    background: #2b2b2b
}

.react-tabs .react-tabs__tab.react-tabs__tab--selected {
    color: #000;
    border-bottom: 2px solid #000
}

.dark .react-tabs .react-tabs__tab.react-tabs__tab--selected {
    color: #fff
}

.black .react-tabs .react-tabs__tab.react-tabs__tab--selected {
    color: #fff;
    border-bottom: 2px solid #fff
}

.react-tabs .left .react-tabs__tab.react-tabs__tab--selected {
    color: #fff;
    background: #000;
    border-bottom: none
}

.status {
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 18px;
    text-align: center;
    color: #fff;
    background: #2b2b2b;
    font-weight: 700
}



.status.light {
    padding: 6px 8px;
    font-weight: 500
}

.status.NEW {
    background: #99c3ff;
    color: #003f99
}

.status.CASH {
    background: #ababab;
    color: #000
}

body:not(.dir-rtl) .status.CASH {
    margin-right: 6px
}

.dir-rtl .status.CASH {
    margin-left: 6px
}

.status.AWAITING,.status.INPROGRESS {
    background: #99c3ff;
    color: #003f99
}

.status.ABORTED,.status.MEDIUM,.status.PENDING {
    background: #fff3db;
    color: #da9201
}

.status.RESERVED-BY-SYSTEM,.status.RESERVED-BY-USER {
    background: #99c3ff;
    color: #003f99
}

.status.SALE {
    background: #b1e0c5;
    color: #2a6844
}

.status.CANCELLATION {
    background: #fbd1d1;
    color: #bd1010
}

.status.ACTIVE,.status.COMPLETE {
    background: #b1e0c5;
    color: #2a6844
}

.status.SCHEDULED {
    background: #99c3ff;
    color: #003f99
}

.status.PRODUCTION {
    background: #fff3db;
    color: #da9201
}

.status.FULFILLED,.status.POS-RECEIVED,.status.RECEIVED,.status.RESOLVED,.status.VALID {
    background: #b1e0c5;
    color: #2a6844
}

.status.CANCELED,.status.CHARGEBACK,.status.FAILED,.status.INVALID,.status.POS-CANCELED {
    background: #fbd1d1;
    color: #bd1010
}

.status.DETAILSREQUIRED,.status.RESERVED {
    background: #99c3ff;
    color: #003f99
}

.status.REFUND {
    background: #fbd1d1;
    color: #bd1010
}

.status.true {
    background: #b1e0c5;
    color: #2a6844
}

.status.false {
    background: #fbd1d1;
    color: #bd1010
}

.blue-label {
    background: #99c3ff;
    color: #003f99
}

.yellow-label {
    background: #fff3db;
    color: #da9201
}

.green-label {
    background: #b1e0c5;
    color: #2a6844
}

.red-label {
    background: #fbd1d1;
    color: #bd1010
}

.rdt {
    position: relative
}

.rdt.error input {
    border: 2px solid #ef4444
}

.rdtPicker {
    display: none;
    position: absolute;
    width: 360px;
    padding: 4px;
    margin-top: 6px;
    z-index: 99999!important;
    background: var(--prim-bg);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    border: 1px solid var(--border-color);
    border-radius: 8px
}

.modalin .rdtPicker {
    position: relative
}

@media (max-width: 768px) {
    .rdtPicker {
        width:100%
    }
}

.black .rdtPicker {
    border-radius: 4px;
    border-color: var(--border-color)
}

.black .rdtPicker tfoot,.black .rdtPicker th {
    border: none
}

.rdtPicker .rdtBtn,.rdtPicker .rdtTimeToggle,.rdtPicker td.rdtDay:not(.rdtDisabled),.rdtPicker th {
    transition: background-color .2s ease-in-out
}

.black .rdtPicker .rdtBtn:hover,.black .rdtPicker .rdtTimeToggle:hover,.black .rdtPicker td.rdtDay:not(.rdtDisabled):hover,.black .rdtPicker th:hover {
    background: #0a0a0a
}

.rdtPicker .rdtActive {
    background-color: var(--accent-bg-300)!important
}

.rdtPicker .dow,.rdtPicker .rdtBtn,.rdtPicker .rdtDay,.rdtPicker .rdtTimeToggle,.rdtPicker thead th {
    border-radius: 24px
}

.rdtPicker .rdtCounter .rdtCount {
    height: auto!important
}

.rdtOpen .rdtPicker {
    display: block
}

.rdtStatic .rdtPicker {
    box-shadow: none;
    position: static
}

.rdtPicker .rdtTimeToggle {
    text-align: center
}

.rdtPicker table {
    width: 100%;
    margin: 0
}

.rdtPicker td,.rdtPicker th {
    text-align: center;
    height: 28px
}

.rdtPicker td {
    cursor: pointer
}

.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover,.rdtPicker td.rdtToday:hover {
    background: #eee;
    cursor: pointer
}

.rdtPicker td.rdtNew,.rdtPicker td.rdtOld {
    color: #999
}

.rdtPicker td.rdtToday {
    position: relative
}

.rdtPicker td.rdtToday:before {
    content: "";
    display: inline-block;
    border-bottom: 7px solid #428bca;
    border-top-color: rgba(0,0,0,.2);
    position: absolute;
    bottom: 4px
}

body:not(.dir-rtl) .rdtPicker td.rdtToday:before {
    border-left: 7px solid transparent
}

.dir-rtl .rdtPicker td.rdtToday:before {
    border-right: 7px solid transparent
}

body:not(.dir-rtl) .rdtPicker td.rdtToday:before {
    right: 4px
}

.dir-rtl .rdtPicker td.rdtToday:before {
    left: 4px
}

.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover {
    background-color: #428bca;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.rdtPicker td.rdtActive.rdtToday:before {
    border-bottom-color: #fff
}

.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker td span.rdtOld {
    color: #999
}

.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker th {
    border-bottom: 1px solid #f9f9f9
}

.rdtPicker .dow {
    width: 14.2857%;
    border-bottom: none
}

.rdtPicker th.rdtSwitch {
    width: 100px
}

.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev {
    font-size: 21px;
    vertical-align: top
}

.rdtNext span,.rdtPrev span {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker thead tr:first-child th {
    cursor: pointer
}

.rdtPicker thead tr:first-child th:hover {
    background: var(--third-bg)
}

.rdtPicker tfoot {
    border-top: 1px solid #f9f9f9
}

.rdtPicker button {
    border: none;
    background: none;
    cursor: pointer
}

.rdtPicker button:hover {
    background-color: #eee
}

.rdtPicker thead button {
    width: 100%;
    height: 100%
}

td.rdtMonth,td.rdtYear {
    height: 50px;
    width: 25%;
    cursor: pointer
}

td.rdtMonth:hover,td.rdtYear:hover {
    background: var(--third-bg)
}

.rdtCounters {
    display: inline-block
}

body:not(.dir-rtl) .rdtCounters>div {
    float: left
}

.dir-rtl .rdtCounters>div {
    float: right
}

.rdtCounter {
    height: 100px;
    width: 40px
}

.rdtCounterSeparator {
    line-height: 100px
}

.rdtCounter .rdtBtn {
    height: 40%;
    line-height: 40px;
    cursor: pointer;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rdtCounter .rdtBtn:hover {
    background: var(--third-bg)
}

.rdtCounter .rdtCount {
    height: 20%;
    font-size: 1.2em
}

.rdtMilli {
    vertical-align: middle;
    width: 48px
}

body:not(.dir-rtl) .rdtMilli {
    padding-left: 8px
}

.dir-rtl .rdtMilli {
    padding-right: 8px
}

.rdtMilli input {
    width: 100%;
    font-size: 1.2em;
    margin-top: 37px
}

.rdtDayPart {
    margin-top: 43px
}

.notifications-holder {
    position: fixed;
    top: 30px;
    z-index: 1000
}

body:not(.dir-rtl) .notifications-holder {
    right: 30px
}

.dir-rtl .notifications-holder {
    left: 30px
}

.notifications-holder .notification {
    padding: 15px 20px;
    border-radius: 8px;
    min-width: 150px;
    margin: 10px 0 25px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
    position: relative;
    background: #fff;
    font-weight: 500;
    font-size: .9em;
    animation: fromBottom .3s ease-in-out
}

body:not(.dir-rtl) .notifications-holder .notification {
    padding-left: 35px
}

.dir-rtl .notifications-holder .notification {
    padding-right: 35px
}





.tac-list ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0
}

.tac-list ol>li {
    display: table;
    counter-increment: item;
    margin-bottom: .6em
}

.tac-list ol>li:before {
    content: counters(item,".") ". ";
    display: table-cell
}

body:not(.dir-rtl) .tac-list ol>li:before {
    padding-right: .6em
}

.dir-rtl .tac-list ol>li:before {
    padding-left: .6em
}

.tac-list li ol>li {
    margin: 0
}

.tac-list li ol>li:before {
    content: counters(item,".") " "
}

.tac-list ul>li:before {
    content: "-";
    display: table-cell
}

body:not(.dir-rtl) .tac-list ul>li:before {
    padding-right: .6em
}

.dir-rtl .tac-list ul>li:before {
    padding-left: .6em
}

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

.tac-list ul>li {
    display: table
}

.tac-list li.chapter:before {
    display: none
}

.flag {
    height: 32px;
    width: 32px;
    vertical-align: text-top;
    transform: scale(.75) translateY(4px);
    background: url(/web/images/flags32.png) no-repeat
}

.custom-label,.flag {
    display: inline-block
}

.custom-label {
    color: var(--third-col);
    height: 42px;
    line-height: 42px;
    vertical-align: top
}

body:not(.dir-rtl) .custom-label {
    margin-left: 8px
}

.dir-rtl .custom-label {
    margin-right: 8px
}

.f32 .xk {
    background-position: 0 -320px
}

.f32 .ad {
    background-position: 0 -704px
}

.f32 .ae {
    background-position: 0 -736px
}

.f32 .af {
    background-position: 0 -768px
}

.f32 .ag {
    background-position: 0 -800px
}

.f32 .ai {
    background-position: 0 -832px
}

.f32 .al {
    background-position: 0 -864px
}

.f32 .am {
    background-position: 0 -896px
}

.f32 .ao {
    background-position: 0 -928px
}

.f32 .aq {
    background-position: 0 -960px
}

.f32 .ar {
    background-position: 0 -992px
}

.f32 .as {
    background-position: 0 -1024px
}

.f32 .at {
    background-position: 0 -1056px
}

.f32 .au {
    background-position: 0 -1088px
}

.f32 .aw {
    background-position: 0 -1120px
}

.f32 .ax {
    background-position: 0 -1152px
}

.f32 .az {
    background-position: 0 -1184px
}

.f32 .ba {
    background-position: 0 -1216px
}

.f32 .bb {
    background-position: 0 -1248px
}

.f32 .bd {
    background-position: 0 -1280px
}

.f32 .be {
    background-position: 0 -1312px
}

.f32 .bf {
    background-position: 0 -1344px
}

.f32 .bg {
    background-position: 0 -1376px
}

.f32 .bh {
    background-position: 0 -1408px
}

.f32 .bi {
    background-position: 0 -1440px
}

.f32 .bj {
    background-position: 0 -1472px
}

.f32 .bm {
    background-position: 0 -1504px
}

.f32 .bn {
    background-position: 0 -1536px
}

.f32 .bo {
    background-position: 0 -1568px
}

.f32 .br {
    background-position: 0 -1600px
}

.f32 .bs {
    background-position: 0 -1632px
}

.f32 .bt {
    background-position: 0 -1664px
}

.f32 .bw {
    background-position: 0 -1696px
}

.f32 .by {
    background-position: 0 -1728px
}

.f32 .bz {
    background-position: 0 -1760px
}

.f32 .ca {
    background-position: 0 -1792px
}

.f32 .cd {
    background-position: 0 -1824px
}

.f32 .cf {
    background-position: 0 -1856px
}

.f32 .cg {
    background-position: 0 -1888px
}

.f32 .ch {
    background-position: 0 -1920px
}

.f32 .ci {
    background-position: 0 -1952px
}

.f32 .ck {
    background-position: 0 -1984px
}

.f32 .cl {
    background-position: 0 -2016px
}

.f32 .cm {
    background-position: 0 -2048px
}

.f32 .cn {
    background-position: 0 -2080px
}

.f32 .co {
    background-position: 0 -2112px
}

.f32 .cr {
    background-position: 0 -2144px
}

.f32 .cu {
    background-position: 0 -2176px
}

.f32 .cv {
    background-position: 0 -2208px
}

.f32 .cy {
    background-position: 0 -2240px
}

.f32 .cz {
    background-position: 0 -2272px
}

.f32 .de {
    background-position: 0 -2304px
}

.f32 .dj {
    background-position: 0 -2336px
}

.f32 .dk {
    background-position: 0 -2368px
}

.f32 .dm {
    background-position: 0 -2400px
}

.f32 .do {
    background-position: 0 -2432px
}

.f32 .dz {
    background-position: 0 -2464px
}

.f32 .ec {
    background-position: 0 -2496px
}

.f32 .ee {
    background-position: 0 -2528px
}

.f32 .eg {
    background-position: 0 -2560px
}

.f32 .eh {
    background-position: 0 -2592px
}

.f32 .er {
    background-position: 0 -2624px
}

.f32 .es {
    background-position: 0 -2656px
}

.f32 .et {
    background-position: 0 -2688px
}

.f32 .fi {
    background-position: 0 -2720px
}

.f32 .fj {
    background-position: 0 -2752px
}

.f32 .fm {
    background-position: 0 -2784px
}

.f32 .fo {
    background-position: 0 -2816px
}

.f32 .bl,.f32 .cp,.f32 .fr,.f32 .mf,.f32 .yt {
    background-position: 0 -2848px
}

.f32 .ga {
    background-position: 0 -2880px
}

.f32 .gb,.f32 .sh {
    background-position: 0 -2912px
}

.f32 .gd {
    background-position: 0 -2944px
}

.f32 .ge {
    background-position: 0 -2976px
}

.f32 .gg {
    background-position: 0 -3008px
}

.f32 .gh {
    background-position: 0 -3040px
}

.f32 .gi {
    background-position: 0 -3072px
}

.f32 .gl {
    background-position: 0 -3104px
}

.f32 .gm {
    background-position: 0 -3136px
}

.f32 .gn {
    background-position: 0 -3168px
}

.f32 .gp {
    background-position: 0 -3200px
}

.f32 .gq {
    background-position: 0 -3232px
}

.f32 .gr {
    background-position: 0 -3264px
}

.f32 .gt {
    background-position: 0 -3296px
}

.f32 .gu {
    background-position: 0 -3328px
}

.f32 .gw {
    background-position: 0 -3360px
}

.f32 .gy {
    background-position: 0 -3392px
}

.f32 .hk {
    background-position: 0 -3424px
}

.f32 .hn {
    background-position: 0 -3456px
}

.f32 .hr {
    background-position: 0 -3488px
}

.f32 .ht {
    background-position: 0 -3520px
}

.f32 .hu {
    background-position: 0 -3552px
}

.f32 .id,.f32 .mc {
    background-position: 0 -3584px
}

.f32 .ie {
    background-position: 0 -3616px
}

.f32 .il {
    background-position: 0 -3648px
}

.f32 .im {
    background-position: 0 -3680px
}

.f32 .in {
    background-position: 0 -3712px
}

.f32 .iq {
    background-position: 0 -3744px
}

.f32 .ir {
    background-position: 0 -3776px
}

.f32 .is {
    background-position: 0 -3808px
}

.f32 .it {
    background-position: 0 -3840px
}

.f32 .je {
    background-position: 0 -3872px
}

.f32 .jm {
    background-position: 0 -3904px
}

.f32 .jo {
    background-position: 0 -3936px
}

.f32 .jp {
    background-position: 0 -3968px
}

.f32 .ke {
    background-position: 0 -4000px
}

.f32 .kg {
    background-position: 0 -4032px
}

.f32 .kh {
    background-position: 0 -4064px
}

.f32 .ki {
    background-position: 0 -4096px
}

.f32 .km {
    background-position: 0 -4128px
}

.f32 .kn {
    background-position: 0 -4160px
}

.f32 .kp {
    background-position: 0 -4192px
}

.f32 .kr {
    background-position: 0 -4224px
}

.f32 .kw {
    background-position: 0 -4256px
}

.f32 .ky {
    background-position: 0 -4288px
}

.f32 .kz {
    background-position: 0 -4320px
}

.f32 .la {
    background-position: 0 -4352px
}

.f32 .lb {
    background-position: 0 -4384px
}

.f32 .lc {
    background-position: 0 -4416px
}

.f32 .li {
    background-position: 0 -4448px
}

.f32 .lk {
    background-position: 0 -4480px
}

.f32 .lr {
    background-position: 0 -4512px
}

.f32 .ls {
    background-position: 0 -4544px
}

.f32 .lt {
    background-position: 0 -4576px
}

.f32 .lu {
    background-position: 0 -4608px
}

.f32 .lv {
    background-position: 0 -4640px
}

.f32 .ly {
    background-position: 0 -4672px
}

.f32 .ma {
    background-position: 0 -4704px
}

.f32 .md {
    background-position: 0 -4736px
}

.f32 .me {
    background-position: 0 -4768px
}

.f32 .mg {
    background-position: 0 -4800px
}

.f32 .mh {
    background-position: 0 -4832px
}

.f32 .mk {
    background-position: 0 -4864px
}

.f32 .ml {
    background-position: 0 -4896px
}

.f32 .mm {
    background-position: 0 -4928px
}

.f32 .mn {
    background-position: 0 -4960px
}

.f32 .mo {
    background-position: 0 -4992px
}

.f32 .mq {
    background-position: 0 -5024px
}

.f32 .mr {
    background-position: 0 -5056px
}

.f32 .ms {
    background-position: 0 -5088px
}

.f32 .mt {
    background-position: 0 -5120px
}

.f32 .mu {
    background-position: 0 -5152px
}

.f32 .mv {
    background-position: 0 -5184px
}

.f32 .mw {
    background-position: 0 -5216px
}

.f32 .mx {
    background-position: 0 -5248px
}

.f32 .my {
    background-position: 0 -5280px
}

.f32 .mz {
    background-position: 0 -5312px
}

.f32 .na {
    background-position: 0 -5344px
}

.f32 .nc {
    background-position: 0 -5376px
}

.f32 .ne {
    background-position: 0 -5408px
}

.f32 .ng {
    background-position: 0 -5440px
}

.f32 .ni {
    background-position: 0 -5472px
}

.f32 .bq,.f32 .nl {
    background-position: 0 -5504px
}

.f32 .bv,.f32 .no,.f32 .nq,.f32 .sj {
    background-position: 0 -5536px
}

.f32 .np {
    background-position: 0 -5568px
}

.f32 .nr {
    background-position: 0 -5600px
}

.f32 .nz {
    background-position: 0 -5632px
}

.f32 .om {
    background-position: 0 -5664px
}

.f32 .pa {
    background-position: 0 -5696px
}

.f32 .pe {
    background-position: 0 -5728px
}

.f32 .pf {
    background-position: 0 -5760px
}

.f32 .pg {
    background-position: 0 -5792px
}

.f32 .ph {
    background-position: 0 -5824px
}

.f32 .pk {
    background-position: 0 -5856px
}

.f32 .pl {
    background-position: 0 -5888px
}

.f32 .pr {
    background-position: 0 -5920px
}

.f32 .ps {
    background-position: 0 -5952px
}

.f32 .pt {
    background-position: 0 -5984px
}

.f32 .pw {
    background-position: 0 -6016px
}

.f32 .py {
    background-position: 0 -6048px
}

.f32 .qa {
    background-position: 0 -6080px
}

.f32 .re {
    background-position: 0 -6112px
}

.f32 .ro {
    background-position: 0 -6144px
}

.f32 .rs {
    background-position: 0 -6176px
}

.f32 .ru {
    background-position: 0 -6208px
}

.f32 .rw {
    background-position: 0 -6240px
}

.f32 .sa {
    background-position: 0 -6272px
}

.f32 .sb {
    background-position: 0 -6304px
}

.f32 .sc {
    background-position: 0 -6336px
}

.f32 .sd {
    background-position: 0 -6368px
}

.f32 .se {
    background-position: 0 -6400px
}

.f32 .sg {
    background-position: 0 -6432px
}

.f32 .si {
    background-position: 0 -6464px
}

.f32 .sk {
    background-position: 0 -6496px
}

.f32 .sl {
    background-position: 0 -6528px
}

.f32 .sm {
    background-position: 0 -6560px
}

.f32 .sn {
    background-position: 0 -6592px
}

.f32 .so {
    background-position: 0 -6624px
}

.f32 .sr {
    background-position: 0 -6656px
}

.f32 .st {
    background-position: 0 -6688px
}

.f32 .sv {
    background-position: 0 -6720px
}

.f32 .sy {
    background-position: 0 -6752px
}

.f32 .sz {
    background-position: 0 -6784px
}

.f32 .tc {
    background-position: 0 -6816px
}

.f32 .td {
    background-position: 0 -6848px
}

.f32 .tg {
    background-position: 0 -6880px
}

.f32 .th {
    background-position: 0 -6912px
}

.f32 .tj {
    background-position: 0 -6944px
}

.f32 .tl {
    background-position: 0 -6976px
}

.f32 .tm {
    background-position: 0 -7008px
}

.f32 .tn {
    background-position: 0 -7040px
}

.f32 .to {
    background-position: 0 -7072px
}

.f32 .tr {
    background-position: 0 -7104px
}

.f32 .tt {
    background-position: 0 -7136px
}

.f32 .tv {
    background-position: 0 -7168px
}

.f32 .tw {
    background-position: 0 -7200px
}

.f32 .tz {
    background-position: 0 -7232px
}

.f32 .ua {
    background-position: 0 -7264px
}

.f32 .ug {
    background-position: 0 -7296px
}

.f32 .us {
    background-position: 0 -7328px
}

.f32 .uy {
    background-position: 0 -7360px
}

.f32 .uz {
    background-position: 0 -7392px
}

.f32 .va {
    background-position: 0 -7424px
}

.f32 .vc {
    background-position: 0 -7456px
}

.f32 .ve {
    background-position: 0 -7488px
}

.f32 .vg {
    background-position: 0 -7520px
}

.f32 .vi {
    background-position: 0 -7552px
}

.f32 .vn {
    background-position: 0 -7584px
}

.f32 .vu {
    background-position: 0 -7616px
}

.f32 .ws {
    background-position: 0 -7648px
}

.f32 .ye {
    background-position: 0 -7680px
}

.f32 .za {
    background-position: 0 -7712px
}

.f32 .zm {
    background-position: 0 -7744px
}

.f32 .zw {
    background-position: 0 -7776px
}

.f32 .sx {
    background-position: 0 -7808px
}

.f32 .cw {
    background-position: 0 -7840px
}

.f32 .ss {
    background-position: 0 -7872px
}

.f32 .nu {
    background-position: 0 -7904px
}

.auth-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    z-index: 9999;
    display: flex;
    overflow: auto
}

.modal-container .auth-modal-extra {
    overflow-x: hidden
}

.auth-agreement {
    display: flex;
    flex-direction: row;
    margin-bottom: 12px
}

.auth-agreement .form-group {
    flex: 0;
    margin-top: 10px
}

.auth-agreement .agreement-description {
    flex: 1;
    width: 100%;
    font-size: .9rem
}

body:not(.dir-rtl) .auth-agreement .agreement-description {
    margin-left: 10px
}

.dir-rtl .auth-agreement .agreement-description {
    margin-right: 10px
}

@media (max-width: 420px) {
    .auth-agreement {
        display:block
    }

    .auth-modal-inner {
        padding: 25px 15px
    }

    .auth-modal-inner .auth-modal-body {
        padding: 0 15px!important
    }
}

@keyframes bounceFromInner {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.color-responsive-image .st0 {
    stroke: var(--prim-col)!important
}

.color-responsive-image .st2 {
    fill: var(--prim-col)!important
}

footer {
    background: var(--sec-bg);
    border-top: 1px solid var(--third-border-color);
    margin-top: 46px;
    padding-top: 24px
}

footer a,footer select {
    text-decoration: none;
    font-size: 14px;
    color: var(--third-col)
}

body:not(.dir-rtl) footer a,body:not(.dir-rtl) footer select {
    margin-right: 12px
}

.dir-rtl footer a,.dir-rtl footer select {
    margin-left: 12px
}

footer a:hover,footer select:hover {
    color: var(--prim-col)
}

footer .subfooter {
    margin-top: 24px;
    border-top: 1px solid var(--third-border-color);
    padding-top: 12px;
    padding-bottom: 12px
}

body:not(.dir-rtl) footer .subfooter .float-container {
    float: right
}

.dir-rtl footer .subfooter .float-container {
    float: left
}

@media (max-width: 768px) {
    body:not(.dir-rtl) footer .subfooter .float-container {
        float:left
    }

    .dir-rtl footer .subfooter .float-container {
        float: right
    }
}

footer .subfooter .links a {
    display: inline-block
}

body:not(.dir-rtl) footer .subfooter .links a {
    margin-right: 0
}

.dir-rtl footer .subfooter .links a {
    margin-left: 0
}

body:not(.dir-rtl) footer .subfooter .links a {
    margin-left: 16px
}

.dir-rtl footer .subfooter .links a {
    margin-right: 16px
}

@media (max-width: 768px) {
    body:not(.dir-rtl) footer .subfooter .links a {
        margin-left:0
    }

    .dir-rtl footer .subfooter .links a {
        margin-right: 0
    }

    body:not(.dir-rtl) footer .subfooter .links a {
        margin-right: 16px
    }

    .dir-rtl footer .subfooter .links a {
        margin-left: 16px
    }

    footer .subfooter .links select {
        margin-left: 0;
        margin-right: 12px
    }
}

footer .subfooter .language-switcher-container {
    display: flex;
    gap: 4px;
    align-items: center;
    white-space: nowrap
}

body:not(.dir-rtl) footer .subfooter .language-switcher-container {
    float: right
}

.dir-rtl footer .subfooter .language-switcher-container {
    float: left
}

@media (max-width: 768px) {
    body:not(.dir-rtl) footer .subfooter .language-switcher-container {
        float:left
    }

    .dir-rtl footer .subfooter .language-switcher-container {
        float: right
    }
}

footer .subfooter .language-switcher-container svg {
    color: var(--fourth-col)
}

footer .subfooter .brand {
    width: 76px;
    line-height: 1em
}

.white footer .subfooter .brand svg {
    fill: #000
}

.white footer .subfooter .brand svg .st0 {
    stroke: #000
}

.white footer .subfooter .brand svg .st2 {
    fill: #000
}

footer .language-switcher {
    -webkit-appearance: none;
    font-size: 14px;
    box-shadow: none;
    cursor: pointer;
    border: none;
    font-weight: 500;
    -moz-appearance: none;
    appearance: none;
    color: var(--third-col);
    background: transparent;
    text-align: start
}

@media (max-width: 768px) {
    footer {
        padding-bottom:184px
    }
}

.actions-header {
    position: absolute;
    top: 16px;
    z-index: 10;
    display: flex;
    gap: 12px;
    align-items: center;
    flex-shrink: 0
}

body:not(.dir-rtl) .actions-header {
    right: 16px
}

.dir-rtl .actions-header {
    left: 16px
}

.cart-holder {
    position: fixed;
    top: 0;
    height: 100%;
    width: calc(33.3%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

body:not(.dir-rtl) .cart-holder {
    right: 0
}

.dir-rtl .cart-holder {
    left: 0
}

@media (max-width: 768px) {
    .cart-holder {
        position:relative;
        width: 100%;
        border: none
    }
}

.cart {
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 3
}

@media (max-width: 768px) {
    .cart {
        max-width:100%;
        padding-top: 0
    }
}

.cart h3 {
    margin-top: 0
}

.cart .cart-inner {
    padding: 24px;
    flex: 1
}

@media (max-width: 768px) {
    .cart .cart-inner {
        padding:16px
    }
}

.cart .cart-inner .cart-header {
    display: block;
    width: 100%;
    padding-bottom: 0
}

.cart .cart-inner .cart-footer {
    position: sticky;
    bottom: 0;
    display: block;
    width: 100%;
    padding-bottom: 18px
}

.cart .cart-inner .cart-footer .btn {
    width: 100%;
    display: block
}

.cart h2 {
    margin: 0
}

.cart .cart-items .cart-item {
    padding-top: 8px;
    padding-bottom: 8px
}

.cart .cart-items .cart-item.withsubitems .cart-item {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    border-left: 1px solid var(--third-border-color);
    padding-left: 12px;
    color: var(--fourth-col)
}

.cart .cart-items .cart-item.withsubitems .cart-item .name {
    font-weight: 400
}

.cart .cart-items .cart-item.no-border {
    border: none;
    padding-top: 4px;
    padding-bottom: 4px
}

.cart .cart-items .cart-item .discount-labels {
    display: block;
    flex-wrap: wrap
}

.cart .cart-items .cart-item p {
    margin: 0
}

body:not(.dir-rtl) .cart .cart-items .cart-item .label,body:not(.dir-rtl) .cart .cart-items .cart-item .name {
    margin-right: 8px
}

.dir-rtl .cart .cart-items .cart-item .label,.dir-rtl .cart .cart-items .cart-item .name {
    margin-left: 8px
}

.cart .cart-items .cart-item .name {
    font-weight: 500
}

.cart .cart-items .cart-item .btn.coupon-remove {
    display: flex;
    border-radius: 12px;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    opacity: .5
}

body:not(.dir-rtl) .cart .cart-items .cart-item .btn.coupon-remove {
    margin-left: 8px
}

.dir-rtl .cart .cart-items .cart-item .btn.coupon-remove {
    margin-right: 8px
}

.cart .cart-items .cart-item .btn.coupon-remove svg {
    position: relative;
    font-size: 18px;
    color: var(--prim-col)
}

body:not(.dir-rtl) .cart .cart-items .cart-item .btn.coupon-remove svg {
    margin-right: 0
}

.dir-rtl .cart .cart-items .cart-item .btn.coupon-remove svg {
    margin-left: 0
}

.cart .cart-items .cart-item .btn.coupon-remove:hover {
    opacity: 1
}

.cart .cart-items .cart-item.flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.cart .cart-items .cart-item.flex .line {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center
}

.cart .cart-items .cart-item.flex .spec-block {
    flex-shrink: 1;
    display: flex;
    flex-wrap: wrap
}

.cart .cart-items .cart-item.flex .spec-block.discount {
    align-items: center;
    background: var(--third-bg);
    padding: 2px 12px;
    font-size: .8em;
    border-radius: 4px
}

.cart .cart-items .cart-item.flex .spec-block.discount .discount-value {
    margin: 0
}

.cart .cart-items .cart-item.flex .price-block {
    flex-grow: 0;
    white-space: nowrap
}

body:not(.dir-rtl) .cart .cart-items .cart-item.flex .price-block {
    margin-left: auto
}

.dir-rtl .cart .cart-items .cart-item.flex .price-block {
    margin-right: auto
}

body:not(.dir-rtl) .cart .cart-items .cart-item.flex .price {
    padding-left: 5px
}

.dir-rtl .cart .cart-items .cart-item.flex .price {
    padding-right: 5px
}

body:not(.dir-rtl) .cart .cart-items .cart-item.flex .price {
    margin-left: auto
}

.dir-rtl .cart .cart-items .cart-item.flex .price {
    margin-right: auto
}

.cart .cart-items .cart-item .price.price-old {
    opacity: .5;
    text-decoration: line-through;
    font-size: .85rem
}

body:not(.dir-rtl) .cart .cart-items .cart-item .price.price-old {
    margin-right: 6px
}

.dir-rtl .cart .cart-items .cart-item .price.price-old {
    margin-left: 6px
}

.cart .cart-items .cart-item .amount {
    font-size: .9em;
    display: inline-block;
    border-radius: 16px;
    min-width: 16px;
    padding: 0 4px;
    text-align: center
}

body:not(.dir-rtl) .cart .cart-items .cart-item .amount {
    margin-right: 4px
}

.dir-rtl .cart .cart-items .cart-item .amount {
    margin-left: 4px
}

.cart .cart-items .applied-discounts {
    padding-bottom: 0;
    margin-top: 12px;
    border-radius: 4px;
    position: relative
}

.cart .cart-items .applied-discounts h5 {
    margin-top: 0;
    margin-bottom: 8px
}

.cart .cart-items .total {
    font-weight: 600
}

.cart-disclaimer a {
    text-decoration: none;
    font-size: .75em;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.2em
}

body:not(.dir-rtl) .cart-disclaimer a {
    margin-right: 12px
}

.dir-rtl .cart-disclaimer a {
    margin-left: 12px
}

.cart-holder {
    background: var(--sec-bg)
}

body:not(.dir-rtl) .cart-holder {
    border-left: 1px solid var(--third-border-color)
}

.dir-rtl .cart-holder {
    border-right: 1px solid var(--third-border-color)
}

@media (max-width: 768px) {
    .cart-holder {
        border:none
    }
}

.cart .cart-inner .cart-footer {
    background: var(--sec-bg);
    border-top: 1px solid var(--third-border-color)
}

.cart .cart-items {
    overflow-y: auto
}

.cart .cart-items .cart-item {
    border-top: 1px solid var(--third-border-color);
    color: var(--third-col)
}

.cart .cart-items .cart-item .amount {
    background: var(--third-bg);
    color: var(--third-col)
}

.cart .cart-items .cart-item.second {
    border: none;
    padding: 2px 0;
    font-size: .85em;
    line-height: 1.25em;
    opacity: .75
}

.cart .cart-items .applied-discounts {
    background: var(--sec-bg)
}

.cart-disclaimer a {
    color: var(--fourth-col)
}

.cart-disclaimer a:hover {
    color: var(--third-col)
}

.account-header {
    position: relative
}

.account-grid {
    min-height: 100vh;
    display: flex
}

.account-grid .account-left {
    background: var(--vi-colors-brandBackground);
    width: 100%;
    padding: 12px
}

@media (min-width: 768px) {
    .account-grid .account-left {
        width:33.3%
    }
}

@media (max-width: 768px) {
    .account-grid {
        flex-direction:column
    }
}

.account-grid .account-right {
    flex-grow: 1;
    padding: 28px;
    display: flex;
    flex-direction: column
}

.account-grid .account-right .mini-container {
    margin-top: auto;
    max-width: 580px
}

.account-grid .account-right .footer-container {
    padding-top: 15px;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .account-grid .account-right .footer-container {
        margin-top:auto
    }
}

@media (max-width: 768px) {
    .account-grid .account-right .footer-container {
        margin-bottom:auto
    }
}

.account-grid .account-right .links a {
    color: var(--third-col);
    text-decoration: none;
    font-size: .8em
}

body:not(.dir-rtl) .account-grid .account-right .links a {
    margin-right: 20px
}

.dir-rtl .account-grid .account-right .links a {
    margin-left: 20px
}

.account-grid .account-right .links svg {
    color: var(--third-col)
}

body:not(.dir-rtl) .account-grid .account-right .links svg {
    margin-right: 4px
}

.dir-rtl .account-grid .account-right .links svg {
    margin-left: 4px
}

.account-grid .account-right .links .language-switcher {
    -webkit-appearance: none;
    font-size: .8em;
    box-shadow: none;
    cursor: pointer;
    border: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--third-col);
    background: transparent
}

body:not(.dir-rtl) .account-grid .account-right .links .language-switcher {
    margin-right: 20px
}

.dir-rtl .account-grid .account-right .links .language-switcher {
    margin-left: 20px
}

.transaction {
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--sec-border-color);
    background: #fff;
    margin-top: 18px;
    transition: box-shadow .25s ease-in-out
}

.transaction .inner {
    padding: 16px
}

.transaction:hover {
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)
}

.transaction .disabled {
    background: #e5e5e5
}

.transaction .transaction-ticket {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 10px;
    margin: 5px 0;
    background: var(--sec-bg)
}

.transaction .seller-with-image img {
    width: 18px;
    height: 18px;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

.transaction .seller-with-image div {
    vertical-align: top;
    display: inline-block
}

.seperator {
    margin-top: 12px;
    margin-bottom: 12px;
    border: .5px solid var(--third-border-color)
}

.cart-summary .seperator {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px solid var(--third-border-color)
}

.account-pill {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--prim-bg);
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 1px 2px 0 rgba(0,0,0,.05);
    border: 1px solid var(--sec-border-color);
    border-radius: 18px;
    padding: 4px 12px;
    transition: box-shadow .2s ease-in;
    font-size: .9em;
    color: var(--sec-color);
    font-weight: 500
}

.account-pill:hover {
    cursor: pointer;
    box-shadow: 0 0 12px rgba(0,0,0,.2)
}

.account-pill .indicator {
    vertical-align: text-top;
    display: inline-block;
    margin-top: 4px
}

.account-pill .indicator .line {
    width: 18px;
    height: 2px;
    margin-bottom: 4px;
    border-radius: 4px;
    background: var(--border-color)
}

.account-menu {
    background: var(--prim-bg);
    box-shadow: 0 0 6px rgba(0,0,0,.15);
    border-radius: 12px;
    position: absolute;
    top: 40px;
    min-width: 210px;
    z-index: 100
}

body:not(.dir-rtl) .account-menu {
    right: 0
}

.dir-rtl .account-menu {
    left: 0
}

.account-menu .account-menu-item {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: var(--sec-color);
    font-size: 1em;
    letter-spacing: -.015em;
    font-weight: 500;
    margin: 0
}

.account-menu .account-menu-item.large {
    font-size: 19px
}

@media (max-width: 768px) {
    .account-menu .account-menu-item.large {
        font-size:16px
    }
}

.account-menu .account-menu-item.mlarge {
    font-size: 16px
}

@media (max-width: 768px) {
    .account-menu .account-menu-item.mlarge {
        font-size:14px
    }
}



.account-menu .account-menu-item.xsmall {
    font-size: 12px
}

@media (max-width: 768px) {
    .account-menu .account-menu-item.xsmall {
        font-size:10px
    }
}

.account-menu .account-menu-item:hover {
    background: var(--sec-bg);
    cursor: pointer
}

.account-menu .account-menu-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.account-menu .account-menu-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.account-menu .seperator {
    width: 100%;
    background: var(--third-bg);
    height: 1px;
    margin: 0;
    display: block;
    border: none
}

.cart-pill {
    background: var(--prim-bg);
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    border-radius: 18px;
    border-width: 0;
    height: 35px;
    padding: 4px 12px;
    transition: box-shadow .2s ease-in;
    font-size: .9em;
    color: var(--sec-color);
    font-weight: 500
}

.cart-pill:hover {
    cursor: pointer;
    box-shadow: 0 0 12px rgba(0,0,0,.2)
}

.cart-pill .indicator {
    vertical-align: text-top;
    display: inline-block;
    background: var(--sec-bg);
    border-radius: 8px;
    line-height: 14px;
    padding: 4px 6px;
    font-size: 14px
}

body:not(.dir-rtl) .cart-pill .indicator {
    margin-left: 8px
}

.dir-rtl .cart-pill .indicator {
    margin-right: 8px
}

.error-page-container {
    color: #000;
    background: #fff;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Fira Sans,Avenir,Helvetica Neue,Lucida Grande,sans-serif;
    height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.error-page-container .message-code {
    display: inline-block;
    margin: 0;
    padding: 10px 23px 10px 0;
    font-size: 24px;
    font-weight: 500;
    vertical-align: top
}

body:not(.dir-rtl) .error-page-container .message-code {
    border-right: 1px solid rgba(0,0,0,.3)
}

.dir-rtl .error-page-container .message-code {
    border-left: 1px solid rgba(0,0,0,.3)
}

body:not(.dir-rtl) .error-page-container .message-code {
    margin-right: 23px
}

.dir-rtl .error-page-container .message-code {
    margin-left: 23px
}

.error-page-container .message-holder {
    display: inline-block;
    line-height: 49px;
    height: 49px;
    vertical-align: middle
}

body:not(.dir-rtl) .error-page-container .message-holder {
    text-align: left
}

.dir-rtl .error-page-container .message-holder {
    text-align: right
}

.error-page-container .message-holder>* {
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.ticket-cell {
    display: flex;
    position: relative;
    border-radius: 8px;
    cursor: pointer
}

.ticket-cell .accessory {
    width: 28px
}

body:not(.dir-rtl) .ticket-cell .accessory {
    padding-right: 12px
}

.dir-rtl .ticket-cell .accessory {
    padding-left: 12px
}

.ticket-cell .accessory svg {
    position: absolute;
    margin-top: -14px;
    top: 50%;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: middle
}

.dir-rtl .ticket-cell .accessory svg {
    transform: rotate(180deg)
}

.ticket-cell .accessory svg path {
    opacity: 1;
    fill: #bfbfbf
}

.ticket-cell.cursor-default {
    cursor: default
}

@media (max-width: 768px) {
    .ticket-cell {
        width:100%
    }
}

.wallet-icon {
    display: block;
    max-height: 24px;
    width: auto;
    height: auto
}

.download-all-holder {
    padding-top: 4px;
    padding-bottom: 12px;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0
}

.transaction-header {
    position: relative;
    top: 0;
    background: var(--prim-bg);
    padding: 128px 0 0;
    height: 430px;
    overflow: visible
}

@media (max-width: 768px) {
    .transaction-header {
        padding-top:64px
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100vw)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100vw)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.tickets-desktop-navigation {
    display: none
}

@media (min-width: 1024px) {
    .tickets-desktop-navigation {
        display:block;
        position: absolute;
        z-index: 99999;
        top: 50%;
        margin-top: -21px;
        left: 0;
        right: 0
    }

    .tickets-desktop-navigation .next,.tickets-desktop-navigation .prev {
        position: absolute;
        cursor: pointer;
        background: #fff;
        border-radius: 21px;
        width: 42px;
        height: 42px;
        padding: 10px;
        box-shadow: 0 0 8px rgba(0,0,0,.25)
    }

    .tickets-desktop-navigation .next svg,.tickets-desktop-navigation .prev svg {
        width: 20px
    }

    .tickets-desktop-navigation .next svg path,.tickets-desktop-navigation .prev svg path {
        fill: rgba(0,0,0,.25)
    }

    .tickets-desktop-navigation .prev {
        animation: slideInLeft .75s ease-in-out;
        left: 20px
    }

    .tickets-desktop-navigation .prev svg {
        transform: rotate(-180deg)
    }

    .tickets-desktop-navigation .next {
        animation: slideInRight .75s ease-in-out;
        right: 20px
    }

    body:not(.dir-rtl) .tickets-desktop-navigation+.tickets-count-text {
        right: 25px
    }

    .dir-rtl .tickets-desktop-navigation+.tickets-count-text {
        left: 25px
    }
}

.tickets-modal .tickets-count-text {
    position: relative;
    color: rgba(0,0,0,.4);
    font-size: .8em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body:not(.dir-rtl) .tickets-modal .tickets-count-text {
    float: right
}

.dir-rtl .tickets-modal .tickets-count-text {
    float: left
}

.ticket-card .event-image-container {
    width: 100%;
    overflow: hidden
}

.ticket-card .event-image-container:empty {
    background-color: #000
}

.ticket-card .event-image-container img {
    border-radius: 6px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ticket-card .ticketseperator {
    position: relative;
    display: block;
    height: 46px;
    margin: -12px -22px 12px;
    overflow: hidden
}

.ticket-card .ticketseperator .cutout-left {
    height: 46px;
    width: 46px;
    background: #ebebeb;
    border-radius: 23px;
    position: absolute;
    left: -28px
}

.ticket-card .ticketseperator .line {
    height: 4px;
    background: #f8f8f8;
    margin-top: 19px;
    width: 100%
}

.ticket-card .ticketseperator .cutout-right {
    height: 46px;
    width: 46px;
    background: #ebebeb;
    border-radius: 23px;
    position: absolute;
    right: -28px
}

@media (max-width: 768px) {
    .transaction-detail-sidebar {
        border-radius:6px;
        padding: 20px 10px;
        background: var(--sec-bg);
        color: var(--sec-color);
        margin-top: 30px
    }
}

.btn.download-button {
    border-radius: 4px!important;
    padding: 5px 10px!important;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.12);
    font-size: 14px!important
}

.btn.download-button svg {
    font-size: 18px;
    vertical-align: middle;
    margin-bottom: 3px
}

body:not(.dir-rtl) .btn.download-button svg {
    margin-right: 3px
}

.dir-rtl .btn.download-button svg {
    margin-left: 3px
}

.wallet-button {
    margin-top: 16px;
    height: 48px;
    max-width: 180px
}

.transaction-inner-body {
    background: var(--prim-bg);
    border-radius: 8px;
    color: var(--prim-col);
    position: relative;
    z-index: 5;
    padding: 0 24px!important;
    padding-top: 0
}

@media (max-width: 768px) {
    .transaction-inner-body {
        padding:15px!important
    }
}

.ticket-card .ticket-card-inner-box {
    padding: 6px 22px;
    background-color: #fff;
    border-radius: 8px
}

.ticket-card .ticket-transfer-inner-box {
    padding-bottom: 22px
}

.ticket-card .ticket-card-separator {
    height: 4px;
    margin: 0 8px;
    background: #ebebeb
}

.ticket-card .event-image-container {
    position: relative;
    line-height: 0;
    margin-top: -6px;
    margin-left: -22px;
    margin-right: -22px;
    width: auto
}

.ticket-card .event-name {
    color: #fff;
    font-weight: 500;
    padding: 8px 22px;
    margin: -22px -22px 22px;
    background: #000;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    line-height: 1.5
}

.tickets-modal-holder {
    background: none!important;
    overflow: visible!important
}

.tickets-modal-holder .modal-header-title-text {
    display: none
}

.tickets-modal-holder .inner {
    padding: 0!important
}

.tickets-modal-holder .modal-header {
    padding: 0 22px;
    position: absolute;
    z-index: 1;
    top: 22px;
    margin-bottom: 0!important;
    left: 0;
    right: 0;
    color: #fff
}

.tickets-modal-holder .modal-header .close-button-icon {
    color: #fff!important
}

.barcode img,.barcode svg {
    max-width: 100%
}

.seller-image {
    width: 80px
}

.align-center {
    text-align: center
}

.pt-20 {
    padding-top: 20px
}

.seller-title {
    line-height: 1.2em
}

.seller-body {
    background: var(--prim-bg)
}

.seller-header-bg {
    height: 420px;
    width: 100%;
    top: 0;
    position: absolute
}

@media (max-width: 1200px) {
    .seller-header-bg {
        height:395px
    }
}

@media (max-width: 990px) {
    .seller-header-bg {
        height:340px
    }
}

@media (max-width: 768px) {
    .seller-header-bg {
        height:210px
    }
}

.seller-header {
    margin-top: 84px
}

.seller-header .brand {
    position: absolute;
    top: 16px;
    z-index: 2;
    width: 120px
}

.seller-header .brand .brand-img {
    max-height: 50px
}

@media (max-width: 768px) {
    .seller-header {
        margin-top:56px
    }

    .seller-header .brand {
        width: 96px
    }
}

.seller-hero-navbar {
    position: fixed;
    padding: 12px 16px;
    z-index: 5;
    display: flex;
    flex-direction: row;
    background: var(--prim-bg);
    width: 100%;
    top: 0;
    min-height: 56px
}

.seller-hero-navbar .seller-hero-navbar-actions {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 12px
}

.seller-hero-navbar .seller-hero-navbar-actions .actions-header {
    position: relative!important;
    inset: unset!important;
    margin-left: unset!important
}

.seller-hero-navbar.transparent {
    box-shadow: none;
    position: relative;
    background: none
}

.seller-hero-navbar .brand {
    position: absolute;
    margin-top: 4px
}

@media (max-width: 768px) {
    .seller-hero-navbar .brand {
        margin-top:-3.5px;
        height: 40px
    }
}

.seller-hero-navbar .brand img {
    transition: all .3s ease-in-out;
    max-width: 150px;
    max-height: 84px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 768px) {
    .seller-hero-navbar .brand img {
        height:40px
    }
}

.seller-hero-navbar .brand.brand-sm {
    margin-top: -3.5px
}

.seller-hero-navbar .brand.brand-sm img {
    max-height: 40px
}

.seller-hero-navbar .links {
    display: flex;
    align-items: center;
    gap: 12px 24px;
    white-space: nowrap;
    flex-wrap: wrap;
    overflow-y: hidden;
    align-self: center
}

.seller-hero-navbar .links a {
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    opacity: .75;
    font-weight: 500
}

.seller-hero-navbar .links a:hover {
    opacity: 1
}

.section-page .actions-header,.seller-page .actions-header {
    position: fixed;
    top: 16px
}

body:not(.dir-rtl) .section-page .actions-header,body:not(.dir-rtl) .seller-page .actions-header {
    right: 61px
}

.dir-rtl .section-page .actions-header,.dir-rtl .seller-page .actions-header {
    left: 61px
}

body:not(.dir-rtl) .section-page .actions-header,body:not(.dir-rtl) .seller-page .actions-header {
    margin-left: auto
}

.dir-rtl .section-page .actions-header,.dir-rtl .seller-page .actions-header {
    margin-right: auto
}

.hamburger-button {
    background: none;
    border: none;
    display: flex;
    gap: 6px;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 4px;
    padding-bottom: 4px
}

.hamburger-button div {
    background: var(--vi-colors-headerText);
    height: 3px;
    width: 24px;
    opacity: .75
}

.hamburger-button div:nth-child(2) {
    transition: width .15s ease-in-out;
    width: 12px
}

.hamburger-button:hover {
    cursor: pointer
}

.hamburger-button:hover div {
    opacity: 1
}

.hamburger-button:hover div:nth-child(2) {
    width: 24px
}

.hamburger-menu-holder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    z-index: 5
}

.hamburger-menu-holder .hamburger-menu {
    width: 100%;
    max-width: 480px;
    position: fixed;
    top: 0;
    height: 100vh;
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    animation: slideInFromRight .26s ease-in-out 0s;
    padding: 24px;
    overflow-y: auto
}

body:not(.dir-rtl) .hamburger-menu-holder .hamburger-menu {
    right: 0
}

.dir-rtl .hamburger-menu-holder .hamburger-menu {
    left: 0
}

.hamburger-menu-holder .hamburger-menu .links {
    padding-top: 24px;
    display: flex;
    gap: 24px;
    flex-direction: column
}

@media (max-width: 768px) {
    .hamburger-menu-holder .hamburger-menu .links {
        gap:20px
    }
}

.hamburger-menu-holder .hamburger-menu .links a {
    opacity: .75;
    font-size: 22px;
    width: 100%;
    text-decoration: none;
    display: block;
    font-weight: 500
}

.hamburger-menu-holder .hamburger-menu .links a:hover {
    opacity: 1
}

@media (max-width: 768px) {
    .hamburger-menu-holder .hamburger-menu .links a {
        font-size:18px
    }
}

.hamburger-menu-holder .hamburger-menu .close-button {
    background: none;
    border: none;
    display: flex;
    gap: 6px;
    flex-direction: column;
    margin-left: auto;
    transform: translateX(14px);
    height: 28px
}

.hamburger-menu-holder .hamburger-menu .close-button div {
    background: var(--vi-colors-headerText);
    height: 2.5px;
    width: 28px;
    opacity: .75
}

.hamburger-menu-holder .hamburger-menu .close-button div:first-child {
    transform: rotate(45deg) translateY(6px)
}

.hamburger-menu-holder .hamburger-menu .close-button div:nth-child(2) {
    transform: rotate(-45deg) translateY(-6px)
}

.hamburger-menu-holder .hamburger-menu .close-button:hover {
    cursor: pointer
}

.hamburger-menu-holder .hamburger-menu .close-button:hover div {
    opacity: 1
}

.seller-hero-header {
    min-height: 650px;
    margin-top: 56px
}

.seller-hero-header .seller-hero-header-bg {
    position: relative;
    min-height: 650px;
    height: 100%;
    width: 100%
}

.seller-hero-header .seller-hero-header-bg img {
    border: none;
    position: absolute;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .seller-hero-header {
        display:flex;
        flex-direction: row;
        height: 55vh
    }

    .seller-hero-header.fullheight {
        height: 95vh
    }

    .seller-hero-header .shop-section-holder {
        width: 75%;
        min-width: 650px;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: var(--prim-bg)
    }

    body:not(.dir-rtl) .seller-hero-header .shop-section-holder {
        -webkit-clip-path: polygon(175px 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(175px 0,100% 0,100% 100%,0 100%)
    }

    .dir-rtl .seller-hero-header .shop-section-holder {
        -webkit-clip-path: polygon(0 0,calc(100% - 175px) 0,100% 100%,0 100%);
        clip-path: polygon(0 0,calc(100% - 175px) 0,100% 100%,0 100%)
    }

    body:not(.dir-rtl) .seller-hero-header .shop-section-holder {
        margin-left: -175px
    }

    .dir-rtl .seller-hero-header .shop-section-holder {
        margin-right: -175px
    }

    body:not(.dir-rtl) .seller-hero-header .shop-section-inner {
        margin-left: 85px
    }

    .dir-rtl .seller-hero-header .shop-section-inner {
        margin-right: 85px
    }

    .seller-hero-sections-area .shop-section-holder {
        min-height: 350px
    }

    .seller-hero-sections-area .shop-section-holder .shop-section {
        height: 350px
    }
}

.shop-section {
    text-decoration: none;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 50px 25px
}

.shop-section .section-image {
    max-width: 100%;
    max-height: 100px
}

@media (max-width: 1024px) {
    .shop-section:nth-child(3n+1) .section-background {
        background:var(--third-border-color)
    }

    .shop-section:nth-child(3n+2) .section-background {
        background: var(--sec-border-color)
    }

    .shop-section:nth-child(3n+3) .section-background {
        background: var(--border-color)
    }
}

@media (min-width: 1024px) {
    .shop-section:first-child .section-background,.shop-section:nth-child(5) .section-background,.shop-section:nth-child(9) .section-background {
        background:var(--third-border-color)
    }

    .shop-section:nth-child(2) .section-background,.shop-section:nth-child(6) .section-background,.shop-section:nth-child(7) .section-background {
        background: var(--sec-border-color)
    }

    .shop-section:nth-child(3) .section-background,.shop-section:nth-child(4) .section-background,.shop-section:nth-child(8) .section-background {
        background: var(--border-color)
    }
}

.shop-section .section-background {
    opacity: .5;
    background-position: 50%;
    transition: all .3s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%
}

.shop-section .section-background img {
    border: none;
    width: 100%;
    height: 100%
}

.shop-section:focus .section-background,.shop-section:hover .section-background {
    opacity: .4;
    cursor: pointer
}

.shop-section.with-background {
    color: #fff;
    background: #000
}

.shop-section.with-background:focus .section-background,.shop-section.with-background:hover .section-background {
    opacity: .75;
    transform: scale(1.1)
}

.shop-section .shop-section-inner {
    position: relative;
    z-index: 1
}

@media (max-width: 1024px) {
    .shop-section {
        padding:0 20px;
        height: 175px
    }

    .seller-hero-header,.seller-hero-header .seller-hero-header-bg {
        min-height: 450px
    }

    .seller-hero-navbar .links {
        display: none
    }
}

.seller-info-page .brand,.seller-info-page svg {
    margin-top: 30px;
    max-width: 120px
}

.grey .seller-info-page .brand,.white .seller-info-page .brand {
    fill: #000
}

.grey .seller-info-page .brand .st0,.white .seller-info-page .brand .st0 {
    stroke: #000
}

.grey .seller-info-page .brand .st2,.white .seller-info-page .brand .st2 {
    fill: #000
}

.loading-spinner {
    animation: fade-in 1s
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.event-calendar {
    height: 700px;
    margin: 15px -15px 0;
    transition: opacity 0s
}

.event-calendar.weekly {
    height: auto;
    margin: 15px 0
}

.event-calendar.loading {
    opacity: .5;
    transition-delay: .4s
}

.event-calendar .rbc-calendar .rbc-toolbar-label {
    font-weight: 500
}

body:not(.dir-rtl) .event-calendar .rbc-calendar .rbc-toolbar-label {
    text-align: right
}

.dir-rtl .event-calendar .rbc-calendar .rbc-toolbar-label {
    text-align: left
}

.event-calendar .rbc-calendar .rbc-header {
    padding: 8px;
    background: var(--sec-bg)
}

.event-calendar .rbc-calendar .rbc-day-bg,.event-calendar .rbc-calendar .rbc-header,.event-calendar .rbc-calendar .rbc-month-row {
    border-color: var(--sec-border-color)!important
}

.event-calendar .rbc-calendar .rbc-month-view {
    border: 1px solid var(--sec-border-color)!important
}

.event-calendar .rbc-calendar .rbc-day-bg {
    background: var(--prim-bg)
}

.event-calendar .rbc-calendar .rbc-today {
    background: var(--third-bg)
}

.event-calendar .rbc-calendar .rbc-month-view {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.12)
}

.event-calendar .rbc-calendar .rbc-row-segment {
    padding: 2px 5px
}

.event-calendar .rbc-btn-group button {
    border-radius: 4px!important;
    border: none;
    padding: 8px 15px;
    background: var(--third-bg)!important;
    color: var(--third-col)!important;
    cursor: pointer;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.12)
}

body:not(.dir-rtl) .event-calendar .rbc-btn-group button {
    margin-right: 10px
}

.dir-rtl .event-calendar .rbc-btn-group button {
    margin-left: 10px
}

.event-calendar .rbc-btn-group button:active,.event-calendar .rbc-btn-group button:focus,.event-calendar .rbc-btn-group button:hover {
    background: var(--third-bg)!important
}

.event-calendar .rbc-show-more {
    text-decoration: none;
    font-weight: 400;
    background: none;
    font-size: .8em;
    color: var(--prim-col);
    opacity: .75
}

a.event-label>.rbc-event {
    text-decoration: none;
    color: var(--accent-color-foreground);
    display: block
}

.rbc-event {
    background: var(--accent-color)!important;
    font-size: .8em;
    transition: all .15s ease-in-out
}

.rbc-event:hover {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.24)
}

.rbc-overlay {
    border-radius: 8px;
    overflow: hidden;
    background: var(--third-bg)!important;
    border-color: var(--third-border-color)!important
}

.rbc-overlay .rbc-overlay-header {
    padding: 5px 10px;
    border: none
}

.rbc-overlay .rbc-event {
    margin-bottom: 6px
}

.weekly-calendar .weekly-calendar-day {
    padding: 14px 6px;
    border-top-width: 1px;
    border: 1px solid var(--border-color);
    border-top: 0 solid var(--border-color);
    display: flex;
    flex-direction: row
}

.weekly-calendar .weekly-calendar-day:first-child {
    border-top-width: 1px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.weekly-calendar .weekly-calendar-day:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.weekly-calendar .weekly-calendar-day .dateindicator {
    margin-bottom: 12px
}

.weekly-calendar .weekly-calendar-day .weekly-calendar-events {
    align-self: center;
    margin-left: 6px;
    width: 100%
}

.weekly-calendar .weekly-calendar-day .weekly-calendar-events .rbc-event {
    margin-bottom: 10px
}

.gallery-modal {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    animation: scaleIn .3s ease-in-out;
    background: #000;
    display: flex;
    flex-direction: column;
    height: 100%
}

.gallery-modal .gallery-image {
    height: calc(100vh - 160px);
    overflow: hidden;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    position: relative
}

.gallery-modal .gallery-image img {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    max-height: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.gallery-modal .gallery-image .gallery-image-information {
    border-radius: 4px;
    width: 100%;
    padding: 15px;
    color: #fff
}

@media (min-width: 1024px) {
    .gallery-modal .gallery-image .gallery-image-information {
        position:absolute;
        bottom: 25px;
        left: 50%;
        min-width: 250px;
        max-width: 700px;
        transform: translateX(-50%);
        background: rgba(0,0,0,.8);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }
}

.gallery-modal .gallery-image .gallery-image-information .gallery-image-title {
    font-size: 1.2em
}

.gallery-modal .gallery-image .gallery-image-information .gallery-image-description {
    font-size: .9em;
    opacity: .75
}

.gallery-modal .gallery-image .gallery-image-copyright {
    color: #fff;
    font-size: .8em;
    padding: 0 15px
}

@media (min-width: 1024px) {
    .gallery-modal .gallery-image .gallery-image-copyright {
        position:absolute;
        bottom: 5px
    }

    body:not(.dir-rtl) .gallery-modal .gallery-image .gallery-image-copyright {
        right: 5px
    }

    .dir-rtl .gallery-modal .gallery-image .gallery-image-copyright {
        left: 5px
    }
}

@media (max-width: 1024px) {
    .gallery-modal .gallery-image .gallery-image-caption-container {
        position:absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.8);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }
}

.gallery-modal .gallery-other-images {
    margin-top: auto;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    padding: 25px 10px;
    overflow-y: hidden;
    overflow-x: scroll;
    scroll-snap-type: x mandatory
}

.gallery-modal .gallery-other-images .gallery-image-small {
    width: 100px;
    height: 100px;
    margin: 0 15px;
    border: 2px solid transparent;
    border-radius: 4px;
    flex-shrink: 0;
    scroll-snap-align: start;
    cursor: pointer;
    opacity: .75;
    transition: all .3s ease-in-out
}

body:not(.dir-rtl) .gallery-modal .gallery-other-images .gallery-image-small:first-child {
    margin-left: 0
}

.dir-rtl .gallery-modal .gallery-other-images .gallery-image-small:first-child {
    margin-right: 0
}

.gallery-modal .gallery-other-images .gallery-image-small img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery-modal .gallery-other-images .gallery-image-small.selected,.gallery-modal .gallery-other-images .gallery-image-small:hover {
    opacity: 1;
    border-color: hsla(0,0%,100%,.5)
}

body:not(.dir-rtl) .gallery-modal .gallery-other-images .gallery-image-small:last-child {
    margin-right: 0
}

.dir-rtl .gallery-modal .gallery-other-images .gallery-image-small:last-child {
    margin-left: 0
}

.event-body {
    background: var(--prim-bg)
}

.event-header-bg {
    height: 620px;
    width: 100%;
    top: 0;
    position: absolute
}

.event-header-bg img {
    border: none;
    width: 100%;
    height: 100%
}

@media (max-width: 1200px) {
    .event-header-bg {
        height:395px
    }
}

@media (max-width: 990px) {
    .event-header-bg {
        height:340px
    }
}

@media (max-width: 768px) {
    .event-header-bg {
        height:210px
    }
}

.event-header-bg.root-page {
    height: 420px
}

@media (max-width: 1200px) {
    .event-header-bg.root-page {
        height:275px
    }
}

@media (max-width: 990px) {
    .event-header-bg.root-page {
        height:175px
    }
}

@media (max-width: 768px) {
    .event-header-bg.root-page {
        height:190px
    }
}

.event-header {
    margin-top: 84px
}

.event-header .brand {
    position: absolute;
    top: 16px;
    z-index: 2;
    width: 120px
}

.event-header .brand img {
    max-height: 50px
}

@media (max-width: 768px) {
    .event-header {
        margin-top:72px
    }

    .event-header .brand {
        width: 96px
    }
}

.event .close-button {
    position: fixed;
    top: 28px;
    opacity: .8;
    transition: opacity .25s ease-in-out;
    z-index: 11;
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 24px;
    overflow: hidden;
    background: rgba(0,0,0,.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-width: 0
}

body:not(.dir-rtl) .event .close-button {
    right: 28px
}

.dir-rtl .event .close-button {
    left: 28px
}

.event .close-button .stripe {
    position: absolute;
    top: 20px;
    background: #fff;
    display: inline-block
}

body:not(.dir-rtl) .event .close-button .stripe {
    left: 8px
}

.dir-rtl .event .close-button .stripe {
    right: 8px
}

.event .close-button .one {
    width: 26px;
    height: 3px;
    transform: rotate(-45deg)
}

.event .close-button .two {
    width: 26px;
    height: 3px;
    transform: rotate(45deg)
}

.event .close-button:hover {
    cursor: pointer;
    opacity: 1
}

.checkout-presenter {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 10
}

.event-info-holder {
    top: 16px;
    position: sticky;
    position: -webkit-sticky;
    margin-bottom: 24px
}



.event-info {
    z-index: 10;
    display: block;
    background: var(--prim-bg);
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    border: 1px solid var(--third-border-color);
    border-radius: 8px;
    top: 16px
}

.black .event-info {
    background: var(--third-bg)
}

.event-info .from-holder {
    padding: 12px 16px
}

.event-info .folded {
    background: var(--sec-bg);
    max-height: 0;
    height: 0;
    overflow: hidden;
    transition: max-height .35s ease-in-out;
    padding: 0
}

.event-info .folded.open {
    padding: 16px;
    height: auto;
    max-height: 300px;
    transition: max-height .35s ease-in-out
}

@media (max-width: 768px) {
    .event-info .folded {
        display:none
    }
}



@media (max-width: 768px) {
    .event-info {
        display:none
    }

    .event-info.msticky {
        display: block;
        position: fixed;
        bottom: 0;
        top: auto;
        width: 100%;
        z-index: 2
    }

    body:not(.dir-rtl) .event-info.msticky {
        left: 0
    }

    .dir-rtl .event-info.msticky {
        right: 0
    }
}

@media (min-width: 768px) {
    .event-info {
        margin-bottom:24px
    }
}

.event-recurrence-modal {
    width: 100%!important;
    left: 0!important;
    margin-left: 0!important;
    bottom: 0!important;
    top: auto!important;
    transform: none!important;
    min-height: 100%
}

.event-recurrence-modal .inner {
    margin-left: auto;
    margin-right: auto;
    width: 500px!important;
    padding-top: 0!important;
    padding-left: 0!important;
    padding-right: 0!important
}



@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.event-recurrence-modal .modal-header {
    top: 0;
    position: sticky;
    z-index: 10;
    margin: 0;
    margin-bottom: 16px!important;
    padding: 16px 12px 12px;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-bottom: 1px solid var(--sec-border-color)
}

.black .event-recurrence-modal .modal-header {
    background: rgba(0,0,0,.8)
}

.event-recurrence-modal .modal-header button {
    position: relative;
    right: 24px;
    top: 4px
}

.event-recurrence-modal .event-recurrence-modal-item {
    padding: 12px 16px;
    margin-bottom: 16px;
    margin-left: 12px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    border: 1px solid var(--third-bg);
    border-radius: 8px
}

.event-recurrence-modal .event-recurrence-modal-item .availability-indicator>.descriptor {
    margin-top: 4px;
    margin-bottom: 4px
}

.event-reccurence-inline {
    display: none
}

@media (max-width: 768px) {
    .event-reccurence-inline {
        display:block;
        margin-top: 24px;
        margin-bottom: 24px
    }

    .event-reccurence-inline.msticky {
        position: fixed;
        bottom: 0;
        top: auto;
        width: 100%;
        z-index: 2;
        margin-top: 0;
        margin-bottom: 0;
        padding: 24px;
        background: var(--sec-bg);
        box-shadow: 0 0 12px var(--sec-border-color);
        border-radius: 8px 8px 0 0
    }

    body:not(.dir-rtl) .event-reccurence-inline.msticky {
        left: 0
    }

    .dir-rtl .event-reccurence-inline.msticky {
        right: 0
    }

    .black .event-reccurence-inline.msticky {
        background: var(--third-bg)
    }
}

.event-reccurence-sticky {
    display: block
}

@media (max-width: 768px) {
    .event-reccurence-sticky {
        display:none
    }
}

.event-recurrence-selector {
    z-index: 10;
    display: block
}



.event-recurrence-selector-item {
    padding: 8px 16px;
    min-height: 70px;
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    align-items: center;
    flex-direction: row
}

.event-recurrence-selector-item.active,.event-recurrence-selector-item:hover {
    background: var(--sec-bg)
}

.black .event-recurrence-selector-item.active {
    background: var(--prim-bg)
}

.event-recurrence-selector-footer {
    padding: 16px 0;
    text-align: center
}

.sold-out-fallback {
    text-align: center
}

.sale-area .sold-out-fallback {
    padding: 0
}

.sale-area {
    margin-top: 24px;
    margin-bottom: 24px;
    display: none
}

@media (max-width: 768px) {
    .sale-area {
        display:block
    }
}

.video-row {
    background: var(--prim-bg)
}

.video-placeholder {
    height: 400px;
    background: var(--sec-bg)
}

.event-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.event-gallery .gallery-item {
    width: 120px;
    height: 120px;
    box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent,0 1px 2px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    opacity: .85;
    transition: all .15s ease-in-out
}

@media (min-width: 768px) and (max-width:1024px) {
    .event-gallery .gallery-item {
        width:calc(25% - 10px);
        height: auto
    }
}

@media (max-width: 768px) {
    .event-gallery .gallery-item {
        width:calc(50% - 10px)
    }
}

.event-gallery .gallery-item:hover {
    opacity: 1
}

.event-gallery .gallery-item img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.touchscroll {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999
}

.touchscroll.checkoutV2 {
    background: rgba(0,0,0,.2)
}

.touchscroll.checkoutV2 .close-button {
    position: fixed;
    top: 20px
}

body:not(.dir-rtl) .touchscroll.checkoutV2 .close-button {
    right: 20px
}

.dir-rtl .touchscroll.checkoutV2 .close-button {
    left: 20px
}

.touchscroll.checkoutV2 .close-button i:hover {
    opacity: .8
}

.touchscroll.checkoutV2 .close-button i:before {
    font-size: 28px
}

.touchscroll.checkoutV2 object {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 12px rgba(0,0,0,.4);
    max-width: 1240px!important;
    height: calc(100% - 160px)!important;
    min-height: auto!important;
    width: 100%;
    margin: 80px auto auto!important
}

@media (min-width: 800px) {
    .touchscroll.checkoutV2 object .container {
        max-width:1000px
    }
}

@media (min-width: 1000px) {
    .touchscroll.checkoutV2 object .container {
        max-width:1050px
    }
}

@media (min-width: 1300px) {
    .touchscroll.checkoutV2 object .container {
        max-width:1240px
    }
}

.checkout-presenter {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    transition: background .4s ease-in-out;
    background: rgba(0,0,0,.2);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.checkout-presenter object {
    border-radius: 8px;
    overflow: hidden;
    max-width: 1240px!important;
    height: calc(100% - 160px);
    opacity: 0;
    transition: opacity,transform .5s ease-in-out;
    min-height: auto!important;
    width: 100%;
    margin: 80px auto auto!important;
    transform: scale(0)
}

.checkout-presenter.loaded {
    background: rgba(0,0,0,.4)
}

.checkout-presenter.loaded object {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 12px rgba(0,0,0,.4)
}

.checkout-presenter.legacy {
    overflow-y: scroll
}

.checkout-presenter.legacy object {
    min-height: 640px;
    height: auto;
    max-height: none!important
}



.header {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 25vh;
    padding-top: 10vh
}

.conversation-inner {
    margin-top: 36px
}

.support-item-cell {
    margin-bottom: 24px;
    width: 60%
}

@media (max-width: 768px) {
    .support-item-cell {
        width:75%
    }
}

.support-item-cell .support-item-body {
    padding: 12px 16px;
    background: #efefef;
    border-radius: 8px;
    white-space: pre-wrap;
    word-break: break-all
}

.support-item-cell .support-item-time {
    font-size: .8rem
}

body:not(.dir-rtl) .support-item-cell .support-item-time {
    margin-left: 8px
}

.dir-rtl .support-item-cell .support-item-time {
    margin-right: 8px
}

.support-item-cell.question .support-item-body {
    background: #2563eb;
    color: #fff
}

body:not(.dir-rtl) .support-item-right {
    margin-left: auto
}

.dir-rtl .support-item-right {
    margin-right: auto
}

body {
    margin: 0
}

.checkout {
    height: 100vh;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .checkout {
        height:auto
    }
}

.boxOnly .checkout {
    height: auto
}

.checkout .teaser {
    width: 100%;
    position: relative;
    height: 25vh;
    flex-shrink: 0;
    background-size: cover!important;
    background-position: 50%!important;
    z-index: 3;
    overflow: hidden;
    transition: width,height .5s ease-in-out;
    background: var(--third-bg)
}

.checkout .teaser.minified {
    height: 0
}

.checkout .teaser.minified .image {
    filter: blur(48px)!important
}

.checkout .teaser .image {
    transition: filter ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%
}

.checkout .teaser .inner {
    position: absolute;
    bottom: 20px;
    padding-left: 28px;
    padding-right: 28px;
    color: #fff
}

.checkout .teaser .inner img {
    max-width: 100%
}

.checkout .teaser .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent,transparent,rgba(0,0,0,.15),#000)
}

@media (max-width: 1200px) {
    .checkout .teaser {
        position:relative
    }

    .checkout .teaser .inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.checkout .main {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column
}

.seating.checkout .main {
    width: calc(100%)
}

body:not(.dir-rtl) .seating.checkout .main {
    margin-left: 0
}

.dir-rtl .seating.checkout .main {
    margin-right: 0
}

@media (max-width: 1200px) {
    .checkout .main {
        width:100%!important
    }

    body:not(.dir-rtl) .checkout .main {
        margin-left: 0
    }

    .dir-rtl .checkout .main {
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .checkout .main {
        width:100%!important;
        height: auto
    }

    body:not(.dir-rtl) .checkout .main {
        margin-left: 0
    }

    .dir-rtl .checkout .main {
        margin-right: 0
    }
}

.checkout .step-holder {
    overflow: auto;
    width: calc(100% - 33.3%)
}

.checkout .step-holder,.checkout .step-holder>.step-holder-content {
    flex: 1;
    display: flex;
    flex-direction: column
}

.checkout .step-holder .step {
    position: relative;
    display: block;
    flex: 1
}

.checkout .step-holder .step .seating-step {
    position: relative;
    display: block;
    height: 100%
}

.checkout .step-holder .step .seating-step .seatmap-no-tabs-container {
    height: 100%
}

.checkout .step-holder .step .seating-step .react-tabs {
    display: flex;
    flex-direction: column;
    height: 100%
}

.checkout .step-holder .step .seating-step .react-tabs__tab-list {
    padding: 12px 16px 0;
    margin: 0
}

.checkout .step-holder .step .seating-step .react-tabs__tab-panel:not(.react-tabs__tab-panel--selected) {
    display: none
}

.checkout .step-holder .step .seating-step .react-tabs__tab-panel {
    flex: 1
}

.checkout .step-holder .step .mobile-selector {
    display: none
}

@media (max-width: 768px) {
    .checkout .step-holder .step .mobile-selector {
        display:block;
        padding-top: 32px;
        padding-bottom: 46px
    }
}

.checkout .step-holder .step .seatmap-holder {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--prim-bg)
}

@media (max-width: 768px) {
    .checkout .step-holder .step .seatmap-holder {
        visibility:hidden;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4
    }

    .checkout .step-holder .step .seatmap-holder.mobile-visible {
        visibility: visible
    }
}

.checkout .step-holder .step .seatmap-holder .close-button {
    display: none;
    z-index: 5
}

@media (max-width: 768px) {
    .checkout .step-holder .step .seatmap-holder .close-button {
        display:block;
        margin: 12px
    }
}

.checkout .step-holder .step .default-step {
    position: relative;
    max-width: 640px;
    margin: auto;
    padding: 0 24px
}

@media (max-width: 768px) {
    .checkout .step-holder .step .default-step {
        padding:16px
    }
}

.checkout .step-holder .step .sold-out-products {
    margin-top: 48px;
    padding: 24px;
    font-weight: 500;
    border: 2px solid var(--third-border-color);
    border-radius: 8px
}

.checkout .step-holder .step .sold-out-fallback {
    padding: 0
}

.checkout .step-holder .step2 {
    padding-bottom: 36px
}

.checkout .step-holder .seatselector {
    position: relative;
    display: block
}

.checkout .step-holder .seatselector iframe {
    border: none;
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .checkout .step-holder .seatselector {
        height:100%
    }
}

.seating.checkout .step-holder {
    width: calc(100% - 33.3%)
}

body:not(.dir-rtl) .seating.checkout .step-holder {
    margin-left: 0
}

.dir-rtl .seating.checkout .step-holder {
    margin-right: 0
}

@media (max-width: 1200px) {
    body:not(.dir-rtl) .checkout .step-holder {
        margin-left:0
    }

    .dir-rtl .checkout .step-holder {
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .checkout .step-holder {
        width:calc(100%)!important
    }

    body:not(.dir-rtl) .checkout .step-holder {
        margin-left: 0
    }

    .dir-rtl .checkout .step-holder {
        margin-right: 0
    }

    .checkout .step-holder.no-teaser #seatselector {
        height: 100%
    }
}

.checkout .categories,.checkout .products {
    padding-bottom: 24px
}

.checkout .categories .category,.checkout .products .category {
    margin-top: 32px
}

.checkout .categories .product,.checkout .categories .ticket-type,.checkout .products .product,.checkout .products .ticket-type {
    padding: 16px;
    display: flex;
    justify-content: flex-start
}

.checkout .categories .product.blocked,.checkout .categories .ticket-type.blocked,.checkout .products .product.blocked,.checkout .products .ticket-type.blocked {
    opacity: .75
}

.checkout .categories .product.blocked:hover,.checkout .categories .ticket-type.blocked:hover,.checkout .products .product.blocked:hover,.checkout .products .ticket-type.blocked:hover {
    cursor: pointer
}

.checkout .categories .product.sold-out,.checkout .categories .ticket-type.sold-out,.checkout .products .product.sold-out,.checkout .products .ticket-type.sold-out {
    opacity: .75
}

@media (max-width: 768px) {
    .checkout .categories .product,.checkout .categories .ticket-type,.checkout .products .product,.checkout .products .ticket-type {
        margin-left:0;
        margin-right: 0;
        padding: 12px 14px
    }
}

@media (max-width: 395px) {
    .checkout .categories .product,.checkout .categories .ticket-type,.checkout .products .product,.checkout .products .ticket-type {
        flex-wrap:wrap;
        gap: 12px
    }
}

.checkout .categories .product .info,.checkout .categories .ticket-type .info,.checkout .products .product .info,.checkout .products .ticket-type .info {
    flex-grow: 1;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    min-width: 110px
}

@media (max-width: 768px) {
    .checkout .categories .product .info,.checkout .categories .ticket-type .info,.checkout .products .product .info,.checkout .products .ticket-type .info {
        flex-basis:100%
    }
}

.checkout .categories .product .price,.checkout .categories .ticket-type .price,.checkout .products .product .price,.checkout .products .ticket-type .price {
    display: inline-block;
    color: var(--third-col);
    font-weight: 500;
    margin-bottom: 0
}

.checkout .categories .product .tax,.checkout .categories .ticket-type .tax,.checkout .products .product .tax,.checkout .products .ticket-type .tax {
    color: var(--fourth-col);
    font-size: .7em;
    margin-bottom: 0;
    line-height: .9em
}

body:not(.dir-rtl) .checkout .categories .product .tax,body:not(.dir-rtl) .checkout .categories .ticket-type .tax,body:not(.dir-rtl) .checkout .products .product .tax,body:not(.dir-rtl) .checkout .products .ticket-type .tax {
    margin-left: 4px
}

.dir-rtl .checkout .categories .product .tax,.dir-rtl .checkout .categories .ticket-type .tax,.dir-rtl .checkout .products .product .tax,.dir-rtl .checkout .products .ticket-type .tax {
    margin-right: 4px
}

.checkout .categories .product .limited,.checkout .categories .ticket-type .limited,.checkout .products .product .limited,.checkout .products .ticket-type .limited {
    color: var(--third-col);
    display: block;
    font-weight: 500;
    margin-top: 8px
}

.checkout .categories .product .buttons,.checkout .categories .ticket-type .buttons,.checkout .products .product .buttons,.checkout .products .ticket-type .buttons {
    align-self: center;
    min-width: 110px
}

body:not(.dir-rtl) .checkout .categories .product .buttons,body:not(.dir-rtl) .checkout .categories .ticket-type .buttons,body:not(.dir-rtl) .checkout .products .product .buttons,body:not(.dir-rtl) .checkout .products .ticket-type .buttons {
    padding-left: 12px
}

.dir-rtl .checkout .categories .product .buttons,.dir-rtl .checkout .categories .ticket-type .buttons,.dir-rtl .checkout .products .product .buttons,.dir-rtl .checkout .products .ticket-type .buttons {
    padding-right: 12px
}

@media (max-width: 768px) {
    body:not(.dir-rtl) .checkout .categories .product .buttons,body:not(.dir-rtl) .checkout .categories .ticket-type .buttons,body:not(.dir-rtl) .checkout .products .product .buttons,body:not(.dir-rtl) .checkout .products .ticket-type .buttons {
        padding-left:4px
    }

    .dir-rtl .checkout .categories .product .buttons,.dir-rtl .checkout .categories .ticket-type .buttons,.dir-rtl .checkout .products .product .buttons,.dir-rtl .checkout .products .ticket-type .buttons {
        padding-right: 4px
    }
}

.checkout .categories .product .price-old,.checkout .categories .ticket-type .price-old,.checkout .products .product .price-old,.checkout .products .ticket-type .price-old {
    opacity: .5;
    text-decoration: line-through;
    font-size: .85rem
}

.checkout .categories .product .thumbnnail,.checkout .categories .ticket-type .thumbnnail,.checkout .products .product .thumbnnail,.checkout .products .ticket-type .thumbnnail {
    height: 108px;
    min-width: 108px;
    width: 108px;
    max-width: 108px;
    overflow: hidden
}

body:not(.dir-rtl) .checkout .categories .product .thumbnnail,body:not(.dir-rtl) .checkout .categories .ticket-type .thumbnnail,body:not(.dir-rtl) .checkout .products .product .thumbnnail,body:not(.dir-rtl) .checkout .products .ticket-type .thumbnnail {
    margin-right: 16px
}

.dir-rtl .checkout .categories .product .thumbnnail,.dir-rtl .checkout .categories .ticket-type .thumbnnail,.dir-rtl .checkout .products .product .thumbnnail,.dir-rtl .checkout .products .ticket-type .thumbnnail {
    margin-left: 16px
}

.checkout .categories .product .thumbnnail img,.checkout .categories .ticket-type .thumbnnail img,.checkout .products .product .thumbnnail img,.checkout .products .ticket-type .thumbnnail img {
    border-radius: 8px;
    align-self: center;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 768px) {
    .checkout .categories .product .thumbnnail,.checkout .categories .ticket-type .thumbnnail,.checkout .products .product .thumbnnail,.checkout .products .ticket-type .thumbnnail {
        margin-right:auto;
        flex-grow: 10;
        min-width: 84px;
        height: 84px;
        max-width: 84px
    }
}

.checkout .category-tabs {
    position: sticky;
    position: -webkit-sticky;
    top: 67px;
    padding-top: 8px;
    background-color: var(--prim-bg);
    z-index: 1
}

.checkout .category-tabs .react-tabs__tab-list {
    margin-top: 16px
}

@media (max-width: 768px) {
    .checkout .category-tabs .react-tabs__tab-list {
        margin-top:0
    }
}

.checkout .availability-indicator {
    display: inline-block;
    vertical-align: center
}

body:not(.dir-rtl) .checkout .availability-indicator {
    margin-right: 4px
}

.dir-rtl .checkout .availability-indicator {
    margin-left: 4px
}

.checkout .availability-indicator .dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 6px
}

body:not(.dir-rtl) .checkout .availability-indicator .dot {
    margin-right: 2px
}

.dir-rtl .checkout .availability-indicator .dot {
    margin-left: 2px
}

.checkout .availability-indicator .descriptor {
    font-size: .7em;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    vertical-align: middle;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 8px
}

.checkout .availability-indicator.green .dot {
    background: #47b174
}

.checkout .availability-indicator.green .descriptor {
    color: #1b442c
}

.black .checkout .availability-indicator.green .descriptor {
    color: #388d5c
}

.checkout .availability-indicator.yellow .dot {
    background: #fec043
}

.checkout .availability-indicator.yellow .descriptor {
    color: #744e01
}

.black .checkout .availability-indicator.yellow .descriptor {
    color: #feaf10
}

.checkout .availability-indicator.red .dot {
    background: #ef4444
}

.checkout .availability-indicator.red .descriptor {
    color: #8e0c0c
}

.black .checkout .availability-indicator.red .descriptor {
    color: #ef4444
}

.seatmap-overlay-blocker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4
}

.black .seatmap-overlay-blocker,.seatmap-overlay-blocker {
    background: rgba(0,0,0,.5)
}

.ticket-type-picker {
    position: fixed;
    bottom: 0;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 4;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    animation: fromBottom .5s ease-in-out;
    background: var(--sec-bg);
    box-shadow: 0 0 12px rgba(0,0,0,.38)
}

.black .ticket-type-picker {
    box-shadow: 0 0 12px rgba(0,0,0,.68)
}

@media (max-width: 768px) {
    .ticket-type-picker {
        width:100%;
        left: 0;
        margin-left: 0
    }
}

.ticket-type-picker .ticket-type-picker-inner {
    padding: 16px
}

.ticket-type-picker .ticket-type-picker-inner h4,.ticket-type-picker .ticket-type-picker-inner h5 {
    margin: 0
}

.ticket-type-picker .ticket-type-picker-inner .btn {
    width: 100%;
    margin-top: 12px
}

.ticket-type-picker .ticket-type-option {
    padding: 12px;
    border: 1px solid var(--third-border-color);
    border-bottom-width: 0!important
}

.ticket-type-picker .ticket-type-option:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.ticket-type-picker .ticket-type-option:last-child {
    border-bottom-width: 1px!important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.ticket-type-picker .ticket-type-option.flex {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ticket-type-picker .ticket-type-option.flex .ticket-type-control {
    flex-shrink: 0
}

.ticket-type-picker .ticket-type-option.flex>.info {
    width: 100%
}

.ticket-type-picker .ticket-type-option.flex-without-stepper {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ticket-type-picker .ticket-type-option.flex-without-stepper .price {
    float: none;
    white-space: nowrap
}

body:not(.dir-rtl) .ticket-type-picker .ticket-type-option.flex-without-stepper .price {
    margin-left: auto
}

.dir-rtl .ticket-type-picker .ticket-type-option.flex-without-stepper .price {
    margin-right: auto
}

body:not(.dir-rtl) .ticket-type-picker .ticket-type-option.flex-without-stepper .price {
    padding-left: 10px
}

.dir-rtl .ticket-type-picker .ticket-type-option.flex-without-stepper .price {
    padding-right: 10px
}

.ticket-type-picker .ticket-type-option:hover {
    cursor: pointer
}

.ticket-type-picker .ticket-type-option.disabled {
    opacity: .4
}

.ticket-type-picker .ticket-type-option.disabled:hover {
    cursor: not-allowed
}

.ticket-type-picker .ticket-type-option .info-icon {
    font-size: .85em;
    opacity: .5
}

body:not(.dir-rtl) .ticket-type-picker .ticket-type-option .info-icon {
    margin-right: 6px
}

.dir-rtl .ticket-type-picker .ticket-type-option .info-icon {
    margin-left: 6px
}

.ticket-type-picker .ticket-type-option .name {
    font-weight: 500
}

.ticket-type-picker .ticket-type-option .price {
    font-weight: 500;
    float: right;
    color: #696969
}

.ticket-type-picker .ticket-type-option .ticket-type-control {
    position: relative;
    top: 4px
}

body:not(.dir-rtl) .ticket-type-picker .ticket-type-option .ticket-type-control {
    margin-left: 15px
}

.dir-rtl .ticket-type-picker .ticket-type-option .ticket-type-control {
    margin-right: 15px
}

.ticket-type-picker .ticket-type-option .ticket-type-control.ga {
    top: -3px
}

.ticket-type-picker .ticket-type-option-holder {
    box-shadow: 0 0 8px rgba(0,0,0,.16);
    border-radius: 6px
}

.ticket-type-picker .ticket-type-option-holder .ticket-type-option:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.ticket-type-picker .ticket-type-option-holder .ticket-type-option:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.ticket-type-picker.ga {
    width: 480px;
    margin-left: -240px
}

@media (max-width: 768px) {
    .ticket-type-picker.ga {
        width:100%;
        left: 0;
        margin-left: 0
    }
}

.ticket-type-picker.ga .ticket-type-option .price {
    float: none;
    display: block
}

.ticket-type-tooltip {
    position: absolute;
    bottom: 100%;
    background: #000;
    color: #fff;
    border-radius: 6px;
    max-width: 80%;
    font-size: .85em;
    padding: 3px 0;
    cursor: default
}

body:not(.dir-rtl) .ticket-type-tooltip {
    left: 0
}

.dir-rtl .ticket-type-tooltip {
    right: 0
}

.ticket-type-tooltip .ticket-type-tooltip-inner {
    padding: 0 8px;
    max-height: 60px;
    overflow: auto
}

.ticket-type-tooltip:after {
    position: absolute;
    top: 100%;
    content: "";
    width: 0;
    height: 0;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 5px 6px 0
}

body:not(.dir-rtl) .ticket-type-tooltip:after {
    left: 13px
}

.dir-rtl .ticket-type-tooltip:after {
    right: 13px
}

.ticket-type-control {
    vertical-align: top;
    position: relative;
    display: flex;
    align-items: center
}

.ticket-type-control .amount {
    font-weight: 500;
    font-size: 22px;
    min-width: 14px;
    text-align: center
}

.ticket-type-control .label {
    position: absolute;
    top: -22px;
    padding: 2px 5px;
    line-height: 1.1em;
    font-size: .7em;
    transform: none
}

body:not(.dir-rtl) .ticket-type-control .label {
    right: 0
}

.dir-rtl .ticket-type-control .label {
    left: 0
}

.ticket-type-control .ticket-type-control-btn {
    padding: 6px;
    background: none;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    line-height: 0px;
    border: 2px solid var(--border-color);
    cursor: pointer;
    position: relative
}

.ticket-type-control .ticket-type-control-btn span {
    font-size: 28px
}

.ticket-type-control .ticket-type-control-btn:disabled {
    opacity: .3
}

.ticket-type-control .ticket-type-control-btn:disabled:hover {
    cursor: not-allowed
}

body:not(.dir-rtl) .ticket-type-control .plus {
    margin-left: 8px
}

.dir-rtl .ticket-type-control .plus,body:not(.dir-rtl) .ticket-type-control .minus {
    margin-right: 8px
}

.dir-rtl .ticket-type-control .minus {
    margin-left: 8px
}

body:not(.dir-rtl) .ticket-type-control .minus {
    margin-left: auto
}

.dir-rtl .ticket-type-control .minus {
    margin-right: auto
}

.ticket-type-control .crossline {
    height: 3px;
    width: 16px;
    display: block;
    background: var(--third-col);
    position: absolute;
    top: 50%;
    transform: translateY(-1.5px)
}

.ticket-type-control .hor-line {
    height: 16px;
    width: 3px;
    display: block;
    background: var(--third-col);
    position: absolute;
    left: 50%;
    top: 6px;
    transform: translateX(-1.5px)
}

.ticket-type-picker {
    background: var(--prim-bg)
}

.ticket-type-picker .ticket-type-picker-inner .ticket-type-option:hover {
    background: var(--sec-bg)
}

.ticket-type-picker .ticket-type-picker-inner .ticket-type-option.ga {
    background: var(--prim-bg)
}

.ticket-type-picker.ga .ticket-type-control {
    color: var(--prim-col)
}

.ticket-type-picker.ga .ticket-type-control .ticket-type-control-btn {
    border: 2px solid var(--border-color);
    color: var(--prim-col)
}

.ticket-type-tooltip {
    background: var(--prim-col);
    color: var(--prim-bg)
}

.ticket-type-tooltip:after {
    border-color: var(--prim-col) transparent transparent transparent
}

body {
    background: var(--prim-bg)!important
}

.banner.test-mode {
    padding: 4px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    background: #fff3db;
    color: #422c00;
    border-bottom: 1px solid #fedf9e
}

.black .banner.test-mode {
    background: #422c00;
    color: #fff3db;
    border-bottom: 1px solid #744e01
}

.fallback-holder {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sec-bg);
    flex-direction: column
}

.fallback-holder .fallback-box {
    width: 380px;
    text-align: center;
    background: var(--prim-bg);
    border-radius: 4px;
    border: 1px solid var(--third-border-color);
    overflow: hidden
}

.fallback-holder .fallback-box h2 {
    margin-top: 0;
    margin-bottom: 0
}

.fallback-holder .fallback-box .image {
    height: 141px
}

.fallback-holder .fallback-box .fallback-box-content {
    padding: 18px
}

.fallback-holder .disclaimer-holder {
    position: absolute;
    bottom: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.boxOnly .fallback-holder {
    height: calc(100vh - 20px)
}

.checkout-hero {
    height: 800px;
    top: -470px;
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    z-index: -1;
    background-color: var(--vi-colors-brandBackground);
    transform: skewY(-6deg)
}

.payment-gateway-chooser {
    border: 1px solid var(--third-border-color);
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.05);
    font-size: 14px
}

.payment-gateway-chooser .payment-gateway {
    padding: 16px;
    border-bottom: 1px solid var(--third-border-color)
}

.payment-gateway-chooser .payment-gateway:last-child {
    border-bottom: none
}

.payment-gateway-chooser .payment-gateway .text {
    margin-bottom: 0
}

.card-list {
    border: 1px solid var(--third-border-color);
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0,0,0,.05)
}

.card-list .card-list-item {
    padding: 16px;
    border-bottom: 1px solid var(--third-border-color);
    transition: background-color .1s ease-in-out
}

.card-list .card-list-item:last-child {
    border-bottom: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.card-list .card-list-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.card-list .card-list-item.card-list-item-sm {
    padding: 12px
}

.card-list .card-list-item.isHoverable {
    cursor: pointer
}

.card-list .card-list-item.isHoverable:hover {
    background-color: var(--sec-bg)
}

.card {
    padding: 16px;
    background-color: var(--prim-bg);
    border: 1px solid var(--third-border-color);
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.05)
}

.color-headerText {
    color: var(--vi-colors-headerText)
}

.bg-headerBackground {
    background-color: var(--vi-colors-headerBackground)
}

.color-bannerText {
    color: var(--vi-colors-bannerText)
}

.bg-bannerBackground {
    background-color: var(--vi-colors-bannerBackground)
}

.color-brandText {
    color: var(--vi-colors-brandText)
}

.bg-brandBackground {
    background-color: var(--vi-colors-brandBackground)
}

.border-brand {
    border-color: var(--vi-colors-brandBackground)
}

@media (min-width: 1024px) {
    .lg\:hidden {
        display:none
    }
}

@font-face {
    font-family: __Inter_0a936f;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/web/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-family: __Inter_0a936f;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/web/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
    unicode-range: U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-family: __Inter_0a936f;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/web/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: __Inter_0a936f;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/web/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
    unicode-range: U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff
}

@font-face {
    font-family: __Inter_0a936f;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/web/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab
}

@font-face {
    font-family: __Inter_0a936f;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/web/_next/static/media/8e9860b6e62d6359-s.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: __Inter_0a936f;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/web/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
    unicode-range: U+00??,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: __Inter_Fallback_0a936f;
    src: local("Arial");
    ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}

.__className_0a936f {
    font-family: __Inter_0a936f,__Inter_Fallback_0a936f;
    font-style: normal
}

.__variable_0a936f {
    --font-inter: "__Inter_0a936f","__Inter_Fallback_0a936f"
}*/


.vi-mt-8 {
    margin-top: 2rem!important
}

.vi-mb-2 {
    margin-bottom: .5rem!important
}

.vi-mt-0 {
    margin-top: 0!important
}

.vi-mt-0\.5 {
    margin-top: .125rem!important
}


@media not all and (min-width: 640px) {
    .max-sm\:vi-max-w-xs {
        max-width:20rem!important
    }
}

@media (min-width: 640px) {
    .sm\:vi-mb-3 {
        margin-bottom:.75rem!important
    }

    .sm\:vi-mt-0 {
        margin-top: 0!important
    }

    .sm\:vi-mt-4 {
        margin-top: 1rem!important
    }

    .sm\:vi-flex-row {
        flex-direction: row!important
    }

    .sm\:vi-items-center {
        align-items: center!important
    }

    .sm\:vi-p-6 {
        padding: 1.5rem!important
    }

    .sm\:vi-px-6 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .sm\:vi-pb-6 {
        padding-bottom: 1.5rem!important
    }

    .sm\:vi-pt-6 {
        padding-top: 1.5rem!important
    }

    .sm\:vi-text-base {
        font-size: 1rem!important;
        line-height: 1.5rem!important
    }

    .sm\:vi-text-sm {
        font-size: .875rem!important;
        line-height: 1.25rem!important
    }
}

@media (min-width: 768px) {
    .md\:vi-sticky {
        position:sticky!important
    }

    .md\:vi-bottom-12 {
        bottom: 3rem!important
    }

    .md\:vi-col-span-2 {
        grid-column: span 2/span 2!important
    }

    .md\:vi-col-start-1 {
        grid-column-start: 1!important
    }

    .md\:vi-col-start-2 {
        grid-column-start: 2!important
    }

    .md\:vi-row-start-1 {
        grid-row-start: 1!important
    }

    .md\:vi-row-end-3 {
        grid-row-end: 3!important
    }

    .md\:\!vi-mt-9 {
        margin-top: 2.25rem!important
    }

    .md\:vi-mb-0 {
        margin-bottom: 0!important
    }

    .md\:vi-ml-auto {
        margin-left: auto!important
    }

    .md\:vi-mt-0 {
        margin-top: 0!important
    }

    .md\:vi-mt-4 {
        margin-top: 1rem!important
    }

    .md\:vi-block {
        display: block!important
    }

    .md\:vi-flex {
        display: flex!important
    }

    .md\:vi-grid {
        display: grid!important
    }

    .md\:vi-hidden {
        display: none!important
    }

    .md\:vi-size-12 {
        width: 3rem!important;
        height: 3rem!important
    }

    .md\:vi-size-20 {
        width: 5rem!important;
        height: 5rem!important
    }

    .md\:vi-size-5 {
        width: 1.25rem!important;
        height: 1.25rem!important
    }

    .md\:vi-size-8 {
        width: 2rem!important;
        height: 2rem!important
    }

    .md\:vi-h-\[512px\] {
        height: 512px!important
    }

    .md\:vi-h-\[calc\(100vh-60px\)\] {
        height: calc(100vh - 60px)!important
    }

    .md\:vi-max-h-\[80vh\] {
        max-height: 80vh!important
    }

    .md\:vi-w-24 {
        width: 6rem!important
    }

    .md\:vi-w-3\/4 {
        width: 75%!important
    }

    .md\:vi-w-64 {
        width: 16rem!important
    }

    .md\:vi-w-auto {
        width: auto!important
    }

    .md\:vi-min-w-32 {
        min-width: 8rem!important
    }

    .md\:vi-min-w-36 {
        min-width: 9rem!important
    }

    .md\:vi-max-w-5xl {
        max-width: 64rem!important
    }

    .md\:vi-grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))!important
    }

    .md\:vi-grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))!important
    }

    .md\:vi-grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))!important
    }

    .md\:vi-flex-row {
        flex-direction: row!important
    }

    .md\:vi-flex-col {
        flex-direction: column!important
    }

    .md\:vi-items-start {
        align-items: flex-start!important
    }

    .md\:vi-items-end {
        align-items: flex-end!important
    }

    .md\:vi-items-center {
        align-items: center!important
    }

    .md\:vi-justify-end {
        justify-content: flex-end!important
    }

    .md\:vi-justify-between {
        justify-content: space-between!important
    }

    .md\:vi-gap-2 {
        gap: .5rem!important
    }

    .md\:vi-gap-3 {
        gap: .75rem!important
    }

    .md\:vi-gap-4 {
        gap: 1rem!important
    }

    .md\:vi-space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0!important;
        margin-right: calc(.5rem * var(--tw-space-x-reverse))!important;
        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))!important
    }

    .md\:vi-space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0!important;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse))!important;
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))!important
    }

    .md\:vi-space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0!important;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)))!important;
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))!important
    }

    .md\:vi-rounded-lg {
        border-radius: var(--radius)!important
    }

    .md\:vi-rounded-md {
        border-radius: calc(var(--radius) - 2px)!important
    }

    .md\:vi-rounded-none {
        border-radius: 0!important
    }

    .md\:vi-rounded-t-md {
        border-top-left-radius: calc(var(--radius) - 2px)!important;
        border-top-right-radius: calc(var(--radius) - 2px)!important
    }

    .md\:vi-border-b-\[1px\] {
        border-bottom-width: 1px!important
    }

    .md\:vi-border-b-\[var\(--third-bg\)\] {
        border-bottom-color: var(--third-bg)!important
    }

    .md\:vi-p-3 {
        padding: .75rem!important
    }

    .md\:vi-p-4 {
        padding: 1rem!important
    }

    .md\:vi-p-6 {
        padding: 1.5rem!important
    }

    .md\:vi-p-8 {
        padding: 2rem!important
    }

    .md\:vi-pr-12 {
        padding-right: 3rem!important
    }

    .md\:vi-pr-8 {
        padding-right: 2rem!important
    }

    .md\:vi-pt-\[187px\] {
        padding-top: 187px!important
    }

    .md\:vi-text-right {
        text-align: right!important
    }

    .md\:vi-text-lg {
        font-size: 1.125rem!important;
        line-height: 1.75rem!important
    }

    .md\:vi-text-sm {
        font-size: .875rem!important;
        line-height: 1.25rem!important
    }

    .md\:vi-text-xl {
        font-size: 1.25rem!important;
        line-height: 1.75rem!important
    }

    .md\:vi-shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important
    }

    .md\:vi-shadow-lg,.md\:vi-shadow-md {
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
    }

    .md\:vi-shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important
    }

    .md\:hover\:vi-scale-105:hover {
        --tw-scale-x: 1.05!important;
        --tw-scale-y: 1.05!important;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
    }

    .vi-group:hover .md\:group-hover\:vi-rounded-b-none {
        border-bottom-right-radius: 0!important;
        border-bottom-left-radius: 0!important
    }

    .vi-group:hover .md\:group-hover\:vi-opacity-100 {
        opacity: 1!important
    }
}

@media (min-width: 1024px) {
    .lg\:vi-mt-0 {
        margin-top:0!important
    }

    .lg\:vi-block {
        display: block!important
    }

    .lg\:vi-hidden {
        display: none!important
    }

    .lg\:vi-h-\[calc\(100vh-60px\)\] {
        height: calc(100vh - 60px)!important
    }

    .lg\:vi-max-h-\[90vh\] {
        max-height: 90vh!important
    }

    .lg\:vi-w-auto {
        width: auto!important
    }

    .lg\:vi-grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))!important
    }

    .lg\:vi-grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))!important
    }

    .lg\:vi-grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))!important
    }

    .lg\:vi-flex-row {
        flex-direction: row!important
    }

    .lg\:vi-items-center {
        align-items: center!important
    }

    .lg\:vi-gap-6 {
        gap: 1.5rem!important
    }

    .lg\:vi-gap-\[30px\] {
        gap: 30px!important
    }

    .lg\:vi-py-4 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .lg\:vi-pb-16 {
        padding-bottom: 4rem!important
    }

    .lg\:vi-pt-20 {
        padding-top: 5rem!important
    }

    .lg\:vi-text-right {
        text-align: right!important
    }

    .lg\:vi-text-xl {
        font-size: 1.25rem!important;
        line-height: 1.75rem!important
    }
}

@media (min-width: 1280px) {
    .xl\:vi-grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}

@media (min-width: 1536px) {
    .\32xl\:vi-size-16 {
        width:4rem!important;
        height: 4rem!important
    }
}

.sale-area .sold-out-fallback {
    padding: 0
}

.sale-area {
    margin-top: 24px;
    margin-bottom: 24px;
    display: none
}

.iconwithtextblock {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px
}

.iconwithtextblock .icon {
    width: 32px
}

body:not(.dir-rtl) .iconwithtextblock .icon svg {
    text-align: left
}

.dir-rtl .iconwithtextblock .icon svg {
    text-align: right
}

.iconwithtextblock svg {
    color: var(--fourth-col);
    font-size: 24px;
    width: 28px;
    vertical-align: text-top
}

body:not(.dir-rtl) .iconwithtextblock .textblock {
    margin-left: 12px
}

.dir-rtl .iconwithtextblock .textblock {
    margin-right: 12px
}

.iconwithtextblock .textblock .text {
    line-height: 1.2em;
    margin-bottom: 0
}




@media (max-width: 768px) {
    .event-info-holder {
        position:static
    }

    .event-info-holder .iconwithtextblock {
        display: none
    }
}


.notifications-holder .notification .icon svg {
    max-width: 100%;
    max-height: 30px;
    vertical-align: middle
}

.notifications-holder .notification.error .icon svg .primary-color {
    fill: #ef4444
}

.notifications-holder .notification.error .icon svg .secondary-color {
    fill: #f9b9b9
}

.notifications-holder .notification.success .icon svg .primary-color {
    fill: #47b174
}

.notifications-holder .notification.success .icon svg .secondary-color {
    fill: #9fd8b7
}


.undershop-selection .selection-item .icon {
    opacity: .5;
    transition: opacity .3s ease-in-out
}

body:not(.dir-rtl) .undershop-selection .selection-item .icon {
    float: right
}

.dir-rtl .undershop-selection .selection-item .icon {
    float: left
}

.undershop-selection .selection-item:hover .icon {
    opacity: 1
}

.notifications-holder .notification .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    display: block;
    opacity: .7
}

body:not(.dir-rtl) .notifications-holder .notification .icon {
    left: 10px
}

.dir-rtl .notifications-holder .notification .icon {
    right: 10px
}


.muted {
    color: var(--prim-col);
    opacity: .75
}

.muted-2 {
    color: var(--sec-color)
}

.muted-3 {
    color: var(--prim-col);
    opacity: .57
}


.label.small {
    font-size: .6em;
    line-height: 1;
    padding: 6px 10px
}


p.small {
    font-size: 14px;
    color: var(--fourth-col)
}


.text.small {
    line-height: 1.5em;
    font-size: 14px
}

.btn.small {
    padding: 8px 12px;
    font-size: 14px
}

.btn.ghost.small {
    margin: -8px -12px
}

.btn.small.wide {
    padding-left: 18px;
    padding-right: 18px
}

.status.small {
    padding: 3px 6px;
    font-size: 10px
}

.account-menu .account-menu-item.small {
    line-height: 1.5em;
    font-size: 14px
}

@media (max-width: 768px) {
    .account-menu .account-menu-item.small {
        font-size:12px;
        line-height: 1.5em
    }
}

@media (max-width: 768px) {
    .event-recurrence-modal .inner {
        width:100%!important
    }

    .event-recurrence-modal .inner .small {
        font-size: 14px!important
    }
}

.event-info .buyticket-holder {
    background: var(--sec-bg);
    padding: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}


@media (max-width: 768px) {
    .event-recurrence-selector .small {
        font-size:14px!important
    }
}


@media (max-width: 768px) {
    .text.small {
        font-size:12px;
        line-height: 1.5em
    }
}


.text {
    color: var(--sec-color);
    font-size: 1em;
    margin: 0 0 .75rem;
    letter-spacing: -.015em
}

.text.large {
    font-size: 19px
}

@media (max-width: 768px) {
    .text.large {
        font-size:16px
    }
}

.text.mlarge {
    font-size: 16px
}

@media (max-width: 768px) {
    .text.mlarge {
        font-size:14px
    }
}


.btn,button {
    margin: 0
}

.btn {
    border: none;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    background: none
}

a.btn {
    display: inline-block;
    text-decoration: none
}

.btn:hover {
    cursor: pointer
}

.btn.block {
    width: 100%;
    display: block
}

.btn.default {
    background: var(--prim-col);
    color: var(--prim-bg)
}

.btn.default:focus {
    outline-width: 3px;
    outline-offset: 2px
}

.btn.default:hover {
    background: var(--sec-color);
    color: var(--sec-bg)
}

.btn.link {
    color: var(--accent-color)
}

.btn.bordered {
    background: var(--prim-bg);
    color: var(--prim-col);
    border: 1px solid var(--border-color)
}

.btn.bordered:hover {
    background: var(--sec-bg)
}

.btn.bordered.dashed {
    border-style: dashed
}

.btn.accent-bg {
    background: var(--accent-color);
    color: var(--accent-color-foreground)
}

.btn.accent-bg:focus {
    outline-width: 3px;
    outline-offset: 2px
}

.btn.clear {
    background: none;
    color: var(--sec-color)
}

.btn.trans {
    box-shadow: 0 0 6px rgba(0,0,0,.12)
}

.black .btn.trans {
    color: #f8f8f8
}



.btn.ghost {
    background: none;
    margin: -10px -16px;
    color: var(--prim-color)
}


.event-map-holder {
    background: var(--prim-bg);
    border-radius: 8px;
    border: 1px solid var(--third-border-color);
    overflow: hidden
}


.btn.ghost:hover {
    background: rgba(0,0,0,.035)
}

.btn.x-small {
    padding: 2px 8px;
    font-size: 13px
}


.dateindicator {
    position: relative;
    display: inline-block;
    background: var(--prim-bg);
    border-radius: 4px;
    padding: 8px 12px 12px;
    border: 1px solid var(--border-color);
    text-align: center;
    vertical-align: top
}

.dateindicator .month {
    font-weight: 500;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px
}

.dateindicator .date {
    display: block;
    font-weight: 500;
    font-size: 24px
}

.dateindicator .date-label {
    font-weight: 500;
    display: block;
    color: var(--fourth-col);
    font-size: 12px
}

.dateindicator .hour {
    font-weight: 500;
    font-size: 1em;
    color: var(--sec-color)
}

.btn.wallet-btn {
    line-height: 1.2em
}

.btn.blur {
    display: inline-block;
    -webkit-backdrop-filter: blur(20px) brightness(50%);
    backdrop-filter: blur(20px) brightness(50%)
}

.btn.blur:hover {
    background-color: #fff
}

.btn.active.light {
    background: var(--prim-col);
    color: var(--prim-bg)
}

.btn.active.default {
    background: #f0f0f0;
    color: #000
}

.btn.disabled,.btn:disabled {
    opacity: .6
}

.btn.disabled:hover,.btn:disabled:hover {
    cursor: not-allowed
}

.btn.inactive {
    background: var(--prim-col);
    color: var(--prim-bg);
    opacity: .6
}

.btn.inactive:hover {
    cursor: not-allowed
}

.btn.w100 {
    width: 100%
}

.btn.light {
    background: var(--sec-bg);
    color: var(--sec-color)
}

.btn.rounded {
    border-radius: 12px
}

.btn svg {
    font-size: 18px
}

body:not(.dir-rtl) .btn svg {
    margin-right: 8px
}

.dir-rtl .btn svg {
    margin-left: 8px
}

.btn-group {
    display: flex;
    flex-direction: row
}

p {
    color: #000 !important;
    font-size: 20px;
}


h1 {
     font-size: 40px !important;
}

.btn-group button {
    width: 100%
}

.btn-group .btn {
    border-radius: 0
}

.btn-group .btn:first-child {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group .btn:last-child {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}



.text.xsmall {
    font-size: 12px
}

@media (max-width: 768px) {
    .text.xsmall {
        font-size:10px
    }
}

.full-page-container {
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: flex-start; /* Start content from the top */
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .event-card {
            background-color: #fff;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 1700px; /* Optional: Set a max-width for better readability on very large screens */
        }
        /* Style for the ticket radio labels */
        .ticket-option {
            transition: box-shadow 0.2s, border-color 0.2s;
            cursor: pointer;
        }
        .ticket-option:hover {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        }
        .selected-ticket {
            border: 2px solid #ed8936 !important;
        }
        /* Counter button styling for better appearance */
        .counter-button {
            height: 30px;
            width: 30px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
        }
        .counter-input {
            width: 50px !important;
            height: 30px;
            padding: 0;
            margin: 0 5px;
            border: 1px solid #ced4da;
        }
        /* Badge style from the original content */
        .open-badge {
            background-color: rgb(75, 181, 67);
            color: white;
            padding: 0.35em 0.65em;
            border-radius: 0.25rem;
            font-weight: 500;
        }
        /* Button style from the original content */
        .add-to-cart-btn {
            background-color: #000;
            color: white;
            transition: background-color 0.15s ease-in-out;
        }
        .add-to-cart-btn:hover {
            background-color: #343a40;
            color: white;
        }