@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,600&display=swap");
:root[data-glpi-theme=elevo] {
  --tblr-primary-rgb: 249, 75, 62;
  --tblr-primary-fg: #fff;
  --tblr-link-color-rgb: 178, 38, 27;
  --glpi-mainmenu-bg: #A8281A;
  --glpi-mainmenu-fg: #FAE5E2;
  --glpi-helpdesk-header: #FCE0DD;
  --glpi-palette-color-1: #FF5F57;
  --glpi-palette-color-2: #A8281A;
  --glpi-palette-color-3: #FB7367;
  --glpi-palette-color-4: #fff;
  --glpi-illustrations-gradient-1: #FCE0DD;
  --glpi-illustrations-gradient-2: #FB7367;
  --glpi-illustrations-gradient-3: #C2392E;
}

.page-anonymous .copyright {
  display: none !important;
}

body.welcome-anonymous {
  font-family: "Poppins", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: #F5EEDC;
  color: #1c1c1e;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
}

body.welcome-anonymous .page-anonymous {
  position: relative;
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.welcome-anonymous .skip-links {
  position: absolute;
  z-index: 999;
}

body.welcome-anonymous::before,
body.welcome-anonymous::after,
body.welcome-anonymous .page-anonymous::before,
body.welcome-anonymous .page-anonymous::after {
  content: "";
  position: fixed;
  z-index: 0;
  pointer-events: none;
  border: 2px solid #1c1c1e;
  animation: elevo-morph 13s ease-in-out infinite;
}

body.welcome-anonymous::before {
  width: 280px;
  height: 260px;
  background: #F94B3E;
  top: -70px;
  left: -60px;
  border-radius: 58% 42% 55% 45%/48% 58% 42% 52%;
}

body.welcome-anonymous::after {
  width: 190px;
  height: 200px;
  background: #FFA63B;
  top: 14%;
  right: 6%;
  border-radius: 45% 55% 40% 60%/55% 45% 55% 45%;
  animation-duration: 14s;
}

body.welcome-anonymous .page-anonymous::before {
  width: 300px;
  height: 250px;
  background: #E2BDE0;
  bottom: -90px;
  right: -50px;
  border-radius: 52% 48% 60% 40%/45% 55% 45% 55%;
  animation-duration: 16s;
}

body.welcome-anonymous .page-anonymous::after {
  width: 150px;
  height: 160px;
  background: #1A9461;
  bottom: 12%;
  left: 5%;
  border-radius: 60% 40% 45% 55%/50% 60% 40% 50%;
}

body.welcome-anonymous::before {
  animation: elevo-morph 12s ease-in-out infinite, elevo-drift-a 19s ease-in-out infinite;
}

body.welcome-anonymous::after {
  animation: elevo-morph 14s ease-in-out infinite, elevo-drift-b 23s ease-in-out infinite;
}

body.welcome-anonymous .page-anonymous::before {
  animation: elevo-morph 16s ease-in-out infinite, elevo-drift-c 27s ease-in-out infinite;
}

body.welcome-anonymous .page-anonymous::after {
  animation: elevo-morph 13s ease-in-out infinite, elevo-drift-d 21s ease-in-out infinite;
}

@keyframes elevo-drift-a {
  0%, 100% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
    transform: translate(18vw, 10vh) rotate(40deg);
  }
  50% {
    transform: translate(8vw, 28vh) rotate(-20deg);
  }
  75% {
    transform: translate(24vw, 4vh) rotate(25deg);
  }
}
@keyframes elevo-drift-b {
  0%, 100% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
    transform: translate(-16vw, 18vh) rotate(-35deg);
  }
  50% {
    transform: translate(-6vw, 36vh) rotate(30deg);
  }
  75% {
    transform: translate(-22vw, 12vh) rotate(-15deg);
  }
}
@keyframes elevo-drift-c {
  0%, 100% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
    transform: translate(-20vw, -12vh) rotate(30deg);
  }
  50% {
    transform: translate(-8vw, -30vh) rotate(-25deg);
  }
  75% {
    transform: translate(-26vw, -6vh) rotate(15deg);
  }
}
@keyframes elevo-drift-d {
  0%, 100% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
    transform: translate(14vw, -16vh) rotate(-30deg);
  }
  50% {
    transform: translate(28vw, -6vh) rotate(35deg);
  }
  75% {
    transform: translate(10vw, -26vh) rotate(-10deg);
  }
}
@keyframes elevo-morph {
  0%, 100% {
    border-radius: 58% 42% 55% 45%/48% 58% 42% 52%;
  }
  50% {
    border-radius: 42% 58% 45% 55%/58% 42% 58% 42%;
  }
}
body.welcome-anonymous .container-tight {
  position: relative;
  z-index: 1;
  max-width: 92vw !important;
  width: 500px !important;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.welcome-anonymous .main-content-card {
  border: none;
  border-radius: 20px;
  padding: 12px 20px 8px;
  background: #fff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1), 0 20px 45px -12px rgba(0, 0, 0, 0.12);
}

body.welcome-anonymous .main-content-card .card-body {
  padding: 0 20px 20px;
}

body.welcome-anonymous .container-tight > .text-center {
  display: none !important;
}

body.welcome-anonymous .main-content-card > .card-header,
body.welcome-anonymous .main-content-card > .card-header:empty {
  display: block !important;
  border: none;
  padding: 112px 20px 0;
  min-height: 0;
  background: url(/assets/elevo-logo-black.png) 20px 36px/190px auto no-repeat;
}

body.welcome-anonymous .main-content-card > .card-header::before {
  content: "Engage. Inspire. Thrive.";
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #D93C30;
}

body.welcome-anonymous .main-content-card > .card-header::after {
  content: "IT Helpdesk";
  display: block;
  margin: 0 0 22px;
  font-size: 38px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: #1c1c1e;
}

body.welcome-anonymous .rich_text_container .container {
  padding: 0 !important;
}

body.welcome-anonymous .rich_text_container .d-grid {
  gap: 12px !important;
}

body.welcome-anonymous .rich_text_container a.btn,
body.welcome-anonymous #saml_buttons button.btn {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  flex-wrap: wrap;
  gap: 2px 12px;
  width: 100% !important;
  height: auto !important;
  min-height: 44px;
  padding: 14px 52px 14px 18px !important;
  margin: 0 !important;
  border: 2px solid transparent !important;
  border-radius: 12px !important;
  background: #F5EEDC !important;
  color: #1c1c1e !important;
  text-align: left;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -0.02em;
  box-shadow: none;
  overflow: hidden;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

body.welcome-anonymous .rich_text_container a.btn::before,
body.welcome-anonymous #saml_buttons button.btn::before {
  order: 2;
  flex: 0 0 100%;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.01em;
  color: #4a4a4f;
}

