:root {
  --accentColor: #8D58FF;
  --accentColorRGB: 141, 88, 255;
  --secondColor: #fff300!important;
  --secondColorRGB: 255, 244, 0;
  --customColor1: rgb(141 88 255 / 10%);
  --customColor2: rgb(255 243 0 / 25%)!important;
}
body.auth #slider#bottom:not(.empty), body.auth #wrapper#bottom:not(.empty), body.auth #bottom:not(.empty), body.auth #offcanvas-top#bottom:not(.empty), body.auth #footer#bottom:not(.empty), body.auth .mod_breadcrumb#bottom:not(.empty), body.register #slider#bottom:not(.empty), body.register #wrapper#bottom:not(.empty), body.register #bottom:not(.empty), body.register #offcanvas-top#bottom:not(.empty), body.register #footer#bottom:not(.empty), body.register .mod_breadcrumb#bottom:not(.empty), body.minimal #slider#bottom:not(.empty), body.minimal #wrapper#bottom:not(.empty), body.minimal #bottom:not(.empty), body.minimal #offcanvas-top#bottom:not(.empty), body.minimal #footer#bottom:not(.empty), body.minimal .mod_breadcrumb#bottom:not(.empty) {
  background: transparent !important;
  backdrop-filter: blur(0px) brightness(3);
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 991px) {
  body.auth #slider#bottom:not(.empty), body.auth #wrapper#bottom:not(.empty), body.auth #bottom:not(.empty), body.auth #offcanvas-top#bottom:not(.empty), body.auth #footer#bottom:not(.empty), body.auth .mod_breadcrumb#bottom:not(.empty), body.register #slider#bottom:not(.empty), body.register #wrapper#bottom:not(.empty), body.register #bottom:not(.empty), body.register #offcanvas-top#bottom:not(.empty), body.register #footer#bottom:not(.empty), body.register .mod_breadcrumb#bottom:not(.empty), body.minimal #slider#bottom:not(.empty), body.minimal #wrapper#bottom:not(.empty), body.minimal #bottom:not(.empty), body.minimal #offcanvas-top#bottom:not(.empty), body.minimal #footer#bottom:not(.empty), body.minimal .mod_breadcrumb#bottom:not(.empty) {
    border-radius: 20px;
  }
}
body.auth .login-box, body.auth #bottom, body.register .login-box, body.register #bottom, body.minimal .login-box, body.minimal #bottom, body.auth .info-box, body.register .info-box, body.minimal .info-box, body.auth .register-box, body.register .register-box, body.minimal .register-box {
  backdrop-filter: blur(0px) brightness(3);
  border-radius: 40px;
  overflow: hidden;
  background: radial-gradient(circle at 100% 100%, #8d58ff, #240b4d, transparent, transparent);
  background-size: 170% 140%;
  animation: radial-gradient-animation 12s ease infinite;
  transition: background 0.5s ease;
}
@media (max-width: 991px) {
  body.auth .login-box, body.auth #bottom, body.register .login-box, body.register #bottom, body.minimal .login-box, body.minimal #bottom, body.auth .info-box, body.register .info-box, body.minimal .info-box, body.auth .register-box, body.register .register-box, body.minimal .register-box {
    border-radius: 20px;
  }
}
@keyframes backgroundPatternDrift {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 100%;
  }
}
@keyframes radial-gradient-animation-2 {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes radial-gradient-animation {
  0% {
    background-position: 10% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
:root {
  --accentColor: #8D58FF;
  --accentColorRGB: 141, 88, 255;
  --secondColor: #fff300!important;
  --secondColorRGB: 255, 244, 0;
  --customColor1: rgb(141 88 255 / 10%);
  --customColor2: rgb(255 243 0 / 25%)!important;
}
@media (max-width: 991px) {
  body.auth #slider.empty, body.auth #wrapper.empty, body.auth #bottom.empty, body.auth #offcanvas-top.empty, body.auth #footer.empty, body.auth .mod_breadcrumb.empty, body.register #slider.empty, body.register #wrapper.empty, body.register #bottom.empty, body.register #offcanvas-top.empty, body.register #footer.empty, body.register .mod_breadcrumb.empty, body.minimal #slider.empty, body.minimal #wrapper.empty, body.minimal #bottom.empty, body.minimal #offcanvas-top.empty, body.minimal #footer.empty, body.minimal .mod_breadcrumb.empty {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  body.auth #slider:not(.empty), body.auth #wrapper:not(.empty), body.auth #bottom:not(.empty), body.auth #offcanvas-top:not(.empty), body.auth #footer:not(.empty), body.auth .mod_breadcrumb:not(.empty), body.register #slider:not(.empty), body.register #wrapper:not(.empty), body.register #bottom:not(.empty), body.register #offcanvas-top:not(.empty), body.register #footer:not(.empty), body.register .mod_breadcrumb:not(.empty), body.minimal #slider:not(.empty), body.minimal #wrapper:not(.empty), body.minimal #bottom:not(.empty), body.minimal #offcanvas-top:not(.empty), body.minimal #footer:not(.empty), body.minimal .mod_breadcrumb:not(.empty) {
    margin: 40px 40px 40px 40px !important;
  }
}
@media (max-width: 991px) {
  body.auth #slider:not(.empty), body.auth #wrapper:not(.empty), body.auth #bottom:not(.empty), body.auth #offcanvas-top:not(.empty), body.auth #footer:not(.empty), body.auth .mod_breadcrumb:not(.empty), body.register #slider:not(.empty), body.register #wrapper:not(.empty), body.register #bottom:not(.empty), body.register #offcanvas-top:not(.empty), body.register #footer:not(.empty), body.register .mod_breadcrumb:not(.empty), body.minimal #slider:not(.empty), body.minimal #wrapper:not(.empty), body.minimal #bottom:not(.empty), body.minimal #offcanvas-top:not(.empty), body.minimal #footer:not(.empty), body.minimal .mod_breadcrumb:not(.empty) {
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  body.auth #slider#bottom:not(.empty), body.auth #wrapper#bottom:not(.empty), body.auth #bottom#bottom:not(.empty), body.auth #offcanvas-top#bottom:not(.empty), body.auth #footer#bottom:not(.empty), body.auth .mod_breadcrumb#bottom:not(.empty), body.register #slider#bottom:not(.empty), body.register #wrapper#bottom:not(.empty), body.register #bottom#bottom:not(.empty), body.register #offcanvas-top#bottom:not(.empty), body.register #footer#bottom:not(.empty), body.register .mod_breadcrumb#bottom:not(.empty), body.minimal #slider#bottom:not(.empty), body.minimal #wrapper#bottom:not(.empty), body.minimal #bottom#bottom:not(.empty), body.minimal #offcanvas-top#bottom:not(.empty), body.minimal #footer#bottom:not(.empty), body.minimal .mod_breadcrumb#bottom:not(.empty) {
    margin: 40px 40px 40px 40px !important;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  body.auth #slider#bottom:not(.empty), body.auth #wrapper#bottom:not(.empty), body.auth #bottom#bottom:not(.empty), body.auth #offcanvas-top#bottom:not(.empty), body.auth #footer#bottom:not(.empty), body.auth .mod_breadcrumb#bottom:not(.empty), body.register #slider#bottom:not(.empty), body.register #wrapper#bottom:not(.empty), body.register #bottom#bottom:not(.empty), body.register #offcanvas-top#bottom:not(.empty), body.register #footer#bottom:not(.empty), body.register .mod_breadcrumb#bottom:not(.empty), body.minimal #slider#bottom:not(.empty), body.minimal #wrapper#bottom:not(.empty), body.minimal #bottom#bottom:not(.empty), body.minimal #offcanvas-top#bottom:not(.empty), body.minimal #footer#bottom:not(.empty), body.minimal .mod_breadcrumb#bottom:not(.empty) {
    margin: 20px !important;
    width: auto !important;
  }
}
body.auth .info-box, body.register .info-box, body.minimal .info-box {
  padding: 40px 40px 40px 40px !important;
}
body.auth .mod_article.fullwidth-boxed-medium > .container, body.register .mod_article.fullwidth-boxed-medium > .container, body.minimal .mod_article.fullwidth-boxed-medium > .container {
  max-width: 1100px;
}
@media (max-width: 767px) {
  body.auth .mod_article.fullscreen, body.register .mod_article.fullscreen, body.minimal .mod_article.fullscreen {
    height: 100dvh;
  }
}
@media (max-width: 767px) {
  body.auth .mod_article.fullscreen .container .login-box, body.register .mod_article.fullscreen .container .login-box, body.minimal .mod_article.fullscreen .container .login-box {
    height: calc(100dvh - 40px);
  }
}
@media (max-width: 767px) {
  body.auth.auth .mod_article .container, body.register.auth .mod_article .container, body.minimal.auth .mod_article .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .login-box {
    padding: 80px 40px 80px 40px;
  }
}
@media (max-width: 575px) {
  .login-box {
    padding: 40px 20px 40px 20px;
  }
}
.mod_login {
  background: transparent;
  max-width: 500px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.mod_login .widget:not(.widget-checkbox) label {
  display: none;
}
.mod_login .formbody {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 575px) {
  .mod_login .formbody .widget {
    margin-bottom: 10px;
  }
}
.mod_login .formbody .password-reset {
  width: 100%;
}
.mod_login .formbody > *:not(.widget-checkbox, .password-reset) {
  width: 100%;
}
.mod_login .formbody .widget-checkbox {
  width: 50%;
}
@media (max-width: 575px) {
  .mod_login .formbody .widget-checkbox {
    width: 100%;
  }
}
.mod_login .formbody .widget-checkbox + .password-reset {
  width: 50%;
}
@media (max-width: 575px) {
  .mod_login .formbody .widget-checkbox + .password-reset {
    width: 100%;
  }
}
.login-sliderbox .ce_swiper-slider-start {
  overflow: hidden;
  border-radius: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Make slide images fill the box on ALL edges and stay visible */
.login-box {
  /* master height for the slider column */
  --login-h: clamp(420px, 72vh, 820px);
  /* Mobile */
}
.login-box .login-sliderbox, .login-box .login-sliderbox > .attributes, .login-box .login-sliderbox .ce_swiper-slider-start, .login-box .login-sliderbox .swiper-container, .login-box .login-sliderbox .swiper-wrapper, .login-box .login-sliderbox .swiper-slide {
  height: var(--login-h);
}
.login-box .login-sliderbox {
  /* slide is the positioning context */
}
.login-box .login-sliderbox .swiper-container {
  width: 100%;
}
.login-box .login-sliderbox .swiper-slide {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  /* stretch Contao wrappers */
  /* fill the slide with the image */
}
.login-box .login-sliderbox .swiper-slide .ce_image_extended, .login-box .login-sliderbox .swiper-slide .ce_image_extended_inside, .login-box .login-sliderbox .swiper-slide figure.image_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0 !important;
}
.login-box .login-sliderbox .swiper-slide figure.image_container img {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (max-width: 768px) {
  .login-box {
    --login-h: clamp(300px, 55vh, 640px);
  }
}
.password-reset a {
  color: white;
}
.mod_registration, .mod_personalData {
  background: none;
  padding: 0;
  margin: 0 auto;
  border-radius: 0;
}
@media (min-width: 992px) {
  .mod_registration, .mod_personalData {
    max-width: 700px;
  }
  .mod_registration .formbody fieldset, .mod_personalData .formbody fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mod_registration .formbody fieldset .widget, .mod_personalData .formbody fieldset .widget {
    flex: calc(50% - 5px) 0 0;
  }
}
.mod_registration fieldset, .mod_personalData fieldset {
  border: none;
  padding: 0;
}
.mod_registration fieldset legend, .mod_personalData fieldset legend {
  background: transparent;
  font-weight: 600;
  font-size: 32px;
  padding: 15px 0 10px 0;
  border-radius: 0;
}
.mod_registration fieldset legend .highlighted, .mod_personalData fieldset legend .highlighted {
  color: #fff300;
  text-shadow: 0 0 30px var(--secondColor);
}
.mod_registration .data-policy, .mod_personalData .data-policy {
  margin-top: 60px;
}
.mod_registration .data-policy fieldset span, .mod_personalData .data-policy fieldset span {
  margin: 0 auto;
}
.mod_registration .data-policy a, .mod_personalData .data-policy a {
  color: #fff300;
}
.mod_registration .widget:not(.data-policy) label, .mod_personalData .widget:not(.data-policy) label {
  display: none;
}
.mod_registration.mod_personalData .data-policy, .mod_personalData.mod_personalData .data-policy {
  display: none;
}
.mod_registration.mod_personalData input:not(:placeholder-shown), .mod_registration.mod_personalData select:not(:placeholder-shown), .mod_personalData.mod_personalData input:not(:placeholder-shown), .mod_personalData.mod_personalData select:not(:placeholder-shown) {
  background: rgba(255, 255, 255, 0.2) !important;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fvariables.scss%22%2C%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fmixins.scss%22%2C%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fbreakpoints.scss%22%2C%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fauth.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACoDI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADxCJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACwCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADQJ%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAeF%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BADzGF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEuDI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA3BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA2BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA3BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAA2BA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACXF%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BADEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC8CJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD3DE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACqEA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAD7EA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACmFE%3BAAAA%3BAAAA%3BADnFF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACgGF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAzJF%3BAAmKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADpMI%3BAAAA%3BAAAA%3BAAAA%3BAC%2BME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAASN%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAASJ%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%22%7D */