body.welcome-anonymous .rich_text_container a[href*=staff-request]::before {
  content: "Report an issue or ask IT for help";
}

body.welcome-anonymous .rich_text_container a[href*=project-intake]::before {
  content: "Propose a new IT project or initiative";
}

body.welcome-anonymous .rich_text_container a[href*="password.elevo.one"]::before {
  content: "Microsoft (SSO) accounts only";
}

body.welcome-anonymous #saml_buttons button.btn::before {
  content: "IT staff: sign in with your Elevo account";
}

body.welcome-anonymous .rich_text_container a.btn::after,
body.welcome-anonymous #saml_buttons button.btn::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%231c1c1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 11h17M13 5l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  border: 0;
  transition: transform 0.25s ease;
}

body.welcome-anonymous .rich_text_container a[href*=staff-request] {
  background: #F94B3E !important;
  color: #fff !important;
}

body.welcome-anonymous .rich_text_container a[href*=staff-request]::before {
  color: #fff;
  font-weight: 600;
}

body.welcome-anonymous .rich_text_container a[href*=staff-request]::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 11h17M13 5l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}

body.welcome-anonymous .rich_text_container a[href*=staff-request]:hover {
  background: #D93C30 !important;
}

body.welcome-anonymous .rich_text_container a.btn,
body.welcome-anonymous #saml_buttons button.btn {
  min-height: 82px !important;
}

body.welcome-anonymous .rich_text_container a.btn:hover,
body.welcome-anonymous .rich_text_container a.btn:focus,
body.welcome-anonymous #saml_buttons button.btn:hover,
body.welcome-anonymous #saml_buttons button.btn:focus {
  border-color: #1c1c1e !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 0 -2px #1c1c1e;
}

body.welcome-anonymous .plugin_glpisaml_login {
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}

body.welcome-anonymous .col-auto:has(.plugin_glpisaml_login) {
  width: 100%;
  padding: 0 !important;
}

body.welcome-anonymous #saml_header {
  display: none !important;
}

body.welcome-anonymous .main-content-card {
  margin: 0 !important;
}

body.welcome-anonymous .plugin_glpisaml_login, body.welcome-anonymous #saml_buttons {
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 0;
}

body.welcome-anonymous .rich_text_container .container, body.welcome-anonymous .rich_text_container .container > .d-grid {
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
}

body.welcome-anonymous #saml_buttons {
  max-width: 100% !important;
  margin-top: 12px !important;
  padding: 0;
}

body.welcome-anonymous #saml_buttons .col-sm-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

body.welcome-anonymous #saml_buttons button.btn > div {
  margin: 0 !important;
  cursor: pointer;
}

body.welcome-anonymous #saml_buttons button.btn i {
  display: none !important;
}

body.welcome-anonymous #saml_buttons button.btn span {
  font-weight: 700;
}

body.welcome-anonymous #saml_buttons button.btn b {
  font-weight: 700;
}

@media (max-width: 768px) {
  body.welcome-anonymous .main-content-card > .card-header::after {
    font-size: 30px;
  }
  body.welcome-anonymous .main-content-card > .card-header {
    background-size: 150px auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.welcome-anonymous::before, body.welcome-anonymous::after,
  body.welcome-anonymous .page-anonymous::before, body.welcome-anonymous .page-anonymous::after {
    animation: none !important;
  }
}
.forgot_password {
  display: none !important;
}

body.welcome-anonymous .row.justify-content-center > .col-md-5:has(#login_name) {
  display: none !important;
}

#saml_buttons {
  max-width: 215px;
}

#saml_buttons .col-sm-6 {
  flex: 0 0 100%;
  max-width: 100%;
}

#saml_buttons .btn.btn-light {
  width: 215px !important;
  height: 41px !important;
  padding: 0 12px !important;
  margin-bottom: 0 !important;
  font-weight: 600;
}

#saml_buttons .btn.btn-light i,
#saml_buttons .btn.btn-light img,
#saml_buttons .btn.btn-light svg {
  display: none !important;
}

body.welcome-anonymous .container-tight::before {
  content: "";
  position: absolute;
  top: -44px;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='47' fill='white' stroke='%231c1c1e' stroke-width='3'/%3E%3Cpath d='M50 31V5M67 43l26-9M61 64l16 22M39 64L23 86M33 43L7 34' stroke='%231c1c1e' stroke-width='2.5' fill='none'/%3E%3Cpolygon points='50,31 67,43 61,64 39,64 33,43' fill='%231c1c1e'/%3E%3Cpolygon points='41,5 59,5 56,14 44,14' fill='%231c1c1e'/%3E%3Cpolygon points='88,24 96,38 90,44 82,34' fill='%231c1c1e'/%3E%3Cpolygon points='75,86 84,76 90,80 83,90' fill='%231c1c1e'/%3E%3Cpolygon points='25,86 16,76 10,80 17,90' fill='%231c1c1e'/%3E%3Cpolygon points='12,24 4,38 10,44 18,34' fill='%231c1c1e'/%3E%3C/svg%3E") center/contain no-repeat;
  animation: elevo-ball-x 57s linear 0.6s infinite both, elevo-ball-y 57s linear 0.6s infinite both;
}

@keyframes elevo-ball-x {
  0.000% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 1;
  }
  7.606% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 1;
  }
  7.641% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 0;
  }
  14.499% {
    transform: translateX(260px) rotate(0deg);
    opacity: 0;
  }
  14.535% {
    transform: translateX(260px) rotate(0deg);
    opacity: 1;
  }
  20.176% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 1;
  }
  20.211% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 0;
  }
  25.438% {
    transform: translateX(260px) rotate(0deg);
    opacity: 0;
  }
  25.473% {
    transform: translateX(260px) rotate(0deg);
    opacity: 1;
  }
  32.440% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 1;
  }
  32.475% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 0;
  }
  35.700% {
    transform: translateX(260px) rotate(0deg);
    opacity: 0;
  }
  35.735% {
    transform: translateX(260px) rotate(0deg);
    opacity: 1;
  }
  43.711% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 1;
  }
  43.746% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 0;
  }
  48.683% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 0;
  }
  48.718% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 1;
  }
  54.374% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 1;
  }
  54.409% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 0;
  }
  57.889% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 0;
  }
  57.924% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 1;
  }
  63.041% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 1;
  }
  63.076% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 0;
  }
  70.010% {
    transform: translateX(260px) rotate(0deg);
    opacity: 0;
  }
  70.045% {
    transform: translateX(260px) rotate(0deg);
    opacity: 1;
  }
  76.721% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 1;
  }
  76.756% {
    transform: translateX(-260px) rotate(-1360deg);
    opacity: 0;
  }
  79.919% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 0;
  }
  79.954% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 1;
  }
  88.716% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 1;
  }
  88.751% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 0;
  }
  91.315% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 0;
  }
  91.350% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 1;
  }
  97.369% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 1;
  }
  97.404% {
    transform: translateX(260px) rotate(1360deg);
    opacity: 0;
  }
  100.000% {
    transform: translateX(-260px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes elevo-ball-y {
  0.000% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  1.605% {
    translate: 0 -63px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  3.210% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  4.448% {
    translate: 0 -37px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  5.689% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  6.648% {
    translate: 0 -22px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  7.606% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  14.535% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  17.355% {
    translate: 0 -121px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  20.176% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  25.473% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  26.238% {
    translate: 0 -14px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  27.003% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  27.666% {
    translate: 0 -11px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  28.327% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  28.901% {
    translate: 0 -8px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  29.474% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  29.972% {
    translate: 0 -6px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  30.469% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  30.962% {
    translate: 0 -5px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  31.455% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  31.947% {
    translate: 0 -3px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  32.440% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  35.735% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  37.510% {
    translate: 0 -62px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  39.285% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  40.571% {
    translate: 0 -32px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  41.855% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  42.783% {
    translate: 0 -17px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  43.711% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  48.718% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  49.420% {
    translate: 0 -12px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  50.120% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  50.729% {
    translate: 0 -9px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  51.336% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  51.862% {
    translate: 0 -7px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  52.386% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  52.884% {
    translate: 0 -5px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  53.381% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  53.877% {
    translate: 0 -4px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  54.374% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  57.924% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  60.482% {
    translate: 0 -127px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  63.041% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  70.045% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  71.520% {
    translate: 0 -74px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  72.994% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  74.071% {
    translate: 0 -39px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  75.148% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  75.935% {
    translate: 0 -21px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  76.721% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  79.954% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  81.882% {
    translate: 0 -81px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  83.811% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  85.227% {
    translate: 0 -44px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  86.640% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  87.677% {
    translate: 0 -23px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  88.716% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  91.350% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  92.266% {
    translate: 0 -13px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  93.182% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  93.974% {
    translate: 0 -10px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  94.769% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  95.455% {
    translate: 0 -8px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  96.142% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  96.755% {
    translate: 0 -6px;
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.3);
  }
  97.369% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
  100.000% {
    translate: 0 0;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.4, 1);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.welcome-anonymous .container-tight::before {
    display: none;
  }
}
body.welcome-anonymous .container-tight {
  clip-path: polygon(16px -400px, calc(100% - 16px) -400px, calc(100% - 16px) 0, calc(100% + 100vw) 0, calc(100% + 100vw) calc(100% + 100vh), -100vw calc(100% + 100vh), -100vw 0, 16px 0);
}