/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/styles.scss ***!
  \*****************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

* {
  user-select: none; }

body {
  background-attachment: fixed;
  margin: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 15px); }
  body::-webkit-scrollbar {
    width: 0px; }
  body::-webkit-scrollbar-track {
    background: #dfdfdf; }
  body::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 4px; }
  body::-webkit-scrollbar-thumb:hover {
    background: #9e2222; }

.display-none {
  display: none; }

.warning-message {
  display: flex;
  color: #0c2637;
  background-color: #ffa600;
  padding: 5px 28px;
  margin: auto;
  border-radius: 6px; }

.root-error-boundary {
  color: red;
  padding: 20px; }

.maintenance-container {
  text-align: center;
  margin-top: 20%; }
  .maintenance-container .maintenance {
    position: relative;
    display: inline-block;
    padding: 20px 90px 20px 20px;
    background-color: #0c2637;
    color: #b8b8b8;
    text-decoration: none;
    border: 4px solid #b8b8b8;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.4;
    text-align: left; }
    .maintenance-container .maintenance:before, .maintenance-container .maintenance:after {
      content: "";
      position: absolute;
      z-index: -1; }
    .maintenance-container .maintenance:before {
      top: 10px;
      left: 10px;
      width: 100%;
      height: 100%;
      background-color: #491212;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
    .maintenance-container .maintenance:after {
      bottom: 10px;
      right: 11px;
      width: 100%;
      height: 100%;
      background-color: #491212;
      box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1); }
    .maintenance-container .maintenance .svg-container {
      position: absolute;
      top: 24px;
      right: 10px;
      width: 55px;
      height: 52px;
      background-color: #b8b8b8;
      border: 2px solid #491212;
      display: flex;
      align-items: center;
      justify-content: center; }
      .maintenance-container .maintenance .svg-container svg {
        width: 40px;
        height: 40px; }

.emojis-images {
  height: 20px;
  width: auto; }

.colorPicker-logo-container {
  display: flex;
  flex-direction: row; }

.colorPicker-container {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .colorPicker-container.ribbons {
    flex-direction: row; }

.icon-container {
  width: 65px;
  height: 30px;
  overflow: hidden;
  position: relative;
  margin-bottom: 27px; }
  .icon-container .icon-image {
    width: 100%;
    height: 61px;
    object-fit: contain;
    position: relative;
    top: 0; }

.icon-rsi:hover .icon-image {
  top: -30px; }

.icon-discord:hover .icon-image {
  top: -33px; }

.icon-kofi:hover .icon-image {
  top: -33px; }

.glass-card {
  position: relative;
  /* Ensure the pseudo-element is positioned relative to this container */
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  background-color: #23497748;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid rgba(51, 102, 126, 0.329);
  box-shadow: 3px 2px inset rgba(51, 102, 126, 0.229); }
  .glass-card::after {
    content: "";
    position: absolute;
    top: 5px;
    /* Adjust the top value to match your design */
    bottom: 5px;
    /* Adjust the bottom value to match your design */
    left: 7px;
    right: 7px;
    border-left: 3px solid #2a3847;
    border-right: 3px solid #2a3847;
    border-radius: 5px;
    /* Adjust the radius to match the inner corners */
    pointer-events: none;
    /* Ensure the pseudo-element does not interfere with interactions */
    z-index: 1;
    /* Ensure the pseudo-element is below the content */ }
  .glass-card .glass-card-content {
    position: relative;
    z-index: 2;
    /* Ensure the content is above the pseudo-element */ }

.glass-card2 {
  position: relative;
  /* Ensure the pseudo-element is positioned relative to this container */
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  background-color: #23497748;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid rgba(51, 102, 126, 0.329);
  box-shadow: 3px 2px inset rgba(51, 102, 126, 0.229); }

.content-container {
  width: 100%;
  position: relative;
  flex-grow: 1;
  margin-top: 54px;
  margin-left: auto;
  margin-right: auto; }
  .content-container.isLoggedIn {
    margin-top: 45px; }

.App {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.App.loggedIn {
  min-height: 100vh; }

.custom-h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 35px;
  margin-bottom: 30px;
  color: #dfdfdf; }

.custom-h2 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 35px;
  margin-bottom: 30px;
  color: #dfdfdf; }

.custom-h3 {
  text-align: left;
  text-transform: uppercase;
  margin-top: 35px;
  margin-bottom: 30px;
  color: #b8b8b8; }

.p {
  font-size: 1rem;
  color: #dfdfdf; }

p {
  margin-bottom: 0px;
  margin-top: 0px; }

.main-content {
  padding-top: 70px; }

.no-margin {
  margin: 5px; }

.myCheckbox .form-check-input {
  position: absolute;
  opacity: 0;
  z-index: -1; }

.myCheckbox .form-check-label::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border: 1px solid #0c2637;
  background: #dfdfdf;
  vertical-align: middle; }

.myCheckbox .form-check-input:checked ~ .form-check-label::before {
  background: #9e2222; }

.myCheckbox .form-check-input:checked ~ .form-check-label::after {
  content: "";
  position: absolute;
  width: 0.3rem;
  height: 0.6rem;
  border: solid #dfdfdf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 0.2rem;
  left: 0.35rem; }

.discord-checkbox .form-check-input {
  position: absolute;
  opacity: 0;
  z-index: -1; }

.discord-checkbox .form-check-label::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border: 1px solid #0c2637;
  background: #dfdfdf;
  vertical-align: middle; }

.discord-checkbox .form-check-input:checked ~ .form-check-label::before {
  background: #5865F2;
  border-color: #5865F2; }

.discord-checkbox .form-check-input:checked ~ .form-check-label::after {
  content: "";
  position: absolute;
  width: 0.3rem;
  height: 0.6rem;
  border: solid #dfdfdf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 0.2rem;
  left: 0.35rem; }

.input-field {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  /* Pour espacer les champs entre eux */ }

.input-field p.home-file {
  margin-right: 15px;
  /* Espace entre le label et le champ */
  margin-left: 10px;
  margin-top: 0px;
  min-width: 110px;
  /* Largeur minimale pour les labels */
  text-align: left;
  /* Alignement à droite du texte */ }

.input-field input,
.input-field textarea {
  flex: 1;
  /* Prend tout l'espace restant */ }

.btn-style1 {
  position: relative;
  cursor: pointer;
  font-size: 0.65em;
  font-weight: 800;
  text-transform: uppercase;
  color: #491212;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  border: 1px solid #2a3847;
  background-image: url(/images/steel.png);
  background-color: rgba(0, 51, 128, 0.18);
  background-blend-mode: multiply;
  background-size: auto;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.45);
  transition: all 0.15s ease-in-out; }
  .btn-style1:hover {
    color: #9e2222;
    background-color: rgba(0, 51, 128, 0.08);
    box-shadow: 0 0 6px 2px rgba(255, 0, 0, 0.2); }
  .btn-style1:active {
    transform: translateY(1px);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.6); }
  .btn-style1[disabled] {
    background-image: none;
    background-color: #555;
    color: gray;
    box-shadow: none;
    cursor: default; }

.btn-style1.delete {
  border: 2px solid #491212; }
  .btn-style1.delete:hover {
    border: 2px solid #9e2222; }

.btn-style1.delete.red {
  background-color: #491212;
  color: #dfdfdf; }
  .btn-style1.delete.red:hover {
    background-color: #9e2222; }

.btn-style1.red {
  background-color: #491212;
  color: #dfdfdf; }
  .btn-style1.red:hover {
    background-color: #9e2222; }

.btn-style1.green {
  background-color: #75cf78;
  color: #dfdfdf; }
  .btn-style1.green:hover {
    background-color: #09a309; }

.btn-style1.blue {
  background-color: #163447;
  color: #dfdfdf; }
  .btn-style1.blue:hover {
    background-color: #204b66;
    border: 1px solid #3a78b4; }

.btn-style1.cancel:hover {
  border: 2px solid #2a3847; }

.btn-style1.confirm:hover {
  border: 2px solid #2e5999; }

.status-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px; }
  .status-indicator.active {
    background-color: #26bb26; }
  .status-indicator.inactive {
    background-color: #d12323; }

.button-group.admin.table.ranks {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px; }
  .button-group.admin.table.ranks .btn-style1 {
    margin: 0px;
    height: 30px; }
  .button-group.admin.table.ranks .first {
    width: 134px;
    border-radius: 6px 0 0 6px; }
  .button-group.admin.table.ranks .middle {
    width: 134px;
    border-radius: 0; }
  .button-group.admin.table.ranks .last {
    border-radius: 0 6px 6px 0; }
  .button-group.admin.table.ranks .btn-style1.active {
    background-color: #ffffff;
    /* Vert */
    box-shadow: 0px 0px 5px 2px #465561ee;
    color: #9e2222; }

.button-group.admin.table.templates {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto 16px auto; }
  .button-group.admin.table.templates .btn-style1 {
    margin: 0px;
    height: 30px;
    width: 120px; }
  .button-group.admin.table.templates .first {
    border-radius: 6px 0 0 6px; }
  .button-group.admin.table.templates .middle {
    border-radius: 0; }
  .button-group.admin.table.templates .last {
    border-radius: 0 6px 6px 0; }
  .button-group.admin.table.templates .btn-style1.active {
    background-color: #ffffff;
    /* Vert */
    box-shadow: 0px 0px 5px 2px #465561ee;
    color: #9e2222; }

.button-group.admin.table.emojis {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px; }
  .button-group.admin.table.emojis .btn-style1 {
    margin: 0;
    height: 30px;
    line-height: 1em;
    min-width: 155px; }
  .button-group.admin.table.emojis.line1 .first {
    border-radius: 6px 0 0 0; }
  .button-group.admin.table.emojis.line1 .middle {
    border-radius: 0; }
  .button-group.admin.table.emojis.line1 .last {
    border-radius: 0 6px 0 0; }
  .button-group.admin.table.emojis.line2 .first {
    border-radius: 0 0 0 6px; }
  .button-group.admin.table.emojis.line2 .middle {
    border-radius: 0; }
  .button-group.admin.table.emojis.line2 .last {
    border-radius: 0 0 6px 0; }
  .button-group.admin.table.emojis .btn-style1.active {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 2px #465561ee;
    color: #9e2222; }

.button-group.admin.table.academy {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px; }
  .button-group.admin.table.academy .btn-style1 {
    margin: 0px;
    height: 30px; }
  .button-group.admin.table.academy .first {
    width: 134px;
    border-radius: 6px 0 0 6px; }
  .button-group.admin.table.academy .last {
    width: 134px;
    border-radius: 0 6px 6px 0; }
  .button-group.admin.table.academy .btn-style1.active {
    background-color: #ffffff;
    /* Vert */
    box-shadow: 0px 0px 5px 2px #465561ee;
    color: #9e2222; }

.select-default {
  color: gray;
  /* Couleur différente pour la valeur par défaut */ }

.btn-style2 {
  position: relative;
  cursor: pointer;
  background-color: #164e89;
  background-blend-mode: multiply;
  /* Utiliser le mode de mélange pour mélanger les couleurs */
  font-size: 0.65em;
  font-weight: 800;
  text-transform: uppercase;
  color: #dfdfdf;
  height: max-content;
  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
  vertical-align: top;
  margin: 5px 10px 5px auto;
  border: 1px solid #491212;
  border-radius: 10px; }
  .btn-style2.left {
    margin-left: 20px;
    margin-right: 10px; }
  .btn-style2:hover {
    background-color: #2769af;
    color: white;
    text-decoration: none; }
  .btn-style2:active {
    box-shadow: 0px 0px 5px 2px #2f3031ee; }
  .btn-style2[disabled] {
    cursor: default;
    background-image: none;
    background-color: #585d66;
    color: gray;
    box-shadow: none; }
    .btn-style2[disabled]:hover {
      background-color: none; }
    .btn-style2[disabled]:active {
      box-shadow: none; }

.error-spacer {
  height: 25px;
  opacity: 0; }

.message-error {
  margin-top: 5px;
  color: #d12323;
  height: 20px;
  opacity: 1; }

.margin-small-spacer {
  margin-top: 3vh; }

.margin-medium-spacer {
  margin-top: 7vh; }

.margin-large-spacer {
  margin-top: 12vh; }

.margin-top-spacer {
  margin-top: 40px; }

.margin-top-spacer-60 {
  margin-top: 60px; }

.margin-bottom-spacer {
  margin-bottom: 40px; }

.margin-bottom-spacer-60 {
  margin-bottom: 60px; }

.toggle {
  display: block;
  position: relative;
  width: 50px;
  height: 10px;
  bottom: 4px;
  color: #491212;
  text-transform: uppercase;
  font-weight: bolder; }
  .toggle input {
    display: none; }
  .toggle .structure.division {
    transform: translateX(0px) translateY(5px); }
  .toggle.mfa {
    bottom: 10px; }
  .toggle.join-operation {
    text-transform: none;
    font-size: 14px;
    color: #dfdfdf;
    margin-bottom: 4px;
    margin-top: 3px;
    transform: translateX(0px) translateY(0px); }
    .toggle.join-operation .toggle-label {
      font-weight: normal;
      font-size: 0.9rem;
      display: flex;
      width: 150px;
      margin-right: 10px; }
    .toggle.join-operation .toggle-switch {
      transform: translate(145px, 0px); }
  .toggle.tentative {
    font-size: small;
    text-transform: none; }
    .toggle.tentative .toggle-label {
      position: relative;
      margin-left: 50px;
      top: 3px; }
    .toggle.tentative.active {
      color: #b8a500; }
    .toggle.tentative.inactive {
      color: #2a3847; }
  .toggle.use-mumble {
    text-transform: none;
    font-size: 14px;
    color: #dfdfdf;
    margin-bottom: 4px;
    margin-top: 3px;
    transform: translateX(0px) translateY(0px); }
    .toggle.use-mumble .toggle-label {
      font-weight: normal;
      font-size: 0.9rem;
      display: flex;
      width: 150px;
      margin-right: 10px; }
    .toggle.use-mumble .toggle-switch {
      transform: translate(145px, 0px); }
  .toggle.collaboration-toggle {
    margin-left: 15px; }
  .toggle .toggle-label {
    margin-right: 10px;
    font-size: small; }
  .toggle .toggle-switch {
    position: absolute;
    cursor: pointer;
    width: 35px;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: #dfdfdf;
    background: linear-gradient(to top, #dfdfdf, #b0adb7, #b0adb7, #dfdfdf);
    transition: .4s;
    border: 1px solid #491212;
    border-radius: 34px;
    transform: translateY(5px); }
    .toggle .toggle-switch:before {
      background: repeating-radial-gradient(circle at 50% 50%, rgba(200, 200, 200, 0.2) 0%, rgba(200, 200, 200, 0.2) 2%, transparent 2%, transparent 3%, rgba(200, 200, 200, 0.2) 3%, transparent 3%), conic-gradient(white 0%, silver 10%, white 35%, silver 45%, white 60%, silver 70%, white 80%, silver 95%, white 100%);
      background-color: rgba(105, 130, 146, 0.5);
      background-blend-mode: multiply;
      border: 1px solid #2a3847;
      position: absolute;
      content: "";
      height: 14px;
      width: 14px;
      left: 0px;
      bottom: -3px;
      transition: .4s;
      border-radius: 50%; }
  .toggle input:checked + .toggle-switch {
    background: linear-gradient(to top, #6b3b3b, #4b0505f5, #4b0505f5, #6b3b3b); }
  .toggle input:checked + .toggle-switch:before {
    transform: translateX(21px); }

.switch {
  position: relative;
  width: 50px;
  height: 20px; }
  .switch input {
    display: none; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/images/steel.png);
    background-color: #b8b8b8;
    background-blend-mode: multiply;
    transition: .4s;
    border-radius: 34px; }
    .switch .slider:before {
      position: absolute;
      content: "";
      height: 17px;
      width: 17px;
      left: 4px;
      bottom: 2px;
      background-image: url(/images/steel.png);
      transition: .4s;
      border-radius: 50%; }
  .switch input:checked + .slider {
    background-color: rgba(116, 5, 5, 0.8); }
    .switch input:checked + .slider:before {
      transform: translateX(26px); }
  .switch input:focus + .slider {
    box-shadow: 0 0 1px #491212; }

.tooltip {
  width: fit-content;
  color: #dfdfdf;
  z-index: 2000;
  background-color: #1c2d38;
  border: 1px solid #491212;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(101, 121, 133, 0.123); }

.tooltip1 {
  width: fit-content;
  color: #0c2637;
  font-weight: 700;
  z-index: 2000;
  background-color: #b8b8b8;
  border: 1px solid #491212;
  border-radius: 6px;
  padding: 3px 10px;
  box-shadow: 0 2px 10px rgba(101, 121, 133, 0.123); }

.delete-media {
  width: 24px;
  fill: none;
  stroke: #b8b8b8;
  margin-right: 10px;
  align-items: center;
  transform: translate(-2px, 1px); }
  .delete-media:hover {
    cursor: pointer;
    stroke: #491212;
    fill: #b8b8b8; }

.structure-logo {
  width: 28px;
  transform: translate(140px, -10px); }

.rank-logo {
  width: 28px;
  transform: translate(130px, -15px); }

.allied-logo {
  width: 28px;
  transform: translate(-35px, 5px); }

.add-picture-allied {
  position: relative;
  transform: translate(-35px, 5px); }
  .add-picture-allied path {
    width: 24px;
    fill: #2a3847;
    stroke: #b8b8b8; }
    .add-picture-allied path:hover {
      fill: #b8b8b8;
      stroke: #491212; }
  .add-picture-allied path:first-child {
    opacity: 0.8; }

.logo-size.extrasmall,
.insigna-size.extrasmall {
  width: auto;
  height: 21px;
  padding-left: 4px;
  padding-right: 4px; }

.logo-size.small,
.insigna-size.small {
  width: auto;
  height: 28px;
  padding-left: 7px;
  padding-right: 7px; }

.logo-size.medium,
.insigna-size.medium {
  width: auto;
  height: 100px;
  padding-left: 12px;
  padding-right: 12px; }

.logo-size.large,
.insigna-size.large {
  width: auto;
  height: 170px;
  padding-left: 20px;
  padding-right: 20px; }

.logo-size img,
.insigna-size img {
  width: 100%;
  height: auto;
  display: block; }

.add-picture-structure {
  position: relative;
  transform: translate(140px, -10px); }
  .add-picture-structure path {
    width: 24px;
    fill: #2a3847;
    stroke: #b8b8b8; }
    .add-picture-structure path:hover {
      fill: #b8b8b8;
      stroke: #491212; }
  .add-picture-structure path:first-child {
    opacity: 0.8; }

.add-picture-rank {
  position: relative;
  transform: translate(135px, -15px); }
  .add-picture-rank path {
    width: 24px;
    fill: #2a3847;
    stroke: #b8b8b8; }
    .add-picture-rank path:hover {
      fill: #b8b8b8;
      stroke: #491212; }
  .add-picture-rank path:first-child {
    opacity: 0.8; }

.input:disabled:disabled {
  cursor: default;
  color: #1c2d38;
  border-color: rgba(118, 118, 118, 0.3); }

.input.parent.dropdown:disabled:disabled {
  cursor: default;
  background-color: #b8b8b8;
  color: #1c2d38;
  border-color: rgba(118, 118, 118, 0.3); }

/* /src/styles/tools/syncfusion.scss */
.emoji-picker-wrapper {
  position: sticky;
  top: 75px;
  /* Ajustez en fonction de la hauteur de la barre d'outils */
  transform: translateX(-268px);
  width: fit-content;
  z-index: 100; }
  .emoji-picker-wrapper.calendar {
    position: fixed; }

.emoji-picker-wrapper.hidden {
  display: none; }

.emoji-picker-wrapper.visible {
  border-radius: 6px;
  top: 190px;
  transform: translateX(-250px);
  display: block; }

.emoji-picker-container {
  position: relative;
  border-radius: 6px;
  top: 25px;
  width: 200px;
  height: 600px;
  display: flex;
  flex-direction: column;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  background-color: #3d4955;
  z-index: 1050; }
  .emoji-picker-container .tabs {
    padding: 5px;
    background-color: #1c2d38;
    width: 190px;
    height: 110px;
    border-bottom: 1px solid #b8b8b8;
    border-radius: 6px 6px 0px 0px; }
    .emoji-picker-container .tabs .emojis-category {
      margin: 10px 4px 0px 4px;
      width: 30px;
      color: #b8b8b8;
      background-color: transparent;
      border-color: transparent;
      z-index: 1000; }
      .emoji-picker-container .tabs .emojis-category:hover {
        color: #ffffff; }
    .emoji-picker-container .tabs .emoji-searchBox {
      width: calc(100% - 30px);
      height: 22px; }
  .emoji-picker-container .emojis {
    padding: 13px;
    overflow-y: auto;
    flex-grow: 1;
    border-radius: 0px 0px 0px 6px; }
    .emoji-picker-container .emojis::-webkit-scrollbar {
      width: 8px; }
    .emoji-picker-container .emojis::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px; }
    .emoji-picker-container .emojis::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .emoji-picker-container .emojis::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .emoji-picker-container .emojis .emoji-img {
      width: 22px;
      margin: 5px;
      cursor: pointer; }
    .emoji-picker-container .emojis hr {
      border-color: #1c2d38; }

.line {
  display: flex;
  flex-direction: row;
  align-items: baseline; }

.limited {
  max-height: 45px;
  overflow: hidden; }
  .limited::-webkit-scrollbar {
    width: 8px; }
  .limited::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .limited::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .limited::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.flagged {
  border: 1px solid #d12323 !important;
  background-color: #4b050538 !important;
  color: white !important; }

@media (max-width: 1023px) {
  .email-change .btn-style1,
  .password-change .btn-style1,
  .mfa-toggle .btn-style1,
  .manage-mfa .btn-style1, .field-style .btn-style1 {
    display: flex;
    position: relative;
    padding: 5px 10px 5px 10px;
    background-color: #0c2637;
    color: #dfdfdf;
    border-radius: 6px;
    border: 1px solid #9e2222;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-left: 0;
    border-right: 0;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    margin-top: 0px; }
    .email-change .btn-style1:hover,
    .password-change .btn-style1:hover,
    .mfa-toggle .btn-style1:hover,
    .manage-mfa .btn-style1:hover, .field-style .btn-style1:hover, .email-change .btn-style1:focus,
    .password-change .btn-style1:focus,
    .mfa-toggle .btn-style1:focus,
    .manage-mfa .btn-style1:focus, .field-style .btn-style1:focus {
      background-color: #0c2637;
      color: #dfdfdf;
      text-decoration: none;
      text-shadow: 0px 0px 1px #dfdfdf; }
    .email-change .btn-style1::before,
    .password-change .btn-style1::before,
    .mfa-toggle .btn-style1::before,
    .manage-mfa .btn-style1::before, .field-style .btn-style1::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s ease;
      z-index: 10; }
    .email-change .btn-style1:hover::before,
    .password-change .btn-style1:hover::before,
    .mfa-toggle .btn-style1:hover::before,
    .manage-mfa .btn-style1:hover::before, .field-style .btn-style1:hover::before {
      color: #9e2222;
      transform: translateY(-50%) translateX(4px); }
  .content-container {
    transform: translate(0, 27px); }
  .error-spacer {
    height: 25px;
    opacity: 0; }
  .message-error {
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    color: #d12323;
    height: 20px;
    opacity: 1; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.cookie-banner {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: green;
  color: black;
  padding: 5px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10; }

.cookie-message {
  margin: 0 5px 0 0;
  display: inline;
  color: black;
  font-size: 14px; }

.cookie-link {
  color: black;
  text-decoration: underline;
  background-color: transparent;
  border: none;
  margin-left: -2px;
  margin-right: -4px;
  cursor: pointer; }
  .cookie-link:hover {
    color: #491212; }

.cookie-button {
  margin-left: 5px;
  padding: 5px 10px;
  background-color: white;
  border: none;
  color: black;
  cursor: pointer; }

.cookie.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; }

.cookie.modal-content {
  background-color: #0c2637;
  padding: 20px;
  border-radius: 5px;
  width: 80%;
  height: 50vh;
  max-width: 900px;
  text-align: left;
  overflow-y: auto; }
  .cookie.modal-content::-webkit-scrollbar {
    width: 8px; }
  .cookie.modal-content::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .cookie.modal-content::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .cookie.modal-content::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }
  @media (max-width: 1023px) {
    .cookie.modal-content {
      height: 82vh;
      overflow-y: auto; }
      .cookie.modal-content::-webkit-scrollbar {
        width: 8px; }
      .cookie.modal-content::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .cookie.modal-content::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .cookie.modal-content::-webkit-scrollbar-thumb:hover {
          background-color: #200808; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .cookie.modal-content {
      height: 72vh; } }

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.background-hexagon-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -4;
  background: #293e55; }

.center-gradient {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2000px;
  height: 100%;
  background: linear-gradient(to right, transparent 0%, #0b202da6 30%, #0b202da6 70%, transparent 100%);
  z-index: -3; }

.red-lightning {
  position: absolute;
  background: #e7191949;
  z-index: -2;
  transition: top 1.5s, left 1.5s, width 0.5s, height 0.5s; }
  .red-lightning.horizontal {
    width: 200px;
    height: 26px; }
  .red-lightning.vertical {
    width: 26px;
    height: 200px; }

.background-hexagon-row {
  display: flex;
  background-color: transparent; }
  .background-hexagon-row.even {
    margin-left: 50px; }
  .background-hexagon-row.odd {
    margin-left: 0;
    transform: translateY(-15px); }

.background-hexagon {
  background-color: #0c2637;
  margin: 1px;
  width: 50px;
  height: 57.5px;
  clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
  z-index: -2; }

.background-hexagon-row.even .background-hexagon {
  margin-top: -28.75px; }

/* /utils/LaserHit.css */
.laser-hit {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: transparent;
  border: 10px solid #74adc4;
  opacity: 1;
  z-index: -2;
  transform-origin: center;
  animation: expandAndFade 0.8s forwards; }

.fading {
  opacity: 0; }

@keyframes expandAndFade {
  0% {
    transform: scale(0.5);
    opacity: 1; }
  100% {
    transform: scale(15);
    opacity: 0; } }

.top-0p {
  top: 0%; }

.left-0p {
  left: 0%; }

.top-1p {
  top: 1%; }

.left-1p {
  left: 1%; }

.top-2p {
  top: 2%; }

.left-2p {
  left: 2%; }

.top-3p {
  top: 3%; }

.left-3p {
  left: 3%; }

.top-4p {
  top: 4%; }

.left-4p {
  left: 4%; }

.top-5p {
  top: 5%; }

.left-5p {
  left: 5%; }

.top-6p {
  top: 6%; }

.left-6p {
  left: 6%; }

.top-7p {
  top: 7%; }

.left-7p {
  left: 7%; }

.top-8p {
  top: 8%; }

.left-8p {
  left: 8%; }

.top-9p {
  top: 9%; }

.left-9p {
  left: 9%; }

.top-10p {
  top: 10%; }

.left-10p {
  left: 10%; }

.top-11p {
  top: 11%; }

.left-11p {
  left: 11%; }

.top-12p {
  top: 12%; }

.left-12p {
  left: 12%; }

.top-13p {
  top: 13%; }

.left-13p {
  left: 13%; }

.top-14p {
  top: 14%; }

.left-14p {
  left: 14%; }

.top-15p {
  top: 15%; }

.left-15p {
  left: 15%; }

.top-16p {
  top: 16%; }

.left-16p {
  left: 16%; }

.top-17p {
  top: 17%; }

.left-17p {
  left: 17%; }

.top-18p {
  top: 18%; }

.left-18p {
  left: 18%; }

.top-19p {
  top: 19%; }

.left-19p {
  left: 19%; }

.top-20p {
  top: 20%; }

.left-20p {
  left: 20%; }

.top-21p {
  top: 21%; }

.left-21p {
  left: 21%; }

.top-22p {
  top: 22%; }

.left-22p {
  left: 22%; }

.top-23p {
  top: 23%; }

.left-23p {
  left: 23%; }

.top-24p {
  top: 24%; }

.left-24p {
  left: 24%; }

.top-25p {
  top: 25%; }

.left-25p {
  left: 25%; }

.top-26p {
  top: 26%; }

.left-26p {
  left: 26%; }

.top-27p {
  top: 27%; }

.left-27p {
  left: 27%; }

.top-28p {
  top: 28%; }

.left-28p {
  left: 28%; }

.top-29p {
  top: 29%; }

.left-29p {
  left: 29%; }

.top-30p {
  top: 30%; }

.left-30p {
  left: 30%; }

.top-31p {
  top: 31%; }

.left-31p {
  left: 31%; }

.top-32p {
  top: 32%; }

.left-32p {
  left: 32%; }

.top-33p {
  top: 33%; }

.left-33p {
  left: 33%; }

.top-34p {
  top: 34%; }

.left-34p {
  left: 34%; }

.top-35p {
  top: 35%; }

.left-35p {
  left: 35%; }

.top-36p {
  top: 36%; }

.left-36p {
  left: 36%; }

.top-37p {
  top: 37%; }

.left-37p {
  left: 37%; }

.top-38p {
  top: 38%; }

.left-38p {
  left: 38%; }

.top-39p {
  top: 39%; }

.left-39p {
  left: 39%; }

.top-40p {
  top: 40%; }

.left-40p {
  left: 40%; }

.top-41p {
  top: 41%; }

.left-41p {
  left: 41%; }

.top-42p {
  top: 42%; }

.left-42p {
  left: 42%; }

.top-43p {
  top: 43%; }

.left-43p {
  left: 43%; }

.top-44p {
  top: 44%; }

.left-44p {
  left: 44%; }

.top-45p {
  top: 45%; }

.left-45p {
  left: 45%; }

.top-46p {
  top: 46%; }

.left-46p {
  left: 46%; }

.top-47p {
  top: 47%; }

.left-47p {
  left: 47%; }

.top-48p {
  top: 48%; }

.left-48p {
  left: 48%; }

.top-49p {
  top: 49%; }

.left-49p {
  left: 49%; }

.top-50p {
  top: 50%; }

.left-50p {
  left: 50%; }

.top-51p {
  top: 51%; }

.left-51p {
  left: 51%; }

.top-52p {
  top: 52%; }

.left-52p {
  left: 52%; }

.top-53p {
  top: 53%; }

.left-53p {
  left: 53%; }

.top-54p {
  top: 54%; }

.left-54p {
  left: 54%; }

.top-55p {
  top: 55%; }

.left-55p {
  left: 55%; }

.top-56p {
  top: 56%; }

.left-56p {
  left: 56%; }

.top-57p {
  top: 57%; }

.left-57p {
  left: 57%; }

.top-58p {
  top: 58%; }

.left-58p {
  left: 58%; }

.top-59p {
  top: 59%; }

.left-59p {
  left: 59%; }

.top-60p {
  top: 60%; }

.left-60p {
  left: 60%; }

.top-61p {
  top: 61%; }

.left-61p {
  left: 61%; }

.top-62p {
  top: 62%; }

.left-62p {
  left: 62%; }

.top-63p {
  top: 63%; }

.left-63p {
  left: 63%; }

.top-64p {
  top: 64%; }

.left-64p {
  left: 64%; }

.top-65p {
  top: 65%; }

.left-65p {
  left: 65%; }

.top-66p {
  top: 66%; }

.left-66p {
  left: 66%; }

.top-67p {
  top: 67%; }

.left-67p {
  left: 67%; }

.top-68p {
  top: 68%; }

.left-68p {
  left: 68%; }

.top-69p {
  top: 69%; }

.left-69p {
  left: 69%; }

.top-70p {
  top: 70%; }

.left-70p {
  left: 70%; }

.top-71p {
  top: 71%; }

.left-71p {
  left: 71%; }

.top-72p {
  top: 72%; }

.left-72p {
  left: 72%; }

.top-73p {
  top: 73%; }

.left-73p {
  left: 73%; }

.top-74p {
  top: 74%; }

.left-74p {
  left: 74%; }

.top-75p {
  top: 75%; }

.left-75p {
  left: 75%; }

.top-76p {
  top: 76%; }

.left-76p {
  left: 76%; }

.top-77p {
  top: 77%; }

.left-77p {
  left: 77%; }

.top-78p {
  top: 78%; }

.left-78p {
  left: 78%; }

.top-79p {
  top: 79%; }

.left-79p {
  left: 79%; }

.top-80p {
  top: 80%; }

.left-80p {
  left: 80%; }

.top-81p {
  top: 81%; }

.left-81p {
  left: 81%; }

.top-82p {
  top: 82%; }

.left-82p {
  left: 82%; }

.top-83p {
  top: 83%; }

.left-83p {
  left: 83%; }

.top-84p {
  top: 84%; }

.left-84p {
  left: 84%; }

.top-85p {
  top: 85%; }

.left-85p {
  left: 85%; }

.top-86p {
  top: 86%; }

.left-86p {
  left: 86%; }

.top-87p {
  top: 87%; }

.left-87p {
  left: 87%; }

.top-88p {
  top: 88%; }

.left-88p {
  left: 88%; }

.top-89p {
  top: 89%; }

.left-89p {
  left: 89%; }

.top-90p {
  top: 90%; }

.left-90p {
  left: 90%; }

.top-91p {
  top: 91%; }

.left-91p {
  left: 91%; }

.top-92p {
  top: 92%; }

.left-92p {
  left: 92%; }

.top-93p {
  top: 93%; }

.left-93p {
  left: 93%; }

.top-94p {
  top: 94%; }

.left-94p {
  left: 94%; }

.top-95p {
  top: 95%; }

.left-95p {
  left: 95%; }

.top-96p {
  top: 96%; }

.left-96p {
  left: 96%; }

.top-97p {
  top: 97%; }

.left-97p {
  left: 97%; }

.top-98p {
  top: 98%; }

.left-98p {
  left: 98%; }

.top-99p {
  top: 99%; }

.left-99p {
  left: 99%; }

.top-100p {
  top: 100%; }

.left-100p {
  left: 100%; }

/* Media query pour les écrans de taille inférieure ou égale à 600px */
@media (max-width: 1023px) {
  .laser-hit {
    width: 10px;
    height: 10px;
    border: 4px solid #74adc4; }
  @keyframes expandAndFade {
    0% {
      transform: scale(0.5);
      opacity: 1; }
    100% {
      transform: scale(15);
      /* Agrandir jusqu'à atteindre environ 83.3px */
      opacity: 0; } } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.tree-wrapper.permissions {
  margin: 10px 15px;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 8px;
  background-color: #0c2637;
  box-shadow: 4px 5px 2px #4b050547; }
  .tree-wrapper.permissions .tree-header {
    display: flex;
    padding: 6px 12px;
    font-weight: bold;
    font-size: small;
    text-transform: uppercase;
    color: #b8b8b8;
    background: linear-gradient(to top, #491212, #5e2f2fd3, #491212), url(/images/steel.png);
    border-bottom: 2px solid #2a3847; }
    .tree-wrapper.permissions .tree-header .tree-item-column.handle-column {
      width: 25px; }
    .tree-wrapper.permissions .tree-header .tree-item-column.name-column {
      width: 50%;
      padding-left: 0px; }
    .tree-wrapper.permissions .tree-header .tree-item-column.action-column {
      width: 13%;
      flex: 1; }
    .tree-wrapper.permissions .tree-header .tree-item-column.route-column {
      width: 13%;
      flex: 1; }
  .tree-wrapper.permissions .tree-body {
    max-height: 30vh;
    padding: 0px;
    overflow: auto; }
    .tree-wrapper.permissions .tree-body::-webkit-scrollbar {
      width: 8px; }
    .tree-wrapper.permissions .tree-body::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .tree-wrapper.permissions .tree-body::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .tree-wrapper.permissions .tree-body::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .tree-wrapper.permissions .tree-body .sortable-tree-item {
      position: relative;
      display: flex;
      height: 39px;
      align-items: center;
      cursor: grab;
      transition: background-color 0.2s ease; }
      .tree-wrapper.permissions .tree-body .sortable-tree-item.even-row {
        background-color: #1c2d38; }
      .tree-wrapper.permissions .tree-body .sortable-tree-item.odd-row {
        background-color: #0c2637; }
      .tree-wrapper.permissions .tree-body .sortable-tree-item.dragging {
        z-index: 50;
        position: relative;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.7); }
      .tree-wrapper.permissions .tree-body .sortable-tree-item.disabled {
        opacity: 0.4; }
      .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column {
        display: flex;
        align-items: center; }
        .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column.handle-column {
          width: 20px;
          padding: 0 10px; }
        .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column.name-column {
          display: flex;
          flex-direction: column;
          font-size: small;
          width: 49%; }
        .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column.action-column {
          width: 8%;
          flex: 1;
          justify-content: center; }
          .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column.action-column .permission-checkbox {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid #b8b8b8;
            appearance: none;
            background-color: transparent;
            cursor: pointer;
            position: relative; }
            .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column.action-column .permission-checkbox:checked {
              background-color: #75cf78;
              border-color: #3f7c42; }
              .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column.action-column .permission-checkbox:checked::after {
                content: "";
                position: absolute;
                top: 3px;
                left: 6px;
                width: 4px;
                height: 8px;
                border: solid #dfdfdf;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg); }
        .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-name {
          font-weight: bold;
          color: #dfdfdf;
          margin-right: auto; }
          .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-name.depth-0 {
            margin-left: 0px; }
          .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-name.depth-1 {
            margin-left: 20px; }
          .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-name.depth-2 {
            margin-left: 40px; }
          .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-name.depth-3 {
            margin-left: 60px; }
          .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-name.depth-4 {
            margin-left: 80px; }
          .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-name.depth-5 {
            margin-left: 100px; }
        .tree-wrapper.permissions .tree-body .sortable-tree-item .tree-item-column .tree-item-desc {
          color: #b8b8b8;
          font-size: small;
          margin-right: auto; }
      .tree-wrapper.permissions .tree-body .sortable-tree-item.selected {
        background-color: #3d4955c2; }
      .tree-wrapper.permissions .tree-body .sortable-tree-item.drop-on-hover {
        z-index: 1; }
    .tree-wrapper.permissions .tree-body .drop-between-zone {
      height: 3px;
      position: relative;
      pointer-events: auto;
      display: block;
      z-index: 2; }
      .tree-wrapper.permissions .tree-body .drop-between-zone.drop-between-hover {
        outline: 2px dashed #2a3847; }
        .tree-wrapper.permissions .tree-body .drop-between-zone.drop-between-hover::after {
          content: "";
          position: absolute;
          top: 3px;
          left: 0;
          right: 0;
          height: 2px; }

.route-column {
  width: 5%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .route-column .route-check {
    width: 16px;
    height: 16px;
    mask: url(/images/checked-square.svg) no-repeat center;
    -webkit-mask: url(/images/checked-square.svg) no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: #2a3847;
    display: inline-block; }
  .route-column .route-present {
    background-color: #75cf78; }
  .route-column .route-absent {
    background-color: #2a3847;
    opacity: 0.4; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.table-base.emojis table colgroup col.col-imageUrl {
  width: 65px; }

.table-base.emojis table colgroup col.col-fullName {
  width: 400px; }

.table-base.emojis table colgroup col.col-shortName {
  width: 240px; }

.table-base.emojis table colgroup col.col-category {
  width: 140px; }

.table-base.emojis table colgroup col.col-status {
  width: 70px; }

.table-base.carousel table colgroup col.col-title {
  width: 190px; }

.table-base.carousel table colgroup col.col-subtitle {
  width: 200px; }

.table-base.carousel table colgroup col.col-mediaType {
  width: 100px; }

.table-base.carousel table colgroup col.col-size {
  width: 80px; }

.table-base.carousel table colgroup col.col-action {
  width: 80px; }

.table-base.public-pages .table-body-wrapper {
  max-height: 170px; }

.table-base.emojis .table-body-wrapper {
  max-height: 40vh; }

.table-base.carousel .table-body-wrapper {
  max-height: 180px; }

.table-base.permissions .table-body-wrapper {
  max-height: 40vh; }

.table-base.templates .table-body-wrapper {
  max-height: 400px; }

.table-base.subtypes .table-body-wrapper {
  max-height: 207px; }

.table-base.ribbons .table-body-wrapper {
  max-height: 40vh; }

.table-base.organization-logs .table-body-wrapper {
  max-height: 50vh; }

.table-base.organization-applications .table-body-wrapper {
  max-height: 215px; }

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

.header-label {
  flex: 1 1 auto; }

.sort-indicator {
  color: #fff;
  font-size: 0.9rem;
  margin-left: 0.25rem; }

.table-base {
  border: 1px solid #491212;
  border-radius: 8px;
  overflow: hidden;
  color: #dfdfdf;
  margin: 10px 0px;
  box-shadow: 4px 5px 2px #4b050547; }
  .table-base table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; }
  .table-base th[class^="header-"], .table-base td[class^="cell-"] {
    text-align: left;
    text-overflow: ellipsis;
    padding: 0 12px; }
  .table-base th.header-imageUrl, .table-base td.cell-imageUrl,
  .table-base th.header-status, .table-base td.cell-status,
  .table-base th.header-action, .table-base td.cell-action {
    text-align: center; }
    .table-base th.header-imageUrl.cell-action, .table-base td.cell-imageUrl.cell-action,
    .table-base th.header-status.cell-action, .table-base td.cell-status.cell-action,
    .table-base th.header-action.cell-action, .table-base td.cell-action.cell-action {
      text-align: left; }
  .table-base th.header-size, .table-base td.cell-size {
    text-align: right; }
  .table-base thead {
    display: table-header-group;
    background-size: cover;
    color: #b8b8b8;
    text-transform: uppercase;
    border-bottom: 2px solid #2a3847;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
  .table-base thead th {
    height: 30px;
    font-size: 0.75em;
    font-weight: 600;
    position: relative;
    border-right: none; }
    .table-base thead th:not(:last-child)::after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 65%;
      background-color: #2a3847; }
  .table-base .table-body-wrapper {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 4px solid #491212;
    box-shadow: 4px 5px 2px #4b050547; }
    .table-base .table-body-wrapper::-webkit-scrollbar {
      width: 8px; }
    .table-base .table-body-wrapper::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .table-base .table-body-wrapper::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .table-base .table-body-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
  .table-base tbody tr {
    height: 45px;
    color: #b8b8b8;
    font-size: 0.9em; }
    .table-base tbody tr:nth-child(odd) {
      background: #1d2e3f; }
    .table-base tbody tr:nth-child(even) {
      background: #0c2637; }
    .table-base tbody tr.selected-row {
      background: rgba(24, 47, 67, 0.8);
      box-shadow: inset 0 0 10px rgba(61, 150, 177, 0.4);
      transition: background 0.25s ease, box-shadow 0.25s ease;
      border-radius: 3px; }
    .table-base tbody tr:hover {
      background: rgba(37, 64, 85, 0.8);
      border-radius: 3px; }
    .table-base tbody tr.unread-row {
      color: white; }
  .table-base .arrow,
  .table-base .delete-media,
  .table-base svg.icon,
  .table-base .action-cell-container svg {
    max-height: 20px;
    fill: none;
    cursor: pointer; }
    .table-base .arrow:hover,
    .table-base .delete-media:hover,
    .table-base svg.icon:hover,
    .table-base .action-cell-container svg:hover {
      stroke: #491212; }
  .table-base.emojis table colgroup col.col-imageUrl {
    width: 65px; }
  .table-base.emojis table colgroup col.col-fullName {
    width: 400px; }
  .table-base.emojis table colgroup col.col-shortName {
    width: 240px; }
  .table-base.emojis table colgroup col.col-category {
    width: 140px; }
  .table-base.emojis table colgroup col.col-status {
    width: 70px; }
  .table-base.carousel table colgroup col.col-handle {
    width: 30px;
    cursor: grab; }
  .table-base.carousel table colgroup col.col-title {
    width: 145px; }
  .table-base.carousel table colgroup col.col-subtitle {
    width: 220px; }
  .table-base.carousel table colgroup col.col-mediaType {
    width: 93px; }
  .table-base.carousel table colgroup col.col-size {
    width: 93px; }
  .table-base.carousel table colgroup col.col-action {
    width: 30px; }
  .table-base.roster {
    position: relative;
    overflow: hidden;
    margin: 20px 0px 10px; }
    .table-base.roster .table-header tr::after {
      content: '';
      display: table-cell;
      width: 8px; }
    .table-base.roster colgroup col.col-rosterRankIcon {
      width: 4%; }
    .table-base.roster colgroup col.col-rosterRank {
      width: 16%; }
    .table-base.roster colgroup col.col-rosterHandle {
      width: 18%; }
    .table-base.roster colgroup col.col-division {
      width: 8%; }
    .table-base.roster colgroup col.col-branch {
      width: 8%; }
    .table-base.roster colgroup col.col-section {
      width: 8%; }
    .table-base.roster colgroup col.col-basic {
      width: 5%; }
    .table-base.roster colgroup col.col-missionToken {
      width: 6%; }
    .table-base.roster colgroup col.col-eventToken {
      width: 5%; }
    .table-base.roster colgroup col.col-totalToken {
      width: 5%; }
    .table-base.roster colgroup col.col-affiliation {
      width: 8%; }
    .table-base.roster colgroup col.col-visibility {
      width: 7%; }
    .table-base.roster colgroup col.col-certification {
      width: 5%; }
    .table-base.roster .roster-row.selected-row {
      background: rgba(24, 47, 67, 0.8);
      box-shadow: inset 0 0 10px rgba(61, 150, 177, 0.4);
      transition: background 0.25s ease, box-shadow 0.25s ease;
      border-radius: 3px; }
    .table-base.roster .visibility-label {
      display: flex;
      color: black;
      font-size: 0.75rem;
      width: fit-content;
      justify-self: center;
      padding: 3px 8px;
      border-radius: 4px; }
      .table-base.roster .visibility-label.Visible {
        background-color: #26aa5d;
        box-shadow: 0 0 8px rgba(30, 160, 73, 0.8); }
        .table-base.roster .visibility-label.Visible:hover {
          border: 1px solid #a7ffa7; }
      .table-base.roster .visibility-label.Redacted {
        background-color: #aa2626;
        box-shadow: 0 0 8px rgba(160, 30, 30, 0.8); }
        .table-base.roster .visibility-label.Redacted:hover {
          border: 1px solid #ff5b46; }
      .table-base.roster .visibility-label.Hidden {
        color: #ffffff;
        background-color: #151c24;
        border: 1px solid #491212;
        box-shadow: 0 0 8px rgba(160, 30, 30, 0.8); }
        .table-base.roster .visibility-label.Hidden:hover {
          border: 1px solid #ff5b46; }
      .table-base.roster .visibility-label.Unknown {
        color: #999; }
    .table-base.roster .table-body-scroll {
      background: #151c24;
      height: calc(100vh - 400px);
      overflow-y: auto;
      display: block; }
      .table-base.roster .table-body-scroll::-webkit-scrollbar {
        width: 8px; }
      .table-base.roster .table-body-scroll::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .table-base.roster .table-body-scroll::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .table-base.roster .table-body-scroll::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
    .table-base.roster .table-body-scroll table {
      width: 100%;
      border-collapse: collapse; }
    .table-base.roster .roster-row {
      cursor: pointer;
      transition: background 0.2s ease; }
    .table-base.roster .roster-file {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 76%;
      background: rgba(29, 43, 53, 0.86);
      border-left: 1px solid rgba(87, 0, 0, 0.404);
      backdrop-filter: blur(8px);
      transform: translateX(100%);
      transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
      overflow-y: auto;
      color: #dfdfdf;
      box-shadow: -6px 0 15px rgba(0, 0, 0, 0.3); }
      .table-base.roster .roster-file.visible {
        transform: translateX(0); }
      .table-base.roster .roster-file .roster-file-header,
      .table-base.roster .roster-file .roster-file-content {
        opacity: 0;
        transform: translateX(40px); }
      .table-base.roster .roster-file.visible .roster-file-header,
      .table-base.roster .roster-file.visible .roster-file-content {
        opacity: 1;
        transform: translateX(0); }
      .table-base.roster .roster-file .roster-file-header {
        display: table-header-group;
        background-size: cover;
        color: #dfdfdf;
        text-transform: uppercase;
        border-bottom: 2px solid #3d4955;
        background-repeat: no-repeat;
        background-position: center;
        padding: 5px 10px;
        height: 19px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        letter-spacing: 0.05em;
        box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.3);
        background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
        .table-base.roster .roster-file .roster-file-header h2 {
          font-size: 0.8rem;
          margin: 0;
          color: #dfdfdf;
          text-shadow: 0 0 6px rgba(255, 180, 180, 0.25); }
        .table-base.roster .roster-file .roster-file-header .close-btn {
          background: none;
          border: none;
          color: #dfdfdf;
          font-size: 0.7rem;
          padding: 0 3px;
          border-radius: 3px;
          cursor: pointer; }
          .table-base.roster .roster-file .roster-file-header .close-btn:hover {
            color: black;
            background-color: white; }
      .table-base.roster .roster-file .roster-file-content {
        height: calc(100vh - 486px);
        padding: 16px 24px;
        border-left: 2px solid #491212; }
        .table-base.roster .roster-file .roster-file-content p {
          margin: 8px 0;
          font-size: 0.95rem; }
  .table-base.groups .table-body-wrapper, .table-base.roles .table-body-wrapper {
    max-height: 250px; }
  .table-base.carousel th.header-action {
    font-size: 0;
    line-height: 0;
    padding: 0; }
  .table-base.carousel .action-cell-container {
    display: flex;
    align-items: center; }
  .table-base.carousel .delete-media {
    display: none; }
  .table-base.carousel tr.selected-row .delete-media {
    display: inline-block;
    max-height: 20px;
    transform: translateX(-10px); }
  .table-base.carousel .delete-container {
    display: flex;
    align-items: center;
    margin-left: auto; }
  .table-base.carousel .cell-handle {
    width: 30px;
    padding: 0 6px;
    text-align: center;
    cursor: grab;
    user-select: none; }
    .table-base.carousel .cell-handle .drag-handle {
      display: inline-block;
      font-size: 1.2em;
      line-height: 1; }
  .table-base.carousel tr[data-sensor-context="active"] .cell-handle {
    cursor: grabbing; }
  .table-base.permissions table colgroup col.col-handle {
    width: 20px; }
  .table-base.permissions table colgroup col.col-displayName {
    width: 150px; }
  .table-base.permissions table colgroup col.col-resourceKey {
    width: 100px; }
  .table-base.permissions table colgroup col.col-description {
    width: 250px; }
  .table-base.permissions table .cell-handle {
    cursor: grab; }
  .table-base.discord-channels table colgroup col.col-name {
    width: 200px; }
  .table-base.discord-channels table colgroup col.col-channelType {
    width: 80px; }
  .table-base.discord-channels table colgroup col.col-channelId {
    width: 150px; }
  .table-base.ranks table colgroup col.col-createdAt {
    width: 180px; }
  .table-base.ranks table colgroup col.col-payGrade {
    width: 56px; }
  .table-base.ranks table colgroup col.col-rankName {
    width: 480px; }
  .table-base.ranks table colgroup col.col-rankImageUrl {
    width: 90px; }
  .table-base.ranks table colgroup col.col-memberCount {
    width: 100px; }
  .table-base.ranks table colgroup col.col-statusRanks {
    width: 80px; }
  .table-base.ranks table .cell-rankImageUrl img {
    max-width: 20px;
    display: block;
    margin: 0 auto; }
  .table-base.templates table colgroup col.col-eventName {
    width: 180px; }
  .table-base.templates table colgroup col.col-type {
    width: 70px; }
  .table-base.templates table colgroup col.col-subtype {
    width: 120px; }
  .table-base.templates table colgroup col.col-orgDivisions {
    width: 150px; }
  .table-base.templates table colgroup col.col-equivalentTraining {
    width: 110px; }
  .table-base.templates table colgroup col.col-ribbon {
    width: 130px; }
  .table-base.templates table colgroup col.col-templateStatus {
    width: 60px; }
  .table-base.types {
    width: 240px; }
    .table-base.types table colgroup col.col-type {
      width: 110px; }
    .table-base.types table colgroup col.col-found {
      width: 55px; }
    .table-base.types .cell-found .status-indicator {
      width: 16px;
      height: 16px; }
  .table-base.subtypes {
    width: 350px;
    margin-top: 0; }
    .table-base.subtypes table colgroup col.col-subType {
      width: 110px; }
    .table-base.subtypes table colgroup col.col-isTraining {
      width: 75px; }
    .table-base.subtypes table colgroup col.col-status {
      width: 55px; }
    .table-base.subtypes .cell-status .status-indicator {
      width: 16px;
      height: 16px; }
  .table-base.ranks table colgroup col.col-payGrade {
    width: 56px; }
  .table-base.ranks table colgroup col.col-rankName {
    width: 200px; }
  .table-base.ranks table colgroup col.col-rankImageUrl {
    width: 60px; }
  .table-base.ranks table colgroup col.col-globalTokens {
    width: 70px; }
  .table-base.ranks table colgroup col.col-missionTokens {
    width: 70px; }
  .table-base.ranks table colgroup col.col-timeOnPreviousRank {
    width: 70px; }
  .table-base.ranks table colgroup col.col-trainingSubtype {
    width: 120px; }
  .table-base.ranks table colgroup col.col-trainingQuantity {
    width: 45px; }
  .table-base.ranks table colgroup col.col-grantAccess {
    width: 110px; }
  .table-base.ranks table colgroup col.col-lockStatus {
    width: 55px; }
  .table-base.ribbons table colgroup col.col-ribbonName {
    width: 140px; }
  .table-base.ribbons table colgroup col.col-ribbon {
    width: 100px; }
  .table-base.ribbons table colgroup col.col-description {
    width: 300px; }
  .table-base.ribbons table colgroup col.col-status {
    width: 45px; }
  .table-base.organization-logs {
    width: min-content; }
    .table-base.organization-logs table {
      width: -webkit-fill-available; }
      .table-base.organization-logs table colgroup col.col-logTimestamp {
        width: 190px; }
      .table-base.organization-logs table colgroup col.col-handle {
        width: 170px; }
      .table-base.organization-logs table colgroup col.col-action {
        width: 270px;
        text-align: left; }
      .table-base.organization-logs table colgroup col.col-targetHandle {
        width: 170px; }
  .table-base.organization-applications {
    width: 475px; }
    .table-base.organization-applications .table-body-wrapper {
      min-height: 215px; }
    .table-base.organization-applications table colgroup col.col-sentDate {
      width: 125px; }
    .table-base.organization-applications table colgroup col.col-handle {
      width: 115px; }
    .table-base.organization-applications table colgroup col.col-monicker {
      width: 130px; }
  .table-base col.col-subtitle {
    width: 200px; }
  .table-base col.col-mediaType {
    width: 100px; }
  .table-base col.col-size {
    width: 80px; }
  .table-base col.col-action {
    width: 80px; }
  .table-base.handles {
    width: 600px; }
    .table-base.handles table colgroup col.col-handle {
      width: 200px; }
    .table-base.handles table colgroup col.col-moniker {
      width: 150px; }
    .table-base.handles table colgroup col.col-rsi {
      width: 50px; }
    .table-base.handles table colgroup col.col-membership {
      width: 120px; }
    .table-base.handles table colgroup col.col-certification {
      width: 50px; }
    .table-base.handles .table-body-wrapper td.cell-certified .status-cell img,
    .table-base.handles .table-body-wrapper td.cell-handleStatus .status-cell img {
      max-width: 50px;
      max-height: 30px;
      display: block;
      margin: 0 auto; }
    .table-base.handles .table-body-wrapper td.cell-membership .membership-label {
      display: flex;
      color: black;
      font-size: 0.75rem;
      width: fit-content;
      justify-self: center;
      padding: 3px 8px;
      border-radius: 4px; }
      .table-base.handles .table-body-wrapper td.cell-membership .membership-label.membership-main {
        background-color: #d0ebff;
        color: #004085; }
      .table-base.handles .table-body-wrapper td.cell-membership .membership-label.membership-exclusive {
        background-color: #26aa5d;
        box-shadow: 0 0 8px rgba(30, 160, 73, 0.8); }
        .table-base.handles .table-body-wrapper td.cell-membership .membership-label.membership-exclusive:hover {
          border: 1px solid #a7ffa7; }
      .table-base.handles .table-body-wrapper td.cell-membership .membership-label.membership-affiliate {
        color: black;
        background-color: #b38b0a;
        box-shadow: 0 0 8px rgba(197, 169, 46, 0.8); }
        .table-base.handles .table-body-wrapper td.cell-membership .membership-label.membership-affiliate:hover {
          border: 1px solid #dfc05b; }
      .table-base.handles .table-body-wrapper td.cell-membership .membership-label.membership-none {
        background-color: #eee;
        color: #666; }
  .table-base.allies table colgroup col.col-createdAt {
    width: 180px; }
  .table-base.allies table colgroup col.col-orgName {
    width: 200px; }
  .table-base.allies table colgroup col.col-orgLogo {
    width: 60px; }
  .table-base.allies table colgroup col.col-rsiLink {
    width: 50px; }
  .table-base.allies table colgroup col.col-discordLink {
    width: 50px; }
  .table-base.allies table colgroup col.col-guildedLink {
    width: 50px; }
  .table-base.allies table colgroup col.col-websiteLink {
    width: 50px; }
  .table-base.allies table colgroup col.col-statusAllied {
    width: 50px; }
  .table-base.allies table td.cell-orgLogo img,
  .table-base.allies table td.cell-statusAllied {
    max-height: 20px;
    max-width: 20px;
    display: block;
    margin: 0 auto; }
  .table-base.public-pages {
    width: 65%; }
    .table-base.public-pages table colgroup col.col-createdAt {
      width: 110px; }
    .table-base.public-pages table colgroup col.col-versionNumber {
      width: 75px; }
    .table-base.public-pages table colgroup col.col-status {
      width: 75px; }
    .table-base.public-pages table colgroup col.col-lastEditorName {
      width: 250px; }
  .table-base.lexical-versions-table col.col-updatedAt {
    width: 160px; }
  .table-base.lexical-versions-table col.col-version {
    width: 75px; }
  .table-base.lexical-versions-table col.col-statusCode {
    width: 100px; }
  .table-base.lexical-versions-table col.col-author {
    width: 222px; }
  .table-base.lexical-versions-table .table-body-wrapper {
    max-height: 170px;
    min-height: -webkit-fill-available; }
    .table-base.lexical-versions-table .table-body-wrapper .live-version-row {
      text-transform: uppercase;
      font-weight: bold;
      height: 30px;
      border: 2px solid transparent;
      background: linear-gradient(to top, #9b602a, #6e441c, #9b602a);
      cursor: pointer; }
      .table-base.lexical-versions-table .table-body-wrapper .live-version-row.selected {
        background: linear-gradient(to top, #2a5f2d, #2a5f2d, #3f7c42, #2a5f2d, #2a5f2d);
        color: #dfdfdf; }
      .table-base.lexical-versions-table .table-body-wrapper .live-version-row td {
        text-align: center; }
    .table-base.lexical-versions-table .table-body-wrapper .version-row.selected {
      background: #2a3847;
      color: #dfdfdf; }
  .table-base.mcq-versions-table col.col-updatedAt {
    width: 160px; }
  .table-base.mcq-versions-table col.col-version {
    width: 75px; }
  .table-base.mcq-versions-table col.col-statusCode {
    width: 100px; }
  .table-base.mcq-versions-table col.col-author {
    width: 222px; }
  .table-base.mcq-versions-table .table-body-wrapper {
    max-height: 170px;
    min-height: 150px; }
    .table-base.mcq-versions-table .table-body-wrapper .live-version-row {
      text-transform: uppercase;
      font-weight: bold;
      height: 30px;
      border: 2px solid transparent;
      background: linear-gradient(to top, #9b602a, #6e441c, #9b602a);
      cursor: pointer; }
      .table-base.mcq-versions-table .table-body-wrapper .live-version-row.selected {
        background: linear-gradient(to top, #2a5f2d, #2a5f2d, #3f7c42, #2a5f2d, #2a5f2d);
        color: #dfdfdf; }
      .table-base.mcq-versions-table .table-body-wrapper .live-version-row td {
        text-align: center; }
    .table-base.mcq-versions-table .table-body-wrapper .version-row.selected {
      background: #2a3847;
      color: #dfdfdf; }
  .table-base.themes-panel col.col-themeName {
    width: 250px; }
  .table-base.themes-panel col.col-found {
    width: 100px; }
  .table-base.themes-panel .table-body-wrapper {
    max-height: 135px; }
  .table-base.training-levels col.col-levelName {
    width: 250px; }
  .table-base.training-levels col.col-found {
    width: 100px; }
  .table-base.training-levels .table-body-wrapper {
    max-height: 135px; }

.role-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #b8b8b8;
  appearance: none;
  background-color: transparent;
  cursor: pointer;
  position: relative; }
  .role-checkbox:checked {
    background-color: #75cf78;
    border-color: #3f7c42; }
    .role-checkbox:checked::after {
      content: "";
      position: absolute;
      top: 3px;
      left: 6px;
      width: 4px;
      height: 8px;
      border: solid #dfdfdf;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg); }

.table-body-wrapper {
  position: relative;
  overflow: visible; }

.handle-cell {
  position: relative;
  display: inline-flex;
  align-items: center; }
  .handle-cell .tooltip-wrapper {
    position: relative;
    display: inline-block; }
  .handle-cell .warning-icon {
    margin-left: 4px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle; }

.floating-warning-tooltip.global {
  position: fixed;
  z-index: 9999;
  background: #0c2637;
  color: #dfdfdf;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 1; }

.warning-icon {
  display: inline-block;
  margin-left: 4px;
  cursor: pointer;
  vertical-align: middle; }

.status-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%; }

.status-green {
  background-color: #4fad81;
  box-shadow: 0 0 8px rgba(79, 202, 134, 0.8); }

.status-red {
  background-color: #e74c3c; }

.status-blue {
  background-color: #3498db; }

.status-orange {
  background-color: #ffa600;
  box-shadow: 0 0 8px rgba(255, 202, 104, 0.8); }

.status-grey {
  background-color: #7f8c8d; }

.cell-missionToken {
  text-align-last: center; }

.cell-eventToken {
  text-align-last: center; }

.cell-totalToken {
  text-align-last: center; }

.affiliation {
  display: flex;
  color: black;
  font-size: 0.75rem;
  width: fit-content;
  justify-self: center;
  padding: 3px 8px;
  border-radius: 4px; }
  .affiliation.exclusive {
    background-color: #26aa5d;
    box-shadow: 0 0 8px rgba(30, 160, 73, 0.8); }
    .affiliation.exclusive:hover {
      border: 1px solid #a7ffa7; }
  .affiliation.affiliated {
    color: black;
    background-color: #b38b0a;
    box-shadow: 0 0 8px rgba(197, 169, 46, 0.8); }
    .affiliation.affiliated:hover {
      border: 1px solid #dfc05b; }

.certification-icon {
  display: inline-block;
  width: 45px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.certified {
  background-image: url(/images/shield_green.png);
  opacity: 1; }
  .certified:hover {
    filter: drop-shadow(0 0 10px rgba(0, 255, 170, 0.9)) drop-shadow(0 0 20px rgba(0, 255, 170, 0.6));
    animation: certified-glow-hover 2.5s ease-in-out infinite; }

.uncertified {
  background-image: url(/images/shield_grey.png);
  opacity: 0.2; }

/* Glow léger par défaut */
@keyframes certified-glow {
  0%, 100% {
    filter: drop-shadow(0 0 4px rgba(0, 255, 170, 0.25)) drop-shadow(0 0 10px rgba(0, 255, 170, 0.15)); }
  50% {
    filter: drop-shadow(0 0 8px rgba(0, 255, 170, 0.4)) drop-shadow(0 0 14px rgba(0, 255, 170, 0.3)); } }

/* Glow plus intense au survol */
@keyframes certified-glow-hover {
  0%, 100% {
    filter: drop-shadow(0 0 8px rgba(0, 255, 170, 0.6)) drop-shadow(0 0 18px rgba(0, 255, 170, 0.4)); }
  50% {
    filter: drop-shadow(0 0 14px #00ffaa) drop-shadow(0 0 26px rgba(0, 255, 170, 0.9)); } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.desktop-view {
  display: flex;
  flex-direction: row;
  height: 250px;
  margin-bottom: 30px;
  border-bottom: 3px solid #2a3847; }
  .desktop-view .division-description-logo {
    display: flex;
    flex-direction: column;
    position: fixed;
    float: left;
    width: 280px;
    height: 250px; }
    .desktop-view .division-description-logo .division-title {
      position: relative;
      width: 100%;
      text-transform: uppercase;
      margin: 15px auto 0px auto;
      text-align: center; }
    .desktop-view .division-description-logo .division-logo {
      position: relative;
      width: 120px;
      height: auto;
      margin: 0px auto 0 auto;
      top: 12%; }
    .desktop-view .division-description-logo::after {
      content: '';
      position: absolute;
      top: 55px;
      right: 0;
      height: calc(100% - 90px);
      width: 3px;
      background-color: #2a3847; }
  .desktop-view .division-description-content .division-description {
    position: relative;
    overflow-y: auto;
    max-height: 150px;
    padding: 5px 10px 5px 0px;
    margin-top: 50px;
    text-align: justify;
    padding-left: 300px; }
    .desktop-view .division-description-content .division-description::-webkit-scrollbar {
      width: 8px; }
    .desktop-view .division-description-content .division-description::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .desktop-view .division-description-content .division-description::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .desktop-view .division-description-content .division-description::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }

.tree-node {
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
  border-radius: 8px;
  margin: 5px;
  padding: 8px;
  box-shadow: rgba(52, 55, 58, 0.4) 0px -5px 8px 0px inset;
  cursor: pointer; }
  .tree-node.with-image {
    border-width: 2px;
    border-style: solid; }
    .tree-node.with-image .division-image {
      width: 32px;
      height: auto;
      max-height: 32px;
      object-fit: contain; }
    .tree-node.with-image .image-container {
      width: 32px;
      height: 32px; }
      .tree-node.with-image .image-container .division-image {
        width: 32px;
        height: auto;
        object-fit: contain; }
    .tree-node.with-image .division-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      padding: 0px 5px 0px 5px; }
      .tree-node.with-image .division-content .division-name {
        font-weight: bolder;
        text-transform: uppercase; }
  .tree-node.without-image {
    border-width: 2px;
    border-style: solid; }
    .tree-node.without-image .division-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding: 0px 5px 0px 5px; }
      .tree-node.without-image .division-content .division-name {
        font-weight: bolder;
        text-transform: uppercase; }
  .tree-node:hover {
    border: 2px solid #dfdfdf !important;
    box-shadow: rgba(4, 175, 255, 0.829) 0px 10px 20px -20px; }

.tree-children {
  display: flex;
  flex-direction: row;
  align-items: flex-start; }
  .tree-children .tree-column .division-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .tree-children .tree-column .division-content .division-name {
      text-align: left; }

.tree-branch {
  display: block;
  width: -webkit-fill-available; }

.tree-column {
  display: flex;
  flex-direction: column;
  width: 100%; }

.redacted {
  position: relative;
  overflow: hidden;
  /* Pour éviter que le brouillage déborde des nœuds */ }

.redacted::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(39, 20, 20, 0.6); }

.redacted::after {
  content: 'REDACTED';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8em;
  /* Taille du texte "REDACTED" */
  white-space: nowrap;
  opacity: 0;
  /* Masqué par défaut */
  animation: none; }

.redacted:hover::after {
  opacity: 1;
  /* Visible au survol */
  color: red;
  animation: textNoise 0.02s infinite;
  /* Effet statique sur le texte */ }

@keyframes textNoise {
  0%, 100% {
    clip-path: inset(0 0 50% 0); }
  10% {
    clip-path: inset(10% 0 40% 0); }
  20% {
    clip-path: inset(20% 0 30% 0); }
  30% {
    clip-path: inset(30% 0 20% 0); }
  40% {
    clip-path: inset(40% 0 10% 0); }
  50% {
    clip-path: inset(50% 0 0 0); }
  60% {
    clip-path: inset(60% 0 50% 0); }
  70% {
    clip-path: inset(70% 0 40% 0); }
  80% {
    clip-path: inset(80% 0 30% 0); }
  90% {
    clip-path: inset(90% 0 20% 0); } }

.division-diagram-hint {
  padding: 10px;
  font-style: italic; }

.charts-types {
  width: 100%;
  height: 90%; }

.charts-renderChart {
  position: relative;
  width: 100%;
  height: 100%; }

@media (max-width: 1350px) {
  .mobile-view {
    display: flex;
    flex-direction: column;
    height: 250px;
    margin-bottom: 15px;
    padding-bottom: 40px;
    border-bottom: 3px solid #2a3847; }
    .mobile-view .division-description-logo {
      display: flex;
      flex-direction: row;
      position: relative;
      width: 100%;
      height: auto;
      margin-bottom: 15px; }
      .mobile-view .division-description-logo .division-logo {
        position: relative;
        float: left;
        width: 22px;
        height: 22px;
        margin: 0px auto 0 auto; }
      .mobile-view .division-description-logo .division-title {
        position: relative;
        width: 100%;
        text-transform: uppercase;
        margin: 0px 10px 0px 10px;
        text-align: left; }
    .mobile-view .division-description-content .division-description {
      overflow-y: auto;
      max-height: 200px;
      padding: 5px 10px 5px 5px;
      margin-bottom: 15px;
      margin-top: 10px;
      text-align: justify; }
      .mobile-view .division-description-content .division-description::-webkit-scrollbar {
        width: 8px; }
      .mobile-view .division-description-content .division-description::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .mobile-view .division-description-content .division-description::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .mobile-view .division-description-content .division-description::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
  .public-container {
    width: 90%; }
  .tree-branch {
    width: 98%;
    transition: max-width 0.3s ease-out; }
    .tree-branch.expanded {
      max-width: 100%; }
      .tree-branch.expanded .tree-node.with-image {
        width: -webkit-fill-available;
        visibility: visible;
        font-size: calc(0.6rem + 0.4vw); }
        .tree-branch.expanded .tree-node.with-image .division-image {
          width: 18px !important;
          height: 18px !important;
          margin-bottom: 10px; }
        .tree-branch.expanded .tree-node.with-image .division-content {
          font-size: calc(0.6rem + 0.4vw);
          overflow: hidden;
          width: fit-content;
          transition: opacity 0.3s ease-in;
          opacity: 1; }
          .tree-branch.expanded .tree-node.with-image .division-content .division-image {
            overflow: hidden; }
      .tree-branch.expanded .tree-node.without-image {
        visibility: visible;
        font-size: calc(0.7rem + 0.4vw); }
        .tree-branch.expanded .tree-node.without-image .division-content {
          font-size: calc(0.6rem + 0.4vw);
          overflow: hidden;
          transition: opacity 0.3s ease-in;
          opacity: 1; }
          .tree-branch.expanded .tree-node.without-image .division-content .division-image {
            overflow: hidden; }
    .tree-branch.reduced {
      max-width: 8%;
      visibility: visible;
      transition: max-width 0.3s ease-out; }
      .tree-branch.reduced .tree-node.without-image {
        visibility: visible;
        font-size: calc(0.7rem + 0.4vw);
        height: 15px; }
        .tree-branch.reduced .tree-node.without-image .division-content {
          visibility: hidden;
          overflow: hidden;
          font-size: calc(0.6rem + 0.4vw);
          transition: opacity 0s ease-out;
          opacity: 0; }
          .tree-branch.reduced .tree-node.without-image .division-content .division-image {
            visibility: hidden;
            overflow: hidden;
            padding: 0px; }
      .tree-branch.reduced .tree-node.with-image {
        max-height: 24px;
        padding: 5px 0px 5px 0px;
        font-size: calc(0.7rem + 0.4vw);
        visibility: visible;
        position: relative; }
        .tree-branch.reduced .tree-node.with-image .image-container {
          width: 0px !important;
          height: 0px !important;
          overflow: hidden;
          padding: 0px; }
          .tree-branch.reduced .tree-node.with-image .image-container .division-image {
            visibility: hidden;
            width: 0px !important;
            height: 0px !important;
            margin-bottom: 5px;
            overflow: hidden;
            padding: 0px; }
        .tree-branch.reduced .tree-node.with-image .division-content {
          visibility: hidden;
          overflow: hidden;
          font-size: calc(0.7rem + 0.4vw);
          padding: 0px;
          transition: opacity 0s ease-out;
          opacity: 0; }
          .tree-branch.reduced .tree-node.with-image .division-content .division-image {
            visibility: hidden;
            overflow: hidden;
            padding: 0px; }
        .tree-branch.reduced .tree-node.with-image::after {
          content: '⮟';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          animation: bounce 0.5s infinite alternate; }
  @keyframes bounce {
    0% {
      transform: translate(-50%, -50%); }
    100% {
      transform: translate(-50%, calc(-50% - 6px)); } }
      .tree-branch.reduced .tree-children {
        visibility: hidden;
        overflow: hidden; }
        .tree-branch.reduced .tree-children .tree-node.with-image {
          visibility: hidden;
          overflow: hidden;
          padding: 0px; }
        .tree-branch.reduced .tree-children .tree-node.without-image {
          visibility: hidden;
          overflow: hidden; }
  .tree-node.with-image .image-container {
    width: 18px;
    height: 18px; }
  .division-description-container {
    height: calc(50vh - 200px); } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.modal {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  /* Chrome, Edge, Safari */
  /* Firefox */
  scrollbar-width: none;
  /* IE / old Edge */
  -ms-overflow-style: none; }
  .modal::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .modal .modal-content {
    position: relative;
    background-color: #163447;
    margin: 15vh 0%;
    padding: 0px;
    border: 1px solid #491212;
    width: max-content;
    justify-self: center;
    min-height: inherit;
    height: max-content; }
    .modal .modal-content.calendar-template-confirm {
      height: 140px; }
    .modal .modal-content.create-event {
      padding: 0px; }
    .modal .modal-content.create-event-template {
      padding: 0px; }
    .modal .modal-content.lexical-save-modal {
      padding: 0px; }
    .modal .modal-content .modal-body .account-deletion {
      height: 50px; }
      .modal .modal-content .modal-body .account-deletion .header.account-deletion {
        color: #dfdfdf;
        padding: 10px;
        margin-top: 0;
        background-color: #491212;
        border-bottom: 3px solid #dfdfdf;
        margin-bottom: 5px;
        border-radius: 6px 6px 0px 0px; }
      .modal .modal-content .modal-body .account-deletion .content.account-deletion {
        padding: 10px; }
      .modal .modal-content .modal-body .account-deletion .footer.account-deletion {
        padding: 10px;
        margin-top: 0;
        margin-bottom: 10px;
        border-radius: 0px 0px 6px 6px; }
  .modal .close {
    color: #dfdfdf;
    float: right;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer; }
    .modal .close:hover, .modal .close:focus {
      color: #0c2637;
      text-decoration: none; }

.recurrence-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6); }
  .recurrence-modal .modal-header {
    color: #dfdfdf;
    padding: 10px;
    margin-top: 0;
    border-bottom: 3px solid #dfdfdf;
    margin-bottom: 5px;
    border-radius: 6px 6px 0px 0px; }
    .recurrence-modal .modal-header .recurrence-h3 {
      padding: 0;
      margin: 0; }
  .recurrence-modal .input-first {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px auto 10px auto; }
  .recurrence-modal .modal-dialog {
    max-width: 280px;
    margin: auto; }
  .recurrence-modal .modal-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #2a3847;
    max-width: 350px;
    border: 1px solid #491212;
    border-radius: 10px; }
  .recurrence-modal .recurrence-content {
    background-color: #2a3847;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px; }
    .recurrence-modal .recurrence-content .input {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 5px; }
      .recurrence-modal .recurrence-content .input label {
        text-align: left;
        flex-grow: 1; }
      .recurrence-modal .recurrence-content .input .input, .recurrence-modal .recurrence-content .input .react-select__control {
        max-width: 175px !important;
        min-width: 175px !important;
        min-height: 16px !important;
        height: 20px !important; }
      .recurrence-modal .recurrence-content .input .field-input {
        max-width: 50px;
        min-width: 50px;
        padding: 2px 8px 2px 8px;
        border-radius: 6px; }
        .recurrence-modal .recurrence-content .input .field-input.date {
          max-width: 70px;
          min-width: 70px;
          padding: 2px 8px 2px 8px;
          border-radius: 6px; }
    .recurrence-modal .recurrence-content .intelligible-text {
      margin-left: 0px;
      margin-right: auto; }
  .recurrence-modal .modal-footer {
    display: flex;
    gap: 10px;
    padding: 15px; }
    .recurrence-modal .modal-footer .btn-style1 {
      margin-left: 0px; }

.calendar-template-modal .modal-dialog {
  margin: auto;
  width: 1080px; }

.calendar-template-modal .calendar-template-input.form-control, .calendar-template-modal .calendar-template-dropdown.form-control {
  width: 232px;
  padding: 2px; }

.calendar-template-modal .modal-footer {
  display: flex;
  justify-content: flex-start; }

.calendar-template-modal .modal-content {
  background-color: #2a3847;
  width: 1100px;
  height: 85%;
  margin-top: 100px;
  border: 1px solid #491212; }

.calendar-template-modal .modal-header {
  color: #dfdfdf; }
  .calendar-template-modal .modal-header .modal-title {
    font-size: 1.5rem;
    color: #dfdfdf; }
  .calendar-template-modal .modal-header .btn-close {
    color: #dfdfdf; }
    .calendar-template-modal .modal-header .btn-close:hover, .calendar-template-modal .modal-header .btn-close:focus {
      color: #0c2637; }

.calendar-template-modal .modal-body {
  padding: 20px; }
  .calendar-template-modal .modal-body .form-control {
    position: relative;
    border-width: 0px;
    width: -webkit-fill-available;
    height: 16px;
    padding: 3px 5px;
    border-radius: 4px;
    color: #0c2637; }

.account-deletion .modal-content {
  background-color: #1c2d38; }
  .account-deletion .modal-content .modal-header {
    font-weight: bolder;
    color: #dfdfdf; }
  .account-deletion .modal-content .modal-body {
    color: #b8b8b8; }
    .account-deletion .modal-content .modal-body .link {
      font-weight: bold;
      color: #d12323;
      text-decoration: none; }
  .account-deletion .modal-content .modal-footer {
    text-align: center;
    display: block; }
    .account-deletion .modal-content .modal-footer button {
      display: inline-block;
      margin: 0 5px; }

.modal-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #0c2637;
  color: #dfdfdf;
  border-radius: 10px;
  width: 550px;
  height: 325px;
  position: relative;
  outline: none;
  z-index: 100;
  border-radius: 10px; }
  .modal-content .mfa-h3 {
    text-transform: uppercase;
    text-align: center;
    margin: 10px;
    color: #dfdfdf;
    font-size: 1.3rem; }
  .modal-content .mfa-radio-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 15px;
    gap: 15px;
    height: 20px; }
  .modal-content .modal-content-type {
    display: flex;
    flex-direction: row; }
    .modal-content .modal-content-type .modal-left {
      display: flex;
      flex-direction: column;
      background-color: #b8b8b8;
      align-items: center;
      width: 250px;
      min-height: 200px;
      padding: 15px 25px;
      border-radius: 0px 0px 0px 10px; }
      .modal-content .modal-content-type .modal-left .mfa-qr-code {
        padding: 5px;
        margin: 0px; }
    .modal-content .modal-content-type .modal-right {
      flex: 1;
      background-color: #2a3847;
      width: 250px;
      min-height: 200px;
      border-radius: 0px 0px 10px 0px; }
      .modal-content .modal-content-type .modal-right .mfa-bullet-points {
        color: #dfdfdf;
        padding: 10px 10px 10px 0px; }
        .modal-content .modal-content-type .modal-right .mfa-bullet-points li {
          margin-bottom: 20px; }
      .modal-content .modal-content-type .modal-right .mobile {
        display: none; }

.modal-content-codes {
  flex-direction: column;
  justify-content: space-between;
  background: #dfdfdf;
  border-radius: 10px;
  max-width: 100%;
  width: 250px;
  height: 250px;
  padding: 30px;
  position: relative;
  outline: none; }

.modal-overlay {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(19, 29, 37, 0.7);
  align-items: center;
  justify-content: center;
  z-index: 200; }

.modal-handle-left {
  display: flex;
  background-color: #2a3847;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding-right: 20px;
  border-radius: 10px 0px 0px 10px; }

.modal-handle-right {
  flex: 1;
  background-color: #1c2d38;
  width: 50%;
  padding-left: 20px;
  border-radius: 0px 10px 10px 0px; }
  .modal-handle-right .handle-bullet-points {
    color: #dfdfdf;
    padding: 15px; }
  .modal-handle-right .mobile {
    display: none; }

.modal.create-event-template {
  display: contents;
  flex-direction: column;
  position: relative;
  background-color: #2a3847;
  padding: 0;
  border-radius: 8px;
  overflow-y: auto; }
  .modal.create-event-template::-webkit-scrollbar {
    width: 8px; }
  .modal.create-event-template::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .modal.create-event-template::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .modal.create-event-template::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }
  .modal.create-event-template .header.create-event-template {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #b8b8b8;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .modal.create-event-template .header.create-event-template .calendar-h3 {
      text-align: left;
      text-transform: uppercase;
      margin-left: 20px;
      margin-top: 5px;
      margin-bottom: 5px;
      color: #dfdfdf; }
    .modal.create-event-template .header.create-event-template .icon {
      display: flex;
      height: 18px;
      overflow: hidden;
      margin-left: auto;
      margin-right: 10px; }
      .modal.create-event-template .header.create-event-template .icon .close-event-button {
        position: relative;
        height: 40px;
        object-fit: contain;
        overflow: hidden;
        cursor: pointer; }
        .modal.create-event-template .header.create-event-template .icon .close-event-button:hover {
          top: -21px; }
  .modal.create-event-template .footer.create-event-template {
    display: flex;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px; }

.modal.create-event {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #163447;
  padding: 0;
  border: 1px solid #491212;
  border-radius: 8px;
  overflow-y: auto; }
  .modal.create-event::-webkit-scrollbar {
    width: 8px; }
  .modal.create-event::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .modal.create-event::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .modal.create-event::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }
  .modal.create-event .header.create-event {
    display: flex;
    justify-content: space-between;
    color: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 2px solid #2a3847;
    border-radius: 8px 8px 0px 0px;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .modal.create-event .header.create-event .calendar-h3 {
      text-align: left;
      text-transform: uppercase;
      margin-left: 20px;
      margin-top: 5px;
      margin-bottom: 5px;
      color: #dfdfdf; }
  .modal.create-event .menu {
    display: flex;
    background-color: #0c2637;
    gap: 30px;
    padding: 10px 20px 10px 35px;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    margin: 10px 0px 10px; }
    .modal.create-event .menu .recurrence {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-end; }
      .modal.create-event .menu .recurrence .btn-style1 {
        padding: 0.2rem 0.8rem 0.25rem 0.8rem; }
      .modal.create-event .menu .recurrence .recurrence-text {
        font-size: 14px;
        margin-left: 5px;
        margin-bottom: 6px;
        color: #dfdfdf; }
    .modal.create-event .menu .template-selector {
      display: grid;
      font-weight: bold;
      gap: 5px;
      margin-left: auto;
      margin-right: 20px; }
  .modal.create-event .footer.create-event {
    display: flex;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px; }

.modal.create-handle {
  background-color: rgba(0, 0, 0, 0.6); }
  .modal.create-handle .create-handle {
    width: 600px; }
    .modal.create-handle .create-handle .create-handle.header {
      border-bottom: 3px solid #b8b8b8;
      border-radius: 8px 8px 0px 0px;
      background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
      .modal.create-handle .create-handle .create-handle.header .handle-h3 {
        text-align: left;
        text-transform: uppercase;
        margin: 0;
        padding: 5px 20px;
        color: #dfdfdf; }
    .modal.create-handle .create-handle .create-handle.content {
      display: flex;
      flex-direction: row;
      width: 100%;
      height: 245px; }
      .modal.create-handle .create-handle .create-handle.content .create-handle.column {
        display: flex;
        flex-direction: column;
        padding: 1em;
        background-color: #1c2d38;
        width: 40%; }
        .modal.create-handle .create-handle .create-handle.content .create-handle.column.bullet-points {
          justify-content: center;
          color: #dfdfdf;
          padding: 15px;
          background-color: #0c2637;
          width: 60%; }
          .modal.create-handle .create-handle .create-handle.content .create-handle.column.bullet-points ul {
            list-style-type: disc;
            padding-left: 20px; }
          .modal.create-handle .create-handle .create-handle.content .create-handle.column.bullet-points ol {
            list-style-type: decimal;
            padding-left: 20px; }
          .modal.create-handle .create-handle .create-handle.content .create-handle.column.bullet-points li {
            margin-top: 20px;
            margin-bottom: 20px; }
          .modal.create-handle .create-handle .create-handle.content .create-handle.column.bullet-points a {
            color: white;
            text-decoration: none; }
            .modal.create-handle .create-handle .create-handle.content .create-handle.column.bullet-points a:hover {
              color: #d12323; }

.modal-content-handle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #0c2637;
  color: #dfdfdf;
  border-radius: 10px;
  width: 550px;
  height: 325px;
  position: relative;
  outline: none;
  z-index: 100;
  border-radius: 10px; }
  .modal-content-handle .mfa-h3 {
    text-transform: uppercase;
    text-align: center;
    margin: 10px;
    color: #dfdfdf;
    font-size: 1.3rem; }
  .modal-content-handle .mfa-radio-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 15px;
    gap: 15px;
    height: 20px; }
  .modal-content-handle .modal-content-type {
    display: flex;
    flex-direction: row; }
    .modal-content-handle .modal-content-type .modal-left {
      display: flex;
      flex-direction: column;
      background-color: #b8b8b8;
      align-items: center;
      width: 250px;
      min-height: 200px;
      padding: 15px 25px;
      border-radius: 0px 0px 0px 10px; }
      .modal-content-handle .modal-content-type .modal-left .mfa-qr-code {
        padding: 5px;
        margin: 0px; }
    .modal-content-handle .modal-content-type .modal-right {
      flex: 1;
      background-color: #2a3847;
      width: 250px;
      min-height: 200px;
      border-radius: 0px 0px 10px 0px; }
      .modal-content-handle .modal-content-type .modal-right .mfa-bullet-points {
        color: #dfdfdf;
        padding: 10px 10px 10px 0px; }
        .modal-content-handle .modal-content-type .modal-right .mfa-bullet-points li {
          margin-bottom: 20px; }
      .modal-content-handle .modal-content-type .modal-right .mobile {
        display: none; }

.modal.allied-deletion {
  background: #1c2d38;
  color: #dfdfdf;
  padding: 20px;
  border-radius: 4px;
  max-width: 500px;
  width: 30%;
  height: 120px;
  top: 35%;
  left: 37vw;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.react-select__control,
.react-select-input__control,
.react-select-menu__control {
  background-color: #dfdfdf;
  border: 1px solid #491212;
  font-size: 12px !important;
  box-shadow: none;
  flex-wrap: nowrap !important; }

.react-select__control {
  min-width: 250px !important;
  min-height: 22px !important;
  height: 22px !important; }

.react-select-input__control {
  min-width: 190px !important;
  min-height: 22px !important;
  height: 22px !important;
  padding: 0px 3px !important; }

.react-select-input-comms__control {
  min-width: 190px !important;
  min-height: 22px !important;
  height: 22px !important;
  padding: 0px 3px !important; }

.react-select-menu__control {
  min-width: 190px !important;
  min-height: 22px !important;
  height: 22px !important; }

.react-select__value-container,
.react-select-input__value-container,
.react-select-menu__value-container {
  padding: 2px 2px !important; }

.react-select__menu,
.react-select-input__menu,
.react-select-menu__menu {
  color: #0c2637;
  font-size: 12px;
  z-index: 99999 !important; }

.react-select__option,
.react-select-input__option,
.react-select-menu__option {
  background-color: #dfdfdf;
  color: #0c2637;
  padding: 4px 12px !important; }
  .react-select__option.react-select__option--is-selected, .react-select__option.react-select-input__option--is-selected, .react-select__option.react-select-menu__option--is-selected,
  .react-select-input__option.react-select__option--is-selected,
  .react-select-input__option.react-select-input__option--is-selected,
  .react-select-input__option.react-select-menu__option--is-selected,
  .react-select-menu__option.react-select__option--is-selected,
  .react-select-menu__option.react-select-input__option--is-selected,
  .react-select-menu__option.react-select-menu__option--is-selected {
    background-color: #b8b8b8;
    color: #0c2637; }
  .react-select__option:hover,
  .react-select-input__option:hover,
  .react-select-menu__option:hover {
    background-color: #b8b8b8;
    color: #1c2d38; }

.react-select__placeholder,
.react-select__single-value,
.react-select-input__placeholder,
.react-select-input__single-value,
.react-select-menu__placeholder,
.react-select-menu__single-value {
  color: #0c2637;
  font-size: 12px !important; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.hierarchy-select-container .react-dropdown-tree-select {
  font-family: "Lato", sans-serif; }
  .hierarchy-select-container .react-dropdown-tree-select .dropdown {
    position: relative; }
    .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-trigger {
      display: block;
      width: 183px;
      height: 38px;
      padding: 3px 5px;
      color: #0c2637;
      border-radius: 4px;
      background-color: white;
      overflow-x: hidden;
      cursor: pointer; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-trigger::-webkit-scrollbar {
        width: 8px; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-trigger::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-trigger::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-trigger::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom::after {
        content: "▼";
        position: absolute;
        top: 80%;
        right: 0.5rem;
        transform: translateY(-50%);
        pointer-events: none; }
    .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-content {
      max-height: 180px;
      width: 190px;
      background-color: white;
      z-index: 99999; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-content ul {
        color: #0c2637;
        padding: 0 10px 10px;
        overflow-x: hidden; }
        .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-content ul::-webkit-scrollbar {
          width: 8px; }
        .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-content ul::-webkit-scrollbar-track {
          background: #2e3842;
          border-radius: 4px;
          padding-right: 1px; }
        .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-content ul::-webkit-scrollbar-thumb {
          background-color: #491212;
          border-radius: 4px; }
          .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-content ul::-webkit-scrollbar-thumb:hover {
            background-color: #200808; }
        .hierarchy-select-container .react-dropdown-tree-select .dropdown .dropdown-content ul.infinite-scroll-component {
          overflow-x: hidden; }
    .hierarchy-select-container .react-dropdown-tree-select .dropdown .tag-list {
      display: flex;
      flex-direction: column;
      list-style: none;
      width: 170px;
      margin: 0;
      padding: 0;
      gap: 3px; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .tag-list .tag-item {
        width: 160px; }
        .hierarchy-select-container .react-dropdown-tree-select .dropdown .tag-list .tag-item .tag {
          display: inline-flex;
          align-items: center;
          width: -webkit-fill-available;
          font-size: 14px;
          padding: 1px 4px;
          background-color: #dfdfdf;
          color: #0c2637;
          border-radius: 4px; }
          .hierarchy-select-container .react-dropdown-tree-select .dropdown .tag-list .tag-item .tag .tag-remove {
            background: none;
            border: none;
            margin-left: auto;
            margin-right: 0.25rem;
            color: #491212;
            cursor: pointer; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .tag-list .search {
        display: none; }
    .hierarchy-select-container .react-dropdown-tree-select .dropdown .rst__dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      max-height: 300px;
      overflow: auto;
      border: 1px solid #491212;
      background-color: white;
      border-radius: 4px;
      z-index: 1000;
      margin-top: 0.25rem; }
      .hierarchy-select-container .react-dropdown-tree-select .dropdown .rst__dropdown .rst__list {
        list-style: none;
        margin: 0;
        padding: 0; }
        .hierarchy-select-container .react-dropdown-tree-select .dropdown .rst__dropdown .rst__list .rst__list-item {
          padding: 0.5rem;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .hierarchy-select-container .react-dropdown-tree-select .dropdown .rst__dropdown .rst__list .rst__list-item:hover {
            background-color: #2a3847; }
          .hierarchy-select-container .react-dropdown-tree-select .dropdown .rst__dropdown .rst__list .rst__list-item .rst__checkbox {
            margin-right: 0.5rem; }
          .hierarchy-select-container .react-dropdown-tree-select .dropdown .rst__dropdown .rst__list .rst__list-item .rst__node-label {
            flex: 1; }

.hierarchy-select-container .node[role="treeitem"][aria-level="1"] {
  padding-left: 0 !important; }

.hierarchy-select-container .node[role="treeitem"][aria-level="2"] {
  padding-left: 20px !important; }

.hierarchy-select-container .node[role="treeitem"][aria-level="3"] {
  padding-left: 40px !important; }

.hierarchy-select-container .node[role="treeitem"][aria-level="4"] {
  padding-left: 60px !important; }

.hierarchy-select-container .node[role="treeitem"][aria-level="5"] {
  padding-left: 80px !important; }

.hierarchy-select-container .node[role="treeitem"][aria-level="6"] {
  padding-left: 100px !important; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative; }

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden; }

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none; }

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%; }

.ql-clipboard p {
  margin: 0;
  padding: 0; }

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word; }

.ql-editor > * {
  cursor: text; }

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  font-size: 14px; }

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em; }

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none; }

.ql-editor ul > li::before {
  content: '\2022'; }

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none; }

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all; }

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all; }

.ql-editor ul[data-checked=true] > li::before {
  content: '\2611'; }

.ql-editor ul[data-checked=false] > li::before {
  content: '\2610'; }

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em; }

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right; }

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em; }

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em; }

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em; }

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0; }

.ql-editor ol li:is([data-list='bullet'])::before {
  font-weight: bold;
  content: "•"; }

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". "; }

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1; }

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". "; }

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2; }

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". "; }

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3; }

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". "; }

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4; }

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". "; }

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5; }

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". "; }

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6; }

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". "; }

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7; }

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". "; }

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9; }

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8; }

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". "; }

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9; }

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9; }

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". "; }

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em; }

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em; }

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em; }

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em; }

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em; }

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em; }

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em; }

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em; }

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em; }

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em; }

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em; }

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em; }

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em; }

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em; }

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em; }

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em; }

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em; }

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em; }

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em; }

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em; }

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em; }

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em; }

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em; }

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em; }

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em; }

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em; }

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em; }

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em; }

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em; }

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em; }

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em; }

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em; }

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em; }

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em; }

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em; }

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em; }

.ql-editor .ql-video {
  display: block;
  max-width: 100%; }

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto; }

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto; }

.ql-editor .ql-bg-black {
  background-color: #000; }

.ql-editor .ql-bg-red {
  background-color: #e60000; }

.ql-editor .ql-bg-orange {
  background-color: #f90; }

.ql-editor .ql-bg-yellow {
  background-color: #ff0; }

.ql-editor .ql-bg-green {
  background-color: #008a00; }

.ql-editor .ql-bg-blue {
  background-color: #75dfff; }

.ql-editor .ql-bg-purple {
  background-color: #93f; }

.ql-editor .ql-color-white {
  color: #fff; }

.ql-editor .ql-color-red {
  color: #e60000; }

.ql-editor .ql-color-orange {
  color: #f90; }

.ql-editor .ql-color-yellow {
  color: #ff0; }

.ql-editor .ql-color-green {
  color: #008a00; }

.ql-editor .ql-color-blue {
  color: #75dfff; }

.ql-editor .ql-color-purple {
  color: #93f; }

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif; }

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace; }

.ql-editor .ql-size-small {
  font-size: 0.75em; }

.ql-editor .ql-size-large {
  font-size: 1.5em; }

.ql-editor .ql-size-huge {
  font-size: 2.5em; }

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit; }

.ql-editor .ql-align-center {
  text-align: center; }

.ql-editor .ql-align-justify {
  text-align: justify; }

.ql-editor .ql-align-right {
  text-align: right; }

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px; }

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table; }

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px; }

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%; }

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none; }

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none; }

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #75dfff; }

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #75dfff; }

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #75dfff; }

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444; }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444; }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444; } }

.ql-snow {
  box-sizing: border-box; }

.ql-snow * {
  box-sizing: border-box; }
  .ql-snow *::-webkit-scrollbar {
    width: 8px; }
  .ql-snow *::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .ql-snow *::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .ql-snow *::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.ql-snow .ql-hidden {
  display: none; }

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden; }

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px); }

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none; }

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px); }

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle; }

.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table; }

.ql-snow .ql-stroke {
  fill: none;
  stroke: #dfdfdf;
  strokeLinecap: round;
  strokeLinejoin: round;
  strokeWidth: 2; }

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #dfdfdf;
  stroke-miterlimit: 10;
  strokeWidth: 2; }

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #dfdfdf; }

.ql-snow .ql-empty {
  fill: none; }

.ql-snow .ql-even {
  fill-rule: evenodd; }

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  strokeWidth: 1; }

.ql-snow .ql-transparent {
  opacity: 0.4; }

.ql-snow .ql-direction svg:last-child {
  display: none; }

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline; }

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none; }

.ql-snow .ql-editor h1 {
  font-size: 2em; }

.ql-snow .ql-editor h2 {
  font-size: 1.5em; }

.ql-snow .ql-editor h3 {
  font-size: 1.17em; }

.ql-snow .ql-editor h4 {
  font-size: 1em; }

.ql-snow .ql-editor h5 {
  font-size: 0.83em; }

.ql-snow .ql-editor h6 {
  font-size: 0.67em; }

.ql-snow .ql-editor a {
  text-decoration: underline; }

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px; }

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px; }

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px; }

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px; }

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #45c1ff;
  overflow: visible; }

.ql-snow .ql-editor img {
  max-width: 100%; }

.ql-snow .ql-picker {
  color: #dfdfdf;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle; }

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%; }

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px; }

.ql-snow .ql-picker-options {
  background-color: #592727;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap; }

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc; }

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1; }

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px; }

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px; }

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px; }

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px; }

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px; }

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px; }

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px; }

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label); }

.ql-snow .ql-picker.ql-header {
  width: 98px; }

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6'; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em; }

.ql-snow .ql-picker.ql-font {
  width: 108px; }

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif'; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif'; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace'; }

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif; }

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace; }

.ql-snow .ql-picker.ql-size {
  width: 98px; }

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal'; }

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small'; }

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large'; }

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge'; }

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px; }

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px; }

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px; }

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff; }

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000; }

.ql-toolbar.ql-snow {
  border: 1px solid #4b0505f5;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 3px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px; }

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px; }

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent; }

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; }

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #491212; }

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #491212; }

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000; }

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
  background-color: #1c2d38; }

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap; }

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px; }

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px; }

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top; }

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px; }

.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px; }

.ql-snow .ql-tooltip a {
  line-height: 26px; }

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none; }

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block; }

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px; }

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"; }

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"; }

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"; }

.ql-snow a {
  color: #75dfff; }

.ql-container.ql-snow {
  border: 1px solid #491212;
  border-radius: 0 0 10px 10px; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lato"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="lato"]::before {
  content: 'Lato'; }

.ql-font-lato {
  font-family: 'Lato', sans-serif; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="goodtimes"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="goodtimes"]::before {
  content: 'GoodTimes'; }

.ql-font-goodtimes {
  font-family: 'GoodTimes', sans-serif; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="firacode"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="firacode"]::before {
  content: 'FiraCode'; }

.ql-font-firacode {
  font-family: 'FiraCode', sans-serif; }

.ql-editor .uppercase {
  text-transform: uppercase; }

.uppercase {
  text-transform: uppercase; }

.ql-container .qlbt-selection-line.qlbt-selection-line-left::before {
  position: absolute;
  left: -2px;
  top: -2px;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #75dfff;
  border-radius: 5px; }

.ql-container .qlbt-selection-line.qlbt-selection-line-right::before {
  position: absolute;
  right: -2px;
  bottom: -3px;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #75dfff;
  border-radius: 5px; }

.quill-better-table-wrapper {
  overflow-x: auto; }

table.quill-better-table {
  table-layout: fixed;
  border-collapse: collapse; }

table.quill-better-table td {
  border: 1px solid #dfdfdf;
  padding: 2px 5px; }

.qlbt-operation-menu {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  z-index: 100;
  overflow: hidden; }

.qlbt-operation-menu .qlbt-operation-menu-dividing {
  height: 1px;
  background-color: #efefef; }

.qlbt-operation-menu .qlbt-operation-menu-subtitle {
  color: #999;
  font-size: 14px;
  padding: 5px 16px; }

.qlbt-operation-menu .qlbt-operation-color-picker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 16px 10px;
  background-color: #fff;
  overflow: hidden; }

.qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item {
  width: 20px;
  height: 20px;
  border: 1px solid #595959;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer; }

.qlbt-operation-menu .qlbt-operation-menu-item {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background-color: #fff;
  cursor: pointer;
  color: #595959;
  overflow: hidden;
  text-overflow: ellipsis; }

.qlbt-operation-menu .qlbt-operation-menu-item:hover {
  background-color: #efefef; }

.qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon {
  margin-right: 8px;
  height: 20px;
  width: 20px;
  font-size: 0; }

.qlbt-col-tool {
  position: absolute;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  z-index: 99;
  height: 16px; }

.qlbt-col-tool .qlbt-col-tool-cell {
  position: relative;
  background-color: #fff;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000; }

.qlbt-col-tool .qlbt-col-tool-cell:first-child {
  border-left: 1px solid #000; }

.qlbt-col-tool .qlbt-col-tool-cell-holder {
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 1px;
  background-color: transparent;
  cursor: ew-resize; }

.qlbt-col-tool .qlbt-col-tool-cell-holder:hover {
  background-color: #75dfff; }

.qlbt-col-tool .qlbt-col-tool-cell-holder::before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  display: block;
  width: 8px;
  height: 100%; }

.qlbt-col-tool .qlbt-col-tool-cell-holder::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  display: block;
  width: 8px;
  height: 100%; }

.ql-icon-insert-table {
  width: 16px;
  height: 16px;
  fill: #dfdfdf;
  stroke: #dfdfdf; }

.ql-icon-insert-table:hover {
  fill: #75dfff;
  stroke: #75dfff; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.lexical-container {
  position: relative;
  display: grid; }

.lexical-editor {
  position: relative;
  overflow: visible; }

.editor-content {
  user-select: text;
  white-space: pre-wrap;
  word-break: break-word; }

.lexical-document-footer {
  padding: 10px 15px; }

.font-lato,
.font-Lato {
  font-family: 'Lato', sans-serif; }

.font-goodtimes,
.font-GoodTimes {
  font-family: 'GoodTimes', sans-serif; }

.lexical-parameters {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 5px 15px; }

.collaboration-status {
  margin: 0px 10px 0px 15px;
  color: #dfdfdf; }

.status-indicators {
  display: flex;
  flex-direction: row;
  align-items: center; }

.editor-container {
  display: grid;
  border: 1px solid #491212;
  border-radius: 5px;
  border-bottom: 4px solid #491212;
  background: #0c2637;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin: 0;
  box-shadow: 4px 5px 2px #4b050547; }

.editor-input {
  position: relative;
  min-height: 175px;
  max-height: calc(100vh - 510px);
  outline: none;
  padding: 18px;
  overflow-y: auto; }
  .editor-input::-webkit-scrollbar {
    width: 8px; }
  .editor-input::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .editor-input::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .editor-input::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.editor-input,
.editor-input * {
  -webkit-user-select: text !important;
  /* Safari/Chrome */
  -moz-user-select: text !important;
  /* Firefox */
  -ms-user-select: text !important;
  /* IE10+ */
  user-select: text !important;
  /* Standard */ }

.editor-placeholder {
  display: none;
  color: #dfdfdf;
  padding: 10px 18px; }

.editor-paragraph {
  line-height: 1.45em;
  margin-bottom: 5px; }

.editor-bold {
  font-weight: bolder; }

.editor-italic {
  font-style: italic; }

.editor-underline {
  text-decoration: underline; }

.editor-strikethrough {
  text-decoration: line-through; }

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

.text-lowercase {
  text-transform: lowercase; }

.lexical-header1 {
  color: white;
  font-size: 30px;
  font-weight: lighter;
  margin-block-start: 0em;
  text-transform: uppercase;
  font-family: GoodTimes; }

.lexical-header2 {
  color: white;
  font-size: 26px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: GoodTimes; }

.lexical-header3 {
  color: white;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 15px 0px 10px 0px;
  font-family: GoodTimes; }

.lexical-header4 {
  color: white;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 15px 0px 10px 0px;
  font-family: GoodTimes; }

.lexical-header5 {
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0px 7px 0px;
  font-family: Lato; }

.lexical-header6 {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0px 7px 0px;
  font-family: Lato; }

.lexical-paragraph {
  font-size: 16px;
  margin-top: 5px;
  font-family: Lato; }

.editor-paragraph a {
  color: #84b4f3;
  text-decoration: none;
  cursor: pointer; }

.editor-paragraph a:hover {
  color: #588dd3;
  text-decoration: underline; }

.editor-paragraph a:visited {
  color: #a746e4; }

.editor-paragraph a:active,
.editor-paragraph a:focus {
  color: white;
  outline: none;
  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.5); }

.lexical-editor a {
  color: white;
  text-decoration: none;
  cursor: pointer; }

.lexical-editor a:hover {
  color: #74aaf1;
  text-decoration: underline; }

.lexical-editor a:visited {
  color: #a746e4; }

.lexical-editor a:active,
.lexical-editor a:focus {
  color: white;
  outline: none;
  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.5); }

.editor-image-wrapper {
  display: grid;
  position: relative; }

.editor-align-left.editor-image-wrapper {
  width: 100%;
  justify-items: start; }

.editor-align-center.editor-image-wrapper {
  width: 100%;
  justify-items: center; }

.editor-align-right.editor-image-wrapper {
  width: 100%;
  justify-items: end; }

.editor-align-left,
.editor-align-center,
.editor-align-right,
.editor-align-justify {
  text-align: inherit; }

.editor-align-left {
  text-align: left; }

.editor-align-center {
  text-align: center; }

.editor-align-right {
  text-align: right; }

.editor-align-justify {
  text-align: justify; }

.toolbar {
  display: flex;
  position: sticky !important;
  top: 92px !important;
  height: 22px;
  gap: 5px;
  padding: 5px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: 2px solid #2a3847;
  z-index: 100;
  background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
  .toolbar .toolbar-button {
    background-color: #00000033;
    padding: 3px 5px;
    color: #b8b8b8;
    font-size: small;
    border: none;
    border-radius: 6px;
    height: 22px;
    cursor: pointer; }
    .toolbar .toolbar-button:hover {
      background-color: #00000050;
      color: #dfdfdf;
      filter: brightness(0) invert(80%); }
    .toolbar .toolbar-button.lexical-fontsize {
      width: 127px; }
    .toolbar .toolbar-button.alignement {
      width: 127px; }
    .toolbar .toolbar-button.insert {
      width: 93px; }
    .toolbar .toolbar-button.toc {
      position: relative;
      align-items: center;
      place-self: center;
      height: 21px; }
    .toolbar .toolbar-button.emojis {
      position: relative;
      background: none; }
    .toolbar .toolbar-button.comments {
      position: relative;
      align-items: center;
      place-self: center;
      height: 20px; }
      .toolbar .toolbar-button.comments.has-unread-mention:hover {
        filter: none; }
    .toolbar .toolbar-button.fontsize {
      display: flex;
      align-items: center;
      place-self: center;
      height: 17px; }
      .toolbar .toolbar-button.fontsize .fontsize-button {
        background: none;
        border: none;
        padding: 0 6px;
        color: #b8b8b8;
        cursor: pointer; }
        .toolbar .toolbar-button.fontsize .fontsize-button:hover {
          color: #dfdfdf; }
      .toolbar .toolbar-button.fontsize .fontsize-label {
        width: 20px;
        color: #b8b8b8;
        background: transparent;
        font-size: small;
        border: none;
        cursor: text; }
        .toolbar .toolbar-button.fontsize .fontsize-label:hover {
          color: #b8b8b8; }
      .toolbar .toolbar-button.fontsize:hover .fontsize-label {
        background: transparent; }
    .toolbar .toolbar-button:hover {
      filter: brightness(0) invert(80%); }
  .toolbar .buttons-set-right {
    display: flex;
    position: relative;
    margin-left: auto;
    margin-right: 3px;
    gap: 3px; }
  .toolbar .toolbar-button svg {
    width: 21px;
    transform: translateY(-2px);
    flex-shrink: 0; }

.toolbar .divider {
  width: 1px;
  background-color: #2a3847; }

.editor-input u {
  text-decoration: underline; }

.editor-input s {
  text-decoration: line-through; }

.toolbar button.active {
  font-weight: bold;
  filter: brightness(0) invert(70%); }
  .toolbar button.active:hover {
    filter: brightness(0) invert(70%); }

.toolbar button img {
  width: auto;
  height: 18px;
  filter: brightness(0) invert(70%);
  transition: filter 0.1s ease-in-out; }
  .toolbar button img:hover {
    filter: brightness(0) invert(100%); }

.font-size-dropdown {
  padding: 5px;
  font-size: 14px; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown .lexical-chevrondown {
    margin-right: 5px;
    margin-left: auto; }

.dropdown-toggle {
  display: flex;
  align-items: center;
  color: #b8b8b8; }
  .dropdown-toggle.font-selection {
    width: 115px; }

.dropdown-toggle:hover {
  color: white;
  height: 20px; }

.toolbar button img,
.dropdown-content .dropdown-icon {
  width: auto;
  height: 14px;
  margin-right: 5px;
  margin-left: 4px;
  filter: brightness(0) invert(70%);
  /* Gris clair */
  transition: filter 0.1s ease-in-out; }

.dropdown-content .dropdown-item:hover .dropdown-icon {
  filter: brightness(0) invert(100%);
  /* Blanc */ }

/* Le menu sera affiché uniquement via le rendu conditionnel dans le JS */
.dropdown-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 2px;
  background-color: #0c2637;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  z-index: 100;
  width: 220px;
  max-height: 200px;
  top: 120%;
  left: 0;
  border: 1px solid #491212;
  border-radius: 6px 6px 6px 6px;
  overflow-y: auto; }
  .dropdown-content::-webkit-scrollbar {
    width: 8px; }
  .dropdown-content::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .dropdown-content::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .dropdown-content::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.dropdown-item {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  cursor: pointer;
  transition: background-color 0.2s; }

.dropdown-item:hover {
  background-color: #1c2d38; }

.dropdown-icon {
  margin-right: 10px;
  width: 16px;
  height: 16px; }

.dropdown-label {
  flex-grow: 1;
  font-size: 14px;
  margin-right: 10px;
  width: max-content; }

.dropdown-shortcut {
  font-size: 12px;
  color: #888; }

.link-input-container {
  position: absolute;
  display: flex;
  align-items: center;
  background: #0c2637;
  border: 1px solid #491212;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000; }

.link-input-container input {
  background: #b8b8b8;
  border: 1px solid #1c2d38;
  padding: 4px;
  margin-right: 5px;
  width: 200px;
  border-radius: 3px; }

.link-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px; }

.link-button img {
  background: transparent;
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(40%); }

.link-button:hover img {
  filter: brightness(0.8) invert(70%); }

/* ✅ Corrige l'affichage des bullets pour les sous-listes */
.editor-input ul,
.editor-input ol {
  color: #b8b8b8;
  padding-left: 20px;
  /* Maintient une indentation correcte */
  margin-left: 0;
  line-height: 1.35em;
  list-style-position: outside;
  /* Assure l'alignement des bullets */ }
  .editor-input ul li,
  .editor-input ol li {
    margin-bottom: 5px; }

/* ✅ Applique les bons styles de bullets pour chaque niveau */
.editor-input ul {
  list-style-type: disc;
  /* Premier niveau: • */ }

.editor-input ul ul {
  list-style-type: circle;
  /* Deuxième niveau: ◦ */ }

.editor-input ul ul ul {
  list-style-type: square;
  /* Troisième niveau: ▪️ */ }

/* ✅ Corrige les listes ordonnées */
.editor-input ol {
  list-style-type: decimal;
  /* Premier niveau: 1, 2, 3 */ }

.editor-input ol ol {
  list-style-type: lower-alpha;
  /* Deuxième niveau: a, b, c */ }

.editor-input ol ol ol {
  list-style-type: lower-roman;
  /* Troisième niveau: i, ii, iii */ }

/* ✅ Empêche l'affichage des bullets en trop sur la première ligne indentée */
.editor-input li:has(> ul),
.editor-input li:has(> ol) {
  list-style-type: none;
  /* Supprime le bullet si l'élément contient une sous-liste */ }

/* ✅ Corrige l'affichage des checkbox dans les listes */
.editor-input li[role="checkbox"] {
  list-style: none;
  margin-left: -20px !important;
  padding-left: 0;
  margin-left: 0; }

.editor-input li[role="checkbox"]::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 12px;
  height: 12px;
  border: 2px solid #b8b8b8;
  border-radius: 4px;
  margin-right: 8px;
  cursor: pointer; }

/* ✅ Affiche une coche quand la checkbox est cochée */
.editor-input li[role="checkbox"][aria-checked="true"]::before {
  position: relative;
  top: 3px;
  background-color: #491212;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 16 16%27 fill=%27$light-grey%27 stroke=%27white%27 strokeWidth=%273%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpolyline points=%273,8 6,11 13,4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px; }

.editor-input blockquote {
  padding: 5px;
  position: relative;
  margin: 0;
  margin-left: 0;
  padding-left: 10px;
  border-left: 5px solid #2a3847; }

.editor-input blockquote ::before,
.editor-input.framed ::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: none; }

.editor-input blockquote ::before {
  top: -10px;
  left: -10px;
  width: 50%;
  height: 50%;
  border-radius: 6px 0 0 0;
  border-right: none;
  border-bottom: none; }

.editor-input blockquote ::after {
  bottom: -10px;
  right: -10px;
  width: 50%;
  height: 50%;
  border-radius: 6px 0;
  border-left: none;
  border-top: none; }

.editor-input.framed {
  font-family: "Goodtimes";
  font-weight: normal;
  line-height: 20px;
  text-align: inherit;
  user-select: none;
  color: white;
  background: transparent;
  padding: 15px;
  position: relative;
  margin: 10px 0;
  margin-left: 0;
  padding-left: 5px; }

.editor-input.framed ::before,
.editor-input.framed ::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: none; }

.editor-input.framed ::before {
  top: -10px;
  left: -10px;
  border-top: 3px solid #2a3847;
  border-left: 3px solid #2a3847;
  width: 50%;
  height: 50%;
  border-radius: 6px 0 0 0;
  border-right: none;
  border-bottom: none; }

.editor-input.framed ::after {
  bottom: -10px;
  right: -10px;
  border-bottom: 3px solid #2a3847;
  border-right: 3px solid #2a3847;
  border-left: none;
  width: 50%;
  height: 50%;
  border-radius: 6px 0;
  border-left: none;
  border-top: none; }

.horizontal-rule {
  border: none;
  border-top: 2px solid #b8b8b8;
  /* ✅ Apparence propre */
  margin: 16px 0;
  width: 100%; }

/* ✅ Style du popup */
.column-popup {
  position: absolute;
  top: 100%;
  left: 0;
  background: #0c2637;
  border: 1px solid #ccc;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  padding: 10px;
  z-index: 100;
  width: 210px;
  border: 1px solid #491212;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px; }

/* ✅ Titre du popup */
.column-popup h4 {
  font-size: 14px;
  margin-bottom: 8px;
  color: #dfdfdf;
  text-align: center; }

/* ✅ Style des boutons */
.column-popup button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background: #1c2d38;
  border: none;
  color: #dfdfdf;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  transition: background 0.2s ease-in-out; }

/* ✅ Effet au survol */
.column-popup button:hover {
  border: 1px solid #9e2222;
  filter: none; }

/* ✅ Bouton d'annulation */
.column-popup button:last-child {
  background-image: url(/images/steel.png);
  background-color: #491212;
  background-blend-mode: multiply;
  color: #dfdfdf;
  font-weight: bold; }

.column-popup button:last-child:hover {
  background-color: #9e2222;
  color: white;
  filter: none; }

/* ===================================== */
/* ✅ Styles de base pour Column Layout" */
/* ===================================== */
.lexical-column-layout {
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px 0px;
  table-layout: fixed;
  /* ✅ Force la répartition des tailles */
  background: transparent !important;
  /* ✅ Fond transparent */
  border: none !important;
  /* ✅ Aucune bordure */ }

/* ✅ Style des cellules (colonnes) */
.lexical-column-layout td {
  vertical-align: top;
  padding: 10px;
  border: none !important;
  /* ✅ Pas de bordure pour les cellules */
  position: relative;
  /* ✅ Permet de positionner le trait */ }

/* ✅ Ajoute le trait vertical entre les colonnes */
.lexical-column-layout td:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  /* ✅ Positionne au centre du gap (spacing de 20px) */
  width: 2px;
  /* ✅ Épaisseur du trait */
  height: 100%;
  background-color: #2a3847;
  /* ✅ Couleur du trait */ }

/* ============================== */
/* ✅ Styles de base pour tables */
/* ============================== */
.PlaygroundEditorTheme__table {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0;
  table-layout: fixed; }
  .PlaygroundEditorTheme__table th,
  .PlaygroundEditorTheme__table .PlaygroundEditorTheme__tableCell {
    border: 1px solid #b8b8b8;
    padding: 8px;
    text-align: left;
    background: transparent;
    word-break: break-word; }
  .PlaygroundEditorTheme__table th {
    background: red;
    font-weight: bold; }
  .PlaygroundEditorTheme__table col {
    width: auto; }

.PlaygroundEditorTheme__tableCell {
  border: 1px solid #b8b8b8;
  padding: 4px; }

.PlaygroundEditorTheme__tableCellSelected {
  outline: 2px solid #3b82f6;
  /* blue-500 */
  outline-offset: -2px;
  background-color: rgba(59, 130, 246, 0.1);
  /* light blue background */ }

.PlaygroundEditorTheme__tableSelection {
  box-shadow: 0 0 0 2px #3b82f6 inset; }

.PlaygroundEditorTheme__table {
  border-collapse: collapse; }
  .PlaygroundEditorTheme__table.CustomTableNode__alignLeft {
    margin-left: 0;
    margin-right: auto; }
  .PlaygroundEditorTheme__table.CustomTableNode__alignCenter {
    margin-left: auto;
    margin-right: auto; }
  .PlaygroundEditorTheme__table.CustomTableNode__alignRight {
    margin-left: auto;
    margin-right: 0; }
  .PlaygroundEditorTheme__table.tableSelected {
    box-shadow: 0 0 0 2px #3b82f6 inset; }

.TableCellResizer__resizer {
  position: absolute;
  left: var(--resizer-left, 0);
  top: var(--resizer-top, 0);
  width: var(--resizer-width, auto);
  height: var(--resizer-height, auto);
  z-index: 10000; }

.TableCellResizer__resizer.resizer-right {
  cursor: col-resize; }

/* Style actif quand tu cliques et drag */
.resizer-active {
  background-color: rgba(0, 123, 255, 0.5);
  /* bleu semi-transparent */ }

/* Pour te repérer, tu peux ajouter une bordure temporaire */
.resizer-right.resizer-active {
  background-color: rgba(0, 123, 255, 0.6);
  width: 4px !important;
  /* rend la ligne bien visible */
  cursor: col-resize;
  border-radius: 2px; }

.resizer-bottom.resizer-active {
  border-top: 2px solid rgba(0, 123, 255, 0.9); }

/* ==================================== */
/* ✅ Style pour l'insertion de tableau */
/* ==================================== */
.table-popup {
  position: absolute;
  background: #0c2637;
  width: max-content;
  padding: 10px;
  border: 1px solid #491212;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 2000;
  transform: translate(0px, 5px); }

.table-popup h4 {
  margin: 0 0 10px;
  font-size: 14px; }

.table-popup label {
  display: flex;
  margin-bottom: 5px; }

.table-popup input {
  display: flex;
  width: 50px;
  margin-left: auto;
  margin-right: 5px; }

.table-popup button {
  margin-top: 10px;
  padding: 5px 10px;
  cursor: pointer;
  border: none;
  background-image: url(/images/steel.png);
  background-color: rgba(0, 51, 128, 0.2);
  background-blend-mode: multiply;
  color: #491212;
  border-radius: 3px; }

.table-popup button:hover {
  background-color: rgba(0, 51, 128, 0);
  color: #9e2222;
  text-decoration: none;
  filter: none; }

.table-popup button:last-child {
  background-color: #491212;
  color: #dfdfdf; }

.table-popup button:last-child:hover {
  border: none;
  color: white; }

/* Menu contextuel des cellules */
.table-action-button {
  position: absolute;
  background: #b8b8b8;
  border: none;
  height: 18px;
  width: 18px;
  padding: 3px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
  transition: opacity 0.2s;
  opacity: 0.7; }

.table-action-button:hover {
  opacity: 1; }

.table-context-menu {
  position: absolute;
  background: #0c2637;
  border: 1px solid #491212;
  padding: 7px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 1000; }

.table-context-menu button {
  display: block;
  width: 100%;
  padding: 6px;
  border: none;
  color: #b8b8b8;
  background: #0c2637;
  text-align: left;
  cursor: pointer; }

.table-context-menu button:hover {
  color: #dfdfdf;
  background: #2a3847; }

/* Boutons pour ajouter une ligne ou une colonne */
.PlaygroundEditorTheme__tableAddRows,
.PlaygroundEditorTheme__tableAddColumns {
  position: absolute;
  background: #007bff;
  border: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 1000; }

.PlaygroundEditorTheme__tableAddRows {
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%); }

.PlaygroundEditorTheme__tableAddColumns {
  right: -10px;
  top: 50%;
  transform: translateY(-50%); }

.table-hover-actions {
  position: absolute;
  z-index: 1000;
  pointer-events: auto; }

/* Boutons pour ajouter une ligne ou une colonne */
.table-hover-add-row,
.table-hover-add-column {
  background: #0c2637;
  border: none;
  color: #dfdfdf;
  height: 25px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5%;
  border: 1px solid #2a3847;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.table-hover-add-row {
  width: 100%;
  /* Ajuste à la largeur du tableau */ }

.table-hover-add-column {
  writing-mode: vertical-lr;
  height: 100%;
  /* Ajuste à la hauteur du tableau */
  top: 20px; }

.table-hover-add-row {
  transform: translate(-50%, 0); }

.table-hover-add-column {
  transform: translate(0, -50%); }

/* ✅ La poignée de bloc (à gauche du texte) */
.draggable-block-menu {
  position: absolute;
  z-index: 1;
  opacity: var(--draggable-opacity, 0);
  left: var(--draggable-left, -10000px);
  top: var(--draggable-top, -10000px);
  pointer-events: auto;
  cursor: grab;
  transition: opacity 0.2s; }

.draggable-block-icon {
  display: block;
  opacity: 0.6;
  transition: opacity 0.2s; }

.draggable-block-menu:hover .draggable-block-icon {
  opacity: 1; }

.draggable-block-target-line {
  position: absolute;
  height: 4px;
  background-color: #2a3847;
  border-radius: 2px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s; }

.table-color-picker-wrapper {
  background: #0c2637;
  border: 1px solid #491212;
  border-radius: 6px;
  padding: 12px;
  transform: translate(45px, -18px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  width: 185px;
  z-index: 1; }

/* ===================================== */
/* ✅ Style pour l'insertion de mention */
/* ===================================== */
/*  wrapper for the dropdown */
.typeahead-popover.mentions-menu {
  position: absolute;
  background: #0c2637;
  border: 1px solid #491212;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  max-height: 240px;
  /*  limit height */
  overflow-y: auto;
  /*  scroll if too tall */
  padding: 4px 0;
  /*  vertical padding */
  z-index: 1000;
  /*  above other elements */ }

/*  remove default list styles */
.typeahead-popover.mentions-menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/*  each mention row */
.typeahead-popover.mentions-menu li.item {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  cursor: pointer;
  transition: background-color 0.2s ease; }

/*  hover and selected states */
.typeahead-popover.mentions-menu li.item:hover,
.typeahead-popover.mentions-menu li.item.selected {
  background-color: #2a3847; }

/*  avatar sizing */
.mention-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 8px; }

/*  username text */
.mentions-menu .text {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#typeahead-menu .typeahead-popover.mentions-menu {
  min-width: 200px !important; }

.mention {
  background-color: rgba(3, 97, 149, 0.6);
  border-radius: 2px;
  padding: 2px 3px 2px 3px; }
  .mention::before {
    content: "@";
    margin-right: 0.1em; }
  .mention:hover {
    background-color: rgba(38, 133, 184, 0.6); }

/* =============================== */
/* ✅ Style pour Table of content */
/* =============================== */
.table-of-contents .heading2 {
  margin-left: 10px; }

.table-of-contents .heading3 {
  margin-left: 20px; }

.selected-heading {
  color: #3578e5;
  position: relative; }

.selected-heading-wrapper::before {
  content: ' ';
  position: absolute;
  display: inline-block;
  left: -30px;
  top: 4px;
  z-index: 10;
  height: 4px;
  width: 4px;
  background-color: #3578e5;
  border: solid 4px white;
  border-radius: 50%; }

.normal-heading {
  cursor: pointer;
  line-height: 20px;
  font-size: 16px; }

.lexical-side-panels {
  position: absolute !important;
  height: 0; }
  .lexical-side-panels .toc-container,
  .lexical-side-panels .emoji-container {
    position: sticky !important;
    height: 0; }

.emoji-container.emoji-offset {
  position: fixed !important;
  height: 0;
  transform: translateY(-1835px); }
  .emoji-container.emoji-offset .lexical-emoji-picker .emoji-grid {
    overflow: auto;
    height: 100px; }

.toc-container.toc-offset {
  position: fixed !important;
  height: 0; }
  .toc-container.toc-offset .table-of-contents .content .headings {
    min-height: 135px;
    max-height: 135px; }

.table-of-contents {
  position: fixed;
  color: #b8b8b8;
  background: #1c2d38;
  width: 250px;
  transform: translatex(-260px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 10px;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  z-index: 1;
  box-shadow: 4px 5px 2px #4b050547; }
  .table-of-contents .header {
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    width: 100%;
    height: 34px;
    border-radius: 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #2a3847; }
    .table-of-contents .header .header-title {
      text-transform: uppercase;
      font-size: 13px;
      width: 100%;
      color: #b8b8b8;
      margin-left: 5px;
      font-weight: bold; }
    .table-of-contents .header .content {
      font-size: 14px;
      width: 100%;
      color: #b8b8b8;
      margin-left: 5px;
      font-weight: bold; }
  .table-of-contents .options {
    height: 60px;
    background: #0c2637;
    border-bottom: 1px solid #491212;
    display: flex;
    margin-bottom: 0px;
    flex-direction: column;
    justify-content: space-evenly; }
    .table-of-contents .options .option-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0;
      margin: 5px 0px 0px 20px;
      width: 100%; }
      .table-of-contents .options .option-row .toggle-switch {
        color: #b8b8b8;
        justify-self: right;
        transform: translateX(-25px); }
      .table-of-contents .options .option-row span {
        color: #b8b8b8; }
      .table-of-contents .options .option-row input[type="checkbox"] {
        margin-right: 5px; }

.first-heading {
  color: black;
  font-weight: bold;
  cursor: pointer; }

.table-of-contents .headings {
  background-color: #163447;
  list-style: none;
  margin: 0;
  padding: 10px;
  height: calc(100% - 25px);
  max-height: none;
  overflow: auto; }
  .table-of-contents .headings::-webkit-scrollbar {
    width: 8px; }
  .table-of-contents .headings::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .table-of-contents .headings::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .table-of-contents .headings::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }
  .table-of-contents .headings .toc-h1 {
    color: white;
    font-size: 20px;
    font-weight: bolder;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: GoodTimes; }
  .table-of-contents .headings .toc-h2 {
    font-size: 16px;
    font-weight: bolder;
    color: #dfdfdf;
    text-transform: capitalize;
    margin-top: -15px;
    margin-bottom: 15px;
    font-family: Lato; }
  .table-of-contents .headings .toc-h3 {
    font-size: 16px;
    font-weight: bolder;
    color: #dfdfdf;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: 0px;
    font-family: Lato;
    cursor: pointer; }
  .table-of-contents .headings .toc-h4 {
    font-size: 14px;
    font-weight: bold;
    color: #dfdfdf;
    text-transform: uppercase;
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
    font-family: Lato;
    cursor: pointer; }
  .table-of-contents .headings .toc-h5 {
    font-size: 14px;
    font-weight: 300;
    color: #b8b8b8;
    text-transform: capitalize;
    margin-top: 5px;
    margin-left: 30px;
    margin-bottom: 5px;
    font-family: Lato;
    cursor: pointer; }
  .table-of-contents .headings .toc-h6 {
    font-size: 14px;
    font-weight: 100;
    color: #b8b8b8;
    text-transform: capitalize;
    margin-top: 5px;
    margin-left: 45px;
    margin-bottom: 5px;
    font-family: Lato;
    cursor: pointer; }

.with-heading-number::before {
  content: attr(data-heading-numbering) " ";
  font-weight: bold;
  margin-right: 0.2rem; }

/* Hide scrollbar for Chrome, Safari and Opera */
.headings::-webkit-scrollbar {
  display: none; }

.headings::before {
  display: none; }

.normal-heading-wrapper {
  margin-left: 32px;
  position: relative; }

.image-align-left {
  display: flex !important;
  justify-content: left; }

.image-align-center {
  display: flex !important;
  justify-content: center; }

.image-align-right {
  display: flex !important;
  justify-content: right; }

.insert-image-dialog {
  position: fixed;
  display: flex;
  flex-direction: column;
  transform: translate(-65%, 3%);
  z-index: 1000;
  background-color: #0c2637;
  border: 1px solid #491212;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  padding: 10px;
  max-width: 420px;
  width: 100%;
  gap: 10px; }
  .insert-image-dialog .insert-image-dialog__input {
    padding: 5px;
    color: #dfdfdf;
    background-color: #2a3847;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    font-size: 14px; }
  .insert-image-dialog .insert-image-dialog__field {
    display: flex;
    flex-direction: column;
    gap: 7px; }
  .insert-image-dialog .insert-image-dialog__dropzone {
    border: 2px dashed #b8b8b8;
    background-color: #2a3847;
    padding: 20px;
    margin: 5px 20px;
    text-align: center;
    color: #dfdfdf;
    font-size: 14px;
    border-radius: 6px; }
  .insert-image-dialog .insert-image-dialog__toggle {
    display: flex;
    align-items: center;
    gap: 8px; }
  .insert-image-dialog .insert-image-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px; }
    .insert-image-dialog .insert-image-dialog__actions .insert-image-dialog__btn {
      padding: 6px 12px;
      font-size: 14px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      background-color: #007bff;
      color: white; }
      .insert-image-dialog .insert-image-dialog__actions .insert-image-dialog__btn:disabled {
        background-color: #ccc;
        cursor: not-allowed; }

.insert-video-dialog {
  position: fixed;
  display: flex;
  flex-direction: column;
  transform: translate(-65%, 3%);
  z-index: 1000;
  background-color: #0c2637;
  border: 1px solid #491212;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  padding: 10px;
  max-width: 420px;
  width: 100%;
  gap: 10px; }
  .insert-video-dialog .insert-video-dialog__input {
    padding: 5px;
    color: #dfdfdf;
    background-color: #2a3847;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    font-size: 14px; }
  .insert-video-dialog .insert-video-dialog__field {
    display: flex;
    flex-direction: column;
    gap: 7px; }
  .insert-video-dialog .insert-video-dialog__dropzone {
    border: 2px dashed #b8b8b8;
    background-color: #2a3847;
    padding: 20px;
    margin: 5px 20px;
    text-align: center;
    color: #dfdfdf;
    font-size: 14px;
    border-radius: 6px; }
  .insert-video-dialog .insert-video-dialog__toggle {
    display: flex;
    align-items: center;
    gap: 8px; }
  .insert-video-dialog .insert-video-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px; }
    .insert-video-dialog .insert-video-dialog__actions .insert-video-dialog__btn {
      padding: 6px 12px;
      font-size: 14px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      background-color: #007bff;
      color: white; }
      .insert-video-dialog .insert-video-dialog__actions .insert-video-dialog__btn:disabled {
        background-color: #ccc;
        cursor: not-allowed; }

img.focused {
  outline: 2px solid #2a3847;
  outline-offset: 2px; }

[data-lexical-decorator] {
  display: grid;
  vertical-align: top;
  line-height: 0;
  margin: 15px 0; }
  [data-lexical-decorator] > .image-container,
  [data-lexical-decorator] > figure.inline-left > .image-container,
  [data-lexical-decorator] > figure.inline-right > .image-container {
    position: relative;
    display: inline-block; }
    [data-lexical-decorator] > .image-container > div[draggable],
    [data-lexical-decorator] > figure.inline-left > .image-container > div[draggable],
    [data-lexical-decorator] > figure.inline-right > .image-container > div[draggable] {
      display: inline-block; }
    [data-lexical-decorator] > .image-container .image-resizer,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer {
      position: absolute;
      width: 8px;
      height: 8px;
      background: #9e2222;
      border: 1px solid #2a3847;
      box-sizing: border-box;
      z-index: 10;
      pointer-events: all; }
    [data-lexical-decorator] > .image-container .image-resizer-n,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-n,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-n {
      top: -4px;
      left: 50%;
      transform: translateX(-50%);
      cursor: n-resize; }
    [data-lexical-decorator] > .image-container .image-resizer-s,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-s,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-s {
      bottom: -4px;
      left: 50%;
      transform: translateX(-50%);
      cursor: s-resize; }
    [data-lexical-decorator] > .image-container .image-resizer-w,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-w,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-w {
      left: -4px;
      top: 50%;
      transform: translateY(-50%);
      cursor: w-resize; }
    [data-lexical-decorator] > .image-container .image-resizer-e,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-e,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-e {
      right: -4px;
      top: 50%;
      transform: translateY(-50%);
      cursor: e-resize; }
    [data-lexical-decorator] > .image-container .image-resizer-nw,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-nw,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-nw {
      left: -4px;
      top: -4px;
      cursor: nw-resize; }
    [data-lexical-decorator] > .image-container .image-resizer-ne,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-ne,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-ne {
      right: -4px;
      top: -4px;
      cursor: ne-resize; }
    [data-lexical-decorator] > .image-container .image-resizer-sw,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-sw,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-sw {
      left: -4px;
      bottom: -4px;
      cursor: sw-resize; }
    [data-lexical-decorator] > .image-container .image-resizer-se,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-resizer-se,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-resizer-se {
      right: -4px;
      bottom: -4px;
      cursor: se-resize; }
    [data-lexical-decorator] > .image-container .image-caption-button,
    [data-lexical-decorator] > figure.inline-left > .image-container .image-caption-button,
    [data-lexical-decorator] > figure.inline-right > .image-container .image-caption-button {
      position: absolute;
      bottom: -15px;
      left: 50%;
      width: max-content;
      transform: translateX(-50%);
      margin: 0;
      pointer-events: all;
      z-index: 15;
      padding: 2px 6px;
      font-size: 0.65rem;
      border-radius: 4px;
      cursor: pointer; }
  [data-lexical-decorator] .image-caption-button {
    position: static;
    display: inline-block;
    margin: 4px auto 0;
    pointer-events: all;
    z-index: 15;
    padding: 2px 6px;
    font-size: 0.65rem;
    border-radius: 4px;
    cursor: pointer; }
  [data-lexical-decorator] .image-caption-placeholder {
    position: static;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 4px auto 0;
    pointer-events: all;
    z-index: 20;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word; }
  [data-lexical-decorator] .image-caption-input {
    display: block;
    position: relative;
    width: 100%;
    min-width: 125px;
    min-height: 1.5em;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word;
    margin: auto;
    padding: 6px;
    background: #2a3847;
    border: none;
    border-radius: 6px;
    color: #dfdfdf;
    line-height: 1.4em;
    resize: none;
    z-index: 9999; }
    [data-lexical-decorator] .image-caption-input .editor-paragraph {
      color: white; }
  [data-lexical-decorator] .image-container,
  [data-lexical-decorator] .image-caption-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: auto;
    margin-left: auto; }
    [data-lexical-decorator] .image-container.align-left,
    [data-lexical-decorator] .image-caption-container.align-left {
      margin: 0 auto 0 0; }
    [data-lexical-decorator] .image-container.align-center,
    [data-lexical-decorator] .image-caption-container.align-center {
      margin: 0 auto; }
    [data-lexical-decorator] .image-container.align-right,
    [data-lexical-decorator] .image-caption-container.align-right {
      margin: 0 0 0 auto; }
  [data-lexical-decorator] .image-caption-placeholder {
    position: relative;
    color: #b8b8b8;
    line-height: 1.4em;
    text-align: center;
    bottom: 35px;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: -40px; }

.image-caption {
  font-size: large;
  color: #b8b8b8;
  padding: 5px;
  place-self: center;
  border: 1px solid #2a3847;
  border-radius: 8px; }

.editor-content [data-lexical-decorator] {
  display: inline; }

.lexical-decorator.inline-node {
  display: inline; }

/* emoji-inline needs its own box */
.lexical-decorator.emoji-node {
  display: inline-block;
  margin: 0px 2px; }

/* float à gauche, texte à droite */
.inline-left {
  float: left;
  margin: 0 1em 1em 0; }
  .inline-left.emoji {
    margin: 0; }

/* float à droite, texte à gauche */
.inline-right {
  float: right;
  margin: 0 0 1em 1em; }

/* légende sous l’image */
.inline-left figcaption,
.inline-right figcaption {
  display: block;
  text-align: center;
  margin-top: 0.5em;
  font-size: 0.9em;
  color: #666; }

/*  ensure the dialog select matches the inputs */
.insert-image-dialog__field select.insert-image-dialog__input {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #ccc;
  border-radius: 4px; }

/*  you can tweak the dialog layout if needed */
.insert-image-dialog {
  max-width: 400px; }

.insert-image-dialog__field {
  margin-bottom: 1em; }

/* 3) Après chaque paragraphe, on vide le float pour éviter de contaminer le suivant */
.editor-content p::after {
  content: "";
  display: table;
  clear: both; }

.lexical-emoji-picker {
  position: fixed;
  color: #b8b8b8;
  background: #1c2d38;
  width: 250px;
  transform: translateX(-260px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 10px;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  z-index: 1;
  box-shadow: 4px 5px 2px #4b050547; }
  .lexical-emoji-picker .emoji-header {
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    width: 100%;
    height: 34px;
    border-radius: 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #2a3847; }
    .lexical-emoji-picker .emoji-header .header-title {
      text-transform: uppercase;
      font-size: 0.85em;
      width: 100%;
      color: #b8b8b8;
      margin-left: 5px;
      font-weight: bold; }
  .lexical-emoji-picker .emoji-categories {
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    gap: 0 8px;
    padding-top: 10px;
    justify-content: center;
    background: #0c2637;
    border-bottom: 1px solid #491212; }
    .lexical-emoji-picker .emoji-categories .emoji-tab {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4px 6px;
      border: none;
      background: none;
      cursor: pointer;
      border-radius: 4px;
      transition: background 0.2s; }
      .lexical-emoji-picker .emoji-categories .emoji-tab:hover {
        background: #2a3847; }
      .lexical-emoji-picker .emoji-categories .emoji-tab.active {
        background: #2a3847; }
      .lexical-emoji-picker .emoji-categories .emoji-tab .emoji-tab-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        color: #b8b8b8;
        transition: color 0.2s; }
        .lexical-emoji-picker .emoji-categories .emoji-tab .emoji-tab-icon svg {
          fill: #b8b8b8;
          width: 19px;
          height: 19px;
          transition: fill 0.2s; }
    .lexical-emoji-picker .emoji-categories .emoji-panel-search {
      margin: 10px 0; }
      .lexical-emoji-picker .emoji-categories .emoji-panel-search .emoji-search-input {
        padding: 6px 10px;
        border-radius: 6px; }
  .lexical-emoji-picker .emoji-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32px, 1fr));
    gap: 2px;
    padding: 8px;
    max-height: max-content;
    background: #1c2d38;
    overflow-y: auto; }
    .lexical-emoji-picker .emoji-grid::-webkit-scrollbar {
      width: 8px; }
    .lexical-emoji-picker .emoji-grid::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .lexical-emoji-picker .emoji-grid::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .lexical-emoji-picker .emoji-grid::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .lexical-emoji-picker .emoji-grid .emoji-button {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      background: none;
      font-size: 20px;
      cursor: pointer;
      border-radius: 4px;
      transition: background 0.2s; }
      .lexical-emoji-picker .emoji-grid .emoji-button:hover {
        background: #2a3847; }
      .lexical-emoji-picker .emoji-grid .emoji-button .emoji-img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        display: block; }

.typeahead-popover.emoji-menu {
  position: absolute;
  z-index: 1000;
  max-height: 240px;
  background: #0c2637;
  border: 1px solid #491212;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 4px;
  padding: 4px 0; }
  .typeahead-popover.emoji-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    border-radius: 6px;
    overflow-y: auto; }
    .typeahead-popover.emoji-menu ul::-webkit-scrollbar {
      width: 8px; }
    .typeahead-popover.emoji-menu ul::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .typeahead-popover.emoji-menu ul::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .typeahead-popover.emoji-menu ul::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
  .typeahead-popover.emoji-menu li {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background 0.2s; }
    .typeahead-popover.emoji-menu li.selected, .typeahead-popover.emoji-menu li:hover {
      background: #2a3847; }
    .typeahead-popover.emoji-menu li .emoji-img {
      width: 1.2em;
      height: 1.2em;
      margin-right: 0.5rem; }
    .typeahead-popover.emoji-menu li .text {
      display: flex;
      flex-wrap: wrap;
      flex: 1;
      font-size: 0.9rem;
      color: #dfdfdf;
      width: 180px; }

.editor-content figure.emoji {
  float: none !important;
  display: inline-block;
  margin: 0 .25em; }
  .editor-content figure.emoji .image-container > div:nth-child(2) {
    display: none !important; }

.emoji-inner {
  height: 20px; }
  .emoji-inner img {
    height: 20px; }

.youtube-container.selected iframe {
  outline: 4px solid #2a3847; }

.youtube-container {
  display: flex; }
  .youtube-container.youtube-align-left {
    justify-content: flex-start; }
  .youtube-container.youtube-align-center {
    justify-content: center; }
  .youtube-container.youtube-align-right {
    justify-content: flex-end; }

.emoji-node .emoji-inner {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle; }
  .emoji-node .emoji-inner img {
    height: 17px; }
  .emoji-node .emoji-inner img.draggable {
    cursor: default; }
  .emoji-node .emoji-inner img.focused {
    outline: none;
    outline-offset: 2px; }
  .emoji-node .emoji-inner .image-caption-button {
    display: none; }

.CommentPlugin_AddCommentBox {
  position: absolute;
  /* position relative to .editor-container */
  width: 15px;
  height: 40px;
  padding: 5px 2px;
  /* bubble padding */
  border-radius: 15%;
  /* perfect circle */
  border: 3px solid #0075b9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  color: #000;
  background: linear-gradient(45deg, #5f5f5f 5%, #9c9b9b 10%, #949494 30%, #696969 60%, #949494 70%, #9c9b9b 80%, #5f5f5f 95%);
  z-index: 10;
  transform: translateX(-65px);
  cursor: pointer; }
  .CommentPlugin_AddCommentBox:hover {
    background: linear-gradient(45deg, #5f5f5f 5%, #808080 10%, #7a7a7a 30%, #696969 60%, #7a7a7a 70%, #808080 80%, #5f5f5f 95%); }
  .CommentPlugin_AddCommentBox img {
    position: relative;
    vertical-align: -15px;
    width: 12px;
    left: 2px;
    filter: brightness(0) invert(80%); }

/*  show when plugin inserts the box into the DOM */
.CommentPlugin_AddCommentBox[data-visible="true"] {
  display: block; }

.PlaygroundEditorTheme__paragraph {
  position: relative;
  align-content: center;
  min-height: 2em;
  width: 170px;
  padding: 5px 10px;
  z-index: 1000; }

.CommentPlugin_CommentsWrapper {
  position: absolute;
  transform: translateX(265px);
  right: 0;
  top: 0;
  z-index: 20000; }

.CommentPlugin_CommentsPanel_DeletedComment {
  color: #b8b8b8;
  text-decoration: dashed;
  margin-bottom: 10px; }

.CommentPlugin_CommentsPanel {
  position: relative;
  width: 257px;
  color: #dfdfdf;
  background-color: #1c2d38;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 1000; }
  .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_Heading {
    display: flex;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    width: 100%;
    height: 34px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    text-transform: uppercase;
    width: 100%;
    color: #b8b8b8;
    align-items: center;
    padding: 0 10px;
    border-bottom: 2px solid #2a3847; }
  .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0px 0px 10px;
    max-height: fit-content;
    overflow: scroll;
    list-style-type: none; }
    .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List::-webkit-scrollbar {
      width: 8px; }
    .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread {
      background-color: #1c2d38;
      border-radius: 8px 8px 0px 0;
      width: fit-content; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Thread_QuoteBox {
        border: 1px solid #6a4900;
        border-bottom: none;
        border-radius: 8px 8px 0px 0;
        background: #6a4900; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Thread_Comments {
        padding-inline-start: 0px;
        background: #163447; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment {
          border-top: 4px solid #6a4900;
          border-left: 5px solid #6a4900;
          border-right: 2px solid #6a4900; }
          .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment.main-comment {
            background: #1c2d38; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Thread_Editor {
        border-top: none; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.active .CommentPlugin_CommentsPanel_List_Thread_Editor .CommentPlugin_CommentInputBox_EditorContainer {
          bottom: 5px;
          border-top: 4px solid #6a4900;
          border: 5px solid #6a4900;
          border-right: 2px solid #6a4900;
          border-top: none;
          border-radius: 0 0 6px 6px; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.comment_not_found .CommentPlugin_CommentsPanel_List_Thread_QuoteBox {
        border: 1px solid #491212;
        background: #491212; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.comment_not_found .CommentPlugin_CommentsPanel_List_Thread_Comments {
        background: #163447;
        padding-inline-start: 0px; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.comment_not_found .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment {
          border-left: 5px solid #491212;
          border-right: 2px solid #491212; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.comment_not_found .CommentPlugin_CommentsPanel_List_Thread_Editor .CommentPlugin_CommentInputBox_EditorContainer {
        border: 5px solid #491212;
        border-right: 2px solid #491212;
        border-top: none; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_QuoteBox {
        display: flex;
        color: #dfdfdf;
        background: #0c2637;
        border: 1px solid #0c2637;
        border-bottom: none;
        border-radius: 8px 8px 0px 0;
        padding: 5px 0px;
        width: 224px; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_QuoteBox .CommentPlugin_CommentsPanel_List_Thread_Quote {
          font-weight: bold;
          margin-block-start: 3px;
          margin-block-end: 0px;
          margin-inline-start: 10px;
          margin-inline-end: 10px; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_QuoteBox .CommentPlugin_CommentsPanel_List_DeleteButton {
          opacity: 0.2;
          position: relative;
          background: none;
          align-self: flex-start;
          bottom: 0px;
          margin: 0px 0px 0 auto;
          filter: brightness(0) invert(80%);
          border: none;
          cursor: pointer; }
          .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_QuoteBox .CommentPlugin_CommentsPanel_List_DeleteButton:hover {
            opacity: 1; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread.CommentPlugin_CommentsPanel_List_Thread_Quote {
        margin-block-start: 0px;
        margin-block-end: 0px;
        margin-inline-start: 10px;
        margin-inline-end: 0px; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments {
        display: flex;
        background: #163447;
        flex-direction: column;
        padding-inline-start: 0px;
        list-style-type: none;
        width: 226px; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment {
          display: flex;
          flex-direction: column;
          border-top: 4px solid #0c2637;
          border-left: 5px solid #0c2637;
          border-right: 2px solid #0c2637;
          padding: 6px; }
          .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment p {
            color: #dfdfdf; }
            .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment p span {
              user-select: text !important; }
          .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment.main-comment {
            background: #1c2d38; }
          .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_Comment .CommentPlugin_CommentsPanel_DeletedComment {
            color: #491212;
            text-decoration: dashed;
            margin-bottom: 10px; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_DeleteButton {
          opacity: 0.2;
          position: relative;
          background: none;
          align-self: flex-start;
          bottom: 15px;
          margin: 0px 0px 0 auto;
          filter: brightness(0) invert(80%);
          border: none;
          cursor: pointer; }
          .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Comments .CommentPlugin_CommentsPanel_List_DeleteButton:hover {
            opacity: 1; }
      .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Editor {
        display: flex;
        flex-direction: row;
        margin-bottom: -15px; }
        .CommentPlugin_CommentsPanel .CommentPlugin_CommentsPanel_List .CommentPlugin_CommentsPanel_List_Thread .CommentPlugin_CommentsPanel_List_Thread_Editor .CommentPlugin_CommentsPanel_SendButton {
          position: relative;
          background: none;
          margin: auto;
          filter: brightness(0) invert(80%);
          transform: translate(187px, -43px);
          border: none;
          cursor: pointer;
          z-index: 2000; }

.CommentPlugin_CommentInputBox_EditorContainer {
  background: #163447;
  border: 5px solid #0c2637;
  border-right: 2px solid #0c2637;
  border-top: none;
  border-radius: 0 0 6px 6px;
  position: relative;
  bottom: 5px;
  width: 219px; }
  .CommentPlugin_CommentInputBox_EditorContainer .CommentPlugin_CommentsPanel_Editor {
    background: #1c2d38;
    border: 1px solid #b8b8b8;
    border-radius: 6px;
    line-height: 1.5em;
    max-height: fit-content;
    margin: 5px;
    z-index: 500; }
  .CommentPlugin_CommentInputBox_EditorContainer .ContentEditable__placeholder {
    position: relative;
    height: 0px;
    left: 15px;
    bottom: 35px;
    z-index: 10; }

.CommentPlugin_CommentsPanel_List_Details {
  display: flex;
  flex-direction: column; }
  .CommentPlugin_CommentsPanel_List_Details .CommentPlugin_CommentsPanel_List_Comment_Author {
    color: #dfdfdf;
    font-weight: bold; }

.lexical_comments_modal__overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 200px;
  z-index: 100; }
  .lexical_comments_modal__overlay .Modal__modal {
    border: 1px solid #491212;
    border-bottom: 4px solid #491212;
    background: #2a3847;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
    .lexical_comments_modal__overlay .Modal__modal .Modal__title {
      display: flex;
      background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
      height: 34px;
      font-size: 13px;
      font-weight: bold;
      border-radius: 0px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      text-transform: uppercase;
      color: #b8b8b8;
      align-items: center;
      padding: 0 10px;
      border-bottom: 2px solid #2a3847; }
    .lexical_comments_modal__overlay .Modal__modal .Modal__content {
      display: table;
      margin: auto;
      color: #dfdfdf;
      background: #2a3847;
      padding: 7px; }
      .lexical_comments_modal__overlay .Modal__modal .Modal__content .CommentPlugin_SideModal {
        margin: auto; }
        .lexical_comments_modal__overlay .Modal__modal .Modal__content .CommentPlugin_SideModal .CommentPlugin_CommentInputBox_EditorContainer {
          border: 1px solid #b8b8b8;
          border-radius: 6px;
          min-height: min-content;
          max-height: max-content; }
        .lexical_comments_modal__overlay .Modal__modal .Modal__content .CommentPlugin_SideModal .CommentPlugin_CommentInputBox_Buttons {
          text-align: center;
          margin: 10px auto 5px auto; }
      .lexical_comments_modal__overlay .Modal__modal .Modal__content .override-deletion {
        background-color: #9e2222;
        color: #dfdfdf;
        text-transform: uppercase;
        font-weight: bold; }

.PlaygroundEditorTheme__ltr mark {
  color: #b8b8b8;
  background-color: #6a480062; }
  .PlaygroundEditorTheme__ltr mark.selected {
    color: #dfdfdf;
    background-color: #6a4900; }

.CommentPlugin_CommentsPanel_header {
  font-size: 14px;
  /*  header font size */
  font-weight: bold;
  /*  bold title */
  margin-bottom: 8px;
  /*  space below header */ }

.CommentPlugin_CommentList {
  list-style: none;
  /*  remove default bullets */
  margin: 0;
  padding: 0; }

.CommentPlugin_CommentItem {
  display: flex;
  /*  flex layout */
  align-items: flex-start;
  margin-bottom: 12px;
  /*  space between comments */ }

.CommentPlugin_CommentAvatar {
  width: 32px;
  /*  avatar size */
  height: 32px;
  border-radius: 50%;
  /*  circular avatar */
  background-color: #eee;
  /*  placeholder background */
  margin-right: 8px;
  /*  space to text */ }

.CommentPlugin_CommentContent {
  flex: 1;
  /*  take remaining space */ }

.CommentPlugin_CommentAuthor {
  font-size: 12px;
  /*  author name size */
  font-weight: 600;
  /*  slightly bold */
  margin-bottom: 4px;
  /*  space below name */ }

.CommentPlugin_CommentText {
  font-size: 14px;
  /*  comment text size */
  line-height: 1.4; }

.CommentPlugin_AddCommentBox {
  display: flex;
  /*  flex for icon+input */
  align-items: center;
  margin-top: 8px;
  /*  space above */ }

.CommentPlugin_AddCommentBox input {
  flex: 1;
  /*  input stretches */
  font-size: 14px;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 4px;
  /*  space before button */ }

.CommentPlugin_AddCommentBox_button {
  background: none;
  /*  transparent button */
  border: none;
  cursor: pointer;
  font-size: 18px;
  /*  icon size */ }

/* icône creuse (outline) */
.comment-icon-outline {
  fill: none;
  stroke: currentColor; }

/* icône pleine en vert */
.comment-icon-filled {
  fill: #22c55e;
  /* ou toute autre couleur verte */
  stroke: none; }
  .comment-icon-filled:hover {
    fill: #00ff5e; }

/* facultatif : si vous voulez changer la couleur de l’outline */
.comments .comment-icon-outline {
  stroke: currentColor;
  /* hérite de la couleur du parent */ }

.modal-content.lexical-save-modal .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to top, #491212, #5e2f2fd3, #491212);
  padding: 5px 0px 5px 10px;
  color: #dfdfdf;
  font-size: medium;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 3px solid #b8b8b8;
  border-radius: 8px 8px 0px 0px; }
  .modal-content.lexical-save-modal .header .lexical-save-modal-h3 {
    margin: 0;
    font-size: small; }
  .modal-content.lexical-save-modal .header .icon {
    display: flex;
    height: 18px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0; }
    .modal-content.lexical-save-modal .header .icon .close-event-button {
      position: relative;
      height: 40px;
      margin-right: 10px;
      object-fit: contain;
      overflow: hidden;
      cursor: pointer; }
      .modal-content.lexical-save-modal .header .icon .close-event-button:hover {
        top: -21px; }

.modal-content.lexical-save-modal .content {
  padding: 15px;
  width: auto;
  background: #163447;
  align-content: center; }
  .modal-content.lexical-save-modal .content .lexical-save-mode-toggle {
    display: flex;
    justify-content: center;
    gap: 10px;
    position: relative;
    margin: 5px; }
  .modal-content.lexical-save-modal .content .lexical-save-live-section {
    position: relative; }
    .modal-content.lexical-save-modal .content .lexical-save-live-section .version-description {
      width: 430px;
      text-align: justify;
      padding: 10px 0; }
    .modal-content.lexical-save-modal .content .lexical-save-live-section .lexical-save-modal-button {
      position: relative;
      display: flex;
      margin: auto; }
  .modal-content.lexical-save-modal .content .lexical-save-review-section .lexical-save-description,
  .modal-content.lexical-save-modal .content .lexical-save-live-section .lexical-save-description {
    width: 430px;
    text-align: justify;
    padding: 10px 0; }
  .modal-content.lexical-save-modal .content .lexical-save-review-section .lexical-save-fieldset,
  .modal-content.lexical-save-modal .content .lexical-save-live-section .lexical-save-fieldset {
    display: flex;
    justify-content: center;
    gap: 10px; }

/* 1) Pour centrer au milieu de l’écran, vous pouvez faire : 
.lexical-save-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh; 
}
  */
/* 2) Si vous préférez centrer le .modal-content via position+transform : 
.lexical-save-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 */
.lexical-versions-table {
  position: relative;
  width: 100%; }
  .lexical-versions-table.container {
    display: flex;
    flex-direction: row;
    margin: 10px 0px; }
    .lexical-versions-table.container .lexical-parameters {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin: 0px 10px 0px 0px;
      height: fit-content;
      width: 350px;
      top: 45px; }
      .lexical-versions-table.container .lexical-parameters .lexical-status-indicator {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .lexical-versions-table.container .lexical-parameters .lexical-status-indicator .icon-collab,
        .lexical-versions-table.container .lexical-parameters .lexical-status-indicator .icon-versioning {
          margin: 0 10px;
          height: 25px;
          width: auto; }

.lexical-emoji {
  display: inline-block;
  float: none;
  padding: 1px;
  vertical-align: bottom; }
  .lexical-emoji img {
    height: 20px;
    width: auto;
    vertical-align: bottom; }

/*  make inline wrapper float and give some margin */
.lexical-inline-left {
  float: left;
  margin: 0 3em 0 0; }

.lexical-inline-right {
  float: right;
  margin: 0 0 0 3em; }

/*  ensure the wrapper takes only the width of the image */
.lexical-inline-left,
.lexical-inline-right {
  display: inline-block; }

/*  images should be responsive within their wrapper */
.lexical-inline-left img,
.lexical-inline-right img {
  max-width: 100%;
  height: auto; }

/*  clear floats after paragraphs if needed */
.editor-paragraph::after {
  content: "";
  display: block;
  clear: both; }

.lexical-image-left {
  float: left;
  margin: 0 1em 1em 0; }

.lexical-image-right {
  float: right;
  margin: 0 0 1em 1em; }

.lexical-image-center {
  text-align: center;
  margin: 1em 0; }

.lexical-image-left img,
.lexical-image-right img {
  max-width: 100%;
  height: auto; }

.lexical-image-center img {
  display: inline-block;
  max-width: 100%;
  height: auto; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.chat-mention-input-wrapper {
  position: relative;
  width: 100%;
  border: 1px solid #004872;
  background: #2a3847;
  border-radius: 6px; }
  .chat-mention-input-wrapper .message-input {
    background: #163447;
    width: 100%;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box; }
    .chat-mention-input-wrapper .message-input:focus {
      outline: none;
      box-shadow: none; }
    .chat-mention-input-wrapper .message-input:focus-visible {
      border: none; }
  .chat-mention-input-wrapper .mention-dropdown {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #163447;
    border: 1px solid #004872;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9999; }
    .chat-mention-input-wrapper .mention-dropdown .dropdown-item {
      display: flex;
      align-items: center;
      padding: 4px 8px;
      cursor: pointer; }
      .chat-mention-input-wrapper .mention-dropdown .dropdown-item.selected {
        background-color: #00304d; }
      .chat-mention-input-wrapper .mention-dropdown .dropdown-item .mention-avatar {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 8px; }
      .chat-mention-input-wrapper .mention-dropdown .dropdown-item .mention-name {
        font-size: 14px; }

/* Pour ChatRoom */
.chat-container {
  display: flex;
  flex-direction: row;
  margin: 10px 0px 0px 0px; }
  .chat-container .chat-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #491212;
    border-bottom: 4px solid #491212;
    box-shadow: 4px 5px 2px #4b050547; }
    .chat-container .chat-wrapper.hidden {
      display: none; }
    .chat-container .chat-wrapper .messages-header {
      display: flex;
      justify-content: space-between;
      color: #dfdfdf;
      text-transform: uppercase;
      font-weight: bold;
      align-items: center;
      padding: 5px 10px;
      border-bottom: 2px solid #2a3847;
      border-radius: 8px 8px 0px 0px;
      background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
      .chat-container .chat-wrapper .messages-header .room-name {
        margin: 0;
        font-size: small;
        text-transform: uppercase;
        color: #b8b8b8; }
    .chat-container .chat-wrapper .messages-list {
      flex: 1;
      overflow-y: auto;
      min-height: 250px;
      max-height: 250px;
      padding: 8px;
      background-color: #1d2e3f; }
      .chat-container .chat-wrapper .messages-list::-webkit-scrollbar {
        width: 8px; }
      .chat-container .chat-wrapper .messages-list::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .chat-container .chat-wrapper .messages-list::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .chat-container .chat-wrapper .messages-list::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
    .chat-container .chat-wrapper .message-item {
      padding: 8px 6px 8px 0px; }
      .chat-container .chat-wrapper .message-item .message-header {
        display: flex;
        align-items: center;
        margin-bottom: 4px; }
        .chat-container .chat-wrapper .message-item .message-header .message-avatar {
          width: 24px;
          height: 24px;
          border-radius: 50%;
          margin-right: 8px; }
        .chat-container .chat-wrapper .message-item .message-header .message-meta {
          display: flex;
          gap: 8px;
          font-size: 12px;
          color: #dfdfdf; }
          .chat-container .chat-wrapper .message-item .message-header .message-meta .author-name {
            color: #afa991;
            font-size: 14px;
            font-weight: bold; }
          .chat-container .chat-wrapper .message-item .message-header .message-meta .timestamp {
            color: #747b81; }
        .chat-container .chat-wrapper .message-item .message-header .message-edit-button {
          color: #b8b8b8;
          font-size: 10px;
          text-transform: uppercase;
          background-color: #00304d;
          padding: 2px 6px;
          border: 1px solid #004872;
          border-radius: 6px;
          margin: 0px 10px 0px auto;
          cursor: pointer; }
          .chat-container .chat-wrapper .message-item .message-header .message-edit-button:hover {
            border: 1px solid #3a78b4;
            color: #dfdfdf; }
      .chat-container .chat-wrapper .message-item .message-content {
        padding-left: 32px;
        font-size: 14px; }
        .chat-container .chat-wrapper .message-item .message-content .chat-image {
          display: block;
          max-height: 15vh;
          object-fit: cover;
          border: 1px solid #384858;
          border-radius: 4px;
          margin: 0px auto 10px auto;
          opacity: 0.8; }
        .chat-container .chat-wrapper .message-item .message-content .message-edit-block .message-edit-actions {
          margin-top: 8px; }
          .chat-container .chat-wrapper .message-item .message-content .message-edit-block .message-edit-actions .message-edit-save,
          .chat-container .chat-wrapper .message-item .message-content .message-edit-block .message-edit-actions .message-edit-cancel {
            color: #b8b8b8;
            font-size: 10px;
            text-transform: uppercase;
            background-color: #00304d;
            padding: 2px 6px;
            border: 1px solid #004872;
            border-radius: 6px;
            margin: 0px 10px 0px auto;
            cursor: pointer; }
            .chat-container .chat-wrapper .message-item .message-content .message-edit-block .message-edit-actions .message-edit-save:hover,
            .chat-container .chat-wrapper .message-item .message-content .message-edit-block .message-edit-actions .message-edit-cancel:hover {
              border: 1px solid #3a78b4;
              color: #dfdfdf; }
      .chat-container .chat-wrapper .message-item:hover {
        background: #163447;
        border-radius: 6px; }
    .chat-container .chat-wrapper .message-item.editing {
      background: #163447;
      border-radius: 6px;
      border-left: 2px solid #9b602a; }
    .chat-container .chat-wrapper .input-container {
      display: flex;
      padding: 8px;
      background-color: #1d2e3f; }
      .chat-container .chat-wrapper .input-container .message-input {
        flex: 1; }
      .chat-container .chat-wrapper .input-container button {
        margin-left: 8px;
        padding: 8px 12px;
        font-size: 14px; }

.chat-mention-input-wrapper .image-row {
  display: inline-flex;
  flex-wrap: wrap;
  width: -webkit-fill-available;
  border-bottom: 2px solid #b8b8b8; }
  .chat-mention-input-wrapper .image-row .image-wrapper {
    padding: 2px 15px 2px 2px;
    border: 1px solid #491212;
    background: #163447;
    border-radius: 4px;
    width: 88px;
    height: 65px;
    margin: 4px;
    text-align: center;
    writing-mode: vertical-lr; }
  .chat-mention-input-wrapper .image-row img.pending-image {
    width: 100%;
    max-height: 60px;
    object-position: center;
    overflow-y: hidden;
    object-fit: cover;
    cursor: default; }

.remove-icon {
  position: relative;
  transform: translate(-5px, -5px);
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url(/images/close.png);
  background-repeat: no-repeat;
  background-size: 20px 40px;
  background-position: 0 0; }

.remove-icon:hover {
  background-position: 0 -16px; }

.message-input:empty:before {
  content: attr(data-placeholder);
  color: #999;
  pointer-events: none;
  display: block; }

.chart-grid-container {
  width: 98%;
  position: relative;
  overflow: visible; }

.layout {
  width: 100%; }

.chat-resume-marker .chat-resume-marker__label {
  display: flex;
  position: relative;
  background: #9e2222;
  color: #dfdfdf;
  text-transform: uppercase;
  width: fit-content;
  margin: 0px 0px 0px auto;
  padding: 1px 8px;
  border-radius: 6px 6px 0px 0px;
  font-size: 10px;
  font-weight: 600; }

.chat-resume-marker .chat-resume-marker__line {
  width: 100%;
  height: 1px;
  background: #9e2222;
  margin-bottom: 10px; }

.chat-image-modal-overlay {
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center; }

.chat-image-modal-content {
  border: 1px solid #b8b8b8;
  max-width: 90%;
  max-height: 90%; }

.chat-image-modal-img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  cursor: pointer; }

.chat-users-panel {
  width: 260px;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 6px;
  overflow: hidden;
  color: #dfdfdf;
  font-size: 14px;
  margin-left: 10px;
  box-shadow: 4px 5px 2px #4b050547; }
  .chat-users-panel.closed ul {
    display: none; }
  .chat-users-panel .chat-users-header {
    display: flex;
    justify-content: space-between;
    color: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 2px solid #2a3847;
    border-radius: 8px 8px 0px 0px;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .chat-users-panel .chat-users-header span {
      color: #b8b8b8;
      font-size: small;
      text-transform: uppercase; }
  .chat-users-panel .chat-users-list {
    padding: 10px;
    list-style: none;
    margin: 0;
    background: #1d2e3f;
    overflow-y: auto;
    height: 300px;
    overflow-y: auto; }
    .chat-users-panel .chat-users-list::-webkit-scrollbar {
      width: 8px; }
    .chat-users-panel .chat-users-list::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .chat-users-panel .chat-users-list::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .chat-users-panel .chat-users-list::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .chat-users-panel .chat-users-list .chat-user-item {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 1px 0;
      border-radius: 6px; }
      .chat-users-panel .chat-users-list .chat-user-item .name {
        color: #afa991;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: -webkit-fill-available;
        padding: 5px;
        border: 1px solid transparent; }
      .chat-users-panel .chat-users-list .chat-user-item :hover {
        background: #163447;
        border: 1px solid #004872;
        border-radius: 6px; }

/* /src/style/publicToc.scss */
@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.public-toc-panel {
  position: fixed;
  transform: translateX(-560px);
  place-self: center;
  z-index: 30;
  overflow: hidden;
  margin-top: -18px;
  align-self: flex-start;
  margin-bottom: auto; }

/* ENTRY ANIMATION */
.public-toc-panel-inner {
  width: 314px;
  padding: 16px;
  animation: public-toc-slide-in 0.3s ease-out forwards; }

/* EXIT ANIMATION — MUST OVERRIDE ALL PREVIOUS ANIMATIONS */
.public-toc-panel-inner.closing {
  animation: public-toc-slide-out 0.3s ease-in forwards !important; }

@keyframes public-toc-slide-in {
  from {
    transform: translateX(280px); }
  to {
    transform: translateX(0); } }

@keyframes public-toc-slide-out {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(280px); } }

.public-container {
  transition: transform 0.3s ease; }

.public-container-shifted {
  transform: translateX(160px); }

.public-toc-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  color: white;
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  font-weight: bolder;
  text-transform: uppercase;
  margin-bottom: 15px;
  border-bottom: 2px solid #b8b8b8; }

.public-toc-content {
  max-height: calc(86vh - 190px);
  overflow: auto; }
  .public-toc-content::-webkit-scrollbar {
    width: 8px; }
  .public-toc-content::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .public-toc-content::-webkit-scrollbar-thumb {
    background-color: #355167;
    border-radius: 4px; }
    .public-toc-content::-webkit-scrollbar-thumb:hover {
      background-color: #243745; }

.public-toc-list {
  cursor: pointer;
  margin: 4px 0;
  padding: 15px; }

.public-toc-list li {
  cursor: pointer;
  margin: 4px 0; }

.public-toc-l3 {
  margin-left: 10px; }

.public-toc-l4 {
  margin-left: 20px; }

.public-toc-button-container {
  display: flex;
  position: relative;
  width: 0px;
  left: -5px;
  top: 20px;
  overflow: visible;
  cursor: pointer; }

.public-toc-button {
  padding: 8px 14px;
  cursor: pointer; }

.public-toc-icon {
  width: 22px;
  height: 22px;
  opacity: 0.8; }

.public-toc-icon:hover {
  opacity: 1; }

/* rotation si ouvert, optionnel */
.toc-open {
  transform: rotate(180deg); }

.public-toc-list {
  list-style: none; }
  .public-toc-list .toc-h1 {
    color: white;
    font-size: 20px;
    font-weight: bolder;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-family: GoodTimes; }
  .public-toc-list .toc-h2 {
    font-size: 16px;
    font-weight: bolder;
    color: #dfdfdf;
    text-transform: capitalize;
    margin-top: -15px;
    margin-bottom: 20px;
    font-family: Lato; }
  .public-toc-list .toc-h3 {
    font-size: 16px;
    font-weight: bolder;
    color: #dfdfdf;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: 0px;
    font-family: Lato;
    cursor: pointer; }
  .public-toc-list .toc-h4 {
    font-size: 14px;
    font-weight: bold;
    color: #b8b8b8;
    text-transform: uppercase;
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
    font-family: Lato;
    cursor: pointer; }
  .public-toc-list .toc-h5 {
    font-size: 14px;
    font-weight: 300;
    color: #b8b8b8;
    text-transform: capitalize;
    margin-top: 5px;
    margin-left: 30px;
    margin-bottom: 5px;
    font-family: Lato;
    cursor: pointer; }
  .public-toc-list .toc-h6 {
    font-size: 14px;
    font-weight: 100;
    color: #b8b8b8;
    text-transform: capitalize;
    margin-top: 5px;
    margin-left: 45px;
    margin-bottom: 5px;
    font-family: Lato;
    cursor: pointer; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.inputs {
  width: 100%; }
  .inputs.permissions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: min-content;
    gap: 10px;
    height: 170px; }
  .inputs.create-event {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: fit-content;
    padding: 0 20px 5px 20px;
    gap: 40px;
    margin-top: 10px; }
    .inputs.create-event .inputs-column {
      display: flex;
      flex-direction: column;
      width: 200px;
      gap: 0px; }
      .inputs.create-event .inputs-column.width {
        width: 300px; }
      .inputs.create-event .inputs-column .input {
        display: flex;
        margin-bottom: 5px;
        font-size: 14px; }
        .inputs.create-event .inputs-column .input.lock .input-wrapper .react-select__control,
        .inputs.create-event .inputs-column .input.lock .input-wrapper .react-select-input__control,
        .inputs.create-event .inputs-column .input.lock .input-wrapper .react-select-menu__control {
          background-color: #b8b8b8; }
        .inputs.create-event .inputs-column .input .input-wrapper {
          display: flex;
          align-items: center;
          flex-direction: row; }
        .inputs.create-event .inputs-column .input .organization-share-label {
          position: relative;
          margin: 0 10px;
          color: #dfdfdf;
          font-size: 1em;
          font-weight: bolder;
          top: 3px; }
        .inputs.create-event .inputs-column .input.ribbon-rewards {
          border: none; }
        .inputs.create-event .inputs-column .input .field-input {
          width: 180px;
          font-size: 12px;
          padding: 3px 5px 3px 5px;
          border: 1px solid #dfdfdf;
          border-radius: 4px; }
          .inputs.create-event .inputs-column .input .field-input.manual-value {
            padding: 3px 5px 3px 5px;
            font-size: 12px;
            width: 180px;
            color: #dfdfdf;
            text-transform: uppercase;
            background-color: #2a3847;
            border: 1px solid #dfdfdf;
            border-radius: 4px; }
          .inputs.create-event .inputs-column .input .field-input.participant-limit {
            width: 100px; }
          .inputs.create-event .inputs-column .input .field-input.organization-share {
            width: 36px; }
        .inputs.create-event .inputs-column .input .field-value {
          padding: 3px 5px 3px 5px;
          font-size: 12px;
          width: 180px;
          color: #dfdfdf;
          text-transform: uppercase;
          border: 1px solid #dfdfdf;
          border-radius: 4px; }
        .inputs.create-event .inputs-column .input.allied {
          color: #0c2637;
          background-color: #dfdfdf;
          border: 1px solid #0c2637;
          border-radius: 4px;
          font-size: 14px;
          height: 150px;
          overflow-y: auto; }
          .inputs.create-event .inputs-column .input.allied::-webkit-scrollbar {
            width: 8px; }
          .inputs.create-event .inputs-column .input.allied::-webkit-scrollbar-track {
            background: #2e3842;
            border-radius: 4px;
            padding-right: 1px; }
          .inputs.create-event .inputs-column .input.allied::-webkit-scrollbar-thumb {
            background-color: #491212;
            border-radius: 4px; }
            .inputs.create-event .inputs-column .input.allied::-webkit-scrollbar-thumb:hover {
              background-color: #200808; }
          .inputs.create-event .inputs-column .input.allied.disabled {
            opacity: 0.5; }
          .inputs.create-event .inputs-column .input.allied .allied-list {
            padding: 5px; }
            .inputs.create-event .inputs-column .input.allied .allied-list::-webkit-scrollbar {
              width: 8px; }
            .inputs.create-event .inputs-column .input.allied .allied-list::-webkit-scrollbar-track {
              background: #2e3842;
              border-radius: 4px;
              padding-right: 1px; }
            .inputs.create-event .inputs-column .input.allied .allied-list::-webkit-scrollbar-thumb {
              background-color: #491212;
              border-radius: 4px; }
              .inputs.create-event .inputs-column .input.allied .allied-list::-webkit-scrollbar-thumb:hover {
                background-color: #200808; }
      .inputs.create-event .inputs-column.allied {
        color: #0c2637;
        background-color: #dfdfdf;
        border: 1px solid #0c2637;
        border-radius: 4px;
        font-size: 14px;
        height: 170px;
        overflow-y: auto; }
        .inputs.create-event .inputs-column.allied::-webkit-scrollbar {
          width: 8px; }
        .inputs.create-event .inputs-column.allied::-webkit-scrollbar-track {
          background: #2e3842;
          border-radius: 4px;
          padding-right: 1px; }
        .inputs.create-event .inputs-column.allied::-webkit-scrollbar-thumb {
          background-color: #491212;
          border-radius: 4px; }
          .inputs.create-event .inputs-column.allied::-webkit-scrollbar-thumb:hover {
            background-color: #200808; }
        .inputs.create-event .inputs-column.allied .allied-list {
          padding: 5px; }
          .inputs.create-event .inputs-column.allied .allied-list::-webkit-scrollbar {
            width: 8px; }
          .inputs.create-event .inputs-column.allied .allied-list::-webkit-scrollbar-track {
            background: #2e3842;
            border-radius: 4px;
            padding-right: 1px; }
          .inputs.create-event .inputs-column.allied .allied-list::-webkit-scrollbar-thumb {
            background-color: #491212;
            border-radius: 4px; }
            .inputs.create-event .inputs-column.allied .allied-list::-webkit-scrollbar-thumb:hover {
              background-color: #200808; }
      .inputs.create-event .inputs-column.rewards {
        width: 300px;
        height: min-content; }
  .inputs .input-field .input.ribbons {
    border-radius: 4px; }
    .inputs .input-field .input.ribbons.ribbonName {
      width: 100%; }
    .inputs .input-field .input.ribbons.description {
      width: 100%;
      height: 100px;
      resize: none; }
  .inputs .use-mumble-container {
    margin-top: 0px; }

.input-comms {
  width: 50px; }

.field-input {
  display: flex;
  padding: 3px 5px 3px 5px;
  border-radius: 4px; }

.time-limit {
  display: flex;
  flex-direction: row;
  margin-left: 18px; }

.input-row {
  display: flex;
  flex-direction: row;
  justify-content: left;
  margin-right: 18px;
  margin-left: 18px;
  align-items: center; }
  .input-row.themes {
    gap: 15px;
    margin-left: 2px;
    margin-right: 5px; }
  .input-row.training-levels {
    gap: 15px;
    margin-left: 2px;
    margin-right: 5px; }
  .input-row.create-questions {
    gap: 15px;
    margin-left: 0px;
    margin-right: 0px; }
  .input-row.time-inputs.label {
    margin-right: 2px; }
  .input-row .input.time-input {
    width: 40px;
    margin-right: 2px; }
  .input-row .input.question-input {
    width: 100%;
    height: auto;
    min-height: 100px;
    /* Minimum height pour éviter d'être trop petit */
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
    /* Taille de texte lisible */
    line-height: 1.5;
    /* Espacement pour le confort */
    resize: vertical;
    /* Permet le redimensionnement vertical */
    overflow-wrap: break-word;
    /* Assure le découpage des mots longs */
    white-space: pre-wrap;
    /* Respecte les retours à la ligne */
    box-sizing: border-box;
    /* Assure que padding/border n'affectent pas la taille */ }
  .input-row.event-type-subtypes {
    align-items: normal;
    margin-right: 10px;
    margin-left: 0px; }

.inputs-column {
  display: flex;
  flex-direction: column; }
  .inputs-column .inputs-row {
    display: flex;
    flex-direction: row;
    gap: 15px; }
  .inputs-column.permissions {
    margin-right: 0px;
    margin-left: auto;
    justify-content: center; }
  .inputs-column .input {
    display: flex;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 3px 5px 3px 5px;
    border-radius: 5px; }
    .inputs-column .input.permissions {
      width: 300px; }
    .inputs-column .input.event-type, .inputs-column .input.event-subtype {
      height: 20px; }
  .inputs-column.themes {
    width: 275px; }
    .inputs-column.themes .inputs-row {
      width: 244px;
      margin-left: 10px; }
  .inputs-column.subtypes {
    margin-right: 10px;
    width: 450px; }
  .inputs-column.trainings {
    margin-right: 10px; }
  .inputs-column.trainings-selection {
    width: 100%;
    margin-top: 35px; }
  .inputs-column.lower-part {
    margin: auto 0px 10px 0px; }

.permissions .field-input,
.roles .field-input,
.groups .field-input {
  display: flex;
  width: 300px;
  margin-top: 5px;
  padding: 3px 5px 3px 5px;
  border-radius: 4px; }
  .permissions .field-input .description,
  .roles .field-input .description,
  .groups .field-input .description {
    width: 300px;
    height: 32px;
    border-radius: 4px; }
  .permissions .field-input.short,
  .roles .field-input.short,
  .groups .field-input.short {
    width: 55px; }

.tokenInput::-webkit-inner-spin-button,
.tokenInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Pour Firefox */
.tokenInput[type='number'] {
  width: -webkit-fill-available; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

@keyframes rotate-background {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

.rank-type-description {
  padding: 0px 20px 20px 20px;
  margin-bottom: 20px; }

.ranks-tab .ranks-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  row-gap: 10px;
  column-gap: 0px;
  width: 85%;
  margin: 0px auto 70px auto;
  padding-right: 60px; }
  .ranks-tab .ranks-container .rank-container {
    background-color: #bebebd;
    padding: 10px;
    height: 58px;
    width: 350px;
    box-shadow: rgba(57, 56, 49, 0.8) 1px 2px 2px 1px inset;
    clip-path: polygon(8% 0%, 92% 0%, 99% 50%, 92% 100%, 8% 100%, 1% 50%); }
    .ranks-tab .ranks-container .rank-container.O-10:hover, .ranks-tab .ranks-container .rank-container.O-9:hover, .ranks-tab .ranks-container .rank-container.O-8:hover, .ranks-tab .ranks-container .rank-container.O-7:hover, .ranks-tab .ranks-container .rank-container.O-6:hover, .ranks-tab .ranks-container .rank-container.O-5:hover {
      background-size: 200% 200% !important;
      animation: rotate-background 2s linear infinite !important; }
    .ranks-tab .ranks-container .rank-container .rank-content {
      display: flex;
      height: 65px;
      align-items: flex-start;
      justify-content: left;
      clip-path: polygon(6% 0%, 94% 0%, 100% 50%, 94% 100%, 6% 100%, 0% 50%);
      transform: translate(0px, -3px);
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 -1px 3px rgba(255, 255, 255, 0.2); }
      .ranks-tab .ranks-container .rank-container .rank-content.O-10:hover, .ranks-tab .ranks-container .rank-container .rank-content.O-9:hover, .ranks-tab .ranks-container .rank-container .rank-content.O-8:hover, .ranks-tab .ranks-container .rank-container .rank-content.O-7:hover, .ranks-tab .ranks-container .rank-container .rank-content.O-6:hover, .ranks-tab .ranks-container .rank-container .rank-content.O-5:hover {
        animation: rotate-background 8s linear infinite !important;
        background-size: 101% 99% !important; }
      .ranks-tab .ranks-container .rank-container .rank-content .rank-image {
        margin-top: 7px;
        margin-left: 28px;
        width: auto;
        height: 50px;
        margin-right: 10px;
        filter: drop-shadow(2px 2px 1px #2e1e0e77); }
      .ranks-tab .ranks-container .rank-container .rank-content .rank-name {
        text-shadow: 1px 1px 1px #4e4d4b5d;
        color: #575151 !important;
        align-self: center;
        max-width: 56%;
        text-transform: uppercase;
        font-size: 0.85rem;
        font-weight: bold; }
      .ranks-tab .ranks-container .rank-container .rank-content.O-10, .ranks-tab .ranks-container .rank-container .rank-content.O-9, .ranks-tab .ranks-container .rank-container .rank-content.O-8, .ranks-tab .ranks-container .rank-container .rank-content.O-7, .ranks-tab .ranks-container .rank-container .rank-content.O-6, .ranks-tab .ranks-container .rank-container .rank-content.O-5 {
        background: linear-gradient(-72deg, #dedede, #ffffff 10%, #dedede 12%, #ffffff 16%, #dedede 20%, #ffffff 24%, #a1a1a1 27%, #dedede 36%, #c5c5c5 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #a1a1a1); }
      .ranks-tab .ranks-container .rank-container .rank-content.O-4, .ranks-tab .ranks-container .rank-container .rank-content.O-3, .ranks-tab .ranks-container .rank-container .rank-content.O-2, .ranks-tab .ranks-container .rank-container .rank-content.O-1, .ranks-tab .ranks-container .rank-container .rank-content.O-C {
        background: linear-gradient(-72deg, #bebebe, #d6d5d5 10%, #979797 12%, #d6d5d5 16%, #979797 20%, #d6d5d5 24%, #8b8b8b 27%, #979797 36%, #c5c5c5 45%, #d6d5d5 60%, #979797 72%, #c4c4c4 80%, #979797 84%, #a1a1a1); }
      .ranks-tab .ranks-container .rank-container .rank-content.W-1, .ranks-tab .ranks-container .rank-container .rank-content.W-2, .ranks-tab .ranks-container .rank-container .rank-content.W-3, .ranks-tab .ranks-container .rank-container .rank-content.W-4 {
        background: linear-gradient(-72deg, #dedede, #ffffff 10%, #dedede 12%, #ffffff 16%, #dedede 20%, #ffffff 24%, #a1a1a1 27%, #dedede 36%, #c5c5c5 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #a1a1a1); }
      .ranks-tab .ranks-container .rank-container .rank-content.E-10, .ranks-tab .ranks-container .rank-container .rank-content.E-9, .ranks-tab .ranks-container .rank-container .rank-content.E-8, .ranks-tab .ranks-container .rank-container .rank-content.E-7 {
        background: linear-gradient(-72deg, #dedede, #ffffff 10%, #dedede 12%, #ffffff 16%, #dedede 20%, #ffffff 24%, #a1a1a1 27%, #dedede 36%, #c5c5c5 45%, #ffffff 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #a1a1a1); }
      .ranks-tab .ranks-container .rank-container .rank-content.E-6, .ranks-tab .ranks-container .rank-container .rank-content.E-5, .ranks-tab .ranks-container .rank-container .rank-content.E-4, .ranks-tab .ranks-container .rank-container .rank-content.E-3, .ranks-tab .ranks-container .rank-container .rank-content.E-2, .ranks-tab .ranks-container .rank-container .rank-content.E-1 {
        background: linear-gradient(-72deg, #bebebe, #d6d5d5 10%, #979797 12%, #d6d5d5 16%, #979797 20%, #d6d5d5 24%, #8b8b8b 27%, #979797 36%, #c5c5c5 45%, #d6d5d5 60%, #979797 72%, #c4c4c4 80%, #979797 84%, #a1a1a1); }
      .ranks-tab .ranks-container .rank-container .rank-content.A-6, .ranks-tab .ranks-container .rank-container .rank-content.A-5, .ranks-tab .ranks-container .rank-container .rank-content.A-4, .ranks-tab .ranks-container .rank-container .rank-content.A-3, .ranks-tab .ranks-container .rank-container .rank-content.A-2, .ranks-tab .ranks-container .rank-container .rank-content.A-1 {
        background: linear-gradient(-72deg, #bebebe, #d6d5d5 10%, #979797 12%, #d6d5d5 16%, #979797 20%, #d6d5d5 24%, #8b8b8b 27%, #979797 36%, #c5c5c5 45%, #d6d5d5 60%, #979797 72%, #c4c4c4 80%, #979797 84%, #a1a1a1); }

.rank-image-placeholder {
  width: 57px;
  /* Utilisez les mêmes dimensions que .rank-image */
  height: auto;
  /* Ou une hauteur fixe si nécessaire */
  background-color: transparent;
  /* Ou une couleur d'arrière-plan si vous préférez */
  margin-left: 28px;
  margin-right: 10px;
  filter: drop-shadow(2px 2px 1px #2e1e0e77); }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.selected-ribbon {
  display: flex;
  width: 350px;
  text-align: center;
  margin-left: 60px;
  margin-right: auto; }
  .selected-ribbon.calendar {
    width: 250px;
    margin-top: 15px;
    margin-left: 0px;
    margin-right: 0px; }

.admin-block-container.create-event-template {
  display: flex;
  flex-direction: column;
  width: initial;
  margin: 10px; }
  .admin-block-container.create-event-template .inputs-container {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 0; }
    .admin-block-container.create-event-template .inputs-container .left-column {
      display: flex;
      flex-direction: column;
      flex: 1;
      padding-left: 10px;
      gap: 10px; }
      .admin-block-container.create-event-template .inputs-container .left-column .input-field {
        margin-bottom: 0; }
    .admin-block-container.create-event-template .inputs-container .right-column {
      flex: 1;
      padding-right: 10px; }
    .admin-block-container.create-event-template .inputs-container .input-field {
      width: 357px; }
      .admin-block-container.create-event-template .inputs-container .input-field.event-template {
        width: 326px; }
  .admin-block-container.create-event-template .discord {
    display: flex;
    width: 100%; }
    .admin-block-container.create-event-template .discord .discord-banner {
      position: relative;
      margin: 0px 0px 30px 0px;
      width: 500px;
      min-width: 500px;
      height: 200px; }
      .admin-block-container.create-event-template .discord .discord-banner:before {
        content: "";
        display: block; }
      .admin-block-container.create-event-template .discord .discord-banner .dropzone {
        position: relative;
        width: auto;
        height: 100%;
        border: 2px dashed #b8b8b8;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: grab;
        background-color: #2a3847; }
        .admin-block-container.create-event-template .discord .discord-banner .dropzone img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          object-fit: cover;
          cursor: grab;
          user-select: none; }
        .admin-block-container.create-event-template .discord .discord-banner .dropzone.is-dragging {
          cursor: grabbing; }
      .admin-block-container.create-event-template .discord .discord-banner .zoom-slider {
        display: flex;
        width: 325px;
        margin: 8px auto 0px auto; }
    .admin-block-container.create-event-template .discord .discord-description {
      display: flex;
      width: -webkit-fill-available; }
      .admin-block-container.create-event-template .discord .discord-description .input-field {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 10px 0 20px; }
        .admin-block-container.create-event-template .discord .discord-description .input-field .home-file, .admin-block-container.create-event-template .discord .discord-description .input-field .character-counter {
          margin: 5px auto 5px 3px; }

.mde-header {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-bottom: 1px solid #c8ccd0;
  border-radius: 2px 2px 0 0;
  color: #dfdfdf;
  background: #0c2637;
  border: 1px solid #491212;
  border-radius: 6px 6px 0 0; }

.mde-header .mde-tabs {
  display: flex;
  flex-direction: row;
  color: #dfdfdf; }

.mde-header .mde-tabs button.selected {
  border: 1px solid #c8ccd0;
  color: #dfdfdf; }

.mde-header .mde-tabs button:first-child {
  color: #dfdfdf;
  margin-left: 6px; }

.mde-header .mde-tabs button {
  border-radius: 2px;
  margin: 6px 3px;
  color: #dfdfdf;
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer; }

.react-mde * {
  box-sizing: border-box; }

.react-mde {
  border-radius: 6px;
  width: 100%; }

.mde-header ul.mde-header-group {
  margin: 0;
  padding: 10px;
  list-style: none;
  display: flex;
  flex-wrap: nowrap; }

.mde-header ul.mde-header-group li.mde-header-item {
  display: inline-block;
  position: relative;
  margin: 0 4px; }

.mde-header ul.mde-header-group li.mde-header-item button {
  text-align: left;
  cursor: pointer;
  height: 22px;
  padding: 4px;
  margin: 0;
  border: none;
  background: none;
  color: #dfdfdf; }

.mde-header .svg-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: inherit;
  overflow: visible;
  vertical-align: -.125em; }

.react-mde .mde-textarea-wrapper, .react-mde-tabbed-layout .mde-textarea-wrapper {
  color: green;
  position: relative; }
  .react-mde .mde-textarea-wrapper .mde-text, .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text {
    color: #dfdfdf;
    background: #1c2d38;
    width: 100%;
    height: 130px !important;
    font-family: 'Lato';
    font-size: 1em;
    border: 1px solid #491212 !important;
    border-radius: 0px 0px 6px 6px; }
    .react-mde .mde-textarea-wrapper .mde-text::-webkit-scrollbar, .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text::-webkit-scrollbar {
      width: 8px; }
    .react-mde .mde-textarea-wrapper .mde-text::-webkit-scrollbar-track, .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .react-mde .mde-textarea-wrapper .mde-text::-webkit-scrollbar-thumb, .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .react-mde .mde-textarea-wrapper .mde-text::-webkit-scrollbar-thumb:hover, .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .react-mde .mde-textarea-wrapper .mde-text:focus-visible, .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text:focus-visible {
      outline: #491212; }
  .react-mde .mde-textarea-wrapper textarea, .react-mde-tabbed-layout .mde-textarea-wrapper textarea {
    resize: none;
    padding: 10px; }

.react-mde .invisible {
  display: none; }

.mde-preview {
  height: 130px !important;
  min-height: 130px !important;
  color: #dfdfdf;
  background: #1c2d38;
  border: 1px solid #491212 !important;
  border-radius: 0px 0px 6px 6px;
  margin-bottom: 5px;
  overflow: auto; }
  .mde-preview::-webkit-scrollbar {
    width: 8px; }
  .mde-preview::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .mde-preview::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .mde-preview::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.mde-preview .mde-preview-content {
  position: relative;
  padding: 0px 10px;
  bottom: 5px; }
  .mde-preview .mde-preview-content .p {
    margin-top: 0; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.ribbons-edition {
  position: relative;
  display: flex;
  flex-direction: row; }
  .ribbons-edition .ribbon-viual-editor {
    display: flex;
    flex-direction: column;
    width: 108%;
    margin: 0px 20px 0px 20px;
    align-items: center; }

.link-chain {
  height: 25px;
  margin: 0; }

.ribbon-overlay-container {
  position: relative;
  display: inline-block; }
  .ribbon-overlay-container.table {
    width: 100%;
    margin: 10px auto 5px auto; }
  .ribbon-overlay-container .ribbon-image {
    display: block;
    width: 100%;
    height: auto; }
  .ribbon-overlay-container .color-rect {
    position: absolute;
    top: 17%;
    height: 64%;
    border-radius: 10%;
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    width: var(--rect-width, 9.8%);
    background-color: var(--rect-color, transparent); }
    .ribbon-overlay-container .color-rect[data-color] {
      background-color: attr(data-color color, initial); }
    .ribbon-overlay-container .color-rect.color-selected {
      box-shadow: 0 8px 13px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -3px 2px rgba(0, 0, 0, 0.5);
      background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.2)), repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.07) 2px, rgba(255, 255, 255, 0.07) 3px);
      background-blend-mode: overlay, overlay; }
      .ribbon-overlay-container .color-rect.color-selected:first-child {
        border-radius: 10% 0 0 10%; }
      .ribbon-overlay-container .color-rect.color-selected:last-child {
        border-radius: 10%; }
    .ribbon-overlay-container .color-rect.first-linked {
      border-radius: 10% 0 0 10%; }
    .ribbon-overlay-container .color-rect.last-linked {
      border-radius: 0 10% 10% 0; }
    .ribbon-overlay-container .color-rect.middle-linked {
      border-radius: 0; }
    .ribbon-overlay-container .color-rect .add-image-icon {
      position: absolute;
      top: 5%;
      right: 5%;
      width: 20px;
      height: 20px;
      z-index: 300;
      cursor: pointer; }
    .ribbon-overlay-container .color-rect .group-image {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      max-height: 90%;
      max-width: 90%;
      transform: translate(-50%, -50%);
      object-fit: contain;
      filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.7));
      z-index: 100; }
  .ribbon-overlay-container .width-1 {
    width: 0.1%; }
  .ribbon-overlay-container .width-2 {
    width: 0.2%; }
  .ribbon-overlay-container .width-3 {
    width: 0.3%; }
  .ribbon-overlay-container .width-4 {
    width: 0.4%; }
  .ribbon-overlay-container .width-5 {
    width: 0.5%; }
  .ribbon-overlay-container .width-6 {
    width: 0.6%; }
  .ribbon-overlay-container .width-7 {
    width: 0.7%; }
  .ribbon-overlay-container .width-8 {
    width: 0.8%; }
  .ribbon-overlay-container .width-9 {
    width: 0.9%; }
  .ribbon-overlay-container .width-10 {
    width: 1%; }
  .ribbon-overlay-container .width-11 {
    width: 1.1%; }
  .ribbon-overlay-container .width-12 {
    width: 1.2%; }
  .ribbon-overlay-container .width-13 {
    width: 1.3%; }
  .ribbon-overlay-container .width-14 {
    width: 1.4%; }
  .ribbon-overlay-container .width-15 {
    width: 1.5%; }
  .ribbon-overlay-container .width-16 {
    width: 1.6%; }
  .ribbon-overlay-container .width-17 {
    width: 1.7%; }
  .ribbon-overlay-container .width-18 {
    width: 1.8%; }
  .ribbon-overlay-container .width-19 {
    width: 1.9%; }
  .ribbon-overlay-container .width-20 {
    width: 2%; }
  .ribbon-overlay-container .width-21 {
    width: 2.1%; }
  .ribbon-overlay-container .width-22 {
    width: 2.2%; }
  .ribbon-overlay-container .width-23 {
    width: 2.3%; }
  .ribbon-overlay-container .width-24 {
    width: 2.4%; }
  .ribbon-overlay-container .width-25 {
    width: 2.5%; }
  .ribbon-overlay-container .width-26 {
    width: 2.6%; }
  .ribbon-overlay-container .width-27 {
    width: 2.7%; }
  .ribbon-overlay-container .width-28 {
    width: 2.8%; }
  .ribbon-overlay-container .width-29 {
    width: 2.9%; }
  .ribbon-overlay-container .width-30 {
    width: 3%; }
  .ribbon-overlay-container .width-31 {
    width: 3.1%; }
  .ribbon-overlay-container .width-32 {
    width: 3.2%; }
  .ribbon-overlay-container .width-33 {
    width: 3.3%; }
  .ribbon-overlay-container .width-34 {
    width: 3.4%; }
  .ribbon-overlay-container .width-35 {
    width: 3.5%; }
  .ribbon-overlay-container .width-36 {
    width: 3.6%; }
  .ribbon-overlay-container .width-37 {
    width: 3.7%; }
  .ribbon-overlay-container .width-38 {
    width: 3.8%; }
  .ribbon-overlay-container .width-39 {
    width: 3.9%; }
  .ribbon-overlay-container .width-40 {
    width: 4%; }
  .ribbon-overlay-container .width-41 {
    width: 4.1%; }
  .ribbon-overlay-container .width-42 {
    width: 4.2%; }
  .ribbon-overlay-container .width-43 {
    width: 4.3%; }
  .ribbon-overlay-container .width-44 {
    width: 4.4%; }
  .ribbon-overlay-container .width-45 {
    width: 4.5%; }
  .ribbon-overlay-container .width-46 {
    width: 4.6%; }
  .ribbon-overlay-container .width-47 {
    width: 4.7%; }
  .ribbon-overlay-container .width-48 {
    width: 4.8%; }
  .ribbon-overlay-container .width-49 {
    width: 4.9%; }
  .ribbon-overlay-container .width-50 {
    width: 5%; }
  .ribbon-overlay-container .width-51 {
    width: 5.1%; }
  .ribbon-overlay-container .width-52 {
    width: 5.2%; }
  .ribbon-overlay-container .width-53 {
    width: 5.3%; }
  .ribbon-overlay-container .width-54 {
    width: 5.4%; }
  .ribbon-overlay-container .width-55 {
    width: 5.5%; }
  .ribbon-overlay-container .width-56 {
    width: 5.6%; }
  .ribbon-overlay-container .width-57 {
    width: 5.7%; }
  .ribbon-overlay-container .width-58 {
    width: 5.8%; }
  .ribbon-overlay-container .width-59 {
    width: 5.9%; }
  .ribbon-overlay-container .width-60 {
    width: 6%; }
  .ribbon-overlay-container .width-61 {
    width: 6.1%; }
  .ribbon-overlay-container .width-62 {
    width: 6.2%; }
  .ribbon-overlay-container .width-63 {
    width: 6.3%; }
  .ribbon-overlay-container .width-64 {
    width: 6.4%; }
  .ribbon-overlay-container .width-65 {
    width: 6.5%; }
  .ribbon-overlay-container .width-66 {
    width: 6.6%; }
  .ribbon-overlay-container .width-67 {
    width: 6.7%; }
  .ribbon-overlay-container .width-68 {
    width: 6.8%; }
  .ribbon-overlay-container .width-69 {
    width: 6.9%; }
  .ribbon-overlay-container .width-70 {
    width: 7%; }
  .ribbon-overlay-container .width-71 {
    width: 7.1%; }
  .ribbon-overlay-container .width-72 {
    width: 7.2%; }
  .ribbon-overlay-container .width-73 {
    width: 7.3%; }
  .ribbon-overlay-container .width-74 {
    width: 7.4%; }
  .ribbon-overlay-container .width-75 {
    width: 7.5%; }
  .ribbon-overlay-container .width-76 {
    width: 7.6%; }
  .ribbon-overlay-container .width-77 {
    width: 7.7%; }
  .ribbon-overlay-container .width-78 {
    width: 7.8%; }
  .ribbon-overlay-container .width-79 {
    width: 7.9%; }
  .ribbon-overlay-container .width-80 {
    width: 8%; }
  .ribbon-overlay-container .width-81 {
    width: 8.1%; }
  .ribbon-overlay-container .width-82 {
    width: 8.2%; }
  .ribbon-overlay-container .width-83 {
    width: 8.3%; }
  .ribbon-overlay-container .width-84 {
    width: 8.4%; }
  .ribbon-overlay-container .width-85 {
    width: 8.5%; }
  .ribbon-overlay-container .width-86 {
    width: 8.6%; }
  .ribbon-overlay-container .width-87 {
    width: 8.7%; }
  .ribbon-overlay-container .width-88 {
    width: 8.8%; }
  .ribbon-overlay-container .width-89 {
    width: 8.9%; }
  .ribbon-overlay-container .width-90 {
    width: 9%; }
  .ribbon-overlay-container .width-91 {
    width: 9.1%; }
  .ribbon-overlay-container .width-92 {
    width: 9.2%; }
  .ribbon-overlay-container .width-93 {
    width: 9.3%; }
  .ribbon-overlay-container .width-94 {
    width: 9.4%; }
  .ribbon-overlay-container .width-95 {
    width: 9.5%; }
  .ribbon-overlay-container .width-96 {
    width: 9.6%; }
  .ribbon-overlay-container .width-97 {
    width: 9.7%; }
  .ribbon-overlay-container .width-98 {
    width: 9.8%; }
  .ribbon-overlay-container .width-99 {
    width: 9.9%; }
  .ribbon-overlay-container .width-100 {
    width: 10%; }
  .ribbon-overlay-container .width-101 {
    width: 10.1%; }
  .ribbon-overlay-container .width-102 {
    width: 10.2%; }
  .ribbon-overlay-container .width-103 {
    width: 10.3%; }
  .ribbon-overlay-container .width-104 {
    width: 10.4%; }
  .ribbon-overlay-container .width-105 {
    width: 10.5%; }
  .ribbon-overlay-container .width-106 {
    width: 10.6%; }
  .ribbon-overlay-container .width-107 {
    width: 10.7%; }
  .ribbon-overlay-container .width-108 {
    width: 10.8%; }
  .ribbon-overlay-container .width-109 {
    width: 10.9%; }
  .ribbon-overlay-container .width-110 {
    width: 11%; }
  .ribbon-overlay-container .width-111 {
    width: 11.1%; }
  .ribbon-overlay-container .width-112 {
    width: 11.2%; }
  .ribbon-overlay-container .width-113 {
    width: 11.3%; }
  .ribbon-overlay-container .width-114 {
    width: 11.4%; }
  .ribbon-overlay-container .width-115 {
    width: 11.5%; }
  .ribbon-overlay-container .width-116 {
    width: 11.6%; }
  .ribbon-overlay-container .width-117 {
    width: 11.7%; }
  .ribbon-overlay-container .width-118 {
    width: 11.8%; }
  .ribbon-overlay-container .width-119 {
    width: 11.9%; }
  .ribbon-overlay-container .width-120 {
    width: 12%; }
  .ribbon-overlay-container .width-121 {
    width: 12.1%; }
  .ribbon-overlay-container .width-122 {
    width: 12.2%; }
  .ribbon-overlay-container .width-123 {
    width: 12.3%; }
  .ribbon-overlay-container .width-124 {
    width: 12.4%; }
  .ribbon-overlay-container .width-125 {
    width: 12.5%; }
  .ribbon-overlay-container .width-126 {
    width: 12.6%; }
  .ribbon-overlay-container .width-127 {
    width: 12.7%; }
  .ribbon-overlay-container .width-128 {
    width: 12.8%; }
  .ribbon-overlay-container .width-129 {
    width: 12.9%; }
  .ribbon-overlay-container .width-130 {
    width: 13%; }
  .ribbon-overlay-container .width-131 {
    width: 13.1%; }
  .ribbon-overlay-container .width-132 {
    width: 13.2%; }
  .ribbon-overlay-container .width-133 {
    width: 13.3%; }
  .ribbon-overlay-container .width-134 {
    width: 13.4%; }
  .ribbon-overlay-container .width-135 {
    width: 13.5%; }
  .ribbon-overlay-container .width-136 {
    width: 13.6%; }
  .ribbon-overlay-container .width-137 {
    width: 13.7%; }
  .ribbon-overlay-container .width-138 {
    width: 13.8%; }
  .ribbon-overlay-container .width-139 {
    width: 13.9%; }
  .ribbon-overlay-container .width-140 {
    width: 14%; }
  .ribbon-overlay-container .width-141 {
    width: 14.1%; }
  .ribbon-overlay-container .width-142 {
    width: 14.2%; }
  .ribbon-overlay-container .width-143 {
    width: 14.3%; }
  .ribbon-overlay-container .width-144 {
    width: 14.4%; }
  .ribbon-overlay-container .width-145 {
    width: 14.5%; }
  .ribbon-overlay-container .width-146 {
    width: 14.6%; }
  .ribbon-overlay-container .width-147 {
    width: 14.7%; }
  .ribbon-overlay-container .width-148 {
    width: 14.8%; }
  .ribbon-overlay-container .width-149 {
    width: 14.9%; }
  .ribbon-overlay-container .width-150 {
    width: 15%; }
  .ribbon-overlay-container .width-151 {
    width: 15.1%; }
  .ribbon-overlay-container .width-152 {
    width: 15.2%; }
  .ribbon-overlay-container .width-153 {
    width: 15.3%; }
  .ribbon-overlay-container .width-154 {
    width: 15.4%; }
  .ribbon-overlay-container .width-155 {
    width: 15.5%; }
  .ribbon-overlay-container .width-156 {
    width: 15.6%; }
  .ribbon-overlay-container .width-157 {
    width: 15.7%; }
  .ribbon-overlay-container .width-158 {
    width: 15.8%; }
  .ribbon-overlay-container .width-159 {
    width: 15.9%; }
  .ribbon-overlay-container .width-160 {
    width: 16%; }
  .ribbon-overlay-container .width-161 {
    width: 16.1%; }
  .ribbon-overlay-container .width-162 {
    width: 16.2%; }
  .ribbon-overlay-container .width-163 {
    width: 16.3%; }
  .ribbon-overlay-container .width-164 {
    width: 16.4%; }
  .ribbon-overlay-container .width-165 {
    width: 16.5%; }
  .ribbon-overlay-container .width-166 {
    width: 16.6%; }
  .ribbon-overlay-container .width-167 {
    width: 16.7%; }
  .ribbon-overlay-container .width-168 {
    width: 16.8%; }
  .ribbon-overlay-container .width-169 {
    width: 16.9%; }
  .ribbon-overlay-container .width-170 {
    width: 17%; }
  .ribbon-overlay-container .width-171 {
    width: 17.1%; }
  .ribbon-overlay-container .width-172 {
    width: 17.2%; }
  .ribbon-overlay-container .width-173 {
    width: 17.3%; }
  .ribbon-overlay-container .width-174 {
    width: 17.4%; }
  .ribbon-overlay-container .width-175 {
    width: 17.5%; }
  .ribbon-overlay-container .width-176 {
    width: 17.6%; }
  .ribbon-overlay-container .width-177 {
    width: 17.7%; }
  .ribbon-overlay-container .width-178 {
    width: 17.8%; }
  .ribbon-overlay-container .width-179 {
    width: 17.9%; }
  .ribbon-overlay-container .width-180 {
    width: 18%; }
  .ribbon-overlay-container .width-181 {
    width: 18.1%; }
  .ribbon-overlay-container .width-182 {
    width: 18.2%; }
  .ribbon-overlay-container .width-183 {
    width: 18.3%; }
  .ribbon-overlay-container .width-184 {
    width: 18.4%; }
  .ribbon-overlay-container .width-185 {
    width: 18.5%; }
  .ribbon-overlay-container .width-186 {
    width: 18.6%; }
  .ribbon-overlay-container .width-187 {
    width: 18.7%; }
  .ribbon-overlay-container .width-188 {
    width: 18.8%; }
  .ribbon-overlay-container .width-189 {
    width: 18.9%; }
  .ribbon-overlay-container .width-190 {
    width: 19%; }
  .ribbon-overlay-container .width-191 {
    width: 19.1%; }
  .ribbon-overlay-container .width-192 {
    width: 19.2%; }
  .ribbon-overlay-container .width-193 {
    width: 19.3%; }
  .ribbon-overlay-container .width-194 {
    width: 19.4%; }
  .ribbon-overlay-container .width-195 {
    width: 19.5%; }
  .ribbon-overlay-container .width-196 {
    width: 19.6%; }
  .ribbon-overlay-container .width-197 {
    width: 19.7%; }
  .ribbon-overlay-container .width-198 {
    width: 19.8%; }
  .ribbon-overlay-container .width-199 {
    width: 19.9%; }
  .ribbon-overlay-container .width-200 {
    width: 20%; }
  .ribbon-overlay-container .width-201 {
    width: 20.1%; }
  .ribbon-overlay-container .width-202 {
    width: 20.2%; }
  .ribbon-overlay-container .width-203 {
    width: 20.3%; }
  .ribbon-overlay-container .width-204 {
    width: 20.4%; }
  .ribbon-overlay-container .width-205 {
    width: 20.5%; }
  .ribbon-overlay-container .width-206 {
    width: 20.6%; }
  .ribbon-overlay-container .width-207 {
    width: 20.7%; }
  .ribbon-overlay-container .width-208 {
    width: 20.8%; }
  .ribbon-overlay-container .width-209 {
    width: 20.9%; }
  .ribbon-overlay-container .width-210 {
    width: 21%; }
  .ribbon-overlay-container .rect-1 {
    left: 6%;
    z-index: 200; }
  .ribbon-overlay-container .rect-2 {
    left: 17.125%;
    z-index: 190; }
  .ribbon-overlay-container .rect-3 {
    left: 28.25%;
    z-index: 180; }
  .ribbon-overlay-container .rect-4 {
    left: 39.375%;
    z-index: 170; }
  .ribbon-overlay-container .rect-5 {
    left: 50.5%;
    z-index: 160; }
  .ribbon-overlay-container .rect-6 {
    left: 61.625%;
    z-index: 150; }
  .ribbon-overlay-container .rect-7 {
    left: 72.75%;
    z-index: 140; }
  .ribbon-overlay-container .rect-8 {
    left: 83.875%;
    z-index: 130; }

.colorPicker-container-horizontal {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -10px;
  margin-left: 0px;
  width: 81%; }

.colorPicker-container-horizontal .colorPicker {
  margin-left: calc((100% - 8 * 10.125%) / 16);
  margin-right: calc((100% - 8 * 10.125%) / 16); }

.link-chain {
  height: 25px;
  margin: 0 8px; }

.link-chain.rotated {
  position: relative;
  transform: rotate(90deg);
  bottom: 3px; }

.link-symbol {
  position: relative;
  font-size: 1.5em;
  bottom: 7px;
  cursor: pointer; }
  .link-symbol.disable {
    color: #b8b8b8; }
  .link-symbol.enable {
    color: #9e2222; }

.ribbon-viual-editor.hidden {
  visibility: hidden; }

.clear-icon {
  position: relative;
  top: 2px;
  margin-left: 10px;
  height: 25px;
  cursor: pointer; }

.statusRibbons {
  text-align: center;
  /* Centre le contenu du texte ou autre contenu de la cellule */ }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.colorPicker {
  border: 1px solid #9c99a3;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%; }

.colorPicker:not(:last-child) {
  margin-right: 1px; }

.color-picker-tooltip {
  position: relative;
  z-Index: 100;
  transform: translate(-30%, 60%); }

.color-picker-flex .colorPicker {
  border-radius: 50%; }
  .color-picker-flex .colorPicker.border-left {
    border-radius: 12px 0 0 12px; }
  .color-picker-flex .colorPicker.middle {
    border-radius: 0; }
  .color-picker-flex .colorPicker.border-right {
    border-radius: 0 12px 12px 0; }

.color-picker-container {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  margin-bottom: 0px; }
  .color-picker-container .color-picker-flex {
    display: flex; }

.color-picker-container label {
  margin-right: 10px;
  width: 110px; }

/* Masquer spécifiquement les champs R, G, B et A */
.color-picker-container .flexbox-fix > div:nth-child(2),
.color-picker-container .flexbox-fix > div:nth-child(3),
.color-picker-container .flexbox-fix > div:nth-child(4),
.color-picker-container .flexbox-fix > div:nth-child(5) {
  display: none !important; }

.color-picker-wrapper {
  position: absolute;
  background: #0c2637;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 10px;
  width: 185px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  transform: translate(0px, 8px);
  border: 1px solid #491212; }

/* ✅ Zone d'entrée Hex */
.color-picker-hex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px; }

.color-picker-hex label {
  font-size: 14px;
  color: #b8b8b8;
  font-weight: 600; }

.color-picker-hex input {
  width: 80px;
  padding: 3px;
  border: 1px solid #491212;
  border-radius: 4px;
  text-align: center;
  font-size: 14px; }

/* ✅ Grille de couleurs pré-sélectionnées */
.color-picker-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  margin-bottom: 8px; }

.color-picker-grid button {
  width: 18px;
  height: 18px;
  border: 1px solid #2a3847;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease; }
  .color-picker-grid button.preset-transparent {
    border: 1px solid white; }

.color-picker-grid button:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }

.color-picker-grid button.active {
  border: 2px solid black; }

/* ✅ Palette de couleurs (saturation box) */
.color-picker-saturation {
  position: relative;
  width: 100%;
  height: 120px;
  border-radius: 2px;
  cursor: crosshair;
  margin-bottom: 10px; }

.color-picker-saturation-hue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  pointer-events: none;
  /* Empêche l'interaction avec ce div */ }

.color-picker-saturation-brightness {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  pointer-events: none;
  /* Empêche l'interaction avec ce div */ }

.color-picker-saturation_cursor {
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid white;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%); }

/* ✅ Barre de teinte (hue slider) */
.color-picker-hue {
  position: relative;
  width: 100%;
  height: 14px;
  background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple, red);
  border-radius: 4px;
  cursor: pointer; }

.color-picker-hue_cursor {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -13%); }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.rbc-calendar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 1300px;
  margin-right: auto;
  margin-left: auto;
  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-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .rbc-calendar .rbc-toolbar-label {
    color: #dfdfdf;
    font-weight: bold; }

.rbc-month-view {
  min-height: 70vh;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 8px;
  overflow: hidden; }

.rbc-month-row {
  position: relative;
  overflow: visible; }

.rbc-row-content {
  z-index: 0; }

.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #b8b8b8; }

.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #b8b8b8; }

.rbc-day-bg {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  background-color: #23374bcc;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden; }
  .rbc-day-bg:hover::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #324f6da9;
    pointer-events: none; }
  .rbc-day-bg .create-event {
    display: none;
    justify-content: end;
    padding-top: 2px;
    padding-right: 7px;
    font-size: 1.3rem;
    position: absolute;
    top: 0;
    right: 0; }
  .rbc-day-bg:hover .create-event {
    display: flex; }
  .rbc-day-bg.rbc-today::after {
    content: "";
    position: absolute;
    background-color: #446a92a8;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    pointer-events: none; }
  .rbc-day-bg.rbc-off-range-bg {
    background-color: #27333f80; }

.rbc-today {
  background-color: transparent; }

.rbc-label {
  color: #b8b8b8; }

.rbc-calendar *, .rbc-calendar *:before, .rbc-calendar *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  overflow-y: hidden;
  overflow-x: hidden; }

.rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.calendar-toolbar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }
  .calendar-toolbar-container .rbc-toolbar {
    display: flex;
    align-items: center; }
    .calendar-toolbar-container .rbc-toolbar.left {
      justify-content: flex-start; }
    .calendar-toolbar-container .rbc-toolbar.right {
      justify-content: flex-end; }
    .calendar-toolbar-container .rbc-toolbar .btn-style1 {
      margin: 0 1px;
      height: 30px;
      width: 40px;
      color: #491212;
      background: none;
      background-image: url(/images/steel.png);
      border-color: #adadad;
      background-color: rgba(0, 51, 128, 0.2); }
      .calendar-toolbar-container .rbc-toolbar .btn-style1:hover {
        background-color: rgba(0, 51, 128, 0);
        color: #9e2222;
        text-decoration: none; }
      .calendar-toolbar-container .rbc-toolbar .btn-style1:active {
        box-shadow: 0px 0px 5px 2px #2f3031ee; }
      .calendar-toolbar-container .rbc-toolbar .btn-style1.first {
        width: 80px;
        border-radius: 6px 0 0 6px; }
      .calendar-toolbar-container .rbc-toolbar .btn-style1.middle {
        width: 80px;
        border-radius: 0; }
      .calendar-toolbar-container .rbc-toolbar .btn-style1.last {
        width: 80px;
        border-radius: 0 6px 6px 0; }
      .calendar-toolbar-container .rbc-toolbar .btn-style1.active {
        background-color: #ffffff;
        box-shadow: 0px 0px 5px 2px #465561ee;
        color: #9e2222; }

.rbc-header {
  align-content: center;
  padding: 3px 3px;
  border-bottom: 1px solid #b8b8b8;
  color: #b8b8b8; }

.rbc-header + .rbc-header {
  border-left: 1px solid transparent; }

.rbc-time-header-cell, .rbc-month-header {
  background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
  height: 30px; }

.rbc-calendar *, .rbc-calendar *:before, .rbc-calendar *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

.rbc-event, .rbc-day-slot {
  position: relative;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 auto 0 auto;
  padding: 3px 0px;
  background-color: #00304d;
  border-radius: 5px;
  color: #dfdfdf;
  font-size: 0.85rem;
  cursor: pointer;
  max-width: 96%;
  text-align: left;
  border: 1px solid #384858; }
  .rbc-event.rbc-background-event, .rbc-day-slot.rbc-background-event {
    background-color: #491212; }
  .rbc-event.rbc-time-column, .rbc-day-slot.rbc-time-column {
    background-color: #2a3847; }
    .rbc-event.rbc-time-column.rbc-today, .rbc-day-slot.rbc-time-column.rbc-today {
      background-color: #405468; }
      .rbc-event.rbc-time-column.rbc-today.rbc-time-slot, .rbc-day-slot.rbc-time-column.rbc-today.rbc-time-slot {
        background-color: #b8b8b8; }
  .rbc-event .position0, .rbc-day-slot .position0 {
    width: 100% !important;
    left: 7px !important; }
  .rbc-event .position1, .rbc-day-slot .position1 {
    width: 50% !important;
    left: 7px !important; }
  .rbc-event .position2, .rbc-day-slot .position2 {
    width: 50% !important;
    left: 50% !important; }
  .rbc-event.position3, .rbc-day-slot.position3 {
    width: 33.33% !important;
    left: 7px !important; }
  .rbc-event.position4, .rbc-day-slot.position4 {
    width: 33.33% !important;
    left: 33.33 !important; }
  .rbc-event.position5, .rbc-day-slot.position5 {
    width: 33.33% !important;
    left: 66.66% !important; }
  .rbc-event:hover, .rbc-day-slot:hover {
    border: 1px solid #b8b8b8;
    color: white; }

.rbc-timeslot-group {
  border-bottom: 1px solid #b8b8b8;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #2a3847; }

.rbc-date-cell {
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
  padding: 5px 7px 2px 7px;
  text-align: left;
  justify-content: space-between;
  align-items: center; }
  .rbc-date-cell .rbc-button-link {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .rbc-date-cell.passed {
    color: grey; }
  .rbc-date-cell.future {
    color: #dfdfdf; }
  .rbc-date-cell.rbc-current {
    color: white; }

.date-time-selector {
  display: flex;
  flex-direction: row;
  color: #dfdfdf;
  gap: 5px; }

.menu .date-time-selector {
  display: flex;
  flex-direction: column;
  color: #dfdfdf;
  gap: 0px; }

.date-time-selector .react-datepicker__input-container input {
  background-color: #dfdfdf;
  border: 1px solid #491212;
  border-radius: 4px;
  box-shadow: none;
  min-height: 15px;
  height: 15px;
  width: 125px;
  padding: 3px 5px;
  font-size: 12px; }

.date-time-selector label {
  margin-bottom: 5px;
  font-weight: bold; }

.react-datepicker {
  font-size: 0.75rem !important;
  border: 2px solid #9e2222 !important;
  background-color: #2a3847 !important; }
  .react-datepicker::-webkit-scrollbar {
    width: 8px; }
  .react-datepicker::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .react-datepicker::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .react-datepicker::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.react-datepicker__triangle {
  transform: rotate(180deg) translate(50px, -1px) !important; }

.react-datepicker__header {
  background-color: #1c2d38 !important;
  color: #dfdfdf !important; }

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  color: #dfdfdf !important; }

h2.react-datepicker__current-month {
  color: #dfdfdf !important; }

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #dfdfdf !important; }

.react-datepicker__month-container {
  background-color: #2a3847 !important; }

.react-datepicker__time-container .react-datepicker__time {
  background: #2a3847 !important; }

.react-datepicker-popper {
  z-index: 30000;
  line-height: 0;
  left: 85px !important; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list::-webkit-scrollbar {
  width: 8px; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list::-webkit-scrollbar-track {
  background: #2e3842;
  border-radius: 4px;
  padding-right: 1px; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list::-webkit-scrollbar-thumb {
  background-color: #491212;
  border-radius: 4px; }
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list::-webkit-scrollbar-thumb:hover {
    background-color: #200808; }

.recurrence-selector {
  display: grid;
  font-weight: bold;
  gap: 5px;
  margin-top: 0px; }

.ribbon-space {
  position: relative;
  width: 100%;
  height: auto; }
  .ribbon-space .ribbon-image {
    width: 100%;
    height: auto;
    display: block; }

.rbc-row-segment {
  width: 14.5%; }

/* Vue "month" : Limite la largeur à 50% et ajuste la position */
.rbc-month-view .rbc-event {
  position: relative;
  padding-left: 5px; }
  .rbc-month-view .rbc-event.canceled {
    border: 1px solid #9e2222;
    color: #b8b8b8;
    text-decoration-line: line-through;
    background-color: #0c2637;
    text-decoration-thickness: 2px;
    text-decoration-color: #9e2222; }
  .rbc-month-view .rbc-event.concluded {
    color: #b8b8b8; }
  .rbc-month-view .rbc-event.scheduled {
    border: 1px solid #239323;
    color: #dfdfdf; }
  .rbc-month-view .rbc-event.live {
    border: 1px solid #8b590d;
    color: #dfdfdf; }
  .rbc-month-view .rbc-event.tentative {
    border: 1px solid #b8a500;
    color: #dfdfdf; }

/* Vue "week" et "day" : Assure le bon positionnement */
.rbc-time-view .rbc-event {
  width: 100%;
  /* Occupe toute la largeur */
  position: absolute;
  /* Assure le positionnement correct en fonction du temps */ }

.rbc-current-time-indicator {
  z-index: 1;
  background-color: #9e2222;
  height: 2px; }

.rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
  padding: 5px;
  border: 1px solid #b8b8b8; }
  .rbc-day-slot .rbc-event:hover, .rbc-day-slot .rbc-background-event:hover {
    background-color: #2d3a47;
    border: 1px solid #dfdfdf; }

.rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #0c2637;
  color: white; }

.rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
  outline: 3px auto #b8b8b8; }

.rbc-date-cell.rbc-now .rbc-button-link {
  padding: 2px 5px;
  background-color: #491212;
  border-radius: 3px; }

/* Cacher le bouton "+" par défaut */
.create-event {
  color: transparent; }

/* Afficher le bouton "+" lorsqu'on survole la cellule de date */
.rbc-date-cell:hover .create-event {
  font-weight: bolder;
  color: #dfdfdf;
  padding-left: 10px;
  padding-right: 5px;
  cursor: pointer; }

.management-container {
  background-color: #0c2637;
  padding: 10px 15px;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  box-shadow: inset -2px -2px 3px rgba(70, 69, 69, 0.2); }
  .management-container.create-event, .management-container.create-event-template {
    display: flex;
    flex-direction: column;
    padding: 0.2rem;
    width: initial;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px; }
    .management-container.create-event .content, .management-container.create-event-template .content {
      margin: 10px; }
    .management-container.create-event .discord, .management-container.create-event-template .discord {
      display: flex;
      width: 100%;
      height: 250px; }
      .management-container.create-event .discord .discord-banner, .management-container.create-event-template .discord .discord-banner {
        position: relative;
        margin: 20px auto;
        width: 500px;
        height: 200px; }
        .management-container.create-event .discord .discord-banner:before, .management-container.create-event-template .discord .discord-banner:before {
          content: "";
          display: block; }
        .management-container.create-event .discord .discord-banner .dropzone, .management-container.create-event-template .discord .discord-banner .dropzone {
          position: relative;
          width: 500px;
          height: 200px;
          border: 2px dashed #b8b8b8;
          overflow: hidden;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: grab;
          background-color: #2a3847; }
          .management-container.create-event .discord .discord-banner .dropzone.is-dragging, .management-container.create-event-template .discord .discord-banner .dropzone.is-dragging {
            cursor: grabbing; }
          .management-container.create-event .discord .discord-banner .dropzone.locked, .management-container.create-event-template .discord .discord-banner .dropzone.locked {
            pointer-events: none;
            background-color: #3d5167; }
        .management-container.create-event .discord .discord-banner .image-preview, .management-container.create-event-template .discord .discord-banner .image-preview {
          position: absolute;
          top: 0;
          left: 0;
          height: auto;
          width: 100%;
          object-fit: cover;
          transform-origin: top left;
          user-select: none;
          transform: translateX(var(--translate-x, 0px)) translateY(var(--translate-y, 0px)) scale(var(--scale, 1)); }
          .management-container.create-event .discord .discord-banner .image-preview.draggable, .management-container.create-event-template .discord .discord-banner .image-preview.draggable {
            cursor: grab; }
          .management-container.create-event .discord .discord-banner .image-preview.locked, .management-container.create-event-template .discord .discord-banner .image-preview.locked {
            cursor: default; }
          .management-container.create-event .discord .discord-banner .image-preview.is-dragging, .management-container.create-event-template .discord .discord-banner .image-preview.is-dragging {
            cursor: grabbing; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1500, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1500 {
            --translate-x: -1500px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1499, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1499 {
            --translate-x: -1499px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1498, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1498 {
            --translate-x: -1498px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1497, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1497 {
            --translate-x: -1497px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1496, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1496 {
            --translate-x: -1496px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1495, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1495 {
            --translate-x: -1495px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1494, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1494 {
            --translate-x: -1494px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1493, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1493 {
            --translate-x: -1493px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1492, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1492 {
            --translate-x: -1492px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1491, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1491 {
            --translate-x: -1491px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1490, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1490 {
            --translate-x: -1490px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1489, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1489 {
            --translate-x: -1489px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1488, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1488 {
            --translate-x: -1488px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1487, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1487 {
            --translate-x: -1487px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1486, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1486 {
            --translate-x: -1486px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1485, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1485 {
            --translate-x: -1485px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1484, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1484 {
            --translate-x: -1484px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1483, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1483 {
            --translate-x: -1483px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1482, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1482 {
            --translate-x: -1482px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1481, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1481 {
            --translate-x: -1481px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1480, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1480 {
            --translate-x: -1480px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1479, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1479 {
            --translate-x: -1479px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1478, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1478 {
            --translate-x: -1478px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1477, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1477 {
            --translate-x: -1477px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1476, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1476 {
            --translate-x: -1476px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1475, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1475 {
            --translate-x: -1475px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1474, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1474 {
            --translate-x: -1474px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1473, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1473 {
            --translate-x: -1473px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1472, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1472 {
            --translate-x: -1472px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1471, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1471 {
            --translate-x: -1471px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1470, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1470 {
            --translate-x: -1470px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1469, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1469 {
            --translate-x: -1469px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1468, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1468 {
            --translate-x: -1468px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1467, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1467 {
            --translate-x: -1467px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1466, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1466 {
            --translate-x: -1466px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1465, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1465 {
            --translate-x: -1465px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1464, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1464 {
            --translate-x: -1464px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1463, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1463 {
            --translate-x: -1463px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1462, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1462 {
            --translate-x: -1462px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1461, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1461 {
            --translate-x: -1461px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1460, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1460 {
            --translate-x: -1460px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1459, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1459 {
            --translate-x: -1459px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1458, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1458 {
            --translate-x: -1458px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1457, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1457 {
            --translate-x: -1457px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1456, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1456 {
            --translate-x: -1456px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1455, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1455 {
            --translate-x: -1455px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1454, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1454 {
            --translate-x: -1454px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1453, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1453 {
            --translate-x: -1453px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1452, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1452 {
            --translate-x: -1452px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1451, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1451 {
            --translate-x: -1451px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1450, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1450 {
            --translate-x: -1450px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1449, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1449 {
            --translate-x: -1449px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1448, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1448 {
            --translate-x: -1448px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1447, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1447 {
            --translate-x: -1447px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1446, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1446 {
            --translate-x: -1446px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1445, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1445 {
            --translate-x: -1445px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1444, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1444 {
            --translate-x: -1444px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1443, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1443 {
            --translate-x: -1443px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1442, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1442 {
            --translate-x: -1442px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1441, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1441 {
            --translate-x: -1441px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1440, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1440 {
            --translate-x: -1440px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1439, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1439 {
            --translate-x: -1439px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1438, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1438 {
            --translate-x: -1438px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1437, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1437 {
            --translate-x: -1437px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1436, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1436 {
            --translate-x: -1436px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1435, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1435 {
            --translate-x: -1435px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1434, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1434 {
            --translate-x: -1434px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1433, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1433 {
            --translate-x: -1433px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1432, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1432 {
            --translate-x: -1432px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1431, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1431 {
            --translate-x: -1431px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1430, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1430 {
            --translate-x: -1430px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1429, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1429 {
            --translate-x: -1429px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1428, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1428 {
            --translate-x: -1428px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1427, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1427 {
            --translate-x: -1427px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1426, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1426 {
            --translate-x: -1426px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1425, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1425 {
            --translate-x: -1425px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1424, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1424 {
            --translate-x: -1424px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1423, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1423 {
            --translate-x: -1423px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1422, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1422 {
            --translate-x: -1422px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1421, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1421 {
            --translate-x: -1421px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1420, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1420 {
            --translate-x: -1420px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1419, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1419 {
            --translate-x: -1419px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1418, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1418 {
            --translate-x: -1418px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1417, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1417 {
            --translate-x: -1417px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1416, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1416 {
            --translate-x: -1416px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1415, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1415 {
            --translate-x: -1415px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1414, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1414 {
            --translate-x: -1414px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1413, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1413 {
            --translate-x: -1413px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1412, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1412 {
            --translate-x: -1412px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1411, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1411 {
            --translate-x: -1411px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1410, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1410 {
            --translate-x: -1410px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1409, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1409 {
            --translate-x: -1409px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1408, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1408 {
            --translate-x: -1408px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1407, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1407 {
            --translate-x: -1407px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1406, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1406 {
            --translate-x: -1406px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1405, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1405 {
            --translate-x: -1405px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1404, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1404 {
            --translate-x: -1404px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1403, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1403 {
            --translate-x: -1403px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1402, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1402 {
            --translate-x: -1402px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1401, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1401 {
            --translate-x: -1401px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1400, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1400 {
            --translate-x: -1400px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1399, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1399 {
            --translate-x: -1399px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1398, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1398 {
            --translate-x: -1398px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1397, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1397 {
            --translate-x: -1397px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1396, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1396 {
            --translate-x: -1396px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1395, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1395 {
            --translate-x: -1395px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1394, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1394 {
            --translate-x: -1394px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1393, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1393 {
            --translate-x: -1393px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1392, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1392 {
            --translate-x: -1392px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1391, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1391 {
            --translate-x: -1391px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1390, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1390 {
            --translate-x: -1390px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1389, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1389 {
            --translate-x: -1389px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1388, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1388 {
            --translate-x: -1388px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1387, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1387 {
            --translate-x: -1387px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1386, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1386 {
            --translate-x: -1386px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1385, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1385 {
            --translate-x: -1385px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1384, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1384 {
            --translate-x: -1384px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1383, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1383 {
            --translate-x: -1383px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1382, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1382 {
            --translate-x: -1382px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1381, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1381 {
            --translate-x: -1381px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1380, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1380 {
            --translate-x: -1380px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1379, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1379 {
            --translate-x: -1379px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1378, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1378 {
            --translate-x: -1378px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1377, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1377 {
            --translate-x: -1377px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1376, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1376 {
            --translate-x: -1376px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1375, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1375 {
            --translate-x: -1375px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1374, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1374 {
            --translate-x: -1374px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1373, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1373 {
            --translate-x: -1373px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1372, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1372 {
            --translate-x: -1372px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1371, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1371 {
            --translate-x: -1371px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1370, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1370 {
            --translate-x: -1370px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1369, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1369 {
            --translate-x: -1369px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1368, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1368 {
            --translate-x: -1368px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1367, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1367 {
            --translate-x: -1367px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1366, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1366 {
            --translate-x: -1366px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1365, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1365 {
            --translate-x: -1365px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1364, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1364 {
            --translate-x: -1364px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1363, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1363 {
            --translate-x: -1363px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1362, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1362 {
            --translate-x: -1362px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1361, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1361 {
            --translate-x: -1361px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1360, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1360 {
            --translate-x: -1360px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1359, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1359 {
            --translate-x: -1359px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1358, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1358 {
            --translate-x: -1358px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1357, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1357 {
            --translate-x: -1357px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1356, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1356 {
            --translate-x: -1356px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1355, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1355 {
            --translate-x: -1355px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1354, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1354 {
            --translate-x: -1354px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1353, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1353 {
            --translate-x: -1353px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1352, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1352 {
            --translate-x: -1352px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1351, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1351 {
            --translate-x: -1351px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1350, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1350 {
            --translate-x: -1350px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1349, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1349 {
            --translate-x: -1349px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1348, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1348 {
            --translate-x: -1348px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1347, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1347 {
            --translate-x: -1347px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1346, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1346 {
            --translate-x: -1346px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1345, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1345 {
            --translate-x: -1345px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1344, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1344 {
            --translate-x: -1344px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1343, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1343 {
            --translate-x: -1343px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1342, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1342 {
            --translate-x: -1342px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1341, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1341 {
            --translate-x: -1341px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1340, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1340 {
            --translate-x: -1340px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1339, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1339 {
            --translate-x: -1339px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1338, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1338 {
            --translate-x: -1338px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1337, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1337 {
            --translate-x: -1337px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1336, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1336 {
            --translate-x: -1336px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1335, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1335 {
            --translate-x: -1335px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1334, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1334 {
            --translate-x: -1334px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1333, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1333 {
            --translate-x: -1333px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1332, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1332 {
            --translate-x: -1332px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1331, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1331 {
            --translate-x: -1331px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1330, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1330 {
            --translate-x: -1330px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1329, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1329 {
            --translate-x: -1329px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1328, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1328 {
            --translate-x: -1328px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1327, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1327 {
            --translate-x: -1327px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1326, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1326 {
            --translate-x: -1326px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1325, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1325 {
            --translate-x: -1325px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1324, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1324 {
            --translate-x: -1324px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1323, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1323 {
            --translate-x: -1323px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1322, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1322 {
            --translate-x: -1322px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1321, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1321 {
            --translate-x: -1321px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1320, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1320 {
            --translate-x: -1320px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1319, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1319 {
            --translate-x: -1319px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1318, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1318 {
            --translate-x: -1318px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1317, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1317 {
            --translate-x: -1317px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1316, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1316 {
            --translate-x: -1316px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1315, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1315 {
            --translate-x: -1315px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1314, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1314 {
            --translate-x: -1314px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1313, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1313 {
            --translate-x: -1313px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1312, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1312 {
            --translate-x: -1312px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1311, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1311 {
            --translate-x: -1311px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1310, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1310 {
            --translate-x: -1310px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1309, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1309 {
            --translate-x: -1309px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1308, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1308 {
            --translate-x: -1308px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1307, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1307 {
            --translate-x: -1307px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1306, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1306 {
            --translate-x: -1306px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1305, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1305 {
            --translate-x: -1305px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1304, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1304 {
            --translate-x: -1304px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1303, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1303 {
            --translate-x: -1303px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1302, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1302 {
            --translate-x: -1302px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1301, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1301 {
            --translate-x: -1301px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1300, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1300 {
            --translate-x: -1300px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1299, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1299 {
            --translate-x: -1299px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1298, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1298 {
            --translate-x: -1298px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1297, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1297 {
            --translate-x: -1297px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1296, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1296 {
            --translate-x: -1296px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1295, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1295 {
            --translate-x: -1295px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1294, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1294 {
            --translate-x: -1294px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1293, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1293 {
            --translate-x: -1293px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1292, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1292 {
            --translate-x: -1292px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1291, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1291 {
            --translate-x: -1291px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1290, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1290 {
            --translate-x: -1290px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1289, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1289 {
            --translate-x: -1289px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1288, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1288 {
            --translate-x: -1288px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1287, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1287 {
            --translate-x: -1287px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1286, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1286 {
            --translate-x: -1286px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1285, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1285 {
            --translate-x: -1285px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1284, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1284 {
            --translate-x: -1284px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1283, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1283 {
            --translate-x: -1283px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1282, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1282 {
            --translate-x: -1282px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1281, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1281 {
            --translate-x: -1281px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1280, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1280 {
            --translate-x: -1280px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1279, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1279 {
            --translate-x: -1279px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1278, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1278 {
            --translate-x: -1278px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1277, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1277 {
            --translate-x: -1277px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1276, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1276 {
            --translate-x: -1276px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1275, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1275 {
            --translate-x: -1275px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1274, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1274 {
            --translate-x: -1274px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1273, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1273 {
            --translate-x: -1273px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1272, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1272 {
            --translate-x: -1272px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1271, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1271 {
            --translate-x: -1271px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1270, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1270 {
            --translate-x: -1270px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1269, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1269 {
            --translate-x: -1269px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1268, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1268 {
            --translate-x: -1268px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1267, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1267 {
            --translate-x: -1267px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1266, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1266 {
            --translate-x: -1266px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1265, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1265 {
            --translate-x: -1265px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1264, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1264 {
            --translate-x: -1264px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1263, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1263 {
            --translate-x: -1263px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1262, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1262 {
            --translate-x: -1262px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1261, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1261 {
            --translate-x: -1261px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1260, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1260 {
            --translate-x: -1260px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1259, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1259 {
            --translate-x: -1259px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1258, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1258 {
            --translate-x: -1258px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1257, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1257 {
            --translate-x: -1257px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1256, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1256 {
            --translate-x: -1256px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1255, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1255 {
            --translate-x: -1255px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1254, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1254 {
            --translate-x: -1254px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1253, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1253 {
            --translate-x: -1253px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1252, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1252 {
            --translate-x: -1252px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1251, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1251 {
            --translate-x: -1251px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1250, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1250 {
            --translate-x: -1250px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1249, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1249 {
            --translate-x: -1249px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1248, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1248 {
            --translate-x: -1248px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1247, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1247 {
            --translate-x: -1247px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1246, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1246 {
            --translate-x: -1246px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1245, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1245 {
            --translate-x: -1245px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1244, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1244 {
            --translate-x: -1244px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1243, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1243 {
            --translate-x: -1243px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1242, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1242 {
            --translate-x: -1242px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1241, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1241 {
            --translate-x: -1241px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1240, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1240 {
            --translate-x: -1240px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1239, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1239 {
            --translate-x: -1239px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1238, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1238 {
            --translate-x: -1238px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1237, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1237 {
            --translate-x: -1237px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1236, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1236 {
            --translate-x: -1236px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1235, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1235 {
            --translate-x: -1235px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1234, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1234 {
            --translate-x: -1234px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1233, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1233 {
            --translate-x: -1233px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1232, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1232 {
            --translate-x: -1232px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1231, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1231 {
            --translate-x: -1231px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1230, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1230 {
            --translate-x: -1230px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1229, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1229 {
            --translate-x: -1229px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1228, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1228 {
            --translate-x: -1228px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1227, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1227 {
            --translate-x: -1227px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1226, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1226 {
            --translate-x: -1226px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1225, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1225 {
            --translate-x: -1225px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1224, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1224 {
            --translate-x: -1224px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1223, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1223 {
            --translate-x: -1223px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1222, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1222 {
            --translate-x: -1222px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1221, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1221 {
            --translate-x: -1221px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1220, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1220 {
            --translate-x: -1220px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1219, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1219 {
            --translate-x: -1219px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1218, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1218 {
            --translate-x: -1218px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1217, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1217 {
            --translate-x: -1217px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1216, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1216 {
            --translate-x: -1216px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1215, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1215 {
            --translate-x: -1215px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1214, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1214 {
            --translate-x: -1214px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1213, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1213 {
            --translate-x: -1213px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1212, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1212 {
            --translate-x: -1212px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1211, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1211 {
            --translate-x: -1211px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1210, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1210 {
            --translate-x: -1210px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1209, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1209 {
            --translate-x: -1209px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1208, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1208 {
            --translate-x: -1208px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1207, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1207 {
            --translate-x: -1207px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1206, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1206 {
            --translate-x: -1206px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1205, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1205 {
            --translate-x: -1205px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1204, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1204 {
            --translate-x: -1204px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1203, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1203 {
            --translate-x: -1203px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1202, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1202 {
            --translate-x: -1202px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1201, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1201 {
            --translate-x: -1201px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1200, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1200 {
            --translate-x: -1200px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1199, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1199 {
            --translate-x: -1199px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1198, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1198 {
            --translate-x: -1198px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1197, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1197 {
            --translate-x: -1197px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1196, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1196 {
            --translate-x: -1196px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1195, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1195 {
            --translate-x: -1195px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1194, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1194 {
            --translate-x: -1194px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1193, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1193 {
            --translate-x: -1193px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1192, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1192 {
            --translate-x: -1192px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1191, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1191 {
            --translate-x: -1191px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1190, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1190 {
            --translate-x: -1190px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1189, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1189 {
            --translate-x: -1189px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1188, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1188 {
            --translate-x: -1188px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1187, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1187 {
            --translate-x: -1187px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1186, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1186 {
            --translate-x: -1186px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1185, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1185 {
            --translate-x: -1185px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1184, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1184 {
            --translate-x: -1184px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1183, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1183 {
            --translate-x: -1183px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1182, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1182 {
            --translate-x: -1182px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1181, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1181 {
            --translate-x: -1181px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1180, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1180 {
            --translate-x: -1180px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1179, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1179 {
            --translate-x: -1179px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1178, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1178 {
            --translate-x: -1178px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1177, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1177 {
            --translate-x: -1177px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1176, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1176 {
            --translate-x: -1176px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1175, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1175 {
            --translate-x: -1175px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1174, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1174 {
            --translate-x: -1174px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1173, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1173 {
            --translate-x: -1173px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1172, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1172 {
            --translate-x: -1172px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1171, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1171 {
            --translate-x: -1171px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1170, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1170 {
            --translate-x: -1170px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1169, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1169 {
            --translate-x: -1169px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1168, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1168 {
            --translate-x: -1168px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1167, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1167 {
            --translate-x: -1167px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1166, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1166 {
            --translate-x: -1166px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1165, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1165 {
            --translate-x: -1165px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1164, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1164 {
            --translate-x: -1164px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1163, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1163 {
            --translate-x: -1163px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1162, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1162 {
            --translate-x: -1162px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1161, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1161 {
            --translate-x: -1161px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1160, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1160 {
            --translate-x: -1160px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1159, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1159 {
            --translate-x: -1159px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1158, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1158 {
            --translate-x: -1158px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1157, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1157 {
            --translate-x: -1157px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1156, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1156 {
            --translate-x: -1156px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1155, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1155 {
            --translate-x: -1155px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1154, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1154 {
            --translate-x: -1154px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1153, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1153 {
            --translate-x: -1153px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1152, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1152 {
            --translate-x: -1152px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1151, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1151 {
            --translate-x: -1151px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1150, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1150 {
            --translate-x: -1150px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1149, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1149 {
            --translate-x: -1149px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1148, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1148 {
            --translate-x: -1148px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1147, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1147 {
            --translate-x: -1147px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1146, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1146 {
            --translate-x: -1146px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1145, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1145 {
            --translate-x: -1145px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1144, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1144 {
            --translate-x: -1144px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1143, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1143 {
            --translate-x: -1143px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1142, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1142 {
            --translate-x: -1142px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1141, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1141 {
            --translate-x: -1141px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1140, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1140 {
            --translate-x: -1140px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1139, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1139 {
            --translate-x: -1139px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1138, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1138 {
            --translate-x: -1138px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1137, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1137 {
            --translate-x: -1137px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1136, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1136 {
            --translate-x: -1136px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1135, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1135 {
            --translate-x: -1135px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1134, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1134 {
            --translate-x: -1134px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1133, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1133 {
            --translate-x: -1133px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1132, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1132 {
            --translate-x: -1132px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1131, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1131 {
            --translate-x: -1131px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1130, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1130 {
            --translate-x: -1130px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1129, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1129 {
            --translate-x: -1129px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1128, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1128 {
            --translate-x: -1128px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1127, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1127 {
            --translate-x: -1127px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1126, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1126 {
            --translate-x: -1126px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1125, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1125 {
            --translate-x: -1125px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1124, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1124 {
            --translate-x: -1124px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1123, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1123 {
            --translate-x: -1123px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1122, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1122 {
            --translate-x: -1122px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1121, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1121 {
            --translate-x: -1121px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1120, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1120 {
            --translate-x: -1120px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1119, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1119 {
            --translate-x: -1119px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1118, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1118 {
            --translate-x: -1118px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1117, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1117 {
            --translate-x: -1117px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1116, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1116 {
            --translate-x: -1116px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1115, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1115 {
            --translate-x: -1115px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1114, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1114 {
            --translate-x: -1114px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1113, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1113 {
            --translate-x: -1113px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1112, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1112 {
            --translate-x: -1112px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1111, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1111 {
            --translate-x: -1111px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1110, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1110 {
            --translate-x: -1110px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1109, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1109 {
            --translate-x: -1109px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1108, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1108 {
            --translate-x: -1108px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1107, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1107 {
            --translate-x: -1107px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1106, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1106 {
            --translate-x: -1106px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1105, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1105 {
            --translate-x: -1105px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1104, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1104 {
            --translate-x: -1104px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1103, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1103 {
            --translate-x: -1103px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1102, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1102 {
            --translate-x: -1102px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1101, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1101 {
            --translate-x: -1101px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1100, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1100 {
            --translate-x: -1100px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1099, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1099 {
            --translate-x: -1099px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1098, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1098 {
            --translate-x: -1098px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1097, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1097 {
            --translate-x: -1097px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1096, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1096 {
            --translate-x: -1096px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1095, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1095 {
            --translate-x: -1095px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1094, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1094 {
            --translate-x: -1094px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1093, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1093 {
            --translate-x: -1093px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1092, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1092 {
            --translate-x: -1092px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1091, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1091 {
            --translate-x: -1091px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1090, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1090 {
            --translate-x: -1090px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1089, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1089 {
            --translate-x: -1089px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1088, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1088 {
            --translate-x: -1088px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1087, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1087 {
            --translate-x: -1087px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1086, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1086 {
            --translate-x: -1086px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1085, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1085 {
            --translate-x: -1085px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1084, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1084 {
            --translate-x: -1084px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1083, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1083 {
            --translate-x: -1083px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1082, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1082 {
            --translate-x: -1082px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1081, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1081 {
            --translate-x: -1081px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1080, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1080 {
            --translate-x: -1080px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1079, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1079 {
            --translate-x: -1079px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1078, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1078 {
            --translate-x: -1078px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1077, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1077 {
            --translate-x: -1077px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1076, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1076 {
            --translate-x: -1076px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1075, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1075 {
            --translate-x: -1075px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1074, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1074 {
            --translate-x: -1074px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1073, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1073 {
            --translate-x: -1073px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1072, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1072 {
            --translate-x: -1072px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1071, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1071 {
            --translate-x: -1071px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1070, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1070 {
            --translate-x: -1070px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1069, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1069 {
            --translate-x: -1069px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1068, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1068 {
            --translate-x: -1068px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1067, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1067 {
            --translate-x: -1067px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1066, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1066 {
            --translate-x: -1066px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1065, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1065 {
            --translate-x: -1065px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1064, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1064 {
            --translate-x: -1064px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1063, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1063 {
            --translate-x: -1063px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1062, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1062 {
            --translate-x: -1062px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1061, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1061 {
            --translate-x: -1061px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1060, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1060 {
            --translate-x: -1060px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1059, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1059 {
            --translate-x: -1059px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1058, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1058 {
            --translate-x: -1058px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1057, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1057 {
            --translate-x: -1057px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1056, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1056 {
            --translate-x: -1056px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1055, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1055 {
            --translate-x: -1055px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1054, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1054 {
            --translate-x: -1054px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1053, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1053 {
            --translate-x: -1053px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1052, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1052 {
            --translate-x: -1052px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1051, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1051 {
            --translate-x: -1051px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1050, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1050 {
            --translate-x: -1050px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1049, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1049 {
            --translate-x: -1049px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1048, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1048 {
            --translate-x: -1048px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1047, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1047 {
            --translate-x: -1047px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1046, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1046 {
            --translate-x: -1046px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1045, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1045 {
            --translate-x: -1045px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1044, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1044 {
            --translate-x: -1044px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1043, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1043 {
            --translate-x: -1043px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1042, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1042 {
            --translate-x: -1042px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1041, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1041 {
            --translate-x: -1041px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1040, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1040 {
            --translate-x: -1040px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1039, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1039 {
            --translate-x: -1039px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1038, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1038 {
            --translate-x: -1038px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1037, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1037 {
            --translate-x: -1037px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1036, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1036 {
            --translate-x: -1036px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1035, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1035 {
            --translate-x: -1035px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1034, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1034 {
            --translate-x: -1034px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1033, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1033 {
            --translate-x: -1033px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1032, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1032 {
            --translate-x: -1032px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1031, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1031 {
            --translate-x: -1031px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1030, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1030 {
            --translate-x: -1030px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1029, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1029 {
            --translate-x: -1029px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1028, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1028 {
            --translate-x: -1028px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1027, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1027 {
            --translate-x: -1027px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1026, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1026 {
            --translate-x: -1026px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1025, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1025 {
            --translate-x: -1025px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1024, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1024 {
            --translate-x: -1024px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1023, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1023 {
            --translate-x: -1023px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1022, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1022 {
            --translate-x: -1022px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1021, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1021 {
            --translate-x: -1021px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1020, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1020 {
            --translate-x: -1020px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1019, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1019 {
            --translate-x: -1019px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1018, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1018 {
            --translate-x: -1018px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1017, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1017 {
            --translate-x: -1017px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1016, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1016 {
            --translate-x: -1016px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1015, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1015 {
            --translate-x: -1015px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1014, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1014 {
            --translate-x: -1014px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1013, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1013 {
            --translate-x: -1013px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1012, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1012 {
            --translate-x: -1012px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1011, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1011 {
            --translate-x: -1011px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1010, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1010 {
            --translate-x: -1010px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1009, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1009 {
            --translate-x: -1009px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1008, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1008 {
            --translate-x: -1008px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1007, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1007 {
            --translate-x: -1007px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1006, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1006 {
            --translate-x: -1006px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1005, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1005 {
            --translate-x: -1005px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1004, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1004 {
            --translate-x: -1004px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1003, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1003 {
            --translate-x: -1003px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1002, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1002 {
            --translate-x: -1002px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1001, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1001 {
            --translate-x: -1001px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1000, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1000 {
            --translate-x: -1000px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--999, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--999 {
            --translate-x: -999px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--998, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--998 {
            --translate-x: -998px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--997, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--997 {
            --translate-x: -997px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--996, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--996 {
            --translate-x: -996px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--995, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--995 {
            --translate-x: -995px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--994, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--994 {
            --translate-x: -994px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--993, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--993 {
            --translate-x: -993px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--992, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--992 {
            --translate-x: -992px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--991, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--991 {
            --translate-x: -991px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--990, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--990 {
            --translate-x: -990px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--989, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--989 {
            --translate-x: -989px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--988, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--988 {
            --translate-x: -988px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--987, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--987 {
            --translate-x: -987px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--986, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--986 {
            --translate-x: -986px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--985, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--985 {
            --translate-x: -985px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--984, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--984 {
            --translate-x: -984px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--983, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--983 {
            --translate-x: -983px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--982, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--982 {
            --translate-x: -982px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--981, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--981 {
            --translate-x: -981px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--980, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--980 {
            --translate-x: -980px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--979, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--979 {
            --translate-x: -979px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--978, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--978 {
            --translate-x: -978px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--977, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--977 {
            --translate-x: -977px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--976, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--976 {
            --translate-x: -976px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--975, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--975 {
            --translate-x: -975px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--974, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--974 {
            --translate-x: -974px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--973, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--973 {
            --translate-x: -973px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--972, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--972 {
            --translate-x: -972px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--971, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--971 {
            --translate-x: -971px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--970, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--970 {
            --translate-x: -970px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--969, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--969 {
            --translate-x: -969px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--968, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--968 {
            --translate-x: -968px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--967, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--967 {
            --translate-x: -967px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--966, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--966 {
            --translate-x: -966px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--965, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--965 {
            --translate-x: -965px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--964, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--964 {
            --translate-x: -964px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--963, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--963 {
            --translate-x: -963px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--962, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--962 {
            --translate-x: -962px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--961, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--961 {
            --translate-x: -961px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--960, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--960 {
            --translate-x: -960px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--959, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--959 {
            --translate-x: -959px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--958, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--958 {
            --translate-x: -958px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--957, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--957 {
            --translate-x: -957px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--956, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--956 {
            --translate-x: -956px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--955, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--955 {
            --translate-x: -955px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--954, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--954 {
            --translate-x: -954px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--953, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--953 {
            --translate-x: -953px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--952, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--952 {
            --translate-x: -952px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--951, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--951 {
            --translate-x: -951px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--950, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--950 {
            --translate-x: -950px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--949, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--949 {
            --translate-x: -949px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--948, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--948 {
            --translate-x: -948px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--947, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--947 {
            --translate-x: -947px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--946, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--946 {
            --translate-x: -946px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--945, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--945 {
            --translate-x: -945px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--944, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--944 {
            --translate-x: -944px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--943, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--943 {
            --translate-x: -943px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--942, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--942 {
            --translate-x: -942px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--941, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--941 {
            --translate-x: -941px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--940, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--940 {
            --translate-x: -940px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--939, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--939 {
            --translate-x: -939px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--938, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--938 {
            --translate-x: -938px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--937, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--937 {
            --translate-x: -937px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--936, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--936 {
            --translate-x: -936px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--935, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--935 {
            --translate-x: -935px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--934, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--934 {
            --translate-x: -934px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--933, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--933 {
            --translate-x: -933px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--932, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--932 {
            --translate-x: -932px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--931, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--931 {
            --translate-x: -931px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--930, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--930 {
            --translate-x: -930px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--929, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--929 {
            --translate-x: -929px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--928, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--928 {
            --translate-x: -928px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--927, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--927 {
            --translate-x: -927px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--926, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--926 {
            --translate-x: -926px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--925, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--925 {
            --translate-x: -925px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--924, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--924 {
            --translate-x: -924px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--923, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--923 {
            --translate-x: -923px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--922, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--922 {
            --translate-x: -922px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--921, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--921 {
            --translate-x: -921px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--920, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--920 {
            --translate-x: -920px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--919, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--919 {
            --translate-x: -919px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--918, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--918 {
            --translate-x: -918px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--917, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--917 {
            --translate-x: -917px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--916, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--916 {
            --translate-x: -916px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--915, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--915 {
            --translate-x: -915px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--914, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--914 {
            --translate-x: -914px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--913, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--913 {
            --translate-x: -913px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--912, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--912 {
            --translate-x: -912px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--911, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--911 {
            --translate-x: -911px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--910, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--910 {
            --translate-x: -910px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--909, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--909 {
            --translate-x: -909px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--908, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--908 {
            --translate-x: -908px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--907, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--907 {
            --translate-x: -907px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--906, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--906 {
            --translate-x: -906px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--905, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--905 {
            --translate-x: -905px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--904, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--904 {
            --translate-x: -904px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--903, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--903 {
            --translate-x: -903px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--902, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--902 {
            --translate-x: -902px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--901, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--901 {
            --translate-x: -901px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--900, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--900 {
            --translate-x: -900px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--899, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--899 {
            --translate-x: -899px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--898, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--898 {
            --translate-x: -898px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--897, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--897 {
            --translate-x: -897px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--896, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--896 {
            --translate-x: -896px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--895, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--895 {
            --translate-x: -895px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--894, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--894 {
            --translate-x: -894px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--893, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--893 {
            --translate-x: -893px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--892, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--892 {
            --translate-x: -892px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--891, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--891 {
            --translate-x: -891px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--890, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--890 {
            --translate-x: -890px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--889, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--889 {
            --translate-x: -889px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--888, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--888 {
            --translate-x: -888px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--887, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--887 {
            --translate-x: -887px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--886, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--886 {
            --translate-x: -886px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--885, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--885 {
            --translate-x: -885px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--884, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--884 {
            --translate-x: -884px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--883, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--883 {
            --translate-x: -883px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--882, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--882 {
            --translate-x: -882px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--881, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--881 {
            --translate-x: -881px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--880, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--880 {
            --translate-x: -880px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--879, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--879 {
            --translate-x: -879px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--878, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--878 {
            --translate-x: -878px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--877, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--877 {
            --translate-x: -877px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--876, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--876 {
            --translate-x: -876px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--875, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--875 {
            --translate-x: -875px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--874, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--874 {
            --translate-x: -874px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--873, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--873 {
            --translate-x: -873px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--872, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--872 {
            --translate-x: -872px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--871, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--871 {
            --translate-x: -871px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--870, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--870 {
            --translate-x: -870px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--869, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--869 {
            --translate-x: -869px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--868, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--868 {
            --translate-x: -868px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--867, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--867 {
            --translate-x: -867px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--866, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--866 {
            --translate-x: -866px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--865, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--865 {
            --translate-x: -865px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--864, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--864 {
            --translate-x: -864px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--863, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--863 {
            --translate-x: -863px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--862, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--862 {
            --translate-x: -862px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--861, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--861 {
            --translate-x: -861px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--860, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--860 {
            --translate-x: -860px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--859, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--859 {
            --translate-x: -859px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--858, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--858 {
            --translate-x: -858px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--857, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--857 {
            --translate-x: -857px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--856, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--856 {
            --translate-x: -856px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--855, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--855 {
            --translate-x: -855px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--854, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--854 {
            --translate-x: -854px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--853, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--853 {
            --translate-x: -853px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--852, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--852 {
            --translate-x: -852px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--851, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--851 {
            --translate-x: -851px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--850, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--850 {
            --translate-x: -850px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--849, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--849 {
            --translate-x: -849px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--848, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--848 {
            --translate-x: -848px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--847, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--847 {
            --translate-x: -847px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--846, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--846 {
            --translate-x: -846px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--845, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--845 {
            --translate-x: -845px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--844, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--844 {
            --translate-x: -844px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--843, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--843 {
            --translate-x: -843px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--842, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--842 {
            --translate-x: -842px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--841, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--841 {
            --translate-x: -841px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--840, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--840 {
            --translate-x: -840px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--839, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--839 {
            --translate-x: -839px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--838, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--838 {
            --translate-x: -838px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--837, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--837 {
            --translate-x: -837px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--836, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--836 {
            --translate-x: -836px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--835, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--835 {
            --translate-x: -835px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--834, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--834 {
            --translate-x: -834px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--833, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--833 {
            --translate-x: -833px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--832, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--832 {
            --translate-x: -832px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--831, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--831 {
            --translate-x: -831px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--830, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--830 {
            --translate-x: -830px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--829, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--829 {
            --translate-x: -829px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--828, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--828 {
            --translate-x: -828px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--827, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--827 {
            --translate-x: -827px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--826, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--826 {
            --translate-x: -826px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--825, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--825 {
            --translate-x: -825px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--824, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--824 {
            --translate-x: -824px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--823, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--823 {
            --translate-x: -823px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--822, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--822 {
            --translate-x: -822px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--821, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--821 {
            --translate-x: -821px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--820, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--820 {
            --translate-x: -820px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--819, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--819 {
            --translate-x: -819px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--818, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--818 {
            --translate-x: -818px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--817, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--817 {
            --translate-x: -817px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--816, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--816 {
            --translate-x: -816px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--815, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--815 {
            --translate-x: -815px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--814, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--814 {
            --translate-x: -814px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--813, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--813 {
            --translate-x: -813px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--812, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--812 {
            --translate-x: -812px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--811, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--811 {
            --translate-x: -811px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--810, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--810 {
            --translate-x: -810px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--809, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--809 {
            --translate-x: -809px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--808, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--808 {
            --translate-x: -808px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--807, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--807 {
            --translate-x: -807px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--806, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--806 {
            --translate-x: -806px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--805, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--805 {
            --translate-x: -805px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--804, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--804 {
            --translate-x: -804px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--803, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--803 {
            --translate-x: -803px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--802, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--802 {
            --translate-x: -802px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--801, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--801 {
            --translate-x: -801px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--800, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--800 {
            --translate-x: -800px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--799, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--799 {
            --translate-x: -799px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--798, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--798 {
            --translate-x: -798px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--797, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--797 {
            --translate-x: -797px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--796, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--796 {
            --translate-x: -796px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--795, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--795 {
            --translate-x: -795px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--794, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--794 {
            --translate-x: -794px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--793, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--793 {
            --translate-x: -793px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--792, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--792 {
            --translate-x: -792px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--791, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--791 {
            --translate-x: -791px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--790, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--790 {
            --translate-x: -790px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--789, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--789 {
            --translate-x: -789px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--788, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--788 {
            --translate-x: -788px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--787, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--787 {
            --translate-x: -787px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--786, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--786 {
            --translate-x: -786px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--785, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--785 {
            --translate-x: -785px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--784, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--784 {
            --translate-x: -784px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--783, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--783 {
            --translate-x: -783px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--782, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--782 {
            --translate-x: -782px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--781, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--781 {
            --translate-x: -781px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--780, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--780 {
            --translate-x: -780px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--779, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--779 {
            --translate-x: -779px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--778, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--778 {
            --translate-x: -778px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--777, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--777 {
            --translate-x: -777px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--776, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--776 {
            --translate-x: -776px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--775, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--775 {
            --translate-x: -775px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--774, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--774 {
            --translate-x: -774px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--773, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--773 {
            --translate-x: -773px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--772, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--772 {
            --translate-x: -772px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--771, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--771 {
            --translate-x: -771px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--770, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--770 {
            --translate-x: -770px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--769, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--769 {
            --translate-x: -769px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--768, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--768 {
            --translate-x: -768px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--767, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--767 {
            --translate-x: -767px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--766, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--766 {
            --translate-x: -766px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--765, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--765 {
            --translate-x: -765px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--764, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--764 {
            --translate-x: -764px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--763, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--763 {
            --translate-x: -763px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--762, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--762 {
            --translate-x: -762px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--761, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--761 {
            --translate-x: -761px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--760, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--760 {
            --translate-x: -760px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--759, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--759 {
            --translate-x: -759px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--758, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--758 {
            --translate-x: -758px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--757, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--757 {
            --translate-x: -757px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--756, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--756 {
            --translate-x: -756px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--755, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--755 {
            --translate-x: -755px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--754, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--754 {
            --translate-x: -754px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--753, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--753 {
            --translate-x: -753px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--752, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--752 {
            --translate-x: -752px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--751, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--751 {
            --translate-x: -751px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--750, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--750 {
            --translate-x: -750px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--749, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--749 {
            --translate-x: -749px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--748, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--748 {
            --translate-x: -748px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--747, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--747 {
            --translate-x: -747px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--746, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--746 {
            --translate-x: -746px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--745, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--745 {
            --translate-x: -745px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--744, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--744 {
            --translate-x: -744px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--743, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--743 {
            --translate-x: -743px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--742, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--742 {
            --translate-x: -742px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--741, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--741 {
            --translate-x: -741px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--740, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--740 {
            --translate-x: -740px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--739, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--739 {
            --translate-x: -739px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--738, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--738 {
            --translate-x: -738px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--737, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--737 {
            --translate-x: -737px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--736, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--736 {
            --translate-x: -736px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--735, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--735 {
            --translate-x: -735px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--734, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--734 {
            --translate-x: -734px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--733, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--733 {
            --translate-x: -733px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--732, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--732 {
            --translate-x: -732px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--731, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--731 {
            --translate-x: -731px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--730, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--730 {
            --translate-x: -730px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--729, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--729 {
            --translate-x: -729px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--728, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--728 {
            --translate-x: -728px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--727, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--727 {
            --translate-x: -727px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--726, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--726 {
            --translate-x: -726px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--725, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--725 {
            --translate-x: -725px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--724, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--724 {
            --translate-x: -724px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--723, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--723 {
            --translate-x: -723px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--722, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--722 {
            --translate-x: -722px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--721, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--721 {
            --translate-x: -721px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--720, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--720 {
            --translate-x: -720px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--719, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--719 {
            --translate-x: -719px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--718, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--718 {
            --translate-x: -718px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--717, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--717 {
            --translate-x: -717px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--716, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--716 {
            --translate-x: -716px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--715, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--715 {
            --translate-x: -715px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--714, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--714 {
            --translate-x: -714px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--713, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--713 {
            --translate-x: -713px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--712, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--712 {
            --translate-x: -712px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--711, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--711 {
            --translate-x: -711px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--710, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--710 {
            --translate-x: -710px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--709, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--709 {
            --translate-x: -709px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--708, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--708 {
            --translate-x: -708px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--707, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--707 {
            --translate-x: -707px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--706, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--706 {
            --translate-x: -706px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--705, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--705 {
            --translate-x: -705px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--704, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--704 {
            --translate-x: -704px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--703, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--703 {
            --translate-x: -703px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--702, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--702 {
            --translate-x: -702px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--701, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--701 {
            --translate-x: -701px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--700, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--700 {
            --translate-x: -700px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--699, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--699 {
            --translate-x: -699px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--698, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--698 {
            --translate-x: -698px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--697, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--697 {
            --translate-x: -697px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--696, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--696 {
            --translate-x: -696px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--695, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--695 {
            --translate-x: -695px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--694, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--694 {
            --translate-x: -694px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--693, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--693 {
            --translate-x: -693px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--692, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--692 {
            --translate-x: -692px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--691, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--691 {
            --translate-x: -691px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--690, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--690 {
            --translate-x: -690px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--689, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--689 {
            --translate-x: -689px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--688, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--688 {
            --translate-x: -688px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--687, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--687 {
            --translate-x: -687px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--686, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--686 {
            --translate-x: -686px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--685, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--685 {
            --translate-x: -685px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--684, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--684 {
            --translate-x: -684px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--683, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--683 {
            --translate-x: -683px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--682, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--682 {
            --translate-x: -682px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--681, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--681 {
            --translate-x: -681px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--680, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--680 {
            --translate-x: -680px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--679, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--679 {
            --translate-x: -679px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--678, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--678 {
            --translate-x: -678px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--677, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--677 {
            --translate-x: -677px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--676, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--676 {
            --translate-x: -676px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--675, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--675 {
            --translate-x: -675px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--674, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--674 {
            --translate-x: -674px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--673, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--673 {
            --translate-x: -673px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--672, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--672 {
            --translate-x: -672px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--671, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--671 {
            --translate-x: -671px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--670, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--670 {
            --translate-x: -670px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--669, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--669 {
            --translate-x: -669px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--668, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--668 {
            --translate-x: -668px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--667, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--667 {
            --translate-x: -667px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--666, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--666 {
            --translate-x: -666px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--665, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--665 {
            --translate-x: -665px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--664, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--664 {
            --translate-x: -664px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--663, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--663 {
            --translate-x: -663px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--662, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--662 {
            --translate-x: -662px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--661, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--661 {
            --translate-x: -661px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--660, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--660 {
            --translate-x: -660px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--659, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--659 {
            --translate-x: -659px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--658, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--658 {
            --translate-x: -658px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--657, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--657 {
            --translate-x: -657px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--656, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--656 {
            --translate-x: -656px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--655, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--655 {
            --translate-x: -655px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--654, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--654 {
            --translate-x: -654px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--653, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--653 {
            --translate-x: -653px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--652, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--652 {
            --translate-x: -652px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--651, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--651 {
            --translate-x: -651px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--650, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--650 {
            --translate-x: -650px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--649, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--649 {
            --translate-x: -649px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--648, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--648 {
            --translate-x: -648px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--647, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--647 {
            --translate-x: -647px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--646, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--646 {
            --translate-x: -646px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--645, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--645 {
            --translate-x: -645px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--644, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--644 {
            --translate-x: -644px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--643, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--643 {
            --translate-x: -643px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--642, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--642 {
            --translate-x: -642px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--641, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--641 {
            --translate-x: -641px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--640, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--640 {
            --translate-x: -640px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--639, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--639 {
            --translate-x: -639px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--638, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--638 {
            --translate-x: -638px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--637, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--637 {
            --translate-x: -637px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--636, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--636 {
            --translate-x: -636px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--635, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--635 {
            --translate-x: -635px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--634, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--634 {
            --translate-x: -634px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--633, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--633 {
            --translate-x: -633px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--632, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--632 {
            --translate-x: -632px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--631, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--631 {
            --translate-x: -631px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--630, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--630 {
            --translate-x: -630px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--629, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--629 {
            --translate-x: -629px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--628, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--628 {
            --translate-x: -628px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--627, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--627 {
            --translate-x: -627px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--626, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--626 {
            --translate-x: -626px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--625, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--625 {
            --translate-x: -625px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--624, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--624 {
            --translate-x: -624px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--623, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--623 {
            --translate-x: -623px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--622, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--622 {
            --translate-x: -622px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--621, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--621 {
            --translate-x: -621px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--620, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--620 {
            --translate-x: -620px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--619, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--619 {
            --translate-x: -619px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--618, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--618 {
            --translate-x: -618px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--617, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--617 {
            --translate-x: -617px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--616, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--616 {
            --translate-x: -616px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--615, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--615 {
            --translate-x: -615px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--614, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--614 {
            --translate-x: -614px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--613, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--613 {
            --translate-x: -613px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--612, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--612 {
            --translate-x: -612px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--611, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--611 {
            --translate-x: -611px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--610, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--610 {
            --translate-x: -610px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--609, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--609 {
            --translate-x: -609px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--608, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--608 {
            --translate-x: -608px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--607, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--607 {
            --translate-x: -607px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--606, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--606 {
            --translate-x: -606px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--605, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--605 {
            --translate-x: -605px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--604, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--604 {
            --translate-x: -604px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--603, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--603 {
            --translate-x: -603px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--602, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--602 {
            --translate-x: -602px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--601, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--601 {
            --translate-x: -601px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--600, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--600 {
            --translate-x: -600px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--599, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--599 {
            --translate-x: -599px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--598, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--598 {
            --translate-x: -598px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--597, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--597 {
            --translate-x: -597px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--596, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--596 {
            --translate-x: -596px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--595, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--595 {
            --translate-x: -595px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--594, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--594 {
            --translate-x: -594px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--593, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--593 {
            --translate-x: -593px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--592, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--592 {
            --translate-x: -592px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--591, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--591 {
            --translate-x: -591px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--590, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--590 {
            --translate-x: -590px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--589, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--589 {
            --translate-x: -589px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--588, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--588 {
            --translate-x: -588px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--587, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--587 {
            --translate-x: -587px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--586, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--586 {
            --translate-x: -586px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--585, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--585 {
            --translate-x: -585px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--584, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--584 {
            --translate-x: -584px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--583, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--583 {
            --translate-x: -583px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--582, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--582 {
            --translate-x: -582px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--581, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--581 {
            --translate-x: -581px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--580, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--580 {
            --translate-x: -580px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--579, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--579 {
            --translate-x: -579px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--578, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--578 {
            --translate-x: -578px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--577, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--577 {
            --translate-x: -577px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--576, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--576 {
            --translate-x: -576px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--575, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--575 {
            --translate-x: -575px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--574, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--574 {
            --translate-x: -574px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--573, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--573 {
            --translate-x: -573px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--572, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--572 {
            --translate-x: -572px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--571, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--571 {
            --translate-x: -571px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--570, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--570 {
            --translate-x: -570px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--569, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--569 {
            --translate-x: -569px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--568, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--568 {
            --translate-x: -568px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--567, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--567 {
            --translate-x: -567px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--566, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--566 {
            --translate-x: -566px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--565, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--565 {
            --translate-x: -565px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--564, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--564 {
            --translate-x: -564px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--563, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--563 {
            --translate-x: -563px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--562, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--562 {
            --translate-x: -562px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--561, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--561 {
            --translate-x: -561px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--560, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--560 {
            --translate-x: -560px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--559, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--559 {
            --translate-x: -559px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--558, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--558 {
            --translate-x: -558px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--557, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--557 {
            --translate-x: -557px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--556, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--556 {
            --translate-x: -556px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--555, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--555 {
            --translate-x: -555px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--554, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--554 {
            --translate-x: -554px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--553, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--553 {
            --translate-x: -553px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--552, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--552 {
            --translate-x: -552px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--551, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--551 {
            --translate-x: -551px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--550, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--550 {
            --translate-x: -550px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--549, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--549 {
            --translate-x: -549px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--548, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--548 {
            --translate-x: -548px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--547, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--547 {
            --translate-x: -547px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--546, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--546 {
            --translate-x: -546px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--545, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--545 {
            --translate-x: -545px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--544, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--544 {
            --translate-x: -544px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--543, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--543 {
            --translate-x: -543px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--542, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--542 {
            --translate-x: -542px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--541, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--541 {
            --translate-x: -541px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--540, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--540 {
            --translate-x: -540px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--539, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--539 {
            --translate-x: -539px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--538, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--538 {
            --translate-x: -538px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--537, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--537 {
            --translate-x: -537px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--536, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--536 {
            --translate-x: -536px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--535, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--535 {
            --translate-x: -535px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--534, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--534 {
            --translate-x: -534px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--533, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--533 {
            --translate-x: -533px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--532, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--532 {
            --translate-x: -532px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--531, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--531 {
            --translate-x: -531px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--530, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--530 {
            --translate-x: -530px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--529, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--529 {
            --translate-x: -529px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--528, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--528 {
            --translate-x: -528px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--527, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--527 {
            --translate-x: -527px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--526, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--526 {
            --translate-x: -526px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--525, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--525 {
            --translate-x: -525px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--524, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--524 {
            --translate-x: -524px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--523, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--523 {
            --translate-x: -523px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--522, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--522 {
            --translate-x: -522px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--521, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--521 {
            --translate-x: -521px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--520, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--520 {
            --translate-x: -520px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--519, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--519 {
            --translate-x: -519px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--518, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--518 {
            --translate-x: -518px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--517, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--517 {
            --translate-x: -517px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--516, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--516 {
            --translate-x: -516px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--515, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--515 {
            --translate-x: -515px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--514, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--514 {
            --translate-x: -514px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--513, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--513 {
            --translate-x: -513px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--512, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--512 {
            --translate-x: -512px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--511, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--511 {
            --translate-x: -511px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--510, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--510 {
            --translate-x: -510px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--509, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--509 {
            --translate-x: -509px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--508, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--508 {
            --translate-x: -508px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--507, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--507 {
            --translate-x: -507px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--506, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--506 {
            --translate-x: -506px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--505, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--505 {
            --translate-x: -505px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--504, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--504 {
            --translate-x: -504px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--503, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--503 {
            --translate-x: -503px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--502, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--502 {
            --translate-x: -502px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--501, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--501 {
            --translate-x: -501px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--500, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--500 {
            --translate-x: -500px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--499, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--499 {
            --translate-x: -499px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--498, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--498 {
            --translate-x: -498px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--497, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--497 {
            --translate-x: -497px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--496, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--496 {
            --translate-x: -496px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--495, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--495 {
            --translate-x: -495px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--494, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--494 {
            --translate-x: -494px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--493, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--493 {
            --translate-x: -493px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--492, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--492 {
            --translate-x: -492px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--491, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--491 {
            --translate-x: -491px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--490, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--490 {
            --translate-x: -490px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--489, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--489 {
            --translate-x: -489px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--488, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--488 {
            --translate-x: -488px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--487, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--487 {
            --translate-x: -487px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--486, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--486 {
            --translate-x: -486px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--485, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--485 {
            --translate-x: -485px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--484, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--484 {
            --translate-x: -484px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--483, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--483 {
            --translate-x: -483px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--482, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--482 {
            --translate-x: -482px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--481, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--481 {
            --translate-x: -481px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--480, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--480 {
            --translate-x: -480px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--479, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--479 {
            --translate-x: -479px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--478, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--478 {
            --translate-x: -478px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--477, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--477 {
            --translate-x: -477px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--476, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--476 {
            --translate-x: -476px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--475, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--475 {
            --translate-x: -475px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--474, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--474 {
            --translate-x: -474px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--473, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--473 {
            --translate-x: -473px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--472, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--472 {
            --translate-x: -472px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--471, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--471 {
            --translate-x: -471px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--470, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--470 {
            --translate-x: -470px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--469, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--469 {
            --translate-x: -469px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--468, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--468 {
            --translate-x: -468px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--467, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--467 {
            --translate-x: -467px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--466, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--466 {
            --translate-x: -466px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--465, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--465 {
            --translate-x: -465px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--464, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--464 {
            --translate-x: -464px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--463, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--463 {
            --translate-x: -463px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--462, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--462 {
            --translate-x: -462px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--461, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--461 {
            --translate-x: -461px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--460, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--460 {
            --translate-x: -460px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--459, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--459 {
            --translate-x: -459px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--458, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--458 {
            --translate-x: -458px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--457, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--457 {
            --translate-x: -457px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--456, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--456 {
            --translate-x: -456px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--455, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--455 {
            --translate-x: -455px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--454, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--454 {
            --translate-x: -454px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--453, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--453 {
            --translate-x: -453px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--452, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--452 {
            --translate-x: -452px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--451, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--451 {
            --translate-x: -451px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--450, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--450 {
            --translate-x: -450px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--449, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--449 {
            --translate-x: -449px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--448, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--448 {
            --translate-x: -448px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--447, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--447 {
            --translate-x: -447px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--446, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--446 {
            --translate-x: -446px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--445, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--445 {
            --translate-x: -445px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--444, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--444 {
            --translate-x: -444px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--443, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--443 {
            --translate-x: -443px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--442, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--442 {
            --translate-x: -442px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--441, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--441 {
            --translate-x: -441px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--440, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--440 {
            --translate-x: -440px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--439, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--439 {
            --translate-x: -439px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--438, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--438 {
            --translate-x: -438px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--437, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--437 {
            --translate-x: -437px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--436, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--436 {
            --translate-x: -436px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--435, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--435 {
            --translate-x: -435px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--434, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--434 {
            --translate-x: -434px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--433, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--433 {
            --translate-x: -433px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--432, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--432 {
            --translate-x: -432px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--431, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--431 {
            --translate-x: -431px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--430, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--430 {
            --translate-x: -430px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--429, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--429 {
            --translate-x: -429px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--428, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--428 {
            --translate-x: -428px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--427, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--427 {
            --translate-x: -427px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--426, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--426 {
            --translate-x: -426px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--425, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--425 {
            --translate-x: -425px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--424, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--424 {
            --translate-x: -424px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--423, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--423 {
            --translate-x: -423px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--422, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--422 {
            --translate-x: -422px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--421, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--421 {
            --translate-x: -421px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--420, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--420 {
            --translate-x: -420px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--419, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--419 {
            --translate-x: -419px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--418, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--418 {
            --translate-x: -418px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--417, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--417 {
            --translate-x: -417px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--416, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--416 {
            --translate-x: -416px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--415, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--415 {
            --translate-x: -415px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--414, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--414 {
            --translate-x: -414px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--413, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--413 {
            --translate-x: -413px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--412, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--412 {
            --translate-x: -412px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--411, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--411 {
            --translate-x: -411px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--410, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--410 {
            --translate-x: -410px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--409, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--409 {
            --translate-x: -409px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--408, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--408 {
            --translate-x: -408px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--407, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--407 {
            --translate-x: -407px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--406, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--406 {
            --translate-x: -406px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--405, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--405 {
            --translate-x: -405px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--404, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--404 {
            --translate-x: -404px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--403, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--403 {
            --translate-x: -403px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--402, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--402 {
            --translate-x: -402px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--401, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--401 {
            --translate-x: -401px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--400, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--400 {
            --translate-x: -400px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--399, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--399 {
            --translate-x: -399px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--398, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--398 {
            --translate-x: -398px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--397, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--397 {
            --translate-x: -397px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--396, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--396 {
            --translate-x: -396px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--395, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--395 {
            --translate-x: -395px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--394, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--394 {
            --translate-x: -394px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--393, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--393 {
            --translate-x: -393px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--392, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--392 {
            --translate-x: -392px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--391, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--391 {
            --translate-x: -391px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--390, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--390 {
            --translate-x: -390px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--389, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--389 {
            --translate-x: -389px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--388, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--388 {
            --translate-x: -388px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--387, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--387 {
            --translate-x: -387px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--386, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--386 {
            --translate-x: -386px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--385, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--385 {
            --translate-x: -385px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--384, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--384 {
            --translate-x: -384px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--383, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--383 {
            --translate-x: -383px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--382, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--382 {
            --translate-x: -382px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--381, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--381 {
            --translate-x: -381px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--380, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--380 {
            --translate-x: -380px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--379, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--379 {
            --translate-x: -379px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--378, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--378 {
            --translate-x: -378px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--377, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--377 {
            --translate-x: -377px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--376, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--376 {
            --translate-x: -376px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--375, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--375 {
            --translate-x: -375px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--374, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--374 {
            --translate-x: -374px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--373, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--373 {
            --translate-x: -373px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--372, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--372 {
            --translate-x: -372px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--371, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--371 {
            --translate-x: -371px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--370, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--370 {
            --translate-x: -370px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--369, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--369 {
            --translate-x: -369px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--368, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--368 {
            --translate-x: -368px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--367, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--367 {
            --translate-x: -367px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--366, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--366 {
            --translate-x: -366px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--365, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--365 {
            --translate-x: -365px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--364, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--364 {
            --translate-x: -364px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--363, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--363 {
            --translate-x: -363px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--362, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--362 {
            --translate-x: -362px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--361, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--361 {
            --translate-x: -361px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--360, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--360 {
            --translate-x: -360px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--359, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--359 {
            --translate-x: -359px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--358, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--358 {
            --translate-x: -358px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--357, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--357 {
            --translate-x: -357px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--356, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--356 {
            --translate-x: -356px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--355, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--355 {
            --translate-x: -355px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--354, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--354 {
            --translate-x: -354px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--353, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--353 {
            --translate-x: -353px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--352, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--352 {
            --translate-x: -352px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--351, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--351 {
            --translate-x: -351px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--350, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--350 {
            --translate-x: -350px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--349, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--349 {
            --translate-x: -349px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--348, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--348 {
            --translate-x: -348px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--347, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--347 {
            --translate-x: -347px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--346, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--346 {
            --translate-x: -346px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--345, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--345 {
            --translate-x: -345px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--344, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--344 {
            --translate-x: -344px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--343, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--343 {
            --translate-x: -343px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--342, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--342 {
            --translate-x: -342px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--341, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--341 {
            --translate-x: -341px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--340, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--340 {
            --translate-x: -340px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--339, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--339 {
            --translate-x: -339px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--338, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--338 {
            --translate-x: -338px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--337, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--337 {
            --translate-x: -337px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--336, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--336 {
            --translate-x: -336px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--335, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--335 {
            --translate-x: -335px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--334, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--334 {
            --translate-x: -334px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--333, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--333 {
            --translate-x: -333px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--332, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--332 {
            --translate-x: -332px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--331, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--331 {
            --translate-x: -331px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--330, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--330 {
            --translate-x: -330px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--329, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--329 {
            --translate-x: -329px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--328, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--328 {
            --translate-x: -328px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--327, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--327 {
            --translate-x: -327px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--326, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--326 {
            --translate-x: -326px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--325, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--325 {
            --translate-x: -325px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--324, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--324 {
            --translate-x: -324px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--323, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--323 {
            --translate-x: -323px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--322, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--322 {
            --translate-x: -322px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--321, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--321 {
            --translate-x: -321px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--320, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--320 {
            --translate-x: -320px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--319, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--319 {
            --translate-x: -319px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--318, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--318 {
            --translate-x: -318px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--317, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--317 {
            --translate-x: -317px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--316, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--316 {
            --translate-x: -316px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--315, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--315 {
            --translate-x: -315px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--314, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--314 {
            --translate-x: -314px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--313, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--313 {
            --translate-x: -313px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--312, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--312 {
            --translate-x: -312px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--311, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--311 {
            --translate-x: -311px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--310, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--310 {
            --translate-x: -310px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--309, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--309 {
            --translate-x: -309px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--308, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--308 {
            --translate-x: -308px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--307, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--307 {
            --translate-x: -307px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--306, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--306 {
            --translate-x: -306px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--305, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--305 {
            --translate-x: -305px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--304, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--304 {
            --translate-x: -304px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--303, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--303 {
            --translate-x: -303px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--302, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--302 {
            --translate-x: -302px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--301, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--301 {
            --translate-x: -301px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--300, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--300 {
            --translate-x: -300px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--299, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--299 {
            --translate-x: -299px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--298, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--298 {
            --translate-x: -298px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--297, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--297 {
            --translate-x: -297px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--296, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--296 {
            --translate-x: -296px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--295, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--295 {
            --translate-x: -295px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--294, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--294 {
            --translate-x: -294px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--293, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--293 {
            --translate-x: -293px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--292, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--292 {
            --translate-x: -292px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--291, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--291 {
            --translate-x: -291px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--290, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--290 {
            --translate-x: -290px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--289, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--289 {
            --translate-x: -289px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--288, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--288 {
            --translate-x: -288px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--287, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--287 {
            --translate-x: -287px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--286, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--286 {
            --translate-x: -286px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--285, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--285 {
            --translate-x: -285px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--284, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--284 {
            --translate-x: -284px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--283, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--283 {
            --translate-x: -283px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--282, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--282 {
            --translate-x: -282px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--281, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--281 {
            --translate-x: -281px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--280, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--280 {
            --translate-x: -280px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--279, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--279 {
            --translate-x: -279px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--278, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--278 {
            --translate-x: -278px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--277, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--277 {
            --translate-x: -277px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--276, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--276 {
            --translate-x: -276px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--275, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--275 {
            --translate-x: -275px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--274, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--274 {
            --translate-x: -274px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--273, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--273 {
            --translate-x: -273px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--272, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--272 {
            --translate-x: -272px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--271, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--271 {
            --translate-x: -271px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--270, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--270 {
            --translate-x: -270px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--269, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--269 {
            --translate-x: -269px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--268, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--268 {
            --translate-x: -268px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--267, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--267 {
            --translate-x: -267px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--266, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--266 {
            --translate-x: -266px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--265, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--265 {
            --translate-x: -265px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--264, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--264 {
            --translate-x: -264px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--263, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--263 {
            --translate-x: -263px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--262, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--262 {
            --translate-x: -262px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--261, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--261 {
            --translate-x: -261px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--260, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--260 {
            --translate-x: -260px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--259, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--259 {
            --translate-x: -259px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--258, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--258 {
            --translate-x: -258px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--257, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--257 {
            --translate-x: -257px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--256, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--256 {
            --translate-x: -256px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--255, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--255 {
            --translate-x: -255px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--254, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--254 {
            --translate-x: -254px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--253, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--253 {
            --translate-x: -253px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--252, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--252 {
            --translate-x: -252px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--251, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--251 {
            --translate-x: -251px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--250, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--250 {
            --translate-x: -250px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--249, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--249 {
            --translate-x: -249px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--248, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--248 {
            --translate-x: -248px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--247, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--247 {
            --translate-x: -247px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--246, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--246 {
            --translate-x: -246px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--245, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--245 {
            --translate-x: -245px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--244, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--244 {
            --translate-x: -244px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--243, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--243 {
            --translate-x: -243px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--242, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--242 {
            --translate-x: -242px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--241, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--241 {
            --translate-x: -241px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--240, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--240 {
            --translate-x: -240px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--239, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--239 {
            --translate-x: -239px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--238, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--238 {
            --translate-x: -238px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--237, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--237 {
            --translate-x: -237px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--236, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--236 {
            --translate-x: -236px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--235, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--235 {
            --translate-x: -235px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--234, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--234 {
            --translate-x: -234px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--233, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--233 {
            --translate-x: -233px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--232, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--232 {
            --translate-x: -232px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--231, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--231 {
            --translate-x: -231px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--230, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--230 {
            --translate-x: -230px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--229, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--229 {
            --translate-x: -229px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--228, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--228 {
            --translate-x: -228px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--227, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--227 {
            --translate-x: -227px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--226, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--226 {
            --translate-x: -226px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--225, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--225 {
            --translate-x: -225px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--224, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--224 {
            --translate-x: -224px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--223, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--223 {
            --translate-x: -223px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--222, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--222 {
            --translate-x: -222px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--221, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--221 {
            --translate-x: -221px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--220, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--220 {
            --translate-x: -220px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--219, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--219 {
            --translate-x: -219px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--218, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--218 {
            --translate-x: -218px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--217, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--217 {
            --translate-x: -217px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--216, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--216 {
            --translate-x: -216px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--215, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--215 {
            --translate-x: -215px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--214, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--214 {
            --translate-x: -214px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--213, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--213 {
            --translate-x: -213px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--212, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--212 {
            --translate-x: -212px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--211, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--211 {
            --translate-x: -211px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--210, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--210 {
            --translate-x: -210px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--209, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--209 {
            --translate-x: -209px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--208, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--208 {
            --translate-x: -208px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--207, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--207 {
            --translate-x: -207px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--206, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--206 {
            --translate-x: -206px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--205, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--205 {
            --translate-x: -205px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--204, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--204 {
            --translate-x: -204px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--203, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--203 {
            --translate-x: -203px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--202, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--202 {
            --translate-x: -202px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--201, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--201 {
            --translate-x: -201px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--200, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--200 {
            --translate-x: -200px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--199, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--199 {
            --translate-x: -199px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--198, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--198 {
            --translate-x: -198px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--197, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--197 {
            --translate-x: -197px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--196, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--196 {
            --translate-x: -196px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--195, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--195 {
            --translate-x: -195px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--194, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--194 {
            --translate-x: -194px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--193, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--193 {
            --translate-x: -193px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--192, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--192 {
            --translate-x: -192px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--191, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--191 {
            --translate-x: -191px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--190, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--190 {
            --translate-x: -190px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--189, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--189 {
            --translate-x: -189px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--188, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--188 {
            --translate-x: -188px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--187, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--187 {
            --translate-x: -187px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--186, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--186 {
            --translate-x: -186px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--185, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--185 {
            --translate-x: -185px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--184, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--184 {
            --translate-x: -184px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--183, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--183 {
            --translate-x: -183px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--182, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--182 {
            --translate-x: -182px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--181, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--181 {
            --translate-x: -181px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--180, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--180 {
            --translate-x: -180px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--179, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--179 {
            --translate-x: -179px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--178, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--178 {
            --translate-x: -178px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--177, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--177 {
            --translate-x: -177px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--176, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--176 {
            --translate-x: -176px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--175, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--175 {
            --translate-x: -175px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--174, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--174 {
            --translate-x: -174px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--173, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--173 {
            --translate-x: -173px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--172, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--172 {
            --translate-x: -172px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--171, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--171 {
            --translate-x: -171px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--170, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--170 {
            --translate-x: -170px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--169, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--169 {
            --translate-x: -169px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--168, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--168 {
            --translate-x: -168px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--167, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--167 {
            --translate-x: -167px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--166, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--166 {
            --translate-x: -166px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--165, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--165 {
            --translate-x: -165px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--164, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--164 {
            --translate-x: -164px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--163, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--163 {
            --translate-x: -163px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--162, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--162 {
            --translate-x: -162px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--161, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--161 {
            --translate-x: -161px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--160, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--160 {
            --translate-x: -160px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--159, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--159 {
            --translate-x: -159px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--158, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--158 {
            --translate-x: -158px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--157, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--157 {
            --translate-x: -157px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--156, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--156 {
            --translate-x: -156px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--155, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--155 {
            --translate-x: -155px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--154, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--154 {
            --translate-x: -154px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--153, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--153 {
            --translate-x: -153px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--152, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--152 {
            --translate-x: -152px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--151, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--151 {
            --translate-x: -151px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--150, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--150 {
            --translate-x: -150px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--149, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--149 {
            --translate-x: -149px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--148, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--148 {
            --translate-x: -148px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--147, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--147 {
            --translate-x: -147px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--146, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--146 {
            --translate-x: -146px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--145, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--145 {
            --translate-x: -145px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--144, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--144 {
            --translate-x: -144px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--143, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--143 {
            --translate-x: -143px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--142, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--142 {
            --translate-x: -142px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--141, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--141 {
            --translate-x: -141px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--140, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--140 {
            --translate-x: -140px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--139, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--139 {
            --translate-x: -139px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--138, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--138 {
            --translate-x: -138px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--137, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--137 {
            --translate-x: -137px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--136, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--136 {
            --translate-x: -136px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--135, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--135 {
            --translate-x: -135px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--134, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--134 {
            --translate-x: -134px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--133, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--133 {
            --translate-x: -133px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--132, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--132 {
            --translate-x: -132px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--131, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--131 {
            --translate-x: -131px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--130, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--130 {
            --translate-x: -130px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--129, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--129 {
            --translate-x: -129px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--128, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--128 {
            --translate-x: -128px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--127, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--127 {
            --translate-x: -127px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--126, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--126 {
            --translate-x: -126px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--125, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--125 {
            --translate-x: -125px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--124, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--124 {
            --translate-x: -124px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--123, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--123 {
            --translate-x: -123px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--122, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--122 {
            --translate-x: -122px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--121, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--121 {
            --translate-x: -121px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--120, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--120 {
            --translate-x: -120px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--119, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--119 {
            --translate-x: -119px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--118, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--118 {
            --translate-x: -118px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--117, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--117 {
            --translate-x: -117px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--116, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--116 {
            --translate-x: -116px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--115, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--115 {
            --translate-x: -115px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--114, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--114 {
            --translate-x: -114px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--113, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--113 {
            --translate-x: -113px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--112, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--112 {
            --translate-x: -112px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--111, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--111 {
            --translate-x: -111px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--110, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--110 {
            --translate-x: -110px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--109, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--109 {
            --translate-x: -109px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--108, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--108 {
            --translate-x: -108px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--107, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--107 {
            --translate-x: -107px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--106, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--106 {
            --translate-x: -106px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--105, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--105 {
            --translate-x: -105px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--104, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--104 {
            --translate-x: -104px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--103, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--103 {
            --translate-x: -103px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--102, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--102 {
            --translate-x: -102px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--101, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--101 {
            --translate-x: -101px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--100, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--100 {
            --translate-x: -100px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--99, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--99 {
            --translate-x: -99px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--98, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--98 {
            --translate-x: -98px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--97, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--97 {
            --translate-x: -97px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--96, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--96 {
            --translate-x: -96px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--95, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--95 {
            --translate-x: -95px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--94, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--94 {
            --translate-x: -94px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--93, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--93 {
            --translate-x: -93px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--92, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--92 {
            --translate-x: -92px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--91, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--91 {
            --translate-x: -91px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--90, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--90 {
            --translate-x: -90px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--89, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--89 {
            --translate-x: -89px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--88, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--88 {
            --translate-x: -88px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--87, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--87 {
            --translate-x: -87px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--86, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--86 {
            --translate-x: -86px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--85, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--85 {
            --translate-x: -85px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--84, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--84 {
            --translate-x: -84px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--83, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--83 {
            --translate-x: -83px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--82, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--82 {
            --translate-x: -82px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--81, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--81 {
            --translate-x: -81px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--80, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--80 {
            --translate-x: -80px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--79, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--79 {
            --translate-x: -79px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--78, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--78 {
            --translate-x: -78px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--77, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--77 {
            --translate-x: -77px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--76, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--76 {
            --translate-x: -76px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--75, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--75 {
            --translate-x: -75px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--74, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--74 {
            --translate-x: -74px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--73, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--73 {
            --translate-x: -73px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--72, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--72 {
            --translate-x: -72px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--71, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--71 {
            --translate-x: -71px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--70, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--70 {
            --translate-x: -70px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--69, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--69 {
            --translate-x: -69px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--68, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--68 {
            --translate-x: -68px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--67, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--67 {
            --translate-x: -67px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--66, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--66 {
            --translate-x: -66px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--65, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--65 {
            --translate-x: -65px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--64, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--64 {
            --translate-x: -64px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--63, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--63 {
            --translate-x: -63px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--62, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--62 {
            --translate-x: -62px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--61, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--61 {
            --translate-x: -61px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--60, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--60 {
            --translate-x: -60px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--59, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--59 {
            --translate-x: -59px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--58, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--58 {
            --translate-x: -58px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--57, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--57 {
            --translate-x: -57px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--56, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--56 {
            --translate-x: -56px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--55, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--55 {
            --translate-x: -55px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--54, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--54 {
            --translate-x: -54px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--53, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--53 {
            --translate-x: -53px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--52, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--52 {
            --translate-x: -52px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--51, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--51 {
            --translate-x: -51px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--50, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--50 {
            --translate-x: -50px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--49, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--49 {
            --translate-x: -49px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--48, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--48 {
            --translate-x: -48px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--47, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--47 {
            --translate-x: -47px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--46, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--46 {
            --translate-x: -46px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--45, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--45 {
            --translate-x: -45px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--44, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--44 {
            --translate-x: -44px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--43, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--43 {
            --translate-x: -43px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--42, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--42 {
            --translate-x: -42px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--41, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--41 {
            --translate-x: -41px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--40, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--40 {
            --translate-x: -40px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--39, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--39 {
            --translate-x: -39px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--38, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--38 {
            --translate-x: -38px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--37, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--37 {
            --translate-x: -37px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--36, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--36 {
            --translate-x: -36px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--35, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--35 {
            --translate-x: -35px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--34, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--34 {
            --translate-x: -34px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--33, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--33 {
            --translate-x: -33px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--32, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--32 {
            --translate-x: -32px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--31, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--31 {
            --translate-x: -31px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--30, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--30 {
            --translate-x: -30px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--29, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--29 {
            --translate-x: -29px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--28, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--28 {
            --translate-x: -28px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--27, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--27 {
            --translate-x: -27px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--26, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--26 {
            --translate-x: -26px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--25, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--25 {
            --translate-x: -25px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--24, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--24 {
            --translate-x: -24px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--23, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--23 {
            --translate-x: -23px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--22, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--22 {
            --translate-x: -22px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--21, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--21 {
            --translate-x: -21px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--20, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--20 {
            --translate-x: -20px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--19, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--19 {
            --translate-x: -19px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--18, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--18 {
            --translate-x: -18px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--17, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--17 {
            --translate-x: -17px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--16, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--16 {
            --translate-x: -16px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--15, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--15 {
            --translate-x: -15px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--14, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--14 {
            --translate-x: -14px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--13, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--13 {
            --translate-x: -13px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--12, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--12 {
            --translate-x: -12px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--11, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--11 {
            --translate-x: -11px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--10, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--10 {
            --translate-x: -10px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--9, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--9 {
            --translate-x: -9px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--8, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--8 {
            --translate-x: -8px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--7, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--7 {
            --translate-x: -7px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--6, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--6 {
            --translate-x: -6px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--5, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--5 {
            --translate-x: -5px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--4, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--4 {
            --translate-x: -4px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--3, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--3 {
            --translate-x: -3px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--2, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--2 {
            --translate-x: -2px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x--1, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x--1 {
            --translate-x: -1px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-0, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-0 {
            --translate-x: 0px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-1, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-1 {
            --translate-x: 1px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-2, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-2 {
            --translate-x: 2px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-3, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-3 {
            --translate-x: 3px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-4, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-4 {
            --translate-x: 4px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-5, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-5 {
            --translate-x: 5px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-6, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-6 {
            --translate-x: 6px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-7, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-7 {
            --translate-x: 7px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-8, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-8 {
            --translate-x: 8px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-9, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-9 {
            --translate-x: 9px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-10, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-10 {
            --translate-x: 10px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-11, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-11 {
            --translate-x: 11px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-12, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-12 {
            --translate-x: 12px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-13, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-13 {
            --translate-x: 13px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-14, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-14 {
            --translate-x: 14px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-15, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-15 {
            --translate-x: 15px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-16, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-16 {
            --translate-x: 16px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-17, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-17 {
            --translate-x: 17px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-18, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-18 {
            --translate-x: 18px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-19, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-19 {
            --translate-x: 19px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-20, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-20 {
            --translate-x: 20px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-21, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-21 {
            --translate-x: 21px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-22, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-22 {
            --translate-x: 22px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-23, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-23 {
            --translate-x: 23px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-24, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-24 {
            --translate-x: 24px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-25, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-25 {
            --translate-x: 25px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-26, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-26 {
            --translate-x: 26px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-27, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-27 {
            --translate-x: 27px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-28, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-28 {
            --translate-x: 28px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-29, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-29 {
            --translate-x: 29px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-30, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-30 {
            --translate-x: 30px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-31, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-31 {
            --translate-x: 31px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-32, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-32 {
            --translate-x: 32px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-33, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-33 {
            --translate-x: 33px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-34, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-34 {
            --translate-x: 34px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-35, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-35 {
            --translate-x: 35px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-36, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-36 {
            --translate-x: 36px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-37, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-37 {
            --translate-x: 37px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-38, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-38 {
            --translate-x: 38px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-39, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-39 {
            --translate-x: 39px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-40, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-40 {
            --translate-x: 40px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-41, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-41 {
            --translate-x: 41px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-42, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-42 {
            --translate-x: 42px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-43, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-43 {
            --translate-x: 43px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-44, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-44 {
            --translate-x: 44px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-45, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-45 {
            --translate-x: 45px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-46, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-46 {
            --translate-x: 46px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-47, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-47 {
            --translate-x: 47px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-48, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-48 {
            --translate-x: 48px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-49, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-49 {
            --translate-x: 49px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-x-50, .management-container.create-event-template .discord .discord-banner .image-preview.translate-x-50 {
            --translate-x: 50px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--800, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--800 {
            --translate-y: -800px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--799, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--799 {
            --translate-y: -799px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--798, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--798 {
            --translate-y: -798px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--797, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--797 {
            --translate-y: -797px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--796, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--796 {
            --translate-y: -796px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--795, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--795 {
            --translate-y: -795px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--794, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--794 {
            --translate-y: -794px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--793, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--793 {
            --translate-y: -793px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--792, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--792 {
            --translate-y: -792px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--791, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--791 {
            --translate-y: -791px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--790, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--790 {
            --translate-y: -790px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--789, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--789 {
            --translate-y: -789px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--788, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--788 {
            --translate-y: -788px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--787, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--787 {
            --translate-y: -787px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--786, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--786 {
            --translate-y: -786px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--785, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--785 {
            --translate-y: -785px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--784, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--784 {
            --translate-y: -784px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--783, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--783 {
            --translate-y: -783px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--782, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--782 {
            --translate-y: -782px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--781, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--781 {
            --translate-y: -781px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--780, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--780 {
            --translate-y: -780px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--779, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--779 {
            --translate-y: -779px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--778, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--778 {
            --translate-y: -778px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--777, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--777 {
            --translate-y: -777px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--776, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--776 {
            --translate-y: -776px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--775, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--775 {
            --translate-y: -775px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--774, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--774 {
            --translate-y: -774px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--773, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--773 {
            --translate-y: -773px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--772, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--772 {
            --translate-y: -772px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--771, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--771 {
            --translate-y: -771px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--770, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--770 {
            --translate-y: -770px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--769, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--769 {
            --translate-y: -769px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--768, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--768 {
            --translate-y: -768px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--767, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--767 {
            --translate-y: -767px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--766, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--766 {
            --translate-y: -766px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--765, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--765 {
            --translate-y: -765px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--764, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--764 {
            --translate-y: -764px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--763, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--763 {
            --translate-y: -763px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--762, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--762 {
            --translate-y: -762px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--761, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--761 {
            --translate-y: -761px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--760, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--760 {
            --translate-y: -760px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--759, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--759 {
            --translate-y: -759px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--758, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--758 {
            --translate-y: -758px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--757, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--757 {
            --translate-y: -757px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--756, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--756 {
            --translate-y: -756px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--755, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--755 {
            --translate-y: -755px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--754, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--754 {
            --translate-y: -754px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--753, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--753 {
            --translate-y: -753px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--752, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--752 {
            --translate-y: -752px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--751, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--751 {
            --translate-y: -751px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--750, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--750 {
            --translate-y: -750px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--749, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--749 {
            --translate-y: -749px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--748, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--748 {
            --translate-y: -748px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--747, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--747 {
            --translate-y: -747px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--746, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--746 {
            --translate-y: -746px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--745, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--745 {
            --translate-y: -745px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--744, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--744 {
            --translate-y: -744px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--743, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--743 {
            --translate-y: -743px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--742, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--742 {
            --translate-y: -742px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--741, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--741 {
            --translate-y: -741px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--740, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--740 {
            --translate-y: -740px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--739, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--739 {
            --translate-y: -739px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--738, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--738 {
            --translate-y: -738px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--737, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--737 {
            --translate-y: -737px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--736, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--736 {
            --translate-y: -736px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--735, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--735 {
            --translate-y: -735px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--734, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--734 {
            --translate-y: -734px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--733, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--733 {
            --translate-y: -733px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--732, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--732 {
            --translate-y: -732px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--731, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--731 {
            --translate-y: -731px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--730, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--730 {
            --translate-y: -730px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--729, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--729 {
            --translate-y: -729px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--728, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--728 {
            --translate-y: -728px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--727, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--727 {
            --translate-y: -727px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--726, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--726 {
            --translate-y: -726px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--725, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--725 {
            --translate-y: -725px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--724, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--724 {
            --translate-y: -724px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--723, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--723 {
            --translate-y: -723px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--722, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--722 {
            --translate-y: -722px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--721, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--721 {
            --translate-y: -721px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--720, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--720 {
            --translate-y: -720px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--719, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--719 {
            --translate-y: -719px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--718, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--718 {
            --translate-y: -718px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--717, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--717 {
            --translate-y: -717px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--716, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--716 {
            --translate-y: -716px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--715, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--715 {
            --translate-y: -715px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--714, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--714 {
            --translate-y: -714px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--713, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--713 {
            --translate-y: -713px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--712, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--712 {
            --translate-y: -712px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--711, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--711 {
            --translate-y: -711px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--710, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--710 {
            --translate-y: -710px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--709, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--709 {
            --translate-y: -709px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--708, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--708 {
            --translate-y: -708px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--707, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--707 {
            --translate-y: -707px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--706, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--706 {
            --translate-y: -706px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--705, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--705 {
            --translate-y: -705px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--704, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--704 {
            --translate-y: -704px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--703, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--703 {
            --translate-y: -703px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--702, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--702 {
            --translate-y: -702px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--701, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--701 {
            --translate-y: -701px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--700, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--700 {
            --translate-y: -700px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--699, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--699 {
            --translate-y: -699px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--698, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--698 {
            --translate-y: -698px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--697, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--697 {
            --translate-y: -697px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--696, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--696 {
            --translate-y: -696px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--695, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--695 {
            --translate-y: -695px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--694, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--694 {
            --translate-y: -694px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--693, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--693 {
            --translate-y: -693px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--692, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--692 {
            --translate-y: -692px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--691, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--691 {
            --translate-y: -691px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--690, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--690 {
            --translate-y: -690px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--689, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--689 {
            --translate-y: -689px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--688, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--688 {
            --translate-y: -688px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--687, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--687 {
            --translate-y: -687px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--686, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--686 {
            --translate-y: -686px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--685, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--685 {
            --translate-y: -685px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--684, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--684 {
            --translate-y: -684px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--683, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--683 {
            --translate-y: -683px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--682, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--682 {
            --translate-y: -682px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--681, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--681 {
            --translate-y: -681px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--680, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--680 {
            --translate-y: -680px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--679, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--679 {
            --translate-y: -679px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--678, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--678 {
            --translate-y: -678px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--677, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--677 {
            --translate-y: -677px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--676, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--676 {
            --translate-y: -676px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--675, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--675 {
            --translate-y: -675px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--674, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--674 {
            --translate-y: -674px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--673, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--673 {
            --translate-y: -673px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--672, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--672 {
            --translate-y: -672px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--671, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--671 {
            --translate-y: -671px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--670, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--670 {
            --translate-y: -670px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--669, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--669 {
            --translate-y: -669px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--668, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--668 {
            --translate-y: -668px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--667, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--667 {
            --translate-y: -667px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--666, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--666 {
            --translate-y: -666px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--665, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--665 {
            --translate-y: -665px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--664, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--664 {
            --translate-y: -664px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--663, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--663 {
            --translate-y: -663px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--662, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--662 {
            --translate-y: -662px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--661, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--661 {
            --translate-y: -661px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--660, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--660 {
            --translate-y: -660px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--659, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--659 {
            --translate-y: -659px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--658, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--658 {
            --translate-y: -658px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--657, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--657 {
            --translate-y: -657px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--656, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--656 {
            --translate-y: -656px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--655, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--655 {
            --translate-y: -655px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--654, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--654 {
            --translate-y: -654px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--653, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--653 {
            --translate-y: -653px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--652, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--652 {
            --translate-y: -652px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--651, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--651 {
            --translate-y: -651px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--650, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--650 {
            --translate-y: -650px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--649, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--649 {
            --translate-y: -649px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--648, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--648 {
            --translate-y: -648px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--647, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--647 {
            --translate-y: -647px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--646, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--646 {
            --translate-y: -646px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--645, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--645 {
            --translate-y: -645px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--644, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--644 {
            --translate-y: -644px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--643, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--643 {
            --translate-y: -643px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--642, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--642 {
            --translate-y: -642px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--641, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--641 {
            --translate-y: -641px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--640, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--640 {
            --translate-y: -640px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--639, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--639 {
            --translate-y: -639px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--638, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--638 {
            --translate-y: -638px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--637, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--637 {
            --translate-y: -637px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--636, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--636 {
            --translate-y: -636px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--635, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--635 {
            --translate-y: -635px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--634, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--634 {
            --translate-y: -634px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--633, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--633 {
            --translate-y: -633px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--632, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--632 {
            --translate-y: -632px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--631, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--631 {
            --translate-y: -631px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--630, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--630 {
            --translate-y: -630px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--629, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--629 {
            --translate-y: -629px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--628, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--628 {
            --translate-y: -628px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--627, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--627 {
            --translate-y: -627px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--626, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--626 {
            --translate-y: -626px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--625, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--625 {
            --translate-y: -625px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--624, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--624 {
            --translate-y: -624px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--623, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--623 {
            --translate-y: -623px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--622, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--622 {
            --translate-y: -622px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--621, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--621 {
            --translate-y: -621px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--620, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--620 {
            --translate-y: -620px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--619, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--619 {
            --translate-y: -619px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--618, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--618 {
            --translate-y: -618px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--617, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--617 {
            --translate-y: -617px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--616, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--616 {
            --translate-y: -616px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--615, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--615 {
            --translate-y: -615px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--614, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--614 {
            --translate-y: -614px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--613, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--613 {
            --translate-y: -613px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--612, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--612 {
            --translate-y: -612px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--611, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--611 {
            --translate-y: -611px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--610, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--610 {
            --translate-y: -610px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--609, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--609 {
            --translate-y: -609px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--608, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--608 {
            --translate-y: -608px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--607, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--607 {
            --translate-y: -607px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--606, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--606 {
            --translate-y: -606px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--605, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--605 {
            --translate-y: -605px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--604, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--604 {
            --translate-y: -604px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--603, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--603 {
            --translate-y: -603px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--602, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--602 {
            --translate-y: -602px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--601, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--601 {
            --translate-y: -601px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--600, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--600 {
            --translate-y: -600px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--599, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--599 {
            --translate-y: -599px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--598, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--598 {
            --translate-y: -598px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--597, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--597 {
            --translate-y: -597px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--596, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--596 {
            --translate-y: -596px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--595, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--595 {
            --translate-y: -595px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--594, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--594 {
            --translate-y: -594px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--593, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--593 {
            --translate-y: -593px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--592, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--592 {
            --translate-y: -592px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--591, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--591 {
            --translate-y: -591px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--590, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--590 {
            --translate-y: -590px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--589, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--589 {
            --translate-y: -589px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--588, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--588 {
            --translate-y: -588px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--587, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--587 {
            --translate-y: -587px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--586, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--586 {
            --translate-y: -586px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--585, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--585 {
            --translate-y: -585px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--584, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--584 {
            --translate-y: -584px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--583, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--583 {
            --translate-y: -583px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--582, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--582 {
            --translate-y: -582px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--581, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--581 {
            --translate-y: -581px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--580, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--580 {
            --translate-y: -580px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--579, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--579 {
            --translate-y: -579px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--578, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--578 {
            --translate-y: -578px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--577, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--577 {
            --translate-y: -577px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--576, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--576 {
            --translate-y: -576px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--575, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--575 {
            --translate-y: -575px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--574, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--574 {
            --translate-y: -574px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--573, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--573 {
            --translate-y: -573px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--572, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--572 {
            --translate-y: -572px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--571, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--571 {
            --translate-y: -571px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--570, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--570 {
            --translate-y: -570px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--569, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--569 {
            --translate-y: -569px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--568, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--568 {
            --translate-y: -568px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--567, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--567 {
            --translate-y: -567px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--566, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--566 {
            --translate-y: -566px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--565, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--565 {
            --translate-y: -565px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--564, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--564 {
            --translate-y: -564px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--563, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--563 {
            --translate-y: -563px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--562, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--562 {
            --translate-y: -562px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--561, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--561 {
            --translate-y: -561px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--560, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--560 {
            --translate-y: -560px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--559, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--559 {
            --translate-y: -559px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--558, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--558 {
            --translate-y: -558px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--557, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--557 {
            --translate-y: -557px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--556, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--556 {
            --translate-y: -556px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--555, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--555 {
            --translate-y: -555px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--554, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--554 {
            --translate-y: -554px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--553, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--553 {
            --translate-y: -553px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--552, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--552 {
            --translate-y: -552px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--551, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--551 {
            --translate-y: -551px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--550, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--550 {
            --translate-y: -550px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--549, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--549 {
            --translate-y: -549px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--548, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--548 {
            --translate-y: -548px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--547, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--547 {
            --translate-y: -547px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--546, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--546 {
            --translate-y: -546px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--545, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--545 {
            --translate-y: -545px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--544, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--544 {
            --translate-y: -544px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--543, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--543 {
            --translate-y: -543px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--542, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--542 {
            --translate-y: -542px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--541, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--541 {
            --translate-y: -541px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--540, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--540 {
            --translate-y: -540px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--539, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--539 {
            --translate-y: -539px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--538, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--538 {
            --translate-y: -538px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--537, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--537 {
            --translate-y: -537px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--536, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--536 {
            --translate-y: -536px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--535, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--535 {
            --translate-y: -535px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--534, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--534 {
            --translate-y: -534px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--533, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--533 {
            --translate-y: -533px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--532, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--532 {
            --translate-y: -532px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--531, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--531 {
            --translate-y: -531px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--530, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--530 {
            --translate-y: -530px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--529, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--529 {
            --translate-y: -529px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--528, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--528 {
            --translate-y: -528px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--527, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--527 {
            --translate-y: -527px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--526, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--526 {
            --translate-y: -526px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--525, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--525 {
            --translate-y: -525px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--524, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--524 {
            --translate-y: -524px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--523, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--523 {
            --translate-y: -523px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--522, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--522 {
            --translate-y: -522px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--521, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--521 {
            --translate-y: -521px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--520, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--520 {
            --translate-y: -520px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--519, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--519 {
            --translate-y: -519px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--518, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--518 {
            --translate-y: -518px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--517, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--517 {
            --translate-y: -517px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--516, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--516 {
            --translate-y: -516px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--515, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--515 {
            --translate-y: -515px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--514, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--514 {
            --translate-y: -514px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--513, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--513 {
            --translate-y: -513px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--512, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--512 {
            --translate-y: -512px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--511, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--511 {
            --translate-y: -511px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--510, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--510 {
            --translate-y: -510px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--509, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--509 {
            --translate-y: -509px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--508, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--508 {
            --translate-y: -508px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--507, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--507 {
            --translate-y: -507px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--506, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--506 {
            --translate-y: -506px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--505, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--505 {
            --translate-y: -505px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--504, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--504 {
            --translate-y: -504px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--503, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--503 {
            --translate-y: -503px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--502, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--502 {
            --translate-y: -502px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--501, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--501 {
            --translate-y: -501px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--500, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--500 {
            --translate-y: -500px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--499, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--499 {
            --translate-y: -499px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--498, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--498 {
            --translate-y: -498px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--497, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--497 {
            --translate-y: -497px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--496, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--496 {
            --translate-y: -496px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--495, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--495 {
            --translate-y: -495px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--494, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--494 {
            --translate-y: -494px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--493, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--493 {
            --translate-y: -493px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--492, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--492 {
            --translate-y: -492px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--491, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--491 {
            --translate-y: -491px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--490, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--490 {
            --translate-y: -490px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--489, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--489 {
            --translate-y: -489px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--488, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--488 {
            --translate-y: -488px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--487, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--487 {
            --translate-y: -487px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--486, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--486 {
            --translate-y: -486px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--485, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--485 {
            --translate-y: -485px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--484, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--484 {
            --translate-y: -484px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--483, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--483 {
            --translate-y: -483px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--482, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--482 {
            --translate-y: -482px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--481, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--481 {
            --translate-y: -481px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--480, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--480 {
            --translate-y: -480px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--479, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--479 {
            --translate-y: -479px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--478, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--478 {
            --translate-y: -478px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--477, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--477 {
            --translate-y: -477px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--476, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--476 {
            --translate-y: -476px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--475, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--475 {
            --translate-y: -475px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--474, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--474 {
            --translate-y: -474px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--473, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--473 {
            --translate-y: -473px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--472, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--472 {
            --translate-y: -472px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--471, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--471 {
            --translate-y: -471px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--470, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--470 {
            --translate-y: -470px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--469, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--469 {
            --translate-y: -469px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--468, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--468 {
            --translate-y: -468px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--467, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--467 {
            --translate-y: -467px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--466, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--466 {
            --translate-y: -466px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--465, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--465 {
            --translate-y: -465px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--464, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--464 {
            --translate-y: -464px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--463, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--463 {
            --translate-y: -463px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--462, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--462 {
            --translate-y: -462px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--461, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--461 {
            --translate-y: -461px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--460, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--460 {
            --translate-y: -460px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--459, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--459 {
            --translate-y: -459px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--458, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--458 {
            --translate-y: -458px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--457, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--457 {
            --translate-y: -457px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--456, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--456 {
            --translate-y: -456px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--455, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--455 {
            --translate-y: -455px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--454, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--454 {
            --translate-y: -454px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--453, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--453 {
            --translate-y: -453px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--452, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--452 {
            --translate-y: -452px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--451, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--451 {
            --translate-y: -451px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--450, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--450 {
            --translate-y: -450px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--449, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--449 {
            --translate-y: -449px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--448, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--448 {
            --translate-y: -448px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--447, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--447 {
            --translate-y: -447px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--446, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--446 {
            --translate-y: -446px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--445, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--445 {
            --translate-y: -445px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--444, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--444 {
            --translate-y: -444px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--443, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--443 {
            --translate-y: -443px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--442, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--442 {
            --translate-y: -442px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--441, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--441 {
            --translate-y: -441px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--440, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--440 {
            --translate-y: -440px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--439, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--439 {
            --translate-y: -439px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--438, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--438 {
            --translate-y: -438px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--437, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--437 {
            --translate-y: -437px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--436, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--436 {
            --translate-y: -436px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--435, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--435 {
            --translate-y: -435px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--434, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--434 {
            --translate-y: -434px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--433, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--433 {
            --translate-y: -433px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--432, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--432 {
            --translate-y: -432px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--431, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--431 {
            --translate-y: -431px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--430, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--430 {
            --translate-y: -430px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--429, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--429 {
            --translate-y: -429px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--428, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--428 {
            --translate-y: -428px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--427, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--427 {
            --translate-y: -427px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--426, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--426 {
            --translate-y: -426px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--425, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--425 {
            --translate-y: -425px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--424, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--424 {
            --translate-y: -424px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--423, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--423 {
            --translate-y: -423px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--422, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--422 {
            --translate-y: -422px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--421, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--421 {
            --translate-y: -421px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--420, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--420 {
            --translate-y: -420px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--419, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--419 {
            --translate-y: -419px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--418, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--418 {
            --translate-y: -418px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--417, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--417 {
            --translate-y: -417px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--416, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--416 {
            --translate-y: -416px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--415, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--415 {
            --translate-y: -415px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--414, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--414 {
            --translate-y: -414px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--413, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--413 {
            --translate-y: -413px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--412, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--412 {
            --translate-y: -412px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--411, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--411 {
            --translate-y: -411px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--410, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--410 {
            --translate-y: -410px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--409, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--409 {
            --translate-y: -409px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--408, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--408 {
            --translate-y: -408px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--407, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--407 {
            --translate-y: -407px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--406, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--406 {
            --translate-y: -406px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--405, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--405 {
            --translate-y: -405px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--404, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--404 {
            --translate-y: -404px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--403, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--403 {
            --translate-y: -403px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--402, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--402 {
            --translate-y: -402px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--401, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--401 {
            --translate-y: -401px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--400, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--400 {
            --translate-y: -400px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--399, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--399 {
            --translate-y: -399px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--398, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--398 {
            --translate-y: -398px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--397, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--397 {
            --translate-y: -397px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--396, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--396 {
            --translate-y: -396px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--395, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--395 {
            --translate-y: -395px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--394, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--394 {
            --translate-y: -394px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--393, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--393 {
            --translate-y: -393px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--392, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--392 {
            --translate-y: -392px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--391, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--391 {
            --translate-y: -391px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--390, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--390 {
            --translate-y: -390px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--389, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--389 {
            --translate-y: -389px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--388, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--388 {
            --translate-y: -388px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--387, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--387 {
            --translate-y: -387px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--386, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--386 {
            --translate-y: -386px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--385, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--385 {
            --translate-y: -385px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--384, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--384 {
            --translate-y: -384px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--383, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--383 {
            --translate-y: -383px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--382, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--382 {
            --translate-y: -382px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--381, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--381 {
            --translate-y: -381px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--380, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--380 {
            --translate-y: -380px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--379, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--379 {
            --translate-y: -379px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--378, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--378 {
            --translate-y: -378px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--377, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--377 {
            --translate-y: -377px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--376, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--376 {
            --translate-y: -376px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--375, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--375 {
            --translate-y: -375px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--374, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--374 {
            --translate-y: -374px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--373, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--373 {
            --translate-y: -373px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--372, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--372 {
            --translate-y: -372px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--371, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--371 {
            --translate-y: -371px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--370, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--370 {
            --translate-y: -370px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--369, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--369 {
            --translate-y: -369px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--368, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--368 {
            --translate-y: -368px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--367, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--367 {
            --translate-y: -367px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--366, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--366 {
            --translate-y: -366px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--365, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--365 {
            --translate-y: -365px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--364, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--364 {
            --translate-y: -364px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--363, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--363 {
            --translate-y: -363px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--362, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--362 {
            --translate-y: -362px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--361, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--361 {
            --translate-y: -361px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--360, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--360 {
            --translate-y: -360px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--359, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--359 {
            --translate-y: -359px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--358, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--358 {
            --translate-y: -358px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--357, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--357 {
            --translate-y: -357px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--356, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--356 {
            --translate-y: -356px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--355, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--355 {
            --translate-y: -355px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--354, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--354 {
            --translate-y: -354px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--353, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--353 {
            --translate-y: -353px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--352, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--352 {
            --translate-y: -352px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--351, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--351 {
            --translate-y: -351px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--350, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--350 {
            --translate-y: -350px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--349, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--349 {
            --translate-y: -349px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--348, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--348 {
            --translate-y: -348px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--347, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--347 {
            --translate-y: -347px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--346, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--346 {
            --translate-y: -346px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--345, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--345 {
            --translate-y: -345px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--344, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--344 {
            --translate-y: -344px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--343, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--343 {
            --translate-y: -343px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--342, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--342 {
            --translate-y: -342px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--341, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--341 {
            --translate-y: -341px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--340, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--340 {
            --translate-y: -340px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--339, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--339 {
            --translate-y: -339px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--338, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--338 {
            --translate-y: -338px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--337, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--337 {
            --translate-y: -337px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--336, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--336 {
            --translate-y: -336px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--335, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--335 {
            --translate-y: -335px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--334, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--334 {
            --translate-y: -334px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--333, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--333 {
            --translate-y: -333px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--332, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--332 {
            --translate-y: -332px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--331, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--331 {
            --translate-y: -331px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--330, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--330 {
            --translate-y: -330px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--329, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--329 {
            --translate-y: -329px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--328, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--328 {
            --translate-y: -328px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--327, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--327 {
            --translate-y: -327px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--326, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--326 {
            --translate-y: -326px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--325, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--325 {
            --translate-y: -325px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--324, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--324 {
            --translate-y: -324px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--323, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--323 {
            --translate-y: -323px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--322, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--322 {
            --translate-y: -322px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--321, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--321 {
            --translate-y: -321px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--320, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--320 {
            --translate-y: -320px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--319, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--319 {
            --translate-y: -319px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--318, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--318 {
            --translate-y: -318px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--317, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--317 {
            --translate-y: -317px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--316, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--316 {
            --translate-y: -316px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--315, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--315 {
            --translate-y: -315px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--314, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--314 {
            --translate-y: -314px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--313, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--313 {
            --translate-y: -313px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--312, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--312 {
            --translate-y: -312px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--311, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--311 {
            --translate-y: -311px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--310, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--310 {
            --translate-y: -310px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--309, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--309 {
            --translate-y: -309px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--308, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--308 {
            --translate-y: -308px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--307, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--307 {
            --translate-y: -307px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--306, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--306 {
            --translate-y: -306px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--305, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--305 {
            --translate-y: -305px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--304, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--304 {
            --translate-y: -304px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--303, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--303 {
            --translate-y: -303px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--302, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--302 {
            --translate-y: -302px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--301, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--301 {
            --translate-y: -301px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--300, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--300 {
            --translate-y: -300px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--299, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--299 {
            --translate-y: -299px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--298, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--298 {
            --translate-y: -298px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--297, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--297 {
            --translate-y: -297px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--296, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--296 {
            --translate-y: -296px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--295, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--295 {
            --translate-y: -295px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--294, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--294 {
            --translate-y: -294px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--293, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--293 {
            --translate-y: -293px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--292, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--292 {
            --translate-y: -292px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--291, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--291 {
            --translate-y: -291px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--290, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--290 {
            --translate-y: -290px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--289, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--289 {
            --translate-y: -289px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--288, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--288 {
            --translate-y: -288px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--287, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--287 {
            --translate-y: -287px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--286, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--286 {
            --translate-y: -286px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--285, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--285 {
            --translate-y: -285px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--284, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--284 {
            --translate-y: -284px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--283, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--283 {
            --translate-y: -283px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--282, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--282 {
            --translate-y: -282px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--281, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--281 {
            --translate-y: -281px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--280, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--280 {
            --translate-y: -280px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--279, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--279 {
            --translate-y: -279px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--278, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--278 {
            --translate-y: -278px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--277, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--277 {
            --translate-y: -277px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--276, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--276 {
            --translate-y: -276px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--275, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--275 {
            --translate-y: -275px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--274, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--274 {
            --translate-y: -274px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--273, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--273 {
            --translate-y: -273px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--272, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--272 {
            --translate-y: -272px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--271, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--271 {
            --translate-y: -271px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--270, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--270 {
            --translate-y: -270px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--269, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--269 {
            --translate-y: -269px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--268, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--268 {
            --translate-y: -268px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--267, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--267 {
            --translate-y: -267px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--266, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--266 {
            --translate-y: -266px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--265, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--265 {
            --translate-y: -265px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--264, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--264 {
            --translate-y: -264px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--263, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--263 {
            --translate-y: -263px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--262, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--262 {
            --translate-y: -262px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--261, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--261 {
            --translate-y: -261px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--260, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--260 {
            --translate-y: -260px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--259, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--259 {
            --translate-y: -259px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--258, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--258 {
            --translate-y: -258px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--257, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--257 {
            --translate-y: -257px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--256, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--256 {
            --translate-y: -256px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--255, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--255 {
            --translate-y: -255px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--254, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--254 {
            --translate-y: -254px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--253, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--253 {
            --translate-y: -253px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--252, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--252 {
            --translate-y: -252px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--251, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--251 {
            --translate-y: -251px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--250, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--250 {
            --translate-y: -250px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--249, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--249 {
            --translate-y: -249px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--248, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--248 {
            --translate-y: -248px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--247, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--247 {
            --translate-y: -247px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--246, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--246 {
            --translate-y: -246px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--245, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--245 {
            --translate-y: -245px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--244, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--244 {
            --translate-y: -244px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--243, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--243 {
            --translate-y: -243px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--242, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--242 {
            --translate-y: -242px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--241, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--241 {
            --translate-y: -241px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--240, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--240 {
            --translate-y: -240px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--239, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--239 {
            --translate-y: -239px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--238, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--238 {
            --translate-y: -238px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--237, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--237 {
            --translate-y: -237px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--236, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--236 {
            --translate-y: -236px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--235, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--235 {
            --translate-y: -235px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--234, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--234 {
            --translate-y: -234px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--233, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--233 {
            --translate-y: -233px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--232, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--232 {
            --translate-y: -232px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--231, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--231 {
            --translate-y: -231px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--230, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--230 {
            --translate-y: -230px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--229, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--229 {
            --translate-y: -229px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--228, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--228 {
            --translate-y: -228px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--227, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--227 {
            --translate-y: -227px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--226, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--226 {
            --translate-y: -226px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--225, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--225 {
            --translate-y: -225px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--224, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--224 {
            --translate-y: -224px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--223, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--223 {
            --translate-y: -223px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--222, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--222 {
            --translate-y: -222px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--221, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--221 {
            --translate-y: -221px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--220, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--220 {
            --translate-y: -220px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--219, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--219 {
            --translate-y: -219px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--218, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--218 {
            --translate-y: -218px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--217, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--217 {
            --translate-y: -217px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--216, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--216 {
            --translate-y: -216px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--215, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--215 {
            --translate-y: -215px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--214, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--214 {
            --translate-y: -214px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--213, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--213 {
            --translate-y: -213px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--212, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--212 {
            --translate-y: -212px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--211, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--211 {
            --translate-y: -211px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--210, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--210 {
            --translate-y: -210px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--209, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--209 {
            --translate-y: -209px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--208, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--208 {
            --translate-y: -208px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--207, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--207 {
            --translate-y: -207px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--206, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--206 {
            --translate-y: -206px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--205, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--205 {
            --translate-y: -205px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--204, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--204 {
            --translate-y: -204px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--203, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--203 {
            --translate-y: -203px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--202, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--202 {
            --translate-y: -202px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--201, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--201 {
            --translate-y: -201px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--200, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--200 {
            --translate-y: -200px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--199, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--199 {
            --translate-y: -199px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--198, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--198 {
            --translate-y: -198px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--197, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--197 {
            --translate-y: -197px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--196, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--196 {
            --translate-y: -196px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--195, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--195 {
            --translate-y: -195px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--194, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--194 {
            --translate-y: -194px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--193, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--193 {
            --translate-y: -193px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--192, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--192 {
            --translate-y: -192px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--191, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--191 {
            --translate-y: -191px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--190, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--190 {
            --translate-y: -190px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--189, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--189 {
            --translate-y: -189px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--188, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--188 {
            --translate-y: -188px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--187, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--187 {
            --translate-y: -187px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--186, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--186 {
            --translate-y: -186px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--185, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--185 {
            --translate-y: -185px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--184, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--184 {
            --translate-y: -184px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--183, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--183 {
            --translate-y: -183px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--182, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--182 {
            --translate-y: -182px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--181, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--181 {
            --translate-y: -181px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--180, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--180 {
            --translate-y: -180px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--179, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--179 {
            --translate-y: -179px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--178, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--178 {
            --translate-y: -178px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--177, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--177 {
            --translate-y: -177px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--176, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--176 {
            --translate-y: -176px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--175, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--175 {
            --translate-y: -175px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--174, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--174 {
            --translate-y: -174px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--173, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--173 {
            --translate-y: -173px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--172, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--172 {
            --translate-y: -172px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--171, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--171 {
            --translate-y: -171px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--170, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--170 {
            --translate-y: -170px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--169, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--169 {
            --translate-y: -169px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--168, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--168 {
            --translate-y: -168px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--167, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--167 {
            --translate-y: -167px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--166, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--166 {
            --translate-y: -166px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--165, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--165 {
            --translate-y: -165px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--164, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--164 {
            --translate-y: -164px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--163, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--163 {
            --translate-y: -163px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--162, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--162 {
            --translate-y: -162px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--161, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--161 {
            --translate-y: -161px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--160, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--160 {
            --translate-y: -160px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--159, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--159 {
            --translate-y: -159px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--158, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--158 {
            --translate-y: -158px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--157, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--157 {
            --translate-y: -157px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--156, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--156 {
            --translate-y: -156px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--155, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--155 {
            --translate-y: -155px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--154, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--154 {
            --translate-y: -154px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--153, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--153 {
            --translate-y: -153px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--152, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--152 {
            --translate-y: -152px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--151, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--151 {
            --translate-y: -151px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--150, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--150 {
            --translate-y: -150px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--149, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--149 {
            --translate-y: -149px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--148, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--148 {
            --translate-y: -148px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--147, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--147 {
            --translate-y: -147px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--146, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--146 {
            --translate-y: -146px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--145, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--145 {
            --translate-y: -145px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--144, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--144 {
            --translate-y: -144px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--143, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--143 {
            --translate-y: -143px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--142, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--142 {
            --translate-y: -142px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--141, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--141 {
            --translate-y: -141px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--140, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--140 {
            --translate-y: -140px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--139, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--139 {
            --translate-y: -139px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--138, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--138 {
            --translate-y: -138px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--137, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--137 {
            --translate-y: -137px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--136, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--136 {
            --translate-y: -136px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--135, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--135 {
            --translate-y: -135px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--134, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--134 {
            --translate-y: -134px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--133, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--133 {
            --translate-y: -133px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--132, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--132 {
            --translate-y: -132px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--131, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--131 {
            --translate-y: -131px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--130, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--130 {
            --translate-y: -130px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--129, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--129 {
            --translate-y: -129px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--128, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--128 {
            --translate-y: -128px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--127, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--127 {
            --translate-y: -127px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--126, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--126 {
            --translate-y: -126px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--125, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--125 {
            --translate-y: -125px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--124, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--124 {
            --translate-y: -124px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--123, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--123 {
            --translate-y: -123px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--122, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--122 {
            --translate-y: -122px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--121, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--121 {
            --translate-y: -121px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--120, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--120 {
            --translate-y: -120px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--119, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--119 {
            --translate-y: -119px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--118, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--118 {
            --translate-y: -118px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--117, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--117 {
            --translate-y: -117px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--116, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--116 {
            --translate-y: -116px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--115, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--115 {
            --translate-y: -115px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--114, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--114 {
            --translate-y: -114px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--113, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--113 {
            --translate-y: -113px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--112, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--112 {
            --translate-y: -112px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--111, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--111 {
            --translate-y: -111px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--110, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--110 {
            --translate-y: -110px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--109, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--109 {
            --translate-y: -109px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--108, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--108 {
            --translate-y: -108px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--107, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--107 {
            --translate-y: -107px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--106, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--106 {
            --translate-y: -106px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--105, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--105 {
            --translate-y: -105px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--104, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--104 {
            --translate-y: -104px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--103, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--103 {
            --translate-y: -103px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--102, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--102 {
            --translate-y: -102px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--101, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--101 {
            --translate-y: -101px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--100, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--100 {
            --translate-y: -100px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--99, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--99 {
            --translate-y: -99px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--98, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--98 {
            --translate-y: -98px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--97, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--97 {
            --translate-y: -97px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--96, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--96 {
            --translate-y: -96px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--95, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--95 {
            --translate-y: -95px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--94, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--94 {
            --translate-y: -94px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--93, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--93 {
            --translate-y: -93px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--92, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--92 {
            --translate-y: -92px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--91, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--91 {
            --translate-y: -91px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--90, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--90 {
            --translate-y: -90px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--89, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--89 {
            --translate-y: -89px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--88, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--88 {
            --translate-y: -88px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--87, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--87 {
            --translate-y: -87px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--86, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--86 {
            --translate-y: -86px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--85, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--85 {
            --translate-y: -85px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--84, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--84 {
            --translate-y: -84px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--83, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--83 {
            --translate-y: -83px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--82, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--82 {
            --translate-y: -82px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--81, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--81 {
            --translate-y: -81px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--80, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--80 {
            --translate-y: -80px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--79, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--79 {
            --translate-y: -79px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--78, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--78 {
            --translate-y: -78px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--77, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--77 {
            --translate-y: -77px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--76, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--76 {
            --translate-y: -76px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--75, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--75 {
            --translate-y: -75px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--74, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--74 {
            --translate-y: -74px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--73, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--73 {
            --translate-y: -73px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--72, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--72 {
            --translate-y: -72px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--71, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--71 {
            --translate-y: -71px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--70, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--70 {
            --translate-y: -70px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--69, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--69 {
            --translate-y: -69px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--68, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--68 {
            --translate-y: -68px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--67, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--67 {
            --translate-y: -67px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--66, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--66 {
            --translate-y: -66px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--65, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--65 {
            --translate-y: -65px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--64, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--64 {
            --translate-y: -64px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--63, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--63 {
            --translate-y: -63px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--62, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--62 {
            --translate-y: -62px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--61, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--61 {
            --translate-y: -61px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--60, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--60 {
            --translate-y: -60px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--59, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--59 {
            --translate-y: -59px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--58, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--58 {
            --translate-y: -58px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--57, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--57 {
            --translate-y: -57px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--56, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--56 {
            --translate-y: -56px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--55, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--55 {
            --translate-y: -55px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--54, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--54 {
            --translate-y: -54px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--53, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--53 {
            --translate-y: -53px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--52, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--52 {
            --translate-y: -52px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--51, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--51 {
            --translate-y: -51px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--50, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--50 {
            --translate-y: -50px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--49, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--49 {
            --translate-y: -49px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--48, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--48 {
            --translate-y: -48px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--47, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--47 {
            --translate-y: -47px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--46, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--46 {
            --translate-y: -46px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--45, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--45 {
            --translate-y: -45px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--44, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--44 {
            --translate-y: -44px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--43, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--43 {
            --translate-y: -43px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--42, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--42 {
            --translate-y: -42px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--41, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--41 {
            --translate-y: -41px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--40, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--40 {
            --translate-y: -40px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--39, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--39 {
            --translate-y: -39px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--38, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--38 {
            --translate-y: -38px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--37, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--37 {
            --translate-y: -37px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--36, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--36 {
            --translate-y: -36px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--35, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--35 {
            --translate-y: -35px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--34, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--34 {
            --translate-y: -34px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--33, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--33 {
            --translate-y: -33px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--32, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--32 {
            --translate-y: -32px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--31, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--31 {
            --translate-y: -31px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--30, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--30 {
            --translate-y: -30px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--29, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--29 {
            --translate-y: -29px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--28, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--28 {
            --translate-y: -28px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--27, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--27 {
            --translate-y: -27px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--26, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--26 {
            --translate-y: -26px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--25, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--25 {
            --translate-y: -25px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--24, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--24 {
            --translate-y: -24px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--23, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--23 {
            --translate-y: -23px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--22, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--22 {
            --translate-y: -22px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--21, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--21 {
            --translate-y: -21px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--20, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--20 {
            --translate-y: -20px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--19, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--19 {
            --translate-y: -19px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--18, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--18 {
            --translate-y: -18px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--17, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--17 {
            --translate-y: -17px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--16, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--16 {
            --translate-y: -16px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--15, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--15 {
            --translate-y: -15px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--14, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--14 {
            --translate-y: -14px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--13, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--13 {
            --translate-y: -13px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--12, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--12 {
            --translate-y: -12px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--11, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--11 {
            --translate-y: -11px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--10, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--10 {
            --translate-y: -10px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--9, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--9 {
            --translate-y: -9px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--8, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--8 {
            --translate-y: -8px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--7, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--7 {
            --translate-y: -7px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--6, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--6 {
            --translate-y: -6px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--5, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--5 {
            --translate-y: -5px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--4, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--4 {
            --translate-y: -4px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--3, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--3 {
            --translate-y: -3px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--2, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--2 {
            --translate-y: -2px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y--1, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y--1 {
            --translate-y: -1px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-0, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-0 {
            --translate-y: 0px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-1, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-1 {
            --translate-y: 1px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-2, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-2 {
            --translate-y: 2px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-3, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-3 {
            --translate-y: 3px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-4, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-4 {
            --translate-y: 4px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-5, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-5 {
            --translate-y: 5px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-6, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-6 {
            --translate-y: 6px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-7, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-7 {
            --translate-y: 7px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-8, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-8 {
            --translate-y: 8px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-9, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-9 {
            --translate-y: 9px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-10, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-10 {
            --translate-y: 10px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-11, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-11 {
            --translate-y: 11px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-12, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-12 {
            --translate-y: 12px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-13, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-13 {
            --translate-y: 13px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-14, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-14 {
            --translate-y: 14px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-15, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-15 {
            --translate-y: 15px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-16, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-16 {
            --translate-y: 16px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-17, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-17 {
            --translate-y: 17px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-18, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-18 {
            --translate-y: 18px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-19, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-19 {
            --translate-y: 19px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-20, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-20 {
            --translate-y: 20px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-21, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-21 {
            --translate-y: 21px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-22, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-22 {
            --translate-y: 22px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-23, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-23 {
            --translate-y: 23px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-24, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-24 {
            --translate-y: 24px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-25, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-25 {
            --translate-y: 25px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-26, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-26 {
            --translate-y: 26px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-27, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-27 {
            --translate-y: 27px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-28, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-28 {
            --translate-y: 28px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-29, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-29 {
            --translate-y: 29px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-30, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-30 {
            --translate-y: 30px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-31, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-31 {
            --translate-y: 31px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-32, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-32 {
            --translate-y: 32px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-33, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-33 {
            --translate-y: 33px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-34, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-34 {
            --translate-y: 34px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-35, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-35 {
            --translate-y: 35px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-36, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-36 {
            --translate-y: 36px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-37, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-37 {
            --translate-y: 37px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-38, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-38 {
            --translate-y: 38px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-39, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-39 {
            --translate-y: 39px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-40, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-40 {
            --translate-y: 40px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-41, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-41 {
            --translate-y: 41px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-42, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-42 {
            --translate-y: 42px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-43, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-43 {
            --translate-y: 43px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-44, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-44 {
            --translate-y: 44px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-45, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-45 {
            --translate-y: 45px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-46, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-46 {
            --translate-y: 46px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-47, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-47 {
            --translate-y: 47px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-48, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-48 {
            --translate-y: 48px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-49, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-49 {
            --translate-y: 49px; }
          .management-container.create-event .discord .discord-banner .image-preview.translate-y-50, .management-container.create-event-template .discord .discord-banner .image-preview.translate-y-50 {
            --translate-y: 50px; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-50, .management-container.create-event-template .discord .discord-banner .image-preview.scale-50 {
            --scale: 0.5; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-51, .management-container.create-event-template .discord .discord-banner .image-preview.scale-51 {
            --scale: 0.51; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-52, .management-container.create-event-template .discord .discord-banner .image-preview.scale-52 {
            --scale: 0.52; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-53, .management-container.create-event-template .discord .discord-banner .image-preview.scale-53 {
            --scale: 0.53; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-54, .management-container.create-event-template .discord .discord-banner .image-preview.scale-54 {
            --scale: 0.54; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-55, .management-container.create-event-template .discord .discord-banner .image-preview.scale-55 {
            --scale: 0.55; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-56, .management-container.create-event-template .discord .discord-banner .image-preview.scale-56 {
            --scale: 0.56; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-57, .management-container.create-event-template .discord .discord-banner .image-preview.scale-57 {
            --scale: 0.57; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-58, .management-container.create-event-template .discord .discord-banner .image-preview.scale-58 {
            --scale: 0.58; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-59, .management-container.create-event-template .discord .discord-banner .image-preview.scale-59 {
            --scale: 0.59; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-60, .management-container.create-event-template .discord .discord-banner .image-preview.scale-60 {
            --scale: 0.6; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-61, .management-container.create-event-template .discord .discord-banner .image-preview.scale-61 {
            --scale: 0.61; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-62, .management-container.create-event-template .discord .discord-banner .image-preview.scale-62 {
            --scale: 0.62; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-63, .management-container.create-event-template .discord .discord-banner .image-preview.scale-63 {
            --scale: 0.63; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-64, .management-container.create-event-template .discord .discord-banner .image-preview.scale-64 {
            --scale: 0.64; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-65, .management-container.create-event-template .discord .discord-banner .image-preview.scale-65 {
            --scale: 0.65; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-66, .management-container.create-event-template .discord .discord-banner .image-preview.scale-66 {
            --scale: 0.66; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-67, .management-container.create-event-template .discord .discord-banner .image-preview.scale-67 {
            --scale: 0.67; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-68, .management-container.create-event-template .discord .discord-banner .image-preview.scale-68 {
            --scale: 0.68; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-69, .management-container.create-event-template .discord .discord-banner .image-preview.scale-69 {
            --scale: 0.69; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-70, .management-container.create-event-template .discord .discord-banner .image-preview.scale-70 {
            --scale: 0.7; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-71, .management-container.create-event-template .discord .discord-banner .image-preview.scale-71 {
            --scale: 0.71; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-72, .management-container.create-event-template .discord .discord-banner .image-preview.scale-72 {
            --scale: 0.72; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-73, .management-container.create-event-template .discord .discord-banner .image-preview.scale-73 {
            --scale: 0.73; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-74, .management-container.create-event-template .discord .discord-banner .image-preview.scale-74 {
            --scale: 0.74; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-75, .management-container.create-event-template .discord .discord-banner .image-preview.scale-75 {
            --scale: 0.75; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-76, .management-container.create-event-template .discord .discord-banner .image-preview.scale-76 {
            --scale: 0.76; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-77, .management-container.create-event-template .discord .discord-banner .image-preview.scale-77 {
            --scale: 0.77; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-78, .management-container.create-event-template .discord .discord-banner .image-preview.scale-78 {
            --scale: 0.78; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-79, .management-container.create-event-template .discord .discord-banner .image-preview.scale-79 {
            --scale: 0.79; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-80, .management-container.create-event-template .discord .discord-banner .image-preview.scale-80 {
            --scale: 0.8; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-81, .management-container.create-event-template .discord .discord-banner .image-preview.scale-81 {
            --scale: 0.81; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-82, .management-container.create-event-template .discord .discord-banner .image-preview.scale-82 {
            --scale: 0.82; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-83, .management-container.create-event-template .discord .discord-banner .image-preview.scale-83 {
            --scale: 0.83; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-84, .management-container.create-event-template .discord .discord-banner .image-preview.scale-84 {
            --scale: 0.84; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-85, .management-container.create-event-template .discord .discord-banner .image-preview.scale-85 {
            --scale: 0.85; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-86, .management-container.create-event-template .discord .discord-banner .image-preview.scale-86 {
            --scale: 0.86; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-87, .management-container.create-event-template .discord .discord-banner .image-preview.scale-87 {
            --scale: 0.87; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-88, .management-container.create-event-template .discord .discord-banner .image-preview.scale-88 {
            --scale: 0.88; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-89, .management-container.create-event-template .discord .discord-banner .image-preview.scale-89 {
            --scale: 0.89; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-90, .management-container.create-event-template .discord .discord-banner .image-preview.scale-90 {
            --scale: 0.9; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-91, .management-container.create-event-template .discord .discord-banner .image-preview.scale-91 {
            --scale: 0.91; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-92, .management-container.create-event-template .discord .discord-banner .image-preview.scale-92 {
            --scale: 0.92; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-93, .management-container.create-event-template .discord .discord-banner .image-preview.scale-93 {
            --scale: 0.93; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-94, .management-container.create-event-template .discord .discord-banner .image-preview.scale-94 {
            --scale: 0.94; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-95, .management-container.create-event-template .discord .discord-banner .image-preview.scale-95 {
            --scale: 0.95; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-96, .management-container.create-event-template .discord .discord-banner .image-preview.scale-96 {
            --scale: 0.96; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-97, .management-container.create-event-template .discord .discord-banner .image-preview.scale-97 {
            --scale: 0.97; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-98, .management-container.create-event-template .discord .discord-banner .image-preview.scale-98 {
            --scale: 0.98; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-99, .management-container.create-event-template .discord .discord-banner .image-preview.scale-99 {
            --scale: 0.99; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-100, .management-container.create-event-template .discord .discord-banner .image-preview.scale-100 {
            --scale: 1; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-101, .management-container.create-event-template .discord .discord-banner .image-preview.scale-101 {
            --scale: 1.01; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-102, .management-container.create-event-template .discord .discord-banner .image-preview.scale-102 {
            --scale: 1.02; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-103, .management-container.create-event-template .discord .discord-banner .image-preview.scale-103 {
            --scale: 1.03; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-104, .management-container.create-event-template .discord .discord-banner .image-preview.scale-104 {
            --scale: 1.04; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-105, .management-container.create-event-template .discord .discord-banner .image-preview.scale-105 {
            --scale: 1.05; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-106, .management-container.create-event-template .discord .discord-banner .image-preview.scale-106 {
            --scale: 1.06; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-107, .management-container.create-event-template .discord .discord-banner .image-preview.scale-107 {
            --scale: 1.07; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-108, .management-container.create-event-template .discord .discord-banner .image-preview.scale-108 {
            --scale: 1.08; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-109, .management-container.create-event-template .discord .discord-banner .image-preview.scale-109 {
            --scale: 1.09; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-110, .management-container.create-event-template .discord .discord-banner .image-preview.scale-110 {
            --scale: 1.1; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-111, .management-container.create-event-template .discord .discord-banner .image-preview.scale-111 {
            --scale: 1.11; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-112, .management-container.create-event-template .discord .discord-banner .image-preview.scale-112 {
            --scale: 1.12; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-113, .management-container.create-event-template .discord .discord-banner .image-preview.scale-113 {
            --scale: 1.13; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-114, .management-container.create-event-template .discord .discord-banner .image-preview.scale-114 {
            --scale: 1.14; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-115, .management-container.create-event-template .discord .discord-banner .image-preview.scale-115 {
            --scale: 1.15; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-116, .management-container.create-event-template .discord .discord-banner .image-preview.scale-116 {
            --scale: 1.16; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-117, .management-container.create-event-template .discord .discord-banner .image-preview.scale-117 {
            --scale: 1.17; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-118, .management-container.create-event-template .discord .discord-banner .image-preview.scale-118 {
            --scale: 1.18; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-119, .management-container.create-event-template .discord .discord-banner .image-preview.scale-119 {
            --scale: 1.19; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-120, .management-container.create-event-template .discord .discord-banner .image-preview.scale-120 {
            --scale: 1.2; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-121, .management-container.create-event-template .discord .discord-banner .image-preview.scale-121 {
            --scale: 1.21; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-122, .management-container.create-event-template .discord .discord-banner .image-preview.scale-122 {
            --scale: 1.22; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-123, .management-container.create-event-template .discord .discord-banner .image-preview.scale-123 {
            --scale: 1.23; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-124, .management-container.create-event-template .discord .discord-banner .image-preview.scale-124 {
            --scale: 1.24; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-125, .management-container.create-event-template .discord .discord-banner .image-preview.scale-125 {
            --scale: 1.25; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-126, .management-container.create-event-template .discord .discord-banner .image-preview.scale-126 {
            --scale: 1.26; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-127, .management-container.create-event-template .discord .discord-banner .image-preview.scale-127 {
            --scale: 1.27; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-128, .management-container.create-event-template .discord .discord-banner .image-preview.scale-128 {
            --scale: 1.28; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-129, .management-container.create-event-template .discord .discord-banner .image-preview.scale-129 {
            --scale: 1.29; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-130, .management-container.create-event-template .discord .discord-banner .image-preview.scale-130 {
            --scale: 1.3; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-131, .management-container.create-event-template .discord .discord-banner .image-preview.scale-131 {
            --scale: 1.31; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-132, .management-container.create-event-template .discord .discord-banner .image-preview.scale-132 {
            --scale: 1.32; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-133, .management-container.create-event-template .discord .discord-banner .image-preview.scale-133 {
            --scale: 1.33; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-134, .management-container.create-event-template .discord .discord-banner .image-preview.scale-134 {
            --scale: 1.34; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-135, .management-container.create-event-template .discord .discord-banner .image-preview.scale-135 {
            --scale: 1.35; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-136, .management-container.create-event-template .discord .discord-banner .image-preview.scale-136 {
            --scale: 1.36; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-137, .management-container.create-event-template .discord .discord-banner .image-preview.scale-137 {
            --scale: 1.37; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-138, .management-container.create-event-template .discord .discord-banner .image-preview.scale-138 {
            --scale: 1.38; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-139, .management-container.create-event-template .discord .discord-banner .image-preview.scale-139 {
            --scale: 1.39; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-140, .management-container.create-event-template .discord .discord-banner .image-preview.scale-140 {
            --scale: 1.4; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-141, .management-container.create-event-template .discord .discord-banner .image-preview.scale-141 {
            --scale: 1.41; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-142, .management-container.create-event-template .discord .discord-banner .image-preview.scale-142 {
            --scale: 1.42; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-143, .management-container.create-event-template .discord .discord-banner .image-preview.scale-143 {
            --scale: 1.43; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-144, .management-container.create-event-template .discord .discord-banner .image-preview.scale-144 {
            --scale: 1.44; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-145, .management-container.create-event-template .discord .discord-banner .image-preview.scale-145 {
            --scale: 1.45; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-146, .management-container.create-event-template .discord .discord-banner .image-preview.scale-146 {
            --scale: 1.46; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-147, .management-container.create-event-template .discord .discord-banner .image-preview.scale-147 {
            --scale: 1.47; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-148, .management-container.create-event-template .discord .discord-banner .image-preview.scale-148 {
            --scale: 1.48; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-149, .management-container.create-event-template .discord .discord-banner .image-preview.scale-149 {
            --scale: 1.49; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-150, .management-container.create-event-template .discord .discord-banner .image-preview.scale-150 {
            --scale: 1.5; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-151, .management-container.create-event-template .discord .discord-banner .image-preview.scale-151 {
            --scale: 1.51; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-152, .management-container.create-event-template .discord .discord-banner .image-preview.scale-152 {
            --scale: 1.52; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-153, .management-container.create-event-template .discord .discord-banner .image-preview.scale-153 {
            --scale: 1.53; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-154, .management-container.create-event-template .discord .discord-banner .image-preview.scale-154 {
            --scale: 1.54; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-155, .management-container.create-event-template .discord .discord-banner .image-preview.scale-155 {
            --scale: 1.55; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-156, .management-container.create-event-template .discord .discord-banner .image-preview.scale-156 {
            --scale: 1.56; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-157, .management-container.create-event-template .discord .discord-banner .image-preview.scale-157 {
            --scale: 1.57; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-158, .management-container.create-event-template .discord .discord-banner .image-preview.scale-158 {
            --scale: 1.58; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-159, .management-container.create-event-template .discord .discord-banner .image-preview.scale-159 {
            --scale: 1.59; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-160, .management-container.create-event-template .discord .discord-banner .image-preview.scale-160 {
            --scale: 1.6; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-161, .management-container.create-event-template .discord .discord-banner .image-preview.scale-161 {
            --scale: 1.61; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-162, .management-container.create-event-template .discord .discord-banner .image-preview.scale-162 {
            --scale: 1.62; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-163, .management-container.create-event-template .discord .discord-banner .image-preview.scale-163 {
            --scale: 1.63; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-164, .management-container.create-event-template .discord .discord-banner .image-preview.scale-164 {
            --scale: 1.64; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-165, .management-container.create-event-template .discord .discord-banner .image-preview.scale-165 {
            --scale: 1.65; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-166, .management-container.create-event-template .discord .discord-banner .image-preview.scale-166 {
            --scale: 1.66; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-167, .management-container.create-event-template .discord .discord-banner .image-preview.scale-167 {
            --scale: 1.67; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-168, .management-container.create-event-template .discord .discord-banner .image-preview.scale-168 {
            --scale: 1.68; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-169, .management-container.create-event-template .discord .discord-banner .image-preview.scale-169 {
            --scale: 1.69; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-170, .management-container.create-event-template .discord .discord-banner .image-preview.scale-170 {
            --scale: 1.7; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-171, .management-container.create-event-template .discord .discord-banner .image-preview.scale-171 {
            --scale: 1.71; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-172, .management-container.create-event-template .discord .discord-banner .image-preview.scale-172 {
            --scale: 1.72; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-173, .management-container.create-event-template .discord .discord-banner .image-preview.scale-173 {
            --scale: 1.73; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-174, .management-container.create-event-template .discord .discord-banner .image-preview.scale-174 {
            --scale: 1.74; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-175, .management-container.create-event-template .discord .discord-banner .image-preview.scale-175 {
            --scale: 1.75; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-176, .management-container.create-event-template .discord .discord-banner .image-preview.scale-176 {
            --scale: 1.76; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-177, .management-container.create-event-template .discord .discord-banner .image-preview.scale-177 {
            --scale: 1.77; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-178, .management-container.create-event-template .discord .discord-banner .image-preview.scale-178 {
            --scale: 1.78; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-179, .management-container.create-event-template .discord .discord-banner .image-preview.scale-179 {
            --scale: 1.79; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-180, .management-container.create-event-template .discord .discord-banner .image-preview.scale-180 {
            --scale: 1.8; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-181, .management-container.create-event-template .discord .discord-banner .image-preview.scale-181 {
            --scale: 1.81; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-182, .management-container.create-event-template .discord .discord-banner .image-preview.scale-182 {
            --scale: 1.82; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-183, .management-container.create-event-template .discord .discord-banner .image-preview.scale-183 {
            --scale: 1.83; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-184, .management-container.create-event-template .discord .discord-banner .image-preview.scale-184 {
            --scale: 1.84; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-185, .management-container.create-event-template .discord .discord-banner .image-preview.scale-185 {
            --scale: 1.85; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-186, .management-container.create-event-template .discord .discord-banner .image-preview.scale-186 {
            --scale: 1.86; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-187, .management-container.create-event-template .discord .discord-banner .image-preview.scale-187 {
            --scale: 1.87; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-188, .management-container.create-event-template .discord .discord-banner .image-preview.scale-188 {
            --scale: 1.88; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-189, .management-container.create-event-template .discord .discord-banner .image-preview.scale-189 {
            --scale: 1.89; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-190, .management-container.create-event-template .discord .discord-banner .image-preview.scale-190 {
            --scale: 1.9; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-191, .management-container.create-event-template .discord .discord-banner .image-preview.scale-191 {
            --scale: 1.91; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-192, .management-container.create-event-template .discord .discord-banner .image-preview.scale-192 {
            --scale: 1.92; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-193, .management-container.create-event-template .discord .discord-banner .image-preview.scale-193 {
            --scale: 1.93; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-194, .management-container.create-event-template .discord .discord-banner .image-preview.scale-194 {
            --scale: 1.94; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-195, .management-container.create-event-template .discord .discord-banner .image-preview.scale-195 {
            --scale: 1.95; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-196, .management-container.create-event-template .discord .discord-banner .image-preview.scale-196 {
            --scale: 1.96; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-197, .management-container.create-event-template .discord .discord-banner .image-preview.scale-197 {
            --scale: 1.97; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-198, .management-container.create-event-template .discord .discord-banner .image-preview.scale-198 {
            --scale: 1.98; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-199, .management-container.create-event-template .discord .discord-banner .image-preview.scale-199 {
            --scale: 1.99; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-200, .management-container.create-event-template .discord .discord-banner .image-preview.scale-200 {
            --scale: 2; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-201, .management-container.create-event-template .discord .discord-banner .image-preview.scale-201 {
            --scale: 2.01; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-202, .management-container.create-event-template .discord .discord-banner .image-preview.scale-202 {
            --scale: 2.02; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-203, .management-container.create-event-template .discord .discord-banner .image-preview.scale-203 {
            --scale: 2.03; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-204, .management-container.create-event-template .discord .discord-banner .image-preview.scale-204 {
            --scale: 2.04; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-205, .management-container.create-event-template .discord .discord-banner .image-preview.scale-205 {
            --scale: 2.05; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-206, .management-container.create-event-template .discord .discord-banner .image-preview.scale-206 {
            --scale: 2.06; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-207, .management-container.create-event-template .discord .discord-banner .image-preview.scale-207 {
            --scale: 2.07; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-208, .management-container.create-event-template .discord .discord-banner .image-preview.scale-208 {
            --scale: 2.08; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-209, .management-container.create-event-template .discord .discord-banner .image-preview.scale-209 {
            --scale: 2.09; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-210, .management-container.create-event-template .discord .discord-banner .image-preview.scale-210 {
            --scale: 2.1; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-211, .management-container.create-event-template .discord .discord-banner .image-preview.scale-211 {
            --scale: 2.11; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-212, .management-container.create-event-template .discord .discord-banner .image-preview.scale-212 {
            --scale: 2.12; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-213, .management-container.create-event-template .discord .discord-banner .image-preview.scale-213 {
            --scale: 2.13; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-214, .management-container.create-event-template .discord .discord-banner .image-preview.scale-214 {
            --scale: 2.14; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-215, .management-container.create-event-template .discord .discord-banner .image-preview.scale-215 {
            --scale: 2.15; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-216, .management-container.create-event-template .discord .discord-banner .image-preview.scale-216 {
            --scale: 2.16; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-217, .management-container.create-event-template .discord .discord-banner .image-preview.scale-217 {
            --scale: 2.17; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-218, .management-container.create-event-template .discord .discord-banner .image-preview.scale-218 {
            --scale: 2.18; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-219, .management-container.create-event-template .discord .discord-banner .image-preview.scale-219 {
            --scale: 2.19; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-220, .management-container.create-event-template .discord .discord-banner .image-preview.scale-220 {
            --scale: 2.2; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-221, .management-container.create-event-template .discord .discord-banner .image-preview.scale-221 {
            --scale: 2.21; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-222, .management-container.create-event-template .discord .discord-banner .image-preview.scale-222 {
            --scale: 2.22; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-223, .management-container.create-event-template .discord .discord-banner .image-preview.scale-223 {
            --scale: 2.23; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-224, .management-container.create-event-template .discord .discord-banner .image-preview.scale-224 {
            --scale: 2.24; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-225, .management-container.create-event-template .discord .discord-banner .image-preview.scale-225 {
            --scale: 2.25; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-226, .management-container.create-event-template .discord .discord-banner .image-preview.scale-226 {
            --scale: 2.26; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-227, .management-container.create-event-template .discord .discord-banner .image-preview.scale-227 {
            --scale: 2.27; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-228, .management-container.create-event-template .discord .discord-banner .image-preview.scale-228 {
            --scale: 2.28; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-229, .management-container.create-event-template .discord .discord-banner .image-preview.scale-229 {
            --scale: 2.29; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-230, .management-container.create-event-template .discord .discord-banner .image-preview.scale-230 {
            --scale: 2.3; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-231, .management-container.create-event-template .discord .discord-banner .image-preview.scale-231 {
            --scale: 2.31; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-232, .management-container.create-event-template .discord .discord-banner .image-preview.scale-232 {
            --scale: 2.32; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-233, .management-container.create-event-template .discord .discord-banner .image-preview.scale-233 {
            --scale: 2.33; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-234, .management-container.create-event-template .discord .discord-banner .image-preview.scale-234 {
            --scale: 2.34; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-235, .management-container.create-event-template .discord .discord-banner .image-preview.scale-235 {
            --scale: 2.35; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-236, .management-container.create-event-template .discord .discord-banner .image-preview.scale-236 {
            --scale: 2.36; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-237, .management-container.create-event-template .discord .discord-banner .image-preview.scale-237 {
            --scale: 2.37; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-238, .management-container.create-event-template .discord .discord-banner .image-preview.scale-238 {
            --scale: 2.38; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-239, .management-container.create-event-template .discord .discord-banner .image-preview.scale-239 {
            --scale: 2.39; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-240, .management-container.create-event-template .discord .discord-banner .image-preview.scale-240 {
            --scale: 2.4; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-241, .management-container.create-event-template .discord .discord-banner .image-preview.scale-241 {
            --scale: 2.41; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-242, .management-container.create-event-template .discord .discord-banner .image-preview.scale-242 {
            --scale: 2.42; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-243, .management-container.create-event-template .discord .discord-banner .image-preview.scale-243 {
            --scale: 2.43; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-244, .management-container.create-event-template .discord .discord-banner .image-preview.scale-244 {
            --scale: 2.44; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-245, .management-container.create-event-template .discord .discord-banner .image-preview.scale-245 {
            --scale: 2.45; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-246, .management-container.create-event-template .discord .discord-banner .image-preview.scale-246 {
            --scale: 2.46; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-247, .management-container.create-event-template .discord .discord-banner .image-preview.scale-247 {
            --scale: 2.47; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-248, .management-container.create-event-template .discord .discord-banner .image-preview.scale-248 {
            --scale: 2.48; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-249, .management-container.create-event-template .discord .discord-banner .image-preview.scale-249 {
            --scale: 2.49; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-250, .management-container.create-event-template .discord .discord-banner .image-preview.scale-250 {
            --scale: 2.5; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-251, .management-container.create-event-template .discord .discord-banner .image-preview.scale-251 {
            --scale: 2.51; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-252, .management-container.create-event-template .discord .discord-banner .image-preview.scale-252 {
            --scale: 2.52; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-253, .management-container.create-event-template .discord .discord-banner .image-preview.scale-253 {
            --scale: 2.53; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-254, .management-container.create-event-template .discord .discord-banner .image-preview.scale-254 {
            --scale: 2.54; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-255, .management-container.create-event-template .discord .discord-banner .image-preview.scale-255 {
            --scale: 2.55; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-256, .management-container.create-event-template .discord .discord-banner .image-preview.scale-256 {
            --scale: 2.56; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-257, .management-container.create-event-template .discord .discord-banner .image-preview.scale-257 {
            --scale: 2.57; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-258, .management-container.create-event-template .discord .discord-banner .image-preview.scale-258 {
            --scale: 2.58; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-259, .management-container.create-event-template .discord .discord-banner .image-preview.scale-259 {
            --scale: 2.59; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-260, .management-container.create-event-template .discord .discord-banner .image-preview.scale-260 {
            --scale: 2.6; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-261, .management-container.create-event-template .discord .discord-banner .image-preview.scale-261 {
            --scale: 2.61; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-262, .management-container.create-event-template .discord .discord-banner .image-preview.scale-262 {
            --scale: 2.62; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-263, .management-container.create-event-template .discord .discord-banner .image-preview.scale-263 {
            --scale: 2.63; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-264, .management-container.create-event-template .discord .discord-banner .image-preview.scale-264 {
            --scale: 2.64; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-265, .management-container.create-event-template .discord .discord-banner .image-preview.scale-265 {
            --scale: 2.65; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-266, .management-container.create-event-template .discord .discord-banner .image-preview.scale-266 {
            --scale: 2.66; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-267, .management-container.create-event-template .discord .discord-banner .image-preview.scale-267 {
            --scale: 2.67; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-268, .management-container.create-event-template .discord .discord-banner .image-preview.scale-268 {
            --scale: 2.68; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-269, .management-container.create-event-template .discord .discord-banner .image-preview.scale-269 {
            --scale: 2.69; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-270, .management-container.create-event-template .discord .discord-banner .image-preview.scale-270 {
            --scale: 2.7; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-271, .management-container.create-event-template .discord .discord-banner .image-preview.scale-271 {
            --scale: 2.71; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-272, .management-container.create-event-template .discord .discord-banner .image-preview.scale-272 {
            --scale: 2.72; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-273, .management-container.create-event-template .discord .discord-banner .image-preview.scale-273 {
            --scale: 2.73; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-274, .management-container.create-event-template .discord .discord-banner .image-preview.scale-274 {
            --scale: 2.74; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-275, .management-container.create-event-template .discord .discord-banner .image-preview.scale-275 {
            --scale: 2.75; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-276, .management-container.create-event-template .discord .discord-banner .image-preview.scale-276 {
            --scale: 2.76; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-277, .management-container.create-event-template .discord .discord-banner .image-preview.scale-277 {
            --scale: 2.77; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-278, .management-container.create-event-template .discord .discord-banner .image-preview.scale-278 {
            --scale: 2.78; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-279, .management-container.create-event-template .discord .discord-banner .image-preview.scale-279 {
            --scale: 2.79; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-280, .management-container.create-event-template .discord .discord-banner .image-preview.scale-280 {
            --scale: 2.8; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-281, .management-container.create-event-template .discord .discord-banner .image-preview.scale-281 {
            --scale: 2.81; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-282, .management-container.create-event-template .discord .discord-banner .image-preview.scale-282 {
            --scale: 2.82; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-283, .management-container.create-event-template .discord .discord-banner .image-preview.scale-283 {
            --scale: 2.83; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-284, .management-container.create-event-template .discord .discord-banner .image-preview.scale-284 {
            --scale: 2.84; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-285, .management-container.create-event-template .discord .discord-banner .image-preview.scale-285 {
            --scale: 2.85; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-286, .management-container.create-event-template .discord .discord-banner .image-preview.scale-286 {
            --scale: 2.86; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-287, .management-container.create-event-template .discord .discord-banner .image-preview.scale-287 {
            --scale: 2.87; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-288, .management-container.create-event-template .discord .discord-banner .image-preview.scale-288 {
            --scale: 2.88; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-289, .management-container.create-event-template .discord .discord-banner .image-preview.scale-289 {
            --scale: 2.89; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-290, .management-container.create-event-template .discord .discord-banner .image-preview.scale-290 {
            --scale: 2.9; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-291, .management-container.create-event-template .discord .discord-banner .image-preview.scale-291 {
            --scale: 2.91; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-292, .management-container.create-event-template .discord .discord-banner .image-preview.scale-292 {
            --scale: 2.92; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-293, .management-container.create-event-template .discord .discord-banner .image-preview.scale-293 {
            --scale: 2.93; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-294, .management-container.create-event-template .discord .discord-banner .image-preview.scale-294 {
            --scale: 2.94; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-295, .management-container.create-event-template .discord .discord-banner .image-preview.scale-295 {
            --scale: 2.95; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-296, .management-container.create-event-template .discord .discord-banner .image-preview.scale-296 {
            --scale: 2.96; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-297, .management-container.create-event-template .discord .discord-banner .image-preview.scale-297 {
            --scale: 2.97; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-298, .management-container.create-event-template .discord .discord-banner .image-preview.scale-298 {
            --scale: 2.98; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-299, .management-container.create-event-template .discord .discord-banner .image-preview.scale-299 {
            --scale: 2.99; }
          .management-container.create-event .discord .discord-banner .image-preview.scale-300, .management-container.create-event-template .discord .discord-banner .image-preview.scale-300 {
            --scale: 3; }
        .management-container.create-event .discord .discord-banner .zoom-slider, .management-container.create-event-template .discord .discord-banner .zoom-slider {
          display: flex;
          width: 325px;
          margin: 8px auto 0px auto; }
      .management-container.create-event .discord .discord-description, .management-container.create-event-template .discord .discord-description {
        display: flex;
        max-width: 540px;
        width: 540px; }
        .management-container.create-event .discord .discord-description .input-field, .management-container.create-event-template .discord .discord-description .input-field {
          display: flex;
          flex-direction: column;
          width: 100%;
          padding: 0 10px 0 20px; }
          .management-container.create-event .discord .discord-description .input-field .field-value, .management-container.create-event-template .discord .discord-description .input-field .field-value {
            color: #dfdfdf; }
          .management-container.create-event .discord .discord-description .input-field .home-file, .management-container.create-event .discord .discord-description .input-field .character-counter, .management-container.create-event-template .discord .discord-description .input-field .home-file, .management-container.create-event-template .discord .discord-description .input-field .character-counter {
            margin: 5px auto 5px 3px;
            color: #dfdfdf; }

.calendar-tooltip {
  position: absolute;
  background-color: #1c2d38;
  border: 1px solid #0c2637;
  border-radius: 8px;
  width: max-content;
  min-width: 200px;
  height: 275px;
  border: 1px solid #491212;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  cursor: pointer; }
  .calendar-tooltip[data-top] {
    --tooltip-top: attr(data-top px); }
  .calendar-tooltip.status {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    margin: 4px -3px 5px -3px;
    border: 2px solid #0c2637;
    box-shadow: 0px 0px 5px 2px #292a2bed; }
    .calendar-tooltip.status.canceled {
      background-color: #491212;
      color: #dfdfdf; }
    .calendar-tooltip.status.scheduled {
      background-color: #5aa05c;
      color: #dfdfdf; }
    .calendar-tooltip.status.live {
      background-color: #6e441c;
      color: #dfdfdf; }
    .calendar-tooltip.status.concluded {
      background-color: #2a3847;
      color: #b8b8b8; }
    .calendar-tooltip.status.tentative {
      background-color: #c78445;
      color: #dfdfdf; }
  .calendar-tooltip .tooltip-header {
    display: flex;
    justify-content: space-between;
    color: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 2px solid #2a3847;
    border-radius: 8px 8px 0px 0px;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    border-bottom: 2px solid #b8b8b8; }
    .calendar-tooltip .tooltip-header .tooltip-h3 {
      font-size: small;
      margin: 0;
      padding-right: 10px;
      color: #dfdfdf;
      text-transform: uppercase; }
    .calendar-tooltip .tooltip-header .link-chain-icon {
      width: 20px;
      height: 20px;
      margin-right: 10px;
      cursor: pointer; }
    .calendar-tooltip .tooltip-header .close-button {
      background: none;
      border: none;
      font-size: 16px;
      cursor: pointer; }
  .calendar-tooltip .tooltip-content {
    padding: 0 10px;
    margin-top: 5px;
    border-radius: 0 0 8px 8px;
    height: 190px; }
    .calendar-tooltip .tooltip-content p {
      margin: 5px 0; }
      .calendar-tooltip .tooltip-content p strong {
        font-weight: bold; }
  .calendar-tooltip .tooltip-footer {
    padding: 5px 10px; }
    .calendar-tooltip .tooltip-footer .btn-style1 {
      width: -webkit-fill-available;
      font-size: smaller;
      margin: 0 auto; }

/* ------------------------ */
/* Conteneur des événements */
/* ------------------------ */
.rbc-events-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
  grid-auto-rows: auto;
  grid-gap: 2px; }

.rbc-show-more {
  width: 100%; }

.rbc-show-more:hover, .rbc-show-more:focus {
  color: #491212;
  width: 100%; }

.calendar-event-modal .modal-dialog .modal-content {
  min-width: 960px;
  max-width: 1100px; }

.header.calendar-event, .header.create-event {
  display: flex;
  justify-content: space-between;
  color: #dfdfdf;
  text-transform: uppercase;
  font-weight: bold;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 2px solid #2a3847;
  border-radius: 8px 8px 0px 0px;
  background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
  .header.calendar-event .calendar-event-h3, .header.create-event .calendar-event-h3 {
    margin: 0;
    font-size: small; }
  .header.calendar-event .icon, .header.create-event .icon {
    display: flex;
    height: 18px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0; }
    .header.calendar-event .icon .close-event-button, .header.create-event .icon .close-event-button {
      position: relative;
      height: 40px;
      object-fit: contain;
      overflow: hidden;
      cursor: pointer; }
      .header.calendar-event .icon .close-event-button:hover, .header.create-event .icon .close-event-button:hover {
        top: -21px; }

.calendar-event.discord-banner {
  display: flex;
  align-items: center;
  width: auto;
  max-height: 300px;
  object-fit: cover;
  border: 1px solid;
  border-bottom: none;
  border-color: #b8b8b8;
  border-radius: 8px 8px 0px 0px;
  background-color: #151c24;
  overflow: hidden; }
  .calendar-event.discord-banner .discord-banner-image {
    width: 100%; }

.calendar-event .locked {
  pointer-events: none;
  opacity: 0.6; }

.calendar-event .locked-text {
  opacity: 0.6;
  font-style: italic; }

.locked {
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed; }

.calendar-event.time {
  display: flex;
  gap: 20px;
  min-height: 175px;
  border: 1px solid;
  border-top: none;
  border-color: #b8b8b8;
  border-radius: 0px 0px 8px 8px;
  background-color: #0c2637; }
  .calendar-event.time .column {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box; }
    .calendar-event.time .column:first-child {
      min-width: 0;
      flex-grow: 1; }
    .calendar-event.time .column:last-child {
      flex-basis: 350px;
      flex-shrink: 0; }
    .calendar-event.time .column .calendar-icon {
      width: auto;
      height: 15px;
      margin-right: 10px;
      vertical-align: middle; }
    .calendar-event.time .column .recurrence-item {
      display: flex;
      align-items: flex-start;
      /* Assure que l'icône et le texte sont alignés verticalement */ }
      .calendar-event.time .column .recurrence-item .calendar-icon {
        width: auto;
        height: 15px;
        margin-right: 10px;
        /* Espace entre l'icône et le texte */ }
      .calendar-event.time .column .recurrence-item p {
        margin: 0;
        /* Pour que le texte soit correctement aligné avec l'icône */ }

.calendar-event-report.header {
  display: flex;
  justify-content: space-between;
  color: #dfdfdf;
  text-transform: uppercase;
  font-weight: bold;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 2px solid #2a3847;
  border-radius: 8px 8px 0px 0px;
  background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
  .calendar-event-report.header .calendar-event-h3 {
    margin: 0;
    font-size: small; }
  .calendar-event-report.header .icon {
    display: flex;
    height: 18px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0; }
    .calendar-event-report.header .icon .close-event-button {
      position: relative;
      height: 40px;
      object-fit: contain;
      overflow: hidden;
      cursor: pointer; }
      .calendar-event-report.header .icon .close-event-button:hover {
        top: -21px; }

.calendar-event-report.content {
  display: flex;
  flex-direction: column;
  background: #163447;
  padding: 15px;
  gap: 10px;
  overflow: hidden; }
  .calendar-event-report.content .header-with-toggle {
    display: flex; }
    .calendar-event-report.content .header-with-toggle .h2-custom {
      text-transform: uppercase;
      margin-block-start: 0.3em;
      margin-block-end: 0em;
      margin-left: 10px; }
    .calendar-event-report.content .header-with-toggle .input-field.toggle-inline {
      display: flex;
      margin: auto 10px auto auto;
      align-items: center; }
      .calendar-event-report.content .header-with-toggle .input-field.toggle-inline .toggle-label {
        text-transform: uppercase;
        font-size: 0.8em;
        font-weight: 600;
        position: relative;
        top: 7px;
        margin-right: 10px; }
  .calendar-event-report.content .event-details.time {
    display: flex;
    gap: 20px;
    height: 175px;
    border: 1px solid;
    border-color: #b8b8b8;
    border-radius: 8px;
    background-color: #0c2637; }
    .calendar-event-report.content .event-details.time .column {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      padding: 10px;
      box-sizing: border-box; }
      .calendar-event-report.content .event-details.time .column:first-child {
        min-width: 0;
        flex-grow: 1; }
      .calendar-event-report.content .event-details.time .column:last-child {
        flex-basis: 350px;
        flex-shrink: 0; }
      .calendar-event-report.content .event-details.time .column .calendar-icon {
        width: auto;
        height: 15px;
        margin-right: 10px;
        vertical-align: middle; }
      .calendar-event-report.content .event-details.time .column .recurrence-item {
        display: flex;
        align-items: flex-start;
        /* Assure que l'icône et le texte sont alignés verticalement */ }
        .calendar-event-report.content .event-details.time .column .recurrence-item .calendar-icon {
          width: auto;
          height: 15px;
          margin-right: 10px;
          /* Espace entre l'icône et le texte */ }
        .calendar-event-report.content .event-details.time .column .recurrence-item p {
          margin: 0;
          /* Pour que le texte soit correctement aligné avec l'icône */ }
  .calendar-event-report.content .conditional-bloc.row {
    display: flex;
    gap: 10px;
    width: 100%; }
    .calendar-event-report.content .conditional-bloc.row .joined-operation {
      background-color: #1c2d38;
      border: 1px solid #b8b8b8;
      border-radius: 6px;
      min-width: 49%;
      width: 100%; }
      .calendar-event-report.content .conditional-bloc.row .joined-operation .joined-operation-header {
        display: flex;
        flex-direction: row;
        color: #dfdfdf; }
        .calendar-event-report.content .conditional-bloc.row .joined-operation .joined-operation-header .calendar-icon {
          position: relative;
          width: auto;
          height: 18px;
          margin-right: 8px;
          margin-left: 10px;
          vertical-align: middle;
          top: 15px; }
        .calendar-event-report.content .conditional-bloc.row .joined-operation .joined-operation-header .joined {
          color: #dfdfdf; }
      .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list {
        max-height: 85px;
        padding: 5px 0px 10px;
        overflow: auto; }
        .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list::-webkit-scrollbar {
          width: 8px; }
        .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list::-webkit-scrollbar-track {
          background: #2e3842;
          border-radius: 4px;
          padding-right: 1px; }
        .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list::-webkit-scrollbar-thumb {
          background-color: #491212;
          border-radius: 4px; }
          .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list::-webkit-scrollbar-thumb:hover {
            background-color: #200808; }
        .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list .participant-item {
          display: flex;
          align-items: center;
          margin: 3px 0px 3px 0px; }
          .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list .participant-item .participant-logo {
            position: relative;
            height: 20px;
            width: auto;
            margin: 0px 10px 0px 35px; }
          .calendar-event-report.content .conditional-bloc.row .joined-operation .alliance-list .participant-item .alliance-name {
            margin-top: 0; }
    .calendar-event-report.content .conditional-bloc.row .operation-incomes {
      background-color: #1c2d38;
      border: 1px solid #b8b8b8;
      border-radius: 6px;
      min-width: 49%;
      width: 100%; }
      .calendar-event-report.content .conditional-bloc.row .operation-incomes .operation-incomes-header {
        display: flex;
        flex-direction: row;
        color: #dfdfdf; }
        .calendar-event-report.content .conditional-bloc.row .operation-incomes .operation-incomes-header .calendar-icon {
          position: relative;
          width: auto;
          height: 18px;
          margin-right: 8px;
          margin-left: 10px;
          top: 15px; }
        .calendar-event-report.content .conditional-bloc.row .operation-incomes .operation-incomes-header .incomes {
          color: #dfdfdf; }
      .calendar-event-report.content .conditional-bloc.row .operation-incomes .incomes-details {
        max-height: 85px;
        padding: 10px 35px 10px; }
        .calendar-event-report.content .conditional-bloc.row .operation-incomes .incomes-details .income-input-wrapper {
          position: relative;
          display: inline-block; }
          .calendar-event-report.content .conditional-bloc.row .operation-incomes .incomes-details .income-input-wrapper .income-input {
            padding-right: 25px; }
          .calendar-event-report.content .conditional-bloc.row .operation-incomes .incomes-details .income-input-wrapper .uec-icon-input {
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            width: 15px;
            height: 15px; }
        .calendar-event-report.content .conditional-bloc.row .operation-incomes .incomes-details .income-percentage {
          margin-top: 0px;
          padding: 7px 0px 0px; }
        .calendar-event-report.content .conditional-bloc.row .operation-incomes .incomes-details .uec-icon-percentage {
          position: relative;
          width: 15px;
          height: 15px;
          margin-left: 5px;
          top: 2px; }
  .calendar-event-report.content .participants {
    background: #0c2637;
    border: 1px solid #b8b8b8;
    border-radius: 6px; }
    .calendar-event-report.content .participants .participant-count {
      display: flex;
      flex-direction: row; }
      .calendar-event-report.content .participants .participant-count .css-b62m3t-container {
        margin-left: auto; }
      .calendar-event-report.content .participants .participant-count .react-select-input__control {
        margin-top: 15px;
        margin-right: 10px;
        margin-left: auto; }
      .calendar-event-report.content .participants .participant-count .count {
        color: #dfdfdf;
        position: relative;
        top: 17px; }
      .calendar-event-report.content .participants .participant-count .participant-select-container {
        display: flex;
        flex-direction: row;
        margin-left: auto;
        margin-right: 10px; }
        .calendar-event-report.content .participants .participant-count .participant-select-container .add-participant-button {
          position: relative;
          top: 15px; }
          .calendar-event-report.content .participants .participant-count .participant-select-container .add-participant-button .add-icon {
            height: 20px;
            width: auto; }
      .calendar-event-report.content .participants .participant-count .calendar-icon {
        position: relative;
        width: auto;
        height: 18px;
        margin-right: 8px;
        margin-left: 10px;
        vertical-align: middle;
        top: 15px; }
    .calendar-event-report.content .participants .participants-list {
      display: grid;
      padding: 1em;
      grid-template-columns: repeat(auto-fit, minmax(200px, 0fr));
      place-content: start;
      overflow-y: auto;
      max-height: 200px; }
      .calendar-event-report.content .participants .participants-list::-webkit-scrollbar {
        width: 8px; }
      .calendar-event-report.content .participants .participants-list::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .calendar-event-report.content .participants .participants-list::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .calendar-event-report.content .participants .participants-list::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
      .calendar-event-report.content .participants .participants-list .participant-item {
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        position: relative;
        padding: 0 0.5em;
        cursor: pointer; }
        .calendar-event-report.content .participants .participants-list .participant-item:hover {
          color: white;
          cursor: pointer; }
        .calendar-event-report.content .participants .participants-list .participant-item .discord-avatar {
          width: auto;
          height: 20px;
          margin-right: 10px;
          border-radius: 50%; }
        .calendar-event-report.content .participants .participants-list .participant-item .scrollable-label {
          display: inline-block;
          max-width: 110px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          position: relative; }
          .calendar-event-report.content .participants .participants-list .participant-item .scrollable-label.scroll:hover {
            max-width: 110px;
            overflow: hidden;
            text-overflow: unset;
            animation: scrollText 5s linear infinite; }

@keyframes scrollText {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
        .calendar-event-report.content .participants .participants-list .participant-item .ribbons-icon {
          height: 40px;
          object-fit: contain;
          margin-right: 0px;
          position: relative;
          margin-left: auto;
          top: -8px;
          clip-path: inset(50% 0 0 0); }
          .calendar-event-report.content .participants .participants-list .participant-item .ribbons-icon:hover {
            top: 12px;
            clip-path: inset(0 0 50% 0); }
          .calendar-event-report.content .participants .participants-list .participant-item .ribbons-icon.disabled {
            pointer-events: none;
            cursor: not-allowed;
            opacity: 0.5; }
          .calendar-event-report.content .participants .participants-list .participant-item .ribbons-icon.has-ribbons {
            top: 12px;
            clip-path: inset(0 0 50% 0); }
        .calendar-event-report.content .participants .participants-list .participant-item.deselected {
          color: #d12323;
          opacity: 0.5;
          text-decoration: line-through; }
          .calendar-event-report.content .participants .participants-list .participant-item.deselected .discord-avatar {
            width: auto;
            height: 18px;
            border: 1px solid #d12323; }
          .calendar-event-report.content .participants .participants-list .participant-item.deselected .ribbons-icon {
            pointer-events: none;
            cursor: not-allowed;
            opacity: 0.5; }
        .calendar-event-report.content .participants .participants-list .participant-item.added {
          color: #008000;
          opacity: 1; }
        .calendar-event-report.content .participants .participants-list .participant-item::after {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 1px;
          background: #b8b8b8; }
      .calendar-event-report.content .participants .participants-list .participant-item:nth-child(5n)::after {
        display: none; }

.calendar-event-report.footer {
  background-color: #163447;
  padding: 15px;
  border-radius: 0px 0px 8px 8px; }

.occurrence-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px; }
  .occurrence-item .event-time {
    display: flex;
    flex-direction: row;
    margin: 5px 0; }
    .occurrence-item .event-time .calendar-icon {
      width: auto;
      height: 18px;
      margin-right: 8px;
      vertical-align: middle; }
    .occurrence-item .event-time .dates-time {
      display: flex;
      flex-direction: column;
      gap: 0px; }
    .occurrence-item .event-time .date-time-selector .react-datepicker__input-container input {
      display: flex;
      flex-direction: column;
      width: 32px;
      margin: 0px 0; }
    .occurrence-item .event-time p {
      margin: 3px 0; }
  .occurrence-item .event-link {
    display: flex;
    flex-direction: row;
    margin: 0;
    cursor: pointer; }
    .occurrence-item .event-link .link-chain-icon {
      height: 15px;
      width: auto;
      margin-right: 10px; }
    .occurrence-item .event-link .link-text {
      margin: 0px;
      cursor: pointer; }
      .occurrence-item .event-link .link-text:hover {
        color: white; }

.recurrence-item .react-datepicker-wrapper .react-datepicker__input-container input {
  width: 70px; }

.discord-tooltip {
  color: red;
  background: #2a3847;
  padding: 3px;
  border: 1px solid #9e2222;
  border-radius: 6px; }

.tooltip-item {
  display: flex;
  position: relative;
  bottom: 0px;
  height: 25px; }
  .tooltip-item .calendar-icon {
    position: relative;
    width: auto;
    height: 16px;
    margin-right: 6px;
    top: 5px; }
  .tooltip-item p {
    margin-top: auto; }

.tooltip1 {
  font-size: 0.8em; }

.calendar-event.type {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .calendar-event.type .type-item {
    display: flex;
    flex-direction: column;
    margin-left: 25px; }
    .calendar-event.type .type-item .type-subtype {
      display: flex;
      flex-direction: row;
      gap: 5px; }
    .calendar-event.type .type-item .division-section {
      display: flex;
      flex-direction: row;
      gap: 5px; }
      .calendar-event.type .type-item .division-section .combined-arms-tooltip {
        font-style: oblique;
        position: relative;
        cursor: help; }
        .calendar-event.type .type-item .division-section .combined-arms-tooltip:hover .tooltip-content {
          display: block; }
        .calendar-event.type .type-item .division-section .combined-arms-tooltip .tooltip-content {
          display: none;
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translateX(-50%);
          background-color: #1c2d38;
          border: 1px solid #491212;
          border-radius: 6px;
          padding: 10px;
          z-index: 1000;
          width: 300px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
          white-space: nowrap; }
          .calendar-event.type .type-item .division-section .combined-arms-tooltip .tooltip-content .combined-arms-tooltip-title {
            color: white;
            font-weight: bolder;
            text-transform: uppercase;
            font-size: 0.8em;
            margin-bottom: 5px; }
          .calendar-event.type .type-item .division-section .combined-arms-tooltip .tooltip-content .division-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 3px 0; }
            .calendar-event.type .type-item .division-section .combined-arms-tooltip .tooltip-content .division-row .branch-column,
            .calendar-event.type .type-item .division-section .combined-arms-tooltip .tooltip-content .division-row .section-column {
              flex: 1;
              text-align: left; }
            .calendar-event.type .type-item .division-section .combined-arms-tooltip .tooltip-content .division-row .divisions-separator {
              width: 1%;
              text-align: center;
              padding: 0 5px;
              white-space: nowrap; }
      .calendar-event.type .type-item .division-section p {
        margin: 3px 0; }
  .calendar-event.type .org-share {
    display: flex;
    flex-direction: row; }
    .calendar-event.type .org-share .org-share-information {
      margin: 3px 0; }
    .calendar-event.type .org-share .uec {
      position: relative;
      width: 15px;
      top: 4px; }
  .calendar-event.type .voice-info {
    display: flex;
    flex-direction: row; }
    .calendar-event.type .voice-info .headset {
      position: relative;
      width: 15px;
      top: 4px; }
    .calendar-event.type .voice-info .voice-channel {
      display: flex;
      flex-direction: column; }
      .calendar-event.type .voice-info .voice-channel p {
        margin: 3px 0; }
  .calendar-event.type .location-item {
    display: flex;
    justify-content: flex-start;
    height: 25px;
    align-items: center;
    margin-top: auto; }
    .calendar-event.type .location-item .field-input {
      padding: 3px 5px 3px 5px; }
    .calendar-event.type .location-item .calendar-icon {
      width: auto;
      height: 15px;
      margin-right: 10px; }
    .calendar-event.type .location-item p {
      margin: 0; }
  .calendar-event.type .clearance-item {
    display: flex;
    justify-content: flex-start;
    height: 25px;
    align-items: center;
    margin-top: 0px; }
    .calendar-event.type .clearance-item .field-input {
      padding: 3px 5px 3px 5px; }
    .calendar-event.type .clearance-item .calendar-icon {
      width: auto;
      height: 15px;
      margin-right: 10px; }
    .calendar-event.type .clearance-item p {
      margin: 0; }

.calendar-event.title {
  display: flex;
  align-items: center;
  margin-right: 0px;
  margin-left: auto;
  margin-bottom: 10px;
  gap: 5px; }
  .calendar-event.title .title {
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px 10px; }
  .calendar-event.title .edit-mode {
    display: flex;
    gap: 10px;
    margin-right: 0px;
    margin-left: auto; }

.calendar-event.status {
  width: max-content;
  min-width: 80px;
  height: max-content;
  padding: 5px 5px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 0.7em;
  text-transform: uppercase;
  margin: 0px 20px 5px 20px;
  border: 2px solid #0c2637;
  box-shadow: 0px 0px 5px 2px #292a2bed;
  transition: all 0.3s ease; }
  .calendar-event.status.canceled {
    background-color: #9e2222;
    color: #b8b8b8; }
  .calendar-event.status.tentative {
    background-color: #b8a500;
    color: #2a3847; }
  .calendar-event.status.scheduled {
    background-color: #166316;
    color: #dfdfdf; }
  .calendar-event.status.live {
    background-color: #8b590d;
    color: #dfdfdf; }
  .calendar-event.status.live-button {
    background-color: #8b590d;
    color: #dfdfdf;
    border: 2px solid #8b590d;
    transition: all 0.3s ease;
    cursor: pointer; }
    .calendar-event.status.live-button:hover {
      background-color: #5c3b09;
      color: #b8b8b8;
      transform: scale(1.1); }
  .calendar-event.status.concluded {
    background-color: #2a3847;
    color: #b8b8b8; }

.delete-event-modal .modal-content .header, .confirm-conclude-modal .modal-content .header {
  display: flex;
  justify-content: space-between;
  color: #dfdfdf;
  text-transform: uppercase;
  font-weight: bold;
  align-items: center;
  padding: 5px 10px;
  border-bottom: 2px solid #2a3847;
  border-radius: 8px 8px 0px 0px;
  background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }

.delete-event-modal .modal-content .content, .confirm-conclude-modal .modal-content .content {
  background-color: #27333f;
  padding: 15px; }
  .delete-event-modal .modal-content .content .field-input, .confirm-conclude-modal .modal-content .content .field-input {
    height: 30px;
    max-width: -webkit-fill-available;
    min-width: -webkit-fill-available; }

.delete-event-modal .modal-content .footer, .confirm-conclude-modal .modal-content .footer {
  display: flex;
  justify-content: flex-end;
  background-color: #0c2637;
  padding: 10px;
  border-radius: 0 0 8px 8px;
  gap: 10px; }
  .delete-event-modal .modal-content .footer .btn-style1, .confirm-conclude-modal .modal-content .footer .btn-style1 {
    margin: 0; }

.content.calendar-event {
  background-color: #163447;
  padding: 0 15px; }
  .content.calendar-event .description {
    margin-top: 10px;
    padding: 10px;
    background-color: #0c2637;
    border: 1px solid #b8b8b8;
    border-radius: 8px; }
    .content.calendar-event .description .description-header {
      display: flex;
      align-items: center;
      /* Assure l'alignement vertical de l'icône et du texte */ }
      .content.calendar-event .description .description-header .calendar-icon {
        width: auto;
        height: 15px;
        margin-right: 10px;
        /* Espace entre l'icône et le texte */ }
      .content.calendar-event .description .description-header .description-title {
        margin: 0;
        /* Pour éviter un espace supplémentaire sous le titre */ }
    .content.calendar-event .description .description-content {
      padding: 0px 25px; }
  .content.calendar-event .participants {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    height: 115px;
    padding: 10px;
    background-color: #0c2637;
    border: 1px solid #b8b8b8;
    border-radius: 8px; }
    .content.calendar-event .participants .calendar-icon {
      width: auto;
      height: 18px;
      margin-right: 10px;
      margin-top: 5px; }
    .content.calendar-event .participants .players {
      display: flex;
      flex-direction: column;
      min-width: 0;
      flex-grow: 1; }
      .content.calendar-event .participants .players .officers {
        display: flex;
        flex-direction: column;
        min-width: 0;
        flex-grow: 1; }
        .content.calendar-event .participants .players .officers p {
          margin: 5px 0; }
      .content.calendar-event .participants .players .max-attendees {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin: 0; }
        .content.calendar-event .participants .players .max-attendees .participantLimit {
          margin: 0px 0px 10px 0px; }
        .content.calendar-event .participants .players .max-attendees .field-input.participant-limit {
          position: relative;
          padding: 2px 5px 2px 5px;
          bottom: 5px;
          width: 50px; }
      .content.calendar-event .participants .players .participants-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 22px; }
        .content.calendar-event .participants .players .participants-list .participants-count {
          position: relative;
          margin: 0px 10px 0 0; }
        .content.calendar-event .participants .players .participants-list .participant-item {
          position: relative;
          margin: 0; }
          .content.calendar-event .participants .players .participants-list .participant-item .participant-avatar {
            border-radius: 50%;
            width: auto;
            height: 22px;
            margin-right: -5px;
            background-color: #0c2637;
            border: 1px solid #b8b8b8; }
    .content.calendar-event .participants .joined-operation {
      display: flex;
      flex-direction: column;
      flex-basis: 325px;
      flex-shrink: 0; }
      .content.calendar-event .participants .joined-operation .calendar-icon {
        width: auto;
        height: 18px;
        margin-right: 10px;
        margin-top: 5px; }
      .content.calendar-event .participants .joined-operation .edit-allies {
        height: 85px;
        background-color: #1c2d38;
        border: 1px solid #b8b8b8;
        border-radius: 6px;
        overflow: auto;
        margin-top: 5px; }
        .content.calendar-event .participants .joined-operation .edit-allies::-webkit-scrollbar {
          width: 8px; }
        .content.calendar-event .participants .joined-operation .edit-allies::-webkit-scrollbar-track {
          background: #2e3842;
          border-radius: 4px;
          padding-right: 1px; }
        .content.calendar-event .participants .joined-operation .edit-allies::-webkit-scrollbar-thumb {
          background-color: #491212;
          border-radius: 4px; }
          .content.calendar-event .participants .joined-operation .edit-allies::-webkit-scrollbar-thumb:hover {
            background-color: #200808; }
      .content.calendar-event .participants .joined-operation .alliance-list {
        max-height: 85px;
        border-radius: 6px;
        overflow: auto;
        margin-top: 5px; }
        .content.calendar-event .participants .joined-operation .alliance-list::-webkit-scrollbar {
          width: 8px; }
        .content.calendar-event .participants .joined-operation .alliance-list::-webkit-scrollbar-track {
          background: #2e3842;
          border-radius: 4px;
          padding-right: 1px; }
        .content.calendar-event .participants .joined-operation .alliance-list::-webkit-scrollbar-thumb {
          background-color: #491212;
          border-radius: 4px; }
          .content.calendar-event .participants .joined-operation .alliance-list::-webkit-scrollbar-thumb:hover {
            background-color: #200808; }
      .content.calendar-event .participants .joined-operation .participant-item {
        display: flex;
        align-items: center;
        margin: 3px 0px 3px 0px; }
        .content.calendar-event .participants .joined-operation .participant-item .participant-logo {
          height: 20px;
          width: auto;
          margin-right: 10px; }
        .content.calendar-event .participants .joined-operation .participant-item p {
          margin: 0; }
  .content.calendar-event .rewards {
    position: relative;
    text-align: center;
    margin: 10px auto;
    display: flex;
    flex-direction: column;
    background-color: #0c2637;
    border: 1px solid #b8b8b8;
    border-radius: 8px; }
    .content.calendar-event .rewards .rewards-header {
      display: flex;
      align-items: center;
      margin: 10px; }
      .content.calendar-event .rewards .rewards-header .calendar-icon {
        width: auto;
        height: 18px;
        margin-right: 10px;
        /* Espace entre l'icône et le texte */ }
      .content.calendar-event .rewards .rewards-header .rewards-title {
        margin: 0;
        /* Pour éviter un espace supplémentaire sous le titre */ }
    .content.calendar-event .rewards .ribbon-informations .ribbon-name {
      text-transform: uppercase;
      font-weight: bold;
      margin: auto; }
    .content.calendar-event .rewards .ribbon-informations .ribbon-description {
      margin-top: 10px;
      margin-bottom: 20px; }

.selected-ribbon-container {
  margin: 10px auto 5px auto; }
  .selected-ribbon-container.display-event {
    width: 300px; }
  .selected-ribbon-container.event-template {
    width: 250px; }

.footer.calendar-event {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #163447;
  padding: 10px 0;
  border-radius: 0 0 8px 8px;
  margin: auto;
  width: 100%; }
  .footer.calendar-event .btn-style1 {
    width: 200px;
    font-size: medium;
    margin: 0 auto; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 10px;
  padding: 5px 10px;
  white-space: nowrap; }

.timezone-display {
  display: flex;
  position: relative;
  margin-top: 10px;
  margin-bottom: auto;
  justify-content: center; }

.ribbon-tooltip {
  display: flex;
  flex-direction: column;
  position: fixed;
  background-color: #2a3847;
  border: 1px solid #491212;
  border-right: 0;
  border-bottom: 4px solid #491212;
  border-radius: 6px 0px 0px 6px;
  z-index: 1000;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  top: var(--tooltip-y, 0);
  left: var(--tooltip-x, 0); }
  .ribbon-tooltip[data-tooltip-x] {
    --tooltip-x: attr(data-tooltip-x px); }
  .ribbon-tooltip[data-tooltip-y] {
    --tooltip-y: attr(data-tooltip-y px); }
  .ribbon-tooltip .ribbon-header {
    display: flex;
    flex-direction: row;
    height: 30px;
    border-bottom: 2px solid #163447;
    border-radius: 6px 0px 0px 0px;
    overflow: hidden;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .ribbon-tooltip .ribbon-header .icon {
      position: relative;
      height: 30px;
      overflow: hidden;
      top: 5px; }
      .ribbon-tooltip .ribbon-header .icon .ribbon-icon {
        position: relative;
        height: 40px;
        width: auto;
        margin-left: 5px;
        overflow-x: hidden;
        bottom: 20px; }
    .ribbon-tooltip .ribbon-header .custom-h3 {
      color: #dfdfdf;
      font-size: smaller;
      font-weight: 600;
      margin: 1px;
      padding: 5px; }
  .ribbon-tooltip .ribbon-content {
    display: flex;
    flex-direction: column; }
    .ribbon-tooltip .ribbon-content .ribbon-list {
      background: #1c2d38;
      width: max-content;
      max-width: 205px;
      height: 130px;
      padding: 10px;
      margin: 7px 5px;
      border: 1px solid #491212;
      border-radius: 6px;
      overflow-x: hidden; }
      .ribbon-tooltip .ribbon-content .ribbon-list::-webkit-scrollbar {
        width: 8px; }
      .ribbon-tooltip .ribbon-content .ribbon-list::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .ribbon-tooltip .ribbon-content .ribbon-list::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .ribbon-tooltip .ribbon-content .ribbon-list::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
      .ribbon-tooltip .ribbon-content .ribbon-list label {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        max-width: 180px;
        word-break: break-word;
        line-height: 1.2; }
      .ribbon-tooltip .ribbon-content .ribbon-list input[type="checkbox"] {
        margin-top: 3px; }
    .ribbon-tooltip .ribbon-content .ribbon-name {
      color: #b8b8b8; }
      .ribbon-tooltip .ribbon-content .ribbon-name.selected {
        color: #75cf78; }
    .ribbon-tooltip .ribbon-content .ribbon-comment-actions {
      margin: 8px 20px; }
    .ribbon-tooltip .ribbon-content .ribbon-comment-editor {
      position: absolute;
      width: max-content;
      top: -9px;
      left: 230px;
      margin: 7px 5px  0px  0px; }
      .ribbon-tooltip .ribbon-content .ribbon-comment-editor .mde-textarea-wrapper .mde-text {
        height: 110px !important; }
      .ribbon-tooltip .ribbon-content .ribbon-comment-editor .mde-preview {
        min-height: 110px !important;
        max-height: 110px !important;
        height: 110px !important; }
      .ribbon-tooltip .ribbon-content .ribbon-comment-editor .lexical-container .editor-container {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left: 0px;
        background: #2a3847; }
        .ribbon-tooltip .ribbon-content .ribbon-comment-editor .lexical-container .editor-container .toolbar {
          border-top-left-radius: 0px; }
        .ribbon-tooltip .ribbon-content .ribbon-comment-editor .lexical-container .editor-container .editor-input {
          min-height: 115px;
          background: #1c2d38;
          margin: 5px 6px 54px 5px;
          border: 1px solid #491212;
          border-radius: 6px; }

.special-add-button-container {
  position: relative;
  height: 50px;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; }

.special-add-button {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
  width: 75px;
  height: 25px;
  background-image: url(/images/steel.png);
  background-color: rgba(0, 51, 128, 0.2);
  background-blend-mode: multiply;
  border-radius: 20px;
  overflow: hidden;
  color: #491212;
  text-transform: uppercase;
  font-size: 0.65em;
  font-weight: 800;
  padding-left: 8px;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px 2px #2f30315e; }
  .special-add-button:hover {
    background-color: rgba(0, 51, 128, 0);
    color: #9e2222;
    text-decoration: none;
    height: 50px;
    width: 227px;
    box-shadow: 0px 0px 5px 2px #2f30315e; }
  .special-add-button.expanded {
    width: 227px;
    height: 50px;
    background-color: rgba(0, 51, 128, 0);
    box-shadow: 0px 0px 5px 2px #2f30315e;
    border: 1px solid #9e2222; }
  .special-add-button:active {
    box-shadow: 0px 0px 5px 2px #2f3031ee; }
  .special-add-button .button-label {
    flex-shrink: 0;
    white-space: nowrap;
    margin-right: 10px;
    padding: 2px 2px 0px 3px; }
  .special-add-button .add-input {
    border: none;
    outline: none;
    padding: 1px 10px;
    flex-grow: 1;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; }
    .special-add-button .add-input.handle-input {
      border-radius: 12px 12px 0px 0px; }
    .special-add-button .add-input.discord-id-input {
      border-radius: 0px 0px 12px 12px; }
    .special-add-button .add-input.visible {
      margin-top: 1px;
      margin-bottom: 1px;
      opacity: 1;
      max-height: 50px;
      box-shadow: 0px 0px 4px 2px #2f303169; }
  .special-add-button .add-icon-wrapper {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    color: #491212;
    top: 1px;
    right: 2px;
    flex-shrink: 0;
    margin-left: auto; }
  .special-add-button .plus-icon {
    font-size: 22px; }

.event-debrief .input-field .react-mde .mde-textarea-wrapper .mde-text, .event-debrief .input-field .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text {
  height: 300px !important; }

.event-debrief .input-field .react-mde .mde-preview, .event-debrief .input-field .react-mde-tabbed-layout .mde-preview {
  height: 300px !important; }

.content .react-mde .mde-textarea-wrapper .mde-text, .content .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text, .calendar-debrief-default .react-mde .mde-textarea-wrapper .mde-text, .calendar-debrief-default .react-mde-tabbed-layout .mde-textarea-wrapper .mde-text {
  height: 300px !important; }

.content .react-mde .mde-preview, .content .react-mde-tabbed-layout .mde-preview, .calendar-debrief-default .react-mde .mde-preview, .calendar-debrief-default .react-mde-tabbed-layout .mde-preview {
  height: 300px !important; }

.token-reward {
  display: flex;
  align-items: center;
  margin: auto;
  gap: 10px; }

.token-image {
  width: auto;
  height: 45px; }

.token-label {
  font-weight: bold;
  font-size: 1rem;
  color: #dfdfdf; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.hangar-page {
  padding: 24px; }

/* ---------------- filters ---------------- */
.hangar-filters {
  display: flex;
  flex-direction: column;
  position: fixed;
  gap: 25px;
  padding: 20px 10px;
  margin-top: 18px;
  margin-left: 0px;
  border-radius: 8px;
  flex-wrap: wrap;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  background-color: #23497748;
  border: 1px solid rgba(51, 102, 126, 0.329); }
  .hangar-filters .filter-container {
    width: 240px; }
    .hangar-filters .filter-container .user-filter .input {
      width: 100%; }
    .hangar-filters .filter-container.hangar .hangar-search-input {
      width: 225px;
      padding: 0.3rem;
      background: #dfdfdf;
      color: #0c2637;
      font-size: 0.8rem;
      border: 1px solid #b8b8b8;
      border-radius: 4px; }
  .hangar-filters .hangar-toggles {
    display: flex;
    gap: 12px;
    flex-wrap: wrap; }
    .hangar-filters .hangar-toggles .toggle {
      position: relative;
      display: flex;
      align-items: center;
      width: max-content;
      padding-left: 45px;
      min-height: 26px;
      cursor: pointer; }
      .hangar-filters .hangar-toggles .toggle input {
        display: none; }
      .hangar-filters .hangar-toggles .toggle .toggle-switch {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .hangar-filters .hangar-toggles .toggle .toggle-label {
        font-size: 14px;
        color: #b8b8b8;
        white-space: nowrap;
        line-height: 1; }
  .hangar-filters .header {
    /* Two real slanted parallel lines */ }
    .hangar-filters .header .hangar-header {
      display: flex;
      align-items: center;
      gap: 12px; }
    .hangar-filters .header .hangar-header-title {
      font-size: 1.1rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #dfdfdf;
      white-space: nowrap; }
    .hangar-filters .header .hangar-header-lines {
      position: relative;
      width: 20px;
      height: 27px;
      flex-shrink: 0; }
    .hangar-filters .header .hangar-header-lines span {
      position: absolute;
      width: 22px;
      height: 3px;
      background: #9b602a;
      transform: rotate(-65deg);
      transform-origin: left center; }
    .hangar-filters .header .hangar-header-lines span:first-child {
      top: 20px;
      left: 12px; }
    .hangar-filters .header .hangar-header-lines span:last-child {
      top: 20px; }

.hangar-filter-pills {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-wrap: wrap; }
  .hangar-filter-pills.ship-sizes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 25px;
    border-bottom: 3px solid #b8b8b8; }
  .hangar-filter-pills.item-types {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 25px;
    border-bottom: 3px solid #b8b8b8; }

.filter-pill {
  padding: 6px 12px;
  font-size: 13px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid transparent;
  color: #dfdfdf; }
  .filter-pill.ships, .filter-pill.sizes, .filter-pill.items, .filter-pill.item-types {
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
    .filter-pill.ships.active, .filter-pill.sizes.active, .filter-pill.items.active, .filter-pill.item-types.active {
      background: radial-gradient(circle at center, #004872 0%, #00304d 100%), url(/images/steel.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #004872;
      color: #dfdfdf; }
    .filter-pill.ships.inactive, .filter-pill.sizes.inactive, .filter-pill.items.inactive, .filter-pill.item-types.inactive {
      background: radial-gradient(circle at center, #2a3847 0%, #1c2d38 100%), url(/images/steel.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #747b81;
      color: #b8b8b8; }
    .filter-pill.ships:hover, .filter-pill.sizes:hover, .filter-pill.items:hover, .filter-pill.item-types:hover {
      border: 1px solid #0075b9; }

/* ---------- INGAME REACT-SELECT ---------- */
.ingame-select {
  font-size: 13px; }

/* Input */
.ingame-select__control {
  background-color: #dfdfdf !important;
  border: 1px solid #2c6d91;
  min-height: 34px;
  font-size: 13px;
  box-shadow: none; }

.ingame-select__control--is-focused {
  border-color: #3b7fa6;
  box-shadow: none; }

/* Value & placeholder */
.ingame-select__single-value,
.ingame-select__placeholder,
.ingame-select__input-container {
  color: #cdefff;
  font-size: 13px; }

/* Dropdown */
.ingame-select__menu {
  background: #05141b;
  border: 1px solid #2c6d91;
  font-size: 13px;
  z-index: 200; }

/* Options */
.ingame-select__option {
  background: transparent;
  color: #cdefff;
  font-size: 13px;
  cursor: pointer; }

.ingame-select__option--is-focused {
  background: #0f2f3f; }

.ingame-select__option--is-selected {
  background: #1b5874; }

/* Dropdown arrow */
.ingame-select__indicator {
  color: #7fb6d6; }

.ingame-select__indicator:hover {
  color: #cdefff; }

.ingame-select-block {
  display: flex;
  flex-direction: column;
  gap: 15px; }

/* Validate button */
.ingame-validate-btn {
  width: 100%;
  padding: 6px;
  font-size: 13px;
  background: #0d3c54;
  border: 1px solid #2c6d91;
  color: #cdefff;
  border-radius: 4px;
  cursor: pointer; }

.ingame-validate-btn:hover {
  background: #15546f;
  border-color: #3b7fa6; }

.ingame-validate-btn:disabled {
  opacity: .4;
  cursor: not-allowed; }

/* ---------------- content ---------------- */
.hangar-layout {
  display: grid;
  gap: 16px;
  align-items: flex-start; }

.hangar-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: 275px;
  width: calc(100% - 300px); }

.vehicle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 16px; }

/* ---------------- vehicle card ---------------- */
.standalone-section {
  padding: 16px; }
  .standalone-section .standalone-title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: #dfdfdf; }

.vehicle-card {
  position: relative;
  height: 290px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  background-color: #23497748;
  border: 1px solid rgba(51, 102, 126, 0.329); }
  .vehicle-card:hover {
    border: 1px solid #004872; }

/* English comment: background image */
.vehicle-bg {
  position: absolute;
  inset: 0;
  overflow: hidden; }

.vehicle-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
  pointer-events: none; }

/* English comment: default visible content */
.vehicle-front {
  position: relative;
  z-index: 1;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px; }

/* ---------------- text tweaks ---------------- */
.vehicle-header {
  display: flex;
  position: relative;
  justify-content: space-between;
  gap: 8px; }

.vehicle-title {
  margin: 0 0 6px 0;
  font-size: 16px;
  font-weight: 600;
  color: #dfdfdf; }
  .vehicle-title .custom-name, .vehicle-title .loaner-source {
    color: #b8b8b8;
    font-size: 14px;
    height: 0px;
    padding: 5px 0px 0px 0px; }
  .vehicle-title .manually-added {
    text-transform: uppercase;
    color: #c78445;
    font-size: 12px;
    height: 0px;
    padding: 5px 0px 0px 0px; }
    .vehicle-title .manually-added .manual-wrapper {
      display: flex; }
      .vehicle-title .manually-added .manual-wrapper .manual-remove-btn {
        position: relative;
        text-transform: uppercase;
        color: #dfdfdf;
        font-size: 10px;
        margin-left: 30px;
        border: 1px solid #7e1e1e;
        margin-right: 2px;
        border-radius: 6px;
        bottom: 1px;
        background: radial-gradient(circle at center, #7e1e1e 0%, #491212 100%), url(/images/steel.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer; }
        .vehicle-title .manually-added .manual-wrapper .manual-remove-btn:hover {
          border: 1px solid #d12323; }
  .vehicle-title .custom-name-icon {
    position: relative;
    width: 12px;
    height: 12px;
    padding-right: 7px;
    top: 2px;
    object-fit: contain;
    pointer-events: none; }

.vehicle-manufacturer {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 14px;
  color: #b8b8b8;
  opacity: 0.85;
  pointer-events: none; }

.vehicle-meta {
  display: flex; }

.focus {
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0px;
  color: #dfdfdf; }

.size {
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0px;
  color: #dfdfdf; }

/* ---------------- package card ---------------- */
.package-card {
  border-radius: 8px;
  padding: 16px 10px 8px 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  background-color: #21374fe0;
  border: 1px solid rgba(51, 102, 126, 0.329);
  border-left: 6px solid #004872; }

.package-title {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: #dfdfdf; }

.package-vehicles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  margin-bottom: 16px;
  gap: 16px; }

.package-items {
  margin-top: 12px; }
  .package-items h4 {
    margin: 0 0 6px 0;
    font-size: 14px;
    color: #b8b8b8; }
  .package-items ul {
    margin: 0;
    padding-left: 18px; }
    .package-items ul li {
      font-size: 13px;
      color: #b8b8b8;
      line-height: 1.4; }

/* ---------------- Loaners card ---------------- */
.loaner-section {
  border: 1px solid rgba(51, 102, 126, 0.329);
  border-left: 5px solid #9b602a;
  border-radius: 8px;
  padding: 16px 10px 8px 10px;
  background-color: #21374fe0;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%); }
  .loaner-section .standalone-title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: #dfdfdf; }

/* ---------------- misc ---------------- */
.no-permission,
.error {
  color: #ff5f5f; }

.shaped-header {
  background: #1a2d41d9;
  padding: 10px 10px 15px 10px;
  margin: -16px -14px 0px -14px;
  color: #dfdfdf;
  /* English comment: asymmetric sci-fi header shape */
  clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 69% 70%, 60% 100%, 0% 100%); }

.vehicle-overlay {
  position: absolute;
  height: 245px;
  inset: 0;
  z-index: 2;
  background: #1a2d41d9;
  clip-path: polygon(0% 8%, 60% 8%, 70% 0%, 100% 0%, 100% 100%, 0% 100%);
  transform: translateY(110%);
  transition: transform 0.4s ease;
  display: flex;
  flex-direction: column; }

.vehicle-card:hover .vehicle-bg {
  transform: scale(1.1);
  transition: transform 0.4s ease; }

.vehicle-card:hover .vehicle-overlay {
  transform: translateY(20%); }

/* English comment: main grid respecting the clipped top */
.overlay-content {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(140px, 1fr);
  grid-template-rows: auto 1fr;
  gap: 10px 45px;
  flex: 1; }

/* English comment: production state aligned in high-right area */
.overlay-prod {
  grid-column: 2;
  justify-self: end; }

.prod-state {
  display: grid;
  font-size: 12px;
  padding: 3px 0px 3px 16px;
  width: 145px;
  text-align: center; }
  .prod-state.flight-ready {
    background: #2a5f2d;
    color: #c2f0c3; }
  .prod-state.in-concept {
    background: #6e441c;
    color: #d8b493; }

/* English comment: left placeholder column */
.overlay-left {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #b8b8b8;
  padding: 10px; }

/* English comment: right real specs column */
.overlay-right {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #b8b8b8;
  padding: 10px; }

.spec-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px; }

/* English comment: left part (label) */
.spec-label {
  font-weight: 600;
  color: #b8b8b8;
  font-size: 12px;
  align-self: start;
  white-space: nowrap; }

/* English comment: right part (value) */
.spec-value {
  font-weight: 600;
  color: #dfdfdf;
  text-align: right; }

.vehicle-skins {
  position: relative;
  padding: 5px 10px;
  top: 25px;
  font-size: 13px;
  color: #b8b8b8; }

.vehicle-insurances {
  padding: 3px 8px 3px 8px;
  margin-left: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 13px;
  color: #b8b8b8;
  font-weight: bold;
  width: fit-content;
  background: #2a5f2d;
  border-radius: 6px; }

/* English comment: bottom RSI banner */
.vehicle-rsi-link {
  display: block;
  background: #27577e;
  text-align: center;
  padding: 6px;
  font-size: 13px;
  color: #dfdfdf;
  text-decoration: none;
  cursor: pointer; }
  .vehicle-rsi-link:hover {
    text-decoration: none; }

/* ---------- ITEM CARD ---------- */
/* ---------- ITEMS ---------- */
.items-section {
  margin-top: 3rem;
  padding: 16px; }
  .items-section .standalone-title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
    color: #dfdfdf; }

.item-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem; }

/* ---------- ITEM CARD ---------- */
.item-card {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-start;
  min-height: 90px;
  max-height: 179px;
  border: 2px solid #004872;
  border-radius: 8px;
  transition: border-color 0.15s ease, background 0.15s ease;
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  border: 1px solid rgba(51, 102, 126, 0.329);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }
  .item-card:hover {
    background: #1a2d41d9;
    border-color: #004872; }

/* ---------- HEADER ---------- */
.item-card-header {
  display: flex;
  padding: 10px 10px 5px 10px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0px;
  background: #1a2d41d9;
  border-radius: 8px 8px 0px 0px;
  /* English comment: force consistent header height */
  min-height: calc(1.2em * 2); }

.item-name {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2;
  color: #dfdfdf;
  /* English comment: limit title to 2 lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.item-quantity {
  font-size: 0.75rem;
  color: #dfdfdf;
  white-space: nowrap; }

/* ---------- IMAGE ---------- */
.item-image-frame {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0;
  border-radius: 0px 0px 8px 8px; }

.item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none; }

.item-card:hover .item-image {
  transform: scale(1.1);
  transition: transform 0.4s ease; }

/* ---------- FOOTER ---------- */
.item-card-footer {
  position: absolute;
  bottom: 0px;
  right: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
  background: #2a5f2d;
  border-radius: 0px 0px 8px 0px;
  /* English comment: angled cut on the left side */
  clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 90%); }

.item-type {
  display: inline-block;
  padding: 4px 20px 4px 40px;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #dfdfdf; }

/* ----------------------------------- */
/* ---------- PACKAGE ITEMS ---------- */
.package-items {
  margin-top: 1rem; }
  .package-items h4 {
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #cfcfcf; }
  .package-items .item-grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }

/* src/styles/LoadingSpinner.css */
@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
  /* Prend toute la hauteur de la fenêtre */
  width: 100%;
  /* Prend toute la largeur de la fenêtre */
  top: 200px; }

.loader {
  position: relative;
  width: 100px;
  height: 100px; }

.loader:before, .loader:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset; }

.loader:after {
  box-shadow: 0 2px 0 #9e2222 inset;
  animation: rotate 2s linear infinite; }

@keyframes rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.input-icon-wrapper {
  position: relative; }

.readonly-input {
  padding-right: 24px;
  /* Make space for the icon */ }

.copy-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  width: 15px;
  transform: translateY(-50%);
  cursor: pointer; }

.icon-disabled {
  opacity: 0.5;
  pointer-events: none; }

.handles .scrollable-content {
  height: 130px;
  overflow-y: auto;
  /* Pour les navigateurs WebKit (Safari, Chrome, etc.) */ }
  .handles .scrollable-content::-webkit-scrollbar {
    width: 6px; }
  .handles .scrollable-content::-webkit-scrollbar-track {
    background: #dfdfdf; }
  .handles .scrollable-content::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    border-radius: 4px; }
  .handles .scrollable-content::-webkit-scrollbar-thumb:hover {
    background: #9e2222; }

.handles .handle-row {
  display: flex;
  background: #2a3847;
  font-size: 1rem;
  height: 25px;
  color: #dfdfdf;
  border-radius: 6px;
  margin-top: 10px; }
  .handles .handle-row.theader {
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 1px;
    color: #dfdfdf;
    box-shadow: inset -2px -2px 3px rgba(0, 0, 0, 0.5); }
  .handles .handle-row.handle-status {
    margin-left: 10px; }

.handles .handle-cell {
  display: flex;
  flex: 1 1 25%;
  padding: 5px 8px 4px 10px;
  text-align: left;
  align-items: center;
  position: relative; }
  .handles .handle-cell:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    bottom: 10%;
    width: 1px;
    background-color: #2a3847; }
  .handles .handle-cell.handle-cell--small {
    flex: 0.22;
    margin: 0; }
  .handles .handle-cell.handle-cell--medium {
    flex: 0.5; }
  .handles .handle-cell.handle-cell--large {
    flex: 0.7; }

.handle {
  margin: 5px 0; }

.handle-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  gap: 25px;
  align-items: center;
  margin-left: auto; }

.status-icon {
  width: auto;
  max-height: 16px; }

.edit-icon {
  cursor: pointer;
  fill: #b8b8b8;
  width: auto;
  height: 14px;
  margin-left: 10px; }
  .edit-icon:hover {
    fill: #9e2222; }

.trash-icon {
  cursor: pointer;
  fill: #b8b8b8;
  width: auto;
  height: 16px;
  margin-left: 10px; }
  .trash-icon:hover {
    fill: #9e2222; }

.input-handle {
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px; }
  .input-handle .readonly-input,
  .input-handle .handle-field {
    padding: 5px; }
  .input-handle .handle-lockfield {
    background: #93a8c1;
    padding: 5px; }

.handle-generate-token,
.btn-style-handle {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px; }

.accounts-container {
  display: flex; }

.handle-confirm-message {
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.02em; }
  .handle-confirm-message.success {
    background: rgba(0, 200, 80, 0.15);
    border: 1px solid #75cf78;
    color: #75cf78; }
  .handle-confirm-message.error {
    background: rgba(220, 40, 40, 0.15);
    border: 1px solid #9e2222;
    color: #9e2222; }

.discord-account {
  display: flex;
  position: relative;
  align-items: center;
  height: max-content;
  width: max-content;
  min-width: 200px;
  padding: 0;
  padding-right: 20px;
  margin-top: 35px;
  margin-left: 30px;
  border-radius: 8px;
  cursor: pointer; }
  .discord-account .icon-container {
    width: 50px;
    height: 30px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px; }
    .discord-account .icon-container .icon-image {
      top: 4px;
      width: 25px;
      height: auto; }
      .discord-account .icon-container .icon-image.linked {
        object-fit: cover;
        border-radius: 50%;
        overflow: hidden;
        border: 1px solid #1c2d38; }
      .discord-account .icon-container .icon-image.unlinked {
        top: 6px;
        width: 27px;
        height: auto;
        overflow: hidden;
        border-radius: unset; }
  .discord-account .discord-label {
    display: flex;
    width: 100px;
    text-align: left; }
  .discord-account .refresh-icon {
    display: none;
    position: absolute;
    right: 12px;
    bottom: 7px;
    width: auto;
    height: 23px;
    vertical-align: middle;
    transition: transform 1s ease-in-out; }
  .discord-account:hover .refresh-icon {
    display: inline-block;
    animation: rotate-icon 2s infinite linear;
    cursor: pointer; }

@keyframes rotate-icon {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(180deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

.discord-account:hover {
  color: white;
  background-color: #5865F2; }

.extension-token {
  background-color: #b8b8b8;
  vertical-align: top;
  padding: 5px 25px 5px 5px;
  width: 280px;
  height: 100px;
  word-wrap: break-word;
  resize: none; }

.textarea-container {
  display: flex;
  position: relative;
  margin-top: 20px;
  gap: 15px; }

.copy-key-icon {
  display: flex;
  position: relative;
  padding: 10px 0;
  align-self: start;
  right: 35px;
  width: 15px;
  cursor: pointer; }

.btn-download-extension {
  display: flex;
  align-items: center;
  width: 450px;
  gap: 12px;
  right: 15px;
  margin: auto;
  padding: 10px 14px;
  border: 2px solid #1c2d38;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease; }
  .btn-download-extension:hover {
    border: 2px solid rgba(62, 125, 155, 0.329);
    box-shadow: 3px 2px inset rgba(67, 134, 165, 0.229); }
  .btn-download-extension-icon {
    width: auto;
    height: 80px;
    flex-shrink: 0; }
  .btn-download-extension-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
    margin: 5px 5px auto 5px; }
  .btn-download-extension-title {
    font-size: 16px;
    font-weight: 600;
    color: #dfdfdf; }
  .btn-download-extension-subtitle {
    margin-top: 7px;
    font-size: 14px;
    color: #b8b8b8;
    opacity: 0.85; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.e-richtexteditor {
  width: initial !important;
  margin: 10px 15px; }

.e-richtexteditor .e-toolbar-wrapper {
  position: sticky !important;
  top: 90px !important;
  overflow: visible;
  max-height: 87px;
  z-index: 1001 !important; }
  .e-richtexteditor .e-toolbar-wrapper.shortBloc {
    max-height: 45px !important; }

.e-toolbar {
  background-image: linear-gradient(to bottom, #491212, #0c2637, #0c2637, #1c2d38, #2a3847, #1c2d38, #0c2637, #491212);
  border: 1px none rgba(0, 0, 0, 0.12);
  box-shadow: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.e-richtexteditor .e-toolbar-wrapper .e-rte-toolbar:not(.e-rte-tb-float) {
  border-bottom: 1px solid #2a3847; }

.e-control.withemojipicker, .e-richtexteditor.withemojipicker {
  bottom: 600px; }

.e-toolbar .e-toolbar-item .e-tbar-btn {
  background: transparent;
  box-shadow: none;
  color: #b8b8b8;
  border: none; }
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    color: #dfdfdf; }

.e-dropdown-popup {
  background: #2a3847;
  color: #b8b8b8;
  border-radius: 6px; }

.e-toolbar .e-toolbar-item .e-tbar-btn:active {
  color: #dfdfdf;
  border-color: #bdbdbd;
  color: #dfdfdf; }

.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
  background: rgba(0, 0, 0, 0.12);
  color: #dfdfdf;
  border-color: inherit; }

.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active .e-rte-dropdown-btn-text {
  color: #dfdfdf; }

.e-dropdown-popup ul .e-item.e-active {
  background: #2a3847;
  color: #dfdfdf; }

.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {
  color: #b8b8b8 !important; }
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons:hover {
    color: #dfdfdf; }

.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
  color: #dfdfdf; }

.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
  color: #dfdfdf; }

.e-toolbar .e-toolbar-item.e-separator {
  border: solid #2a3847;
  border-width: 0 2px 0 0; }

.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
  color: #dfdfdf; }

.e-toolbar .e-toolbar-item.e-overlay {
  background: #0000002e;
  opacity: 0.5;
  color: rgba(0, 0, 0, 0.26); }

.e-toolbar .e-toolbar-items {
  background: transparent; }

.e-richtexteditor .e-rte-content, .e-richtexteditor .e-source-content {
  background: #1c2d38 !important;
  border-left: 1px solid #491212;
  border-right: 1px solid #491212;
  border-bottom: 1px solid #491212;
  color: #dfdfdf;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 1000 !important; }

.e-richtexteditor .e-rte-content .e-content, .e-richtexteditor .e-source-content .e-content {
  font-size: 15px;
  line-height: 20px;
  color: #dfdfdf; }

.org-rank-rte .e-richtexteditor .e-rte-content .e-content, .org-rank-rte .e-richtexteditor .e-source-content .e-content,
.org-welcome-rte .e-richtexteditor .e-rte-content .e-content,
.org-welcome-rte .e-richtexteditor .e-source-content .e-content {
  height: 155px;
  color: #dfdfdf; }

.org-event-rte .e-richtexteditor .e-rte-content .e-content, .org-event-rte .e-richtexteditor .e-source-content .e-content,
.org-welcome-rte .e-richtexteditor .e-rte-content .e-content,
.org-welcome-rte .e-richtexteditor .e-source-content .e-content {
  height: 450px;
  color: #dfdfdf; }

.org-create-event-rte .e-richtexteditor .e-rte-content .e-content, .org-create-event-rte .e-richtexteditor .e-source-content .e-content {
  height: 350px;
  color: #dfdfdf; }

.e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {
  padding-left: 3px;
  padding-right: 3px; }

.e-rte-image.e-imgcenter, .e-rte-video.e-video-center {
  cursor: pointer;
  display: block;
  float: none;
  margin: 5px auto;
  max-width: 100%;
  position: relative; }
  @media (max-width: 1023px) {
    .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {
      width: 95% !important; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {
      width: 95% !important; } }

.e-rte-anchor {
  color: #d12323;
  text-decoration: none; }
  .e-rte-anchor :hover {
    text-decoration: underline; }

/* Styles pour le contenu de la modal */
.e-rte-image-custom-modal-content {
  display: flex;
  position: absolute;
  background: #0c2637;
  justify-content: center;
  align-items: center;
  padding: 20px;
  max-width: 100%;
  max-height: 100%;
  border: 3px solid #b8b8b8;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* Styles pour l'overlay */
.e-rte-image-custom-modal-overlay {
  background: rgba(9, 37, 56, 0.75);
  display: flex;
  justify-content: center;
  align-items: center; }

/* Conteneur pour le contenu de la modal */
.modal-content-wrapper {
  max-width: 95vh;
  max-height: 85vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  overflow: hidden; }

/* Styles pour l'image */
.modal-image {
  max-width: -webkit-fill-available;
  max-height: 100%;
  object-fit: contain;
  display: block; }

.public-rte-content-container {
  max-width: 930px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-radius: 6px; }

.rte-content-container {
  display: grid;
  width: 98%;
  max-width: 1000px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #9c99a3;
  border-radius: 6px; }

.status-radio-buttons {
  display: flex;
  gap: 20px;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 0.9rem; }

.status-radio-buttons label {
  color: #b8b8b8;
  cursor: pointer; }

.status-radio-buttons label.selected {
  color: whitesmoke; }

.rte-menu-btn {
  position: relative;
  margin-left: 20px;
  z-index: 10; }

.e-rte-img-caption .e-img-wrap {
  display: inline-block;
  margin: auto;
  padding: 0;
  width: 100%; }

.e-rte-image.e-imgright, .e-rte-video.e-video-right {
  float: right;
  margin: 0 auto;
  margin-left: 5px;
  text-align: right; }

.e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  max-width: 100%;
  padding: 1px;
  vertical-align: bottom; }

.e-rte-image.e-imgleft, .e-rte-video.e-video-left {
  float: left;
  margin: 0 auto;
  margin-right: 5px;
  text-align: left; }

.e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  max-width: 100%;
  padding: 1px;
  vertical-align: bottom; }

.e-rte-image.e-imgbreak, .e-rte-audio.e-audio-break, .e-rte-video.e-video-break {
  border: 0;
  cursor: pointer;
  display: block;
  float: none;
  max-width: 100%;
  padding: 1px;
  position: relative; }

.public-container img {
  text-align: center; }

.e-rte-image, .e-rte-audio, .e-rte-video {
  border: 0;
  cursor: pointer;
  display: block;
  float: none;
  margin: auto;
  max-width: 100% !important;
  position: relative; }

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  z-index: 15;
  background-color: rgba(78, 75, 75, 0.5) !important; }

.e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float, .e-richtexteditor .e-toolbar-container.e-rte-tb-float {
  position: sticky !important;
  top: 90px !important;
  overflow: visible;
  max-height: 87px;
  z-index: 1001 !important; }
  .e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float.shortBloc, .e-richtexteditor .e-toolbar-container.e-rte-tb-float.shortBloc {
    max-height: 45px !important; }

.e-richtexteditor .e-toolbar-wrapper.e-rte-tb-float .e-rte-toolbar {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.e-richtexteditor .e-rte-toolbar .e-toolbar-multirow {
  margin-left: 7px;
  margin-right: 7px; }

.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item:not(.e-separator) {
  margin: 0; }

.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
  height: inherit;
  min-width: 34px;
  padding: 3.5px; }

.e-toolbar .e-toolbar-item {
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 42px;
  vertical-align: middle;
  width: auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn, .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item .e-tbar-btn {
  font-size: 14px; }

.e-toolbar .e-toolbar-item .e-tbar-btn {
  box-shadow: none;
  border: none; }

.e-toolbar .e-toolbar-item .e-tbar-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 4px 0;
  min-height: 0;
  min-width: 0;
  padding: 0 1.5px;
  border-radius: 2px;
  line-height: 25px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-transform: none; }

.e-toolbar .e-toolbar-item > * {
  text-overflow: ellipsis; }

.e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn {
  padding: 6px 7px 4px; }

.e-control, .e-control [class^=e-], .e-control [class*=" e-"] {
  box-sizing: border-box; }
  .e-control::-webkit-scrollbar, .e-control [class^=e-]::-webkit-scrollbar, .e-control [class*=" e-"]::-webkit-scrollbar {
    width: 8px; }
  .e-control::-webkit-scrollbar-track, .e-control [class^=e-]::-webkit-scrollbar-track, .e-control [class*=" e-"]::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .e-control::-webkit-scrollbar-thumb, .e-control [class^=e-]::-webkit-scrollbar-thumb, .e-control [class*=" e-"]::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .e-control::-webkit-scrollbar-thumb:hover, .e-control [class^=e-]::-webkit-scrollbar-thumb:hover, .e-control [class*=" e-"]::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.e-btn, .e-css.e-btn {
  -webkit-tap-highlight-color: transparent;
  background: #fafafa;
  border-color: transparent;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); }

.e-btn, .e-css.e-btn {
  -webkit-font-smoothing: antialiased;
  border: 1px solid;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: "Lato", "Verdana", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 14px;
  font-weight: 500;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.143em;
  outline: none;
  padding: 6px 12px 4px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

.e-control, .e-css {
  font-family: "Lato", "Verdana", "sans-serif", "-apple-system", "BlinkMacSystemFont";
  font-size: 12px;
  font-weight: normal; }

.e-richtexteditor.e-disabled {
  pointer-events: none; }

.e-disabled {
  background-image: none;
  cursor: default;
  filter: alpha(Opacity=35);
  opacity: 0.35; }

.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret), .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-order-list.e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret), .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons, .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons, .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret), .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-order-list.e-icons, .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons, .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret) {
  font-size: 14px; }

.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
  margin: 0;
  min-width: 24px;
  width: auto;
  font-size: 14px;
  line-height: 25px; }

.e-icons {
  font-family: "e-icons";
  /* font-style: normal; */
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none; }

.e-dropdown-btn .e-caret, .e-dropdown-btn.e-btn .e-caret {
  font-size: 8px; }

.e-dropdown-btn .e-btn-icon, .e-dropdown-btn.e-btn .e-btn-icon {
  font-size: 14px; }

.e-dropdown-btn, .e-dropdown-btn.e-btn {
  box-shadow: none;
  text-transform: none;
  white-space: normal; }

.e-dropdown-btn .e-caret::before, .e-dropdown-btn.e-btn .e-caret::before {
  content: "\e969"; }

.e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon, .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 25px;
  min-width: 18px;
  text-align: center;
  width: 18px; }

.e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-tbar-btn .e-icons.e-btn-icon.e-caret, .e-rte-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-tbar-btn .e-icons.e-btn-icon.e-caret, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-tbar-btn .e-icons.e-btn-icon.e-caret, .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-dropdown-btn.e-tbar-btn .e-icons.e-btn-icon.e-caret {
  font-size: 12px; }

.e-dropdown-popup {
  background: #2a3847;
  color: #b8b8b8; }

.e-dropdown-popup ul .e-item {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  line-height: 36px;
  padding: 0 16px; }

.e-dropdown-popup ul {
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  min-width: 120px;
  overflow: hidden;
  padding: 8px 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.e-dropdown-popup ul .e-item:hover {
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87); }

.e-toolbar .e-toolbar-items.e-toolbar-multirow {
  margin-bottom: 1px;
  margin-left: 18px;
  margin-right: 18px;
  white-space: normal;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.e-toolbar .e-toolbar-items {
  border-radius: 0 0 0 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  vertical-align: middle;
  -ms-flex-align: center;
  align-items: center; }

.e-toolbar {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: 1px none rgba(0, 0, 0, 0.12);
  box-shadow: none; }

.e-toolbar {
  border-radius: 0;
  display: block;
  height: 42px;
  min-height: 42px;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden; }

.e-richtexteditor {
  color: #333;
  display: block;
  position: relative; }

.e-toolbar .e-toolbar-item.e-separator {
  margin: 7.5px 3px;
  min-height: 27px;
  min-width: 1px;
  height: calc(100% - 15px); }

.e-toolbar {
  border-radius: 0;
  display: block;
  height: 42px;
  min-height: 42px;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden; }

.e-richtexteditor .e-rte-hidden {
  display: none; }

.e-richtexteditor {
  color: #333;
  display: block;
  position: relative; }

.rte-emoji {
  width: 19px;
  height: 19px;
  padding: 0;
  margin: 0;
  bottom: 3px; }

.emojis-category svg {
  fill: #b8b8b8;
  width: 19px;
  height: 19px;
  top: 1px;
  bottom: 1px; }
  .emojis-category svg:hover {
    fill: white; }

.emoji-picker-searchbox {
  margin: 5px;
  padding: 2px 5px 2px 5px; }

.e-rte-quick-popup .e-rte-quick-toolbar {
  background: #0c2637 !important;
  border: 3px solid #491212 !important;
  min-height: 42px  !important;
  border-radius: 6px  !important; }

.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
  background: #0c2637 !important; }

.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-tbar-btn {
  background: #0c2637 !important; }

.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icons {
  color: #dfdfdf !important; }

.modal.publish-check {
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.75);
  /* Style pour le toggle switch */ }
  .modal.publish-check .modal-content.publish-check {
    display: block;
    position: relative;
    background-color: #0c2637;
    height: 190px;
    margin: 20% auto;
    padding: 20px;
    border-radius: 5px;
    width: 80%;
    max-width: 600px;
    border: 1px solid #2a3847; }
    .modal.publish-check .modal-content.publish-check p.publish-check {
      margin-top: 30px;
      color: #dfdfdf;
      font-family: 'Arial', sans-serif;
      font-size: 18px;
      text-align: center; }
    .modal.publish-check .modal-content.publish-check label {
      display: block;
      margin-top: 10px;
      color: #dfdfdf;
      text-align: center; }
      .modal.publish-check .modal-content.publish-check label input[type="checkbox"] {
        margin-right: 10px; }
    .modal.publish-check .modal-content.publish-check .modal.btns-publish-check {
      display: flex;
      position: relative;
      flex-direction: row;
      justify-content: center;
      height: fit-content;
      width: 100%;
      margin-top: 20px;
      background-color: transparent; }
      .modal.publish-check .modal-content.publish-check .modal.btns-publish-check button.btn-style1 {
        margin: 0 10px;
        padding: 10px 20px;
        height: fit-content;
        border: none;
        border-radius: 5px;
        cursor: pointer; }
  .modal.publish-check .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
    margin-left: 10px; }
    .modal.publish-check .switch input {
      opacity: 0;
      width: 0;
      height: 0; }
    .modal.publish-check .switch .slider {
      position: absolute;
      cursor: pointer;
      top: 5px;
      left: 0;
      right: 5px;
      bottom: -5px;
      background-color: #ccc;
      transition: .4s;
      border-radius: 34px; }
      .modal.publish-check .switch .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        transition: .4s;
        border-radius: 50%; }
    .modal.publish-check .switch input:checked + .slider {
      background-color: #9e2222; }
    .modal.publish-check .switch input:focus + .slider {
      box-shadow: 0 0 1px #2196F3; }
    .modal.publish-check .switch input:checked + .slider:before {
      transform: translateX(26px); }

@media (max-width: 1023px) {
  .rte-emoji.e-rte-image.e-imginline {
    width: 17px !important;
    height: 17px !important;
    padding: 0 !important;
    margin: 0 !important; }
  .e-rte-image.e-imgright.e-imginline, .e-rte-image.e-imgleft.e-imginline {
    max-width: 100%;
    /* Limite la largeur maximum sans forcer la largeur à 100% */
    height: auto; }
  /* Adapter les autres images, audios, et vidéos à la largeur du conteneur */
  .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {
    width: 100% !important;
    /* Force la largeur à 100% du conteneur */
    height: auto !important;
    /* Ajuste la hauteur automatiquement pour maintenir le ratio */
    bottom: 3px; }
  .e-rte-image.e-imgleft, .e-rte-video.e-video-left {
    float: left;
    margin: 0 auto;
    margin-right: 5px;
    text-align: left;
    width: 100% !important;
    /* Force la largeur à 100% du conteneur */
    height: auto !important;
    /* Ajuste la hauteur automatiquement pour maintenir le ratio */ } }

ul {
  list-style-type: disc;
  /* style pour les listes non ordonnées */
  margin: 0;
  color: #b1b1b1; }

ol {
  list-style-type: decimal;
  /* style pour les listes ordonnées */
  margin: 0;
  color: #b1b1b1; }

p {
  margin-bottom: 0;
  color: #b1b1b1; }

.e-richtexteditor .e-rte-content .e-content blockquote, .e-richtexteditor .e-source-content .e-content blockquote {
  margin: 10px 0;
  color: #b1b1b1;
  padding: 15px;
  position: relative; }
  .e-richtexteditor .e-rte-content .e-content blockquote::before, .e-richtexteditor .e-rte-content .e-content blockquote::after, .e-richtexteditor .e-source-content .e-content blockquote::before, .e-richtexteditor .e-source-content .e-content blockquote::after {
    content: "";
    position: absolute;
    border: 3px solid #2a3847;
    border-radius: 6px 0; }
  .e-richtexteditor .e-rte-content .e-content blockquote::before, .e-richtexteditor .e-source-content .e-content blockquote::before {
    top: -3px;
    left: -3px;
    width: 50%;
    height: 50%;
    border-right: none;
    border-bottom: none; }
  .e-richtexteditor .e-rte-content .e-content blockquote::after, .e-richtexteditor .e-source-content .e-content blockquote::after {
    bottom: -3px;
    right: -3px;
    width: 50%;
    height: 50%;
    border-left: none;
    border-top: none; }

.e-richtexteditor .e-rte-content .e-content pre,
.e-richtexteditor .e-source-content .e-content pre {
  background-color: #0c2637 !important;
  border-left: 5px solid #491212 !important;
  border: none;
  border-radius: 6px;
  color: #b1b1b1 !important;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 10px;
  overflow: visible;
  padding: 15px !important;
  white-space: pre-wrap;
  word-break: inherit;
  word-wrap: break-word;
  position: relative;
  font-family: 'Input', monospace !important; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

/*  -------------------------------------------------------------  */
/* HEADER BAR */
.header-root {
  position: relative;
  z-index: 5;
  width: 100%; }

.header-bar {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  background: linear-gradient(rgba(6, 39, 73, 0.8), rgba(1, 6, 8, 0.8)), url(/images/steel.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  border-image-source: var(--nav-background-image);
  border-image-slice: 1;
  border-image-repeat: repeat;
  transition: top 0.4s;
  z-index: 4; }
  .header-bar .header-container {
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 4;
    width: 1500px; }
    .header-bar .header-container .header {
      width: 350px;
      display: flex;
      align-items: center;
      transform: translate(-50px, 27px);
      z-index: 5; }
      .header-bar .header-container .header .logo {
        width: auto;
        z-index: 5;
        transform: translate(90px, 3px); }
        .header-bar .header-container .header .logo img {
          width: 45px;
          height: auto; }
      .header-bar .header-container .header .brand {
        margin-left: 10px;
        background: linear-gradient(to right, #d10505, #96989b, #96989b, #d10505);
        font-size: 1.5rem;
        font-family: 'GoodTimes', sans-serif;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 200%;
        animation: text-gradient-animation 7s infinite linear;
        z-index: 5;
        transform: translate(90px, 0px); }
      .header-bar .header-container .header .brand span:first-child {
        margin-right: 7px;
        /* Ajustez l'espacement entre 'PALLAS' et 'INVICTUS' */ }
    .header-bar .header-container .menu {
      position: relative;
      flex-grow: 1;
      display: flex;
      justify-content: flex-start;
      padding-left: 85px;
      top: 6px; }
    .header-bar .header-container .underheader-container {
      position: absolute;
      left: 5px;
      width: 400px;
      height: 60px;
      background: url(/images/steel.png);
      /* image */
      background-repeat: no-repeat;
      background-size: cover;
      clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 100% 50%, 95% 100%, 5% 100%, 0% 50%, 0% 50%);
      /* Forme du polygone */
      box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
      /* Ombre pour le style */
      z-index: 1;
      transform: translate(50px, 0px);
      /* Positionnement précis */ }
    .header-bar .header-container .underheader-polygon {
      position: relative;
      bottom: -4px;
      /* Ajustez ces valeurs selon vos besoins */
      left: 5px;
      width: 390px;
      height: 52px;
      background: linear-gradient(rgba(9, 30, 53, 0.8), rgba(1, 6, 8, 0.8)), url(/images/steel.png);
      clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 100% 50%, 95% 100%, 5% 100%, 0% 50%, 0% 50%);
      z-index: 1; }

@keyframes text-gradient-animation {
  0% {
    background-position: 200% 0%; }
  100% {
    background-position: 0% 200%; } }

/*  -------------------------------------------------------------  */
/* NAVBAR */
.nav-link {
  font-family: 'GoodTimes', sans-serif;
  font-size: 0.9rem;
  color: #b8b8b8;
  margin-right: 40px;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none;
  transform: translate(0px, 0px); }
  .nav-link:last-child {
    margin-right: 0px; }
  .nav-link:hover, .nav-link:active {
    color: #dfdfdf;
    text-decoration: none; }

.nav-link-active {
  color: #dfdfdf; }

.menu .icons {
  display: flex;
  height: 18px;
  overflow: hidden;
  margin-left: auto;
  margin-right: 0; }

/* Specific styles for RSI icon */
.menu .icons .header-rsi-icon {
  height: 41px;
  object-fit: contain;
  margin-right: 20px;
  position: relative;
  top: 0px;
  opacity: 0.4; }

.menu .icons .header-rsi-icon:hover {
  top: -21px;
  opacity: 1; }

/* Specific styles for Discord icon */
.menu .icons .header-discord-icon {
  height: 40px;
  object-fit: contain;
  margin-right: 20px;
  position: relative;
  top: 0px;
  opacity: 0.4; }

.menu .icons .header-discord-icon:hover {
  top: -21px;
  opacity: 1; }

/*  -------------------------------------------------------------  */
/* LOGIN */
.login-btn {
  display: block;
  position: relative;
  font-size: 1rem;
  text-transform: none;
  text-decoration: none;
  margin-left: auto;
  margin-right: 30px;
  align-items: center;
  white-space: nowrap; }
  .login-btn.logged-out {
    font-family: 'GoodTimes', sans-serif; }
  .login-btn .link-login {
    color: #9e2222;
    text-decoration: none; }
    .login-btn .link-login:hover, .login-btn .link-login:active {
      color: #d12323;
      text-decoration: none; }
  .login-btn .new-version-update {
    position: absolute;
    right: -30px;
    background: transparent;
    border: none;
    cursor: pointer; }
    .login-btn .new-version-update .reload-icon {
      height: 15px; }
    .login-btn .new-version-update::after {
      content: attr(data-tooltip);
      position: absolute;
      top: 20px;
      right: 0;
      margin-bottom: 8px;
      padding: 4px 8px;
      white-space: nowrap;
      font-size: 0.875rem;
      color: #19c619;
      background: #163447;
      border-radius: 4px;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.2s ease-in-out; }
    .login-btn .new-version-update:hover::after {
      opacity: 1; }

.user-avatar-mobile {
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 50%; }

/*  -------------------------------------------------------------  */
/* TOOLTIP */
.email {
  cursor: pointer;
  font-weight: bold;
  color: #9e2222; }
  .email:hover {
    color: #d12323; }

.user-avatar {
  display: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px; }

.email-text {
  display: inline;
  text-transform: initial; }

.user-tooltip {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: #163447;
  box-shadow: 3px 3px 6px #1b2833;
  width: 180px;
  gap: 5px;
  right: 0px;
  transform: translateY(5px);
  padding: 5px;
  z-index: 100;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 8px; }

.tooltip-link {
  display: flex;
  font-family: 'GoodTimes', sans-serif;
  font-size: 0.75rem;
  color: #dfdfdf;
  text-transform: none;
  text-decoration: none;
  padding: 10px 12px; }
  .tooltip-link:hover {
    color: white;
    background-color: #151c24;
    border-radius: 6px; }
  .tooltip-link.admin {
    color: #d12323; }
    .tooltip-link.admin:hover {
      color: #d12323;
      background-color: #151c24;
      border-radius: 6px; }
  .tooltip-link.logout {
    cursor: pointer; }
    .tooltip-link.logout:hover {
      color: white;
      background-color: #491212;
      border-radius: 6px; }

/*  -------------------------------------------------------------  */
/* SECONDARY NAVBAR */
.secondary-nav-container {
  display: contents; }

.secondary-nav-bar {
  position: absolute;
  transform: translate(0px, 54px);
  width: 100%;
  z-index: 3; }

.secondary-menu {
  background: linear-gradient(to right, #522323d3, #4b0505, #4b0505, #4b0505, #522323d3), url(/images/steel.png);
  border-bottom: 2px solid #5b1212;
  height: 37px; }

.secondary-menu-content {
  display: flex;
  position: relative;
  align-items: center;
  margin: auto;
  top: 7px;
  width: 1500px; }

.secondary-menu-inner {
  flex-grow: 1;
  display: flex;
  padding-left: 425px;
  gap: 20px; }

.header-bar.isLoggedIn {
  height: 100px;
  /* double de la hauteur initiale */
  height: 90px; }

.nav2-link {
  font-family: 'GoodTimes', sans-serif;
  font-size: 0.75rem;
  color: #b8b8b8;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 10px; }

.nav2-link:hover,
.nav2-link:active {
  background-color: #350404;
  height: fit-content;
  border-radius: 8px;
  color: #dfdfdf;
  text-decoration: none; }

/*Footer*/
.main-footer {
  display: flex;
  text-align: center;
  justify-content: center;
  height: 114px;
  width: 100%;
  margin-top: auto;
  bottom: 0;
  background-image: url(/images/steel.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2; }
  .main-footer::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: 110px;
    background: linear-gradient(rgba(6, 39, 73, 0.8), rgba(1, 6, 8, 0.8));
    z-index: 1;
    pointer-events: none; }
  .main-footer .footer-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10px;
    width: 1300px; }
    .main-footer .footer-content .footer-star-citizen-community {
      height: 95px;
      width: auto;
      margin-left: 50px;
      margin-right: auto;
      opacity: 0.7;
      z-index: 3; }
      .main-footer .footer-content .footer-star-citizen-community:hover {
        opacity: 1; }
    .main-footer .footer-content .footer-links {
      display: flex;
      flex: auto;
      flex-direction: column;
      justify-content: center;
      z-index: 3; }
      .main-footer .footer-content .footer-links .footer-link {
        display: flex;
        color: #b8b8b8;
        text-decoration: none;
        justify-content: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5px;
        font-size: 14px;
        width: 200px; }
        .main-footer .footer-content .footer-links .footer-link:hover {
          color: white; }
    .main-footer .footer-content .text-footer {
      text-align: center;
      margin-top: 10px;
      color: white;
      z-index: 3; }
    .main-footer .footer-content .icons {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: 30px;
      z-index: 3; }
      .main-footer .footer-content .icons .icon-container {
        width: 90px;
        height: 30px;
        overflow: hidden;
        position: relative;
        margin-bottom: 10px; }
        .main-footer .footer-content .icons .icon-container .icon-image {
          width: 100%;
          height: 50px;
          object-fit: contain;
          position: relative;
          top: 0; }
      .main-footer .footer-content .icons .icon-rsi {
        height: 25px;
        width: 120px; }
      .main-footer .footer-content .icons .icon-discord {
        height: 25px;
        width: 120px; }
      .main-footer .footer-content .icons .icon-kofi {
        height: 25px;
        width: 120px;
        cursor: pointer; }
      .main-footer .footer-content .icons .icon-rsi:hover .icon-image {
        top: -26px; }
      .main-footer .footer-content .icons .icon-kofi:hover .icon-image {
        top: -25px; }
      .main-footer .footer-content .icons .icon-discord:hover .icon-image {
        top: -26px; }
  .main-footer .kofi-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999; }
  .main-footer .kofi-modal-content {
    background: #163447;
    max-width: 1050px;
    width: 90%;
    border-radius: 8px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto; }
    .main-footer .kofi-modal-content .kofi-modal-header {
      display: flex;
      flex-direction: row;
      height: 35px;
      background: linear-gradient(to top, #491212, #5e2f2fd3, #491212); }
      .main-footer .kofi-modal-content .kofi-modal-header .kofi-modal-h3 {
        margin: 0;
        font-size: medium;
        color: white;
        text-transform: uppercase;
        padding: 8px 15px; }
      .main-footer .kofi-modal-content .kofi-modal-header .kofi-close-button {
        position: relative;
        color: white;
        padding: 0px 8px;
        margin-left: auto;
        margin-right: 0;
        top: 0; }
    .main-footer .kofi-modal-content .kofi-modal-body {
      display: flex;
      flex-direction: row;
      gap: 24px;
      padding: 15px;
      align-items: flex-start;
      justify-content: space-between; }
    .main-footer .kofi-modal-content .public-rte-content-container.kofi {
      flex: 1;
      max-width: 100%;
      overflow-wrap: break-word;
      margin: 0;
      padding: 0; }
      .main-footer .kofi-modal-content .public-rte-content-container.kofi .lexical-image-center {
        margin-top: 0; }
  .main-footer .kofi-panel {
    flex-shrink: 0; }
  .main-footer .kofi-close-button {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    background: transparent;
    border: none;
    cursor: pointer; }
  .main-footer .ko-fi-panel {
    border: none;
    padding: 4px;
    margin-top: 65px;
    background: transparent;
    width: 400px;
    height: 630px; }
  @media (max-width: 768px) {
    .main-footer .footer-content {
      flex-direction: row;
      align-items: center; }
      .main-footer .footer-content .footer-star-citizen-community {
        height: auto;
        width: 100px;
        margin: 0 auto 0px; }
      .main-footer .footer-content .icons {
        display: none;
        flex-direction: row;
        margin: 0 auto 20px;
        transform: translate(-153px, -55px);
        overflow: hidden; }
        .main-footer .footer-content .icons .icon-container {
          margin: 0 10px; }
      .main-footer .footer-content .footer-links {
        align-items: center;
        margin-top: 20px; }
      .main-footer .footer-content .text-footer {
        margin-top: 20px; } }
  .main-footer .vertical-center {
    display: inline-block;
    vertical-align: bottom; }
  @media (orientation: portrait) {
    .main-footer {
      position: relative; } }
  @media (max-width: 1050px) {
    .main-footer {
      position: relative; } }
  @media (max-width: 1050px) and (orientation: landscape) {
    .main-footer {
      position: relative; } }

.vertical-center {
  height: 100%; }

/*  -------------------------------------------------------------  */
/*  -------------------------------------------------------------  */
/*                      MOBILE & TABLETS                           */
/*                     Below 1024px large                          */
/*  -------------------------------------------------------------  */
/*  -------------------------------------------------------------  */
@media (max-width: 1023px) {
  /* HEADER BAR */
  .header-bar {
    flex-direction: column;
    z-index: 2; }
    .header-bar .header-container {
      display: flex;
      flex-direction: column; }
      .header-bar .header-container .header {
        order: 1;
        height: 60px;
        width: 100%;
        margin-left: 30px;
        transform: translate(-94px, 0px); }
      .header-bar .header-container .menu {
        order: 2;
        max-height: 30px;
        width: 100%;
        padding-left: 25px;
        gap: 0px;
        transition: max-height 0.5s ease-in-out,  opacity 0.5s ease-in-out;
        transition: 0.5s; }
        .header-bar .header-container .menu.hide-menu {
          max-height: 0; }
      .header-bar .header-container .underheader-container {
        display: none; }
  /* NAV LINK */
  .nav-link {
    padding-bottom: 15px;
    margin-right: 5vw;
    font-size: 0.7rem; }
  /* AVATAR */
  .user-avatar {
    display: none; }
  .user-avatar-mobile {
    display: inline-block;
    padding-bottom: 7px; }
  .login-btn.logged-in {
    margin-right: 25px;
    height: 30px; }
  .login-btn.logged-out {
    margin-right: 20px;
    height: 20px; }
  .icon {
    fill: #9e2222;
    margin-left: auto;
    margin-right: 10px; }
    .icon.logout {
      height: 20px; }
    .icon.login {
      height: 17px; }
  /* SECONDARY NAVBAR */
  .secondary-menu-inner {
    margin-left: 0px;
    /* Ajustez cette valeur selon vos besoins */
    padding-left: 0px; }
  .secondary-nav-container {
    display: flex;
    overflow: hidden;
    z-index: 1; }
  .secondary-nav-bar {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transform: translateY(40px);
    opacity: 1; }
    .secondary-nav-bar.show {
      transform: translateY(3px);
      opacity: 1; }
    .secondary-nav-bar.hide {
      transform: translateY(10px);
      opacity: 0; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

/* ===================== */
/*    NOTIFICATION BELL   */
/* ===================== */
.notification-bell {
  display: flex;
  position: relative;
  margin-left: auto;
  margin-right: 20px;
  /* BUTTON */ }
  .notification-bell .notification-button {
    background: none;
    border: none;
    cursor: pointer;
    color: #2a3847; }
    .notification-bell .notification-button.unread {
      color: #4ad44a; }
    .notification-bell .notification-button .notification-icon path {
      fill: currentColor; }

/* ===================== */
/*     DROPDOWN PANEL     */
/* ===================== */
.notification-tooltip {
  position: absolute;
  right: 0;
  top: 35px;
  min-width: 270px;
  width: 270px;
  background: #1d2e3f;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  /* HEADER */
  /* CONTENT SECTION */
  /* NOTIFICATION ITEM */
  /* EMPTY TEXT */
  /* ARCHIVE SECTION */ }
  .notification-tooltip .notification-header {
    display: flex;
    justify-content: space-between;
    color: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 2px solid #2a3847;
    border-radius: 8px 8px 0px 0px;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    padding: 7px 10px;
    height: 13px;
    border-bottom: 2px solid #2a3847;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    display: flex;
    align-items: center; }
    .notification-tooltip .notification-header .header-title {
      flex: 1;
      text-transform: uppercase;
      font-size: 0.9em;
      color: #b8b8b8;
      font-weight: bold;
      padding-left: 8px; }
  .notification-tooltip .notification-section {
    display: flex;
    flex-direction: column;
    background: #1d2e3f;
    padding: 10px 5px;
    gap: 5px; }
  .notification-tooltip .notif-item {
    display: flex;
    background: #163447;
    margin: 4px 6px;
    padding: 6px 10px;
    border: 1px solid #004872;
    border-radius: 8px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer; }
    .notification-tooltip .notif-item.slide-out {
      transform: translateX(120%);
      opacity: 0; }
    .notification-tooltip .notif-item.unread {
      border-left: 3px solid #4ad44a; }
      .notification-tooltip .notif-item.unread:hover {
        background: #004872;
        border: 1px solid #3a78b4;
        border-left: 3px solid #4ad44a; }
    .notification-tooltip .notif-item.read {
      opacity: 0.9; }
      .notification-tooltip .notif-item.read:hover {
        background: #004872;
        border: 1px solid #3a78b4; }
    .notification-tooltip .notif-item.archived {
      opacity: 0.6; }
    .notification-tooltip .notif-item a {
      color: #b8b8b8;
      text-decoration: none;
      display: block; }
    .notification-tooltip .notif-item .notif-message {
      width: 90%; }
    .notification-tooltip .notif-item .notif-archive-wrapper {
      position: relative;
      display: inline-block;
      margin-left: auto; }
      .notification-tooltip .notif-item .notif-archive-wrapper .notif-archive-icon {
        width: 20px;
        height: 20px;
        margin-left: auto;
        background-image: url(/images/archive.png);
        background-repeat: no-repeat;
        background-size: 100% 200%;
        background-position: 0 100%;
        cursor: pointer;
        display: inline-block; }
        .notification-tooltip .notif-item .notif-archive-wrapper .notif-archive-icon:hover {
          background-position: 0 0%; }
      .notification-tooltip .notif-item .notif-archive-wrapper .notif-archive-tooltip {
        position: absolute;
        bottom: 0px;
        transform: translateX(-50%);
        background: #491212;
        color: #dfdfdf;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 11px;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0;
        pointer-events: none; }
      .notification-tooltip .notif-item .notif-archive-wrapper:hover .notif-archive-tooltip {
        visibility: visible;
        opacity: 1; }
  .notification-tooltip .notification-empty {
    padding: 10px;
    text-align: center;
    color: #dfdfdf;
    cursor: default; }
  .notification-tooltip .archive-toggle {
    padding: 5px 10px; }
    .notification-tooltip .archive-toggle .archive-button {
      background: #151c24;
      border: 1px solid #2a3847;
      color: #dfdfdf;
      padding: 3px 10px;
      border-radius: 6px;
      cursor: pointer; }
      .notification-tooltip .archive-toggle .archive-button:hover {
        border-color: #dfdfdf; }
  .notification-tooltip .archive-panel {
    border-top: 2px solid #2a3847;
    background: #2a3847;
    padding: 10px; }
    .notification-tooltip .archive-panel .archive-search {
      width: -webkit-fill-available;
      padding: 5px;
      background: #151c24;
      border: 1px solid #2a3847;
      border-radius: 6px;
      color: #dfdfdf; }
      .notification-tooltip .archive-panel .archive-search::placeholder {
        color: #b8b8b8; }
    .notification-tooltip .archive-panel .archive-content-wrapper {
      max-height: 300px;
      overflow: auto; }
      .notification-tooltip .archive-panel .archive-content-wrapper::-webkit-scrollbar {
        width: 8px; }
      .notification-tooltip .archive-panel .archive-content-wrapper::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .notification-tooltip .archive-panel .archive-content-wrapper::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .notification-tooltip .archive-panel .archive-content-wrapper::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }

/* ===================== */
/*  GLOBAL ITEM SPACING   */
/* ===================== */
.notification-tooltip > div {
  font-size: 0.875rem;
  color: #b8b8b8; }

.notification-tooltip > div + div {
  border-top: 1px solid #2a3847; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.public-container {
  display: flex;
  width: 1050px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  margin-bottom: 100px;
  border-radius: 8px;
  z-index: 1; }

.rte-content-container {
  background-color: #163447;
  margin-left: auto;
  margin-right: auto; }

/*story.css */
.custom-public {
  text-align: justify;
  color: #dfdfdf; }

.public-container h1 {
  text-align: center; }

.public-container h2,
.public-container h3 {
  color: #dfdfdf; }

.public-container img {
  text-align: center; }

.public-container p {
  margin-bottom: 0;
  color: #dfdfdf; }

.public-container blockquote {
  margin: 10px 0;
  color: #dfdfdf;
  padding: 15px;
  position: relative; }
  .public-container blockquote::before, .public-container blockquote::after {
    content: "";
    position: absolute;
    border: 3px solid #2a3847;
    border-radius: 6px 0; }
  .public-container blockquote::before {
    top: -3px;
    left: -3px;
    width: 50%;
    height: 50%;
    border-right: none;
    border-bottom: none; }
  .public-container blockquote::after {
    bottom: -3px;
    right: -3px;
    width: 50%;
    height: 50%;
    border-left: none;
    border-top: none; }

.public-container pre {
  background-color: #0c2637 !important;
  border-left: 5px solid #491212 !important;
  border: 1px solid #491212;
  border-radius: 0px;
  color: #b1b1b1 !important;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 10px;
  overflow: visible;
  padding: 20px !important;
  white-space: pre-wrap;
  word-break: inherit;
  word-wrap: break-word;
  position: relative;
  font-family: 'Input', monospace !important; }

.title-container {
  display: flex;
  justify-content: center;
  padding: 0 15px;
  height: auto;
  transform: translateY(3px);
  gap: 50px; }

.trapezoid-border2, .trapezoid-border3, .trapezoid-border4, .trapezoid-border5 {
  display: inline-block;
  width: 200px;
  height: 33px;
  padding: 0;
  backdrop-filter: blur(3px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  clip-path: polygon(38px 0, 161px 0, 203px 37px, -5px 37px); }

.trapezoid-title, .trapezoid-title2 {
  display: inline-block;
  width: 200px;
  height: 33px;
  text-align: center;
  margin-top: 3px;
  padding: 0;
  clip-path: polygon(40px 0, 160px 0, 198px 33px, 2px 33px);
  cursor: pointer;
  z-index: 5;
  text-transform: uppercase;
  font-family: 'GoodTimes', sans-serif;
  transition: all 0.3s ease; }

.trapezoid-title {
  background: linear-gradient(#567392, #1c252f);
  color: #dfdfdf;
  font-size: 17px;
  align-content: center; }

.trapezoid-title2 {
  background: linear-gradient(#567392, #1c252f);
  color: #dfdfdf;
  font-size: 17px;
  align-content: center; }

.trapezoid-border2 {
  background-color: rgba(51, 102, 126, 0.329);
  border-bottom: 0px solid #0c2637; }
  .trapezoid-border2 .trapezoid-title {
    background: linear-gradient(#03294a, #274256);
    color: #b8b8b8; }

.trapezoid-border3 {
  background-color: rgba(51, 91, 126, 0.329);
  border-bottom: 3px solid rgba(1, 1, 2, 0.329); }
  .trapezoid-border3 .trapezoid-title {
    width: 195px;
    margin-top: 3px;
    background: linear-gradient(#1c2d38, rgba(20, 40, 49, 0.329));
    color: #2a3847;
    clip-path: polygon(40px 0, 160px 0, 198px 33px, 2px 33px); }
  .trapezoid-border3.active {
    border-bottom: 3px solid #1c2d38;
    background-color: rgba(173, 221, 243, 0.329); }
    .trapezoid-border3.active .trapezoid-title {
      background: linear-gradient(#03294a, #274256);
      color: #b8b8b8; }

@keyframes rotate-background {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

.trapezoid-border4 {
  background: linear-gradient(to right, #bf943fa8, #fcf6baab, #b38728a8, #fbf5b7ab, #aa761ca8);
  background-size: 200% 200%;
  border-bottom: 3px solid rgba(1, 1, 2, 0.329);
  animation: rotate-background 2s linear infinite; }
  .trapezoid-border4 .trapezoid-title {
    background: linear-gradient(#1c2d38, rgba(20, 40, 49, 0.329));
    color: #2a3847; }
  .trapezoid-border4.active {
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    background-size: 200% 200%;
    animation: rotate-background 2s linear infinite; }
    .trapezoid-border4.active .trapezoid-title {
      background: linear-gradient(#03294a, #274256);
      color: #a88f58; }

.trapezoid-border5 {
  background-color: rgba(51, 102, 126, 0.329);
  border-bottom: 0px solid #0c2637; }
  .trapezoid-border5 .trapezoid-title {
    background: linear-gradient(#03294a, #274256);
    color: #b8b8b8; }

#backgroundCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block; }

.unauthorized {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  position: relative;
  color: #dfdfdf; }
  .unauthorized .unauthorized-canvas {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1; }
  .unauthorized .links-container {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
    .unauthorized .links-container .lost {
      background-color: #2a3847;
      color: #dfdfdf;
      padding: 10px 20px;
      margin: 0 10px;
      border: 1px solid #b8b8b8;
      border-radius: 8px;
      text-decoration: none;
      text-transform: uppercase;
      width: 150px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
      .unauthorized .links-container .lost:hover {
        border: 1px solid #491212;
        background-color: #1c2d38; }

.division-description {
  white-space: pre-wrap; }

.division-description-container {
  height: 220px;
  padding-bottom: 20px;
  overflow-y: auto;
  scrollbar-width: 8px; }

/* Styles pour la barre de défilement sur Chrome, Edge, etc. */
.division-description-container::-webkit-scrollbar {
  width: 8px;
  /* Largeur de la scrollbar */ }

.division-description-container::-webkit-scrollbar-thumb {
  background-color: #491212;
  /* Couleur de la partie déplaçable de la scrollbar */
  border-radius: 10px;
  /* Arrondir les angles */ }

.division-description-container::-webkit-scrollbar-track {
  background: #2a3847;
  /* Couleur de fond de la track de la scrollbar */ }

.organization-structure {
  margin-bottom: 30px; }

.ranks-tab {
  padding: 0px 50px 20px 50px; }

.divisions-tab {
  padding: 0px 10px 20px 10px; }

@media (max-width: 1350px) {
  .public-container {
    display: flex;
    margin-bottom: 55px;
    padding-left: clamp(12px, 1.5%, 20px);
    padding-right: clamp(12px, 1.5%, 20px);
    width: 100%;
    max-width: 1350px; }
  .custom-public {
    text-align: justify;
    color: #dfdfdf; }
  .ranks-tab {
    padding: 0px 10px 20px 10px; }
  .divisions-tab {
    padding: 0px 10px 20px 10px; }
  .rank-type-description {
    text-align: justify; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.error {
  color: red;
  font-size: 0.8em;
  margin-top: 5px; }

.private-pages {
  height: 100%;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1300px; }
  .private-pages.hangar-page {
    max-width: 1500px;
    margin-left: 30px; }

.private-container {
  display: flex;
  position: relative;
  justify-content: center;
  margin: auto;
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #491212;
  border-top: 4px solid #491212;
  border-bottom: 4px solid #491212;
  box-shadow: 4px 5px 2px #4b050547;
  border-radius: 8px;
  z-index: 1;
  overflow-wrap: normal;
  background-color: #18293a;
  height: 500px;
  overflow-y: auto;
  width: auto; }
  .private-container::-webkit-scrollbar {
    width: 8px; }
  .private-container::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .private-container::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .private-container::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.custom-private {
  text-align: justify;
  color: #dfdfdf; }

.private-container h1 {
  text-align: center; }

.private-container h2,
.private-container h3 {
  color: #dfdfdf; }

.private-container img {
  text-align: center; }

.private-container p {
  margin-bottom: 0;
  color: #dfdfdf; }

.private-container blockquote {
  margin: 10px 0;
  color: #dfdfdf;
  padding: 15px;
  position: relative; }
  .private-container blockquote::before, .private-container blockquote::after {
    content: "";
    position: absolute;
    border: 3px solid #2a3847;
    border-radius: 6px 0; }
  .private-container blockquote::before {
    top: -3px;
    left: -3px;
    width: 50%;
    height: 50%;
    border-right: none;
    border-bottom: none; }
  .private-container blockquote::after {
    bottom: -3px;
    right: -3px;
    width: 50%;
    height: 50%;
    border-left: none;
    border-top: none; }

.private-container pre {
  background-color: #18293a;
  border-left: 5px solid #491212;
  border: 1px solid #491212;
  border-radius: 0px;
  color: #dfdfdf !important;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 10px;
  overflow: visible;
  padding: 20px !important;
  white-space: pre-wrap;
  word-break: inherit;
  word-wrap: break-word;
  position: relative;
  font-family: 'Input', monospace !important; }

.extension-setup-steps {
  margin: 15px 0 30px 0;
  padding: 16px 20px;
  border-radius: 6px;
  background: #18293a;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  box-shadow: 4px 5px 2px #4b050547; }

.extension-setup-list {
  margin: 0;
  padding-left: 22px;
  list-style: decimal; }
  .extension-setup-list li {
    margin: 6px 0;
    font-size: 14px;
    color: #dfdfdf;
    line-height: 1.4; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

/*confirm.scss and activation.scss */
.custom-confirm {
  text-align: center;
  text-align: justify;
  color: #dfdfdf; }

.confirm-container {
  background: #1c2d38;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 12px;
  padding-bottom: 25px;
  margin-top: 100px;
  border: 2px solid #0c2637;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 100%;
  max-width: 1350px; }

p {
  margin-bottom: 0; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

/*Login and Register*/
.login-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20vh;
  height: auto; }

.login-card {
  position: relative;
  backdrop-filter: blur(6px) saturate(33%);
  -webkit-backdrop-filter: blur(4px) saturate(33%);
  background-color: #25405748;
  color: #dfdfdf;
  width: 400px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: height 0.6s ease-in-out;
  border: 1px solid rgba(51, 102, 126, 0.329);
  box-shadow: 3px 2px inset rgba(51, 102, 126, 0.229);
  border-radius: 6px; }

.login-card--login {
  height: auto; }

.login-card--mfa {
  height: 460px; }

.login-card--register {
  height: 400px; }

.login-card--reset {
  height: 235px; }

.login-card--login-discord {
  height: auto; }

.login-card--discord-mfa {
  height: 310px; }

.login-card--identity-check {
  height: 245px;
  width: 340px; }

.login-tab-container {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.identity-check-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: inherit;
  margin-top: 20vh; }

.email-section.identity-check {
  display: flex;
  align-items: center;
  width: 270px;
  height: 45px;
  padding: 5px;
  color: #491212;
  text-transform: lowercase;
  font-size: 1rem;
  font-weight: bold;
  margin: 1rem 0;
  border-radius: 6px;
  cursor: default;
  border-style: unset; }
  .email-section.identity-check .email-info {
    display: flex;
    font-size: 0.85em;
    align-items: center; }
    .email-section.identity-check .email-info .email-icon {
      width: 30px;
      object-fit: contain;
      margin-left: 16px;
      margin-right: 16px;
      display: inline-block; }

.login-tab {
  background-color: #0c2637;
  width: 33.33%;
  font-size: 1.2rem;
  padding: 10px 0;
  text-align: center;
  color: #b8b8b8;
  text-decoration: none;
  text-align: center;
  transition: width 300ms ease-in-out; }
  .login-tab:hover {
    cursor: pointer;
    color: #dfdfdf;
    text-decoration: underline; }
  .login-tab.active {
    background-color: #1c2d38;
    color: white;
    cursor: pointer; }
  .login-tab.locked {
    color: #2a3847;
    pointer-events: none;
    cursor: none; }

.login-tab-discord {
  background-color: #1c2d38;
  width: 100%;
  font-size: 1.2rem;
  padding: 10px 0;
  text-align: center;
  color: #b8b8b8;
  text-decoration: none;
  text-align: center;
  transition: width 300ms ease-in-out; }
  .login-tab-discord.identity-check {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold; }

/* Specific styles for Discord icon */
.btn-style1.handle-check {
  display: flex;
  align-items: center;
  width: 270px;
  height: 45px;
  padding: 5px;
  color: #dfdfdf;
  /* Assure-toi que cette couleur est définie pour voir l'effet au survol */
  background-color: #2b518b;
  /* Couleur de fond initiale */
  background-image: none;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: bold;
  margin: 1rem 0;
  border-radius: 6px;
  border-style: unset;
  cursor: pointer; }
  .btn-style1.handle-check:hover {
    background-color: #3d68a8;
    /* Changement de couleur au survol */
    color: white;
    font-weight: bolder; }
  .btn-style1.handle-check .rsi-icon {
    width: 40px;
    object-fit: contain;
    margin-left: 10px;
    margin-right: 15px;
    display: inline-block;
    /* Rendre l'icône inline */ }

.lock-banner {
  background-color: #6e441c;
  /* Rouge clair pour indiquer une restriction */
  color: #dfdfdf;
  font-size: 0.9rem;
  text-transform: uppercase;
  width: -webkit-fill-available;
  padding: 3px 14px;
  text-align: center;
  border-radius: 0px;
  margin-bottom: -24px; }

.fade-field {
  opacity: 0;
  transition: opacity 0.4s;
  animation: fadein 0.4s forwards;
  animation-delay: 0.6s; }

@keyframes fadein {
  to {
    opacity: 1; } }

.form-container {
  margin-top: 2.5rem;
  width: 90%;
  height: 100%;
  margin-bottom: 1rem; }

.custom-field {
  width: calc(100% - 30px);
  margin: 0 15px;
  margin-bottom: 30px; }
  .custom-field .remember-me {
    position: relative; }
  .custom-field .form-control {
    width: 100%;
    padding: 15px;
    box-sizing: border-box; }
  .custom-field .mfa-field {
    display: flex;
    width: 65%;
    margin: auto;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 1.1rem;
    letter-spacing: 10px;
    text-align: center;
    border: 3px solid #d12323;
    outline: none;
    box-sizing: border-box;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    animation: fadeIn 0.6s forwards;
    transition: max-height 0.3s ease-out, opacity 0.7s ease-out; }
  .custom-field .mfa-field.show {
    max-height: 100px;
    /* Ou la hauteur nécessaire */
    opacity: 1; }
  .custom-field .form-check {
    position: absolute;
    box-sizing: border-box; }
    .custom-field .form-check.with-mfa {
      position: relative;
      top: 0px; }

.btn-slide-down {
  bottom: 95px; }

.custom-button {
  background-color: #491212;
  width: calc(100% - 30px);
  height: 50px;
  margin: 0px 15px 00px;
  padding-top: .8rem;
  padding-bottom: .8rem;
  font-size: 1.2rem;
  color: #dfdfdf;
  position: relative; }

@keyframes slideIn {
  0% {
    transform: translateY(-5px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.login-alternative {
  margin-top: 20px; }

.discord-alternative {
  opacity: 0;
  transition: opacity 300ms ease-in;
  animation: fadeIn 300ms ease-in forwards 300ms; }

.login-button {
  opacity: 0;
  transform: translateY(-50px);
  animation-name: slideIn;
  animation-duration: 0.5s;
  animation-delay: 0.35s;
  animation-fill-mode: forwards;
  cursor: pointer; }

.register-button {
  opacity: 0;
  transform: translateY(-50px);
  animation-name: slideIn;
  animation-duration: 0.5s;
  animation-delay: 0.35s;
  animation-fill-mode: forwards;
  cursor: pointer; }

.transition-button {
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.5s ease-out; }

.transition-button.show {
  opacity: 1;
  transform: translateY(0); }

.password-field {
  opacity: 0;
  transform: translateY(-5px);
  animation-name: slideIn;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.toggle-password-icon {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 25px;
  transform: translateY(-50%);
  height: 17px; }

.password-input-container {
  position: relative; }

.remember-me {
  position: relative;
  margin-top: 5px;
  height: 5px;
  opacity: 0;
  transform: translateY(-5px);
  animation-name: slideIn;
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }
  .remember-me.discord {
    height: 0px;
    margin: 10px 0px;
    margin-left: 70px; }

.error-message {
  display: block;
  height: 5px;
  margin-top: 5px;
  min-height: 5px;
  color: #db5757; }

.message {
  position: absolute;
  top: 135px;
  text-align: center;
  color: #db5757; }

.discord-login {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
  align-content: center;
  align-items: center;
  height: max-content;
  top: 0px; }
  .discord-login.identity-check {
    margin-top: 0px; }
    .discord-login.identity-check .icon-container {
      display: flex;
      width: 30px;
      height: auto;
      overflow: hidden;
      position: relative;
      top: 3px;
      margin-left: 15px;
      margin-right: 10px; }
      .discord-login.identity-check .icon-container .icon-image {
        top: 0px;
        width: 30px;
        height: auto;
        overflow: hidden;
        border-radius: 50%; }
    .discord-login.identity-check.discord-mfa {
      margin-top: 20px;
      margin-bottom: 20px; }
  .discord-login .discord-button {
    display: flex;
    position: relative;
    align-items: center;
    height: max-content;
    width: 270px;
    height: 45px;
    padding: 5px;
    color: #dfdfdf;
    background-image: none;
    background-color: #4752c4;
    border-radius: 6px;
    cursor: pointer;
    border-style: unset; }
    .discord-login .discord-button:hover {
      background-color: #5865F2;
      color: white; }
    .discord-login .discord-button.discord-mfa {
      cursor: default; }
      .discord-login .discord-button.discord-mfa:hover {
        background-color: #5865F2;
        color: white;
        box-shadow: none; }
  .discord-login .icon-container {
    width: 50px;
    height: 30px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px; }
    .discord-login .icon-container .icon-image {
      top: 4px;
      width: 25px;
      height: auto;
      top: 6px;
      width: 27px;
      height: auto;
      overflow: hidden;
      border-radius: unset; }
  .discord-login .discord-label {
    text-transform: none;
    font-size: 0.8rem;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 0px; }

.discord-alternative {
  display: flex;
  margin: auto;
  justify-content: center;
  color: #b8b8b8;
  text-decoration: none;
  cursor: pointer; }
  .discord-alternative:hover {
    color: white; }

@media (max-width: 1023px) {
  .login-container {
    background-color: #0c2637;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; }
  .login-card {
    position: absolute;
    margin-top: 90px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0px; }
  .lock-banner {
    position: absolute;
    background-color: #491212;
    /* Rouge clair pour indiquer une restriction */
    color: #dfdfdf;
    font-size: 0.95rem;
    text-transform: uppercase;
    width: calc(100vw - 12px);
    padding: 6px;
    text-align: center;
    border-radius: 0;
    margin-bottom: 0px;
    /* Espacement avant les onglets */
    top: 13px;
    left: 0; }
  .login-tab {
    font-size: 1.2rem; }
  .custom-button {
    background-color: #9e2222;
    width: calc(100% - 30px);
    height: 50px;
    margin: 0 15px 20px;
    padding-top: .8rem;
    padding-bottom: .8rem;
    font-size: 1.2rem;
    color: #dfdfdf;
    top: 40px;
    position: relative;
    bottom: auto;
    left: 0%;
    transform: translateX(-50%); }
  .no-scroll {
    overflow: hidden; } }

/* settings.scss*/
@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.settings-h2 {
  color: #b8b8b8;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 0px; }

.settings-h3 {
  color: #dfdfdf;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 10px; }

.user-settings-content {
  flex-grow: 1;
  color: #dfdfdf;
  padding: 0 20px;
  width: 100%; }

.user-settings-container {
  display: flex;
  flex-direction: column;
  width: 100%; }

.user-settings-page {
  width: 100%;
  max-width: 1350px;
  margin: 30px auto; }

.settings-container {
  display: flex;
  flex-direction: row;
  /* Les éléments enfants seront alignés horizontalement */ }

.user-settings-content-wrapper {
  display: flex;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  width: calc(100% - 225px);
  height: auto;
  top: 40px;
  gap: 20px;
  border-radius: 0px 10px 10px 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  flex-grow: 1; }

.user-settings-section, .user-admin-section {
  position: relative;
  color: #dfdfdf;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.9rem;
  border-bottom: 2px solid #b8b8b8; }
  .user-settings-section::before, .user-admin-section::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 130px;
    height: 4px;
    background-color: #b8b8b8; }

.user-settings-section {
  margin: 10px 0; }

.last-line {
  margin-bottom: 40px; }

.selection-style, .timezone-selection,
.language-selection, .newsletter-selection, .email-change,
.password-change,
.mfa-toggle,
.manage-mfa, .security-password-change,
.security-email-change {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 20px 0;
  width: 100%;
  border-bottom: 1px solid #2a3847; }
  .selection-style label, .timezone-selection label, .language-selection label, .newsletter-selection label, .email-change label, .password-change label, .mfa-toggle label, .manage-mfa label, .security-password-change label, .security-email-change label {
    color: #dfdfdf;
    width: 150px;
    margin-right: 10px; }
  .selection-style select, .timezone-selection select, .language-selection select, .newsletter-selection select, .email-change select, .password-change select, .mfa-toggle select, .manage-mfa select, .security-password-change select, .security-email-change select, .selection-style .toggle-container, .timezone-selection .toggle-container, .language-selection .toggle-container, .newsletter-selection .toggle-container, .email-change .toggle-container, .password-change .toggle-container, .mfa-toggle .toggle-container, .manage-mfa .toggle-container, .security-password-change .toggle-container, .security-email-change .toggle-container {
    margin-right: auto;
    margin-left: 50px; }

/* settingmenu.scss (la sidebar) */
@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.user-settings-sidebar {
  flex-shrink: 0; }

.sidebar-menu {
  position: sticky;
  top: 115px;
  width: 200px;
  height: fit-content;
  min-width: 200px;
  overflow-y: auto;
  padding: 20px 10px 20px 10px;
  margin-left: 10px;
  border-radius: 10px 0px 0px 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); }

.user-settings-sidebar {
  flex-shrink: 0;
  /* Pour éviter que la sidebar rétrécisse */ }

.sidebar-menu a {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px;
  border-left: 8px solid #2a3847;
  font-size: 0.9rem;
  color: #b8b8b8;
  text-decoration: none;
  margin-bottom: 5px;
  align-items: center;
  transition: background-color 0.3s; }

.sidebar-menu a:hover,
.sidebar-menu a:active,
.sidebar-menu a:focus,
.sidebar-menu a.selected {
  background: linear-gradient(90deg, rgba(60, 70, 83, 0) 0%, rgba(71, 94, 113, 0.233) 75%);
  border-left: 8px solid #491212;
  border-right: 2px solid #491212;
  color: #dfdfdf; }

.lock-icon {
  margin-left: auto;
  width: 14px;
  height: 14px;
  color: #d12323; }

.desktop-links {
  display: block; }

.mobile-links {
  display: none; }

.securitPasswordCheck-title {
  color: #dfdfdf;
  text-transform: uppercase;
  padding-bottom: 10px; }

.securitPasswordCheck-granted {
  color: #1f9729;
  font-size: 2rem;
  text-transform: uppercase;
  padding: 10px; }

.password-check-modal {
  display: flex;
  flex-direction: column;
  background-color: #1c2d38;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 30px;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  border-top: 2px solid #9e2222;
  border-bottom: 2px solid #9e2222; }

.securitPasswordCheck-input {
  display: flex;
  padding: 5px 10px 5px 10px;
  margin-right: auto;
  margin-left: auto; }

.securitPasswordCheck-btn {
  display: flex;
  background-color: #9e2222;
  text-transform: uppercase;
  color: #dfdfdf;
  width: 100%;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  align-items: center;
  text-align: center;
  padding: 10px;
  border: none;
  border-radius: 5px 5px 5px 5px; }

.securitPasswordCheck-error-message {
  display: flex;
  color: #d12323;
  text-transform: uppercase;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  align-items: center;
  text-align: center;
  margin-top: 10px; }

@media (max-width: 1023px) {
  .desktop-links {
    display: none; }
  .mobile-links {
    display: block; }
  .mobile-accordion {
    background-color: #1c2d38;
    color: #dfdfdf;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px 10px 20px;
    border-radius: 10px; }
  .user-settings-content-wrapper {
    display: none; }
  .sidebar-menu {
    background-color: transparent;
    position: relative;
    width: 92%;
    margin-left: 10px;
    margin-right: 10px;
    height: auto;
    box-shadow: none;
    border: 0; }
  .sidebar-menu a:hover {
    border-left: none;
    border-right: none; }
  .sidebar-menu, .mobile-accordion {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 95%; }
  .mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .header-content {
    display: flex;
    align-items: center; }
  .lock-icon {
    margin-left: 15px;
    width: 14px;
    height: 14px; }
  .accordion-triangle {
    margin-left: 5px; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.user-info {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  background-color: #1c2d38;
  font-size: 0.9rem;
  padding: 5px 0px 15px 0px;
  margin: 20px 20px 10px 0px;
  color: #dfdfdf;
  width: 100%;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  box-shadow: inset -2px -2px 3px rgba(70, 69, 69, 0.2); }
  .user-info .user-info-left,
  .user-info .user-info-right {
    display: grid;
    flex: 1;
    padding: 0 10px;
    gap: 10px; }

.user-info span {
  color: #b8b8b8;
  font-weight: bold;
  margin-right: 10px; }

.timezone-selection,
.language-selection {
  justify-content: flex-start; }
  .timezone-selection select,
  .language-selection select {
    background-color: #dfdfdf;
    padding: 10px 20px 5px 5px;
    text-align: left;
    border-radius: 4px; }
  .timezone-selection .css-13cymwt-control,
  .language-selection .css-13cymwt-control {
    background-color: #dfdfdf;
    height: 35px;
    min-height: auto;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px; }
    .timezone-selection .css-13cymwt-control .css-13cymwt-control:hover,
    .timezone-selection .css-13cymwt-control .css-13cymwt-control:focus,
    .timezone-selection .css-13cymwt-control .css-13cymwt-control:active,
    .timezone-selection .css-13cymwt-control .css-13cymwt-control:target,
    .language-selection .css-13cymwt-control .css-13cymwt-control:hover,
    .language-selection .css-13cymwt-control .css-13cymwt-control:focus,
    .language-selection .css-13cymwt-control .css-13cymwt-control:active,
    .language-selection .css-13cymwt-control .css-13cymwt-control:target {
      font-size: 1rem; }
    .timezone-selection .css-13cymwt-control .css-qbdosj-Input input,
    .language-selection .css-13cymwt-control .css-qbdosj-Input input {
      font-size: 1rem; }
  .timezone-selection .css-1u9des2-indicatorSeparator,
  .language-selection .css-1u9des2-indicatorSeparator {
    background-color: #2a3847; }
  .timezone-selection .css-1xc3v61-indicatorContainer,
  .language-selection .css-1xc3v61-indicatorContainer {
    display: flex;
    transition: color 150ms;
    font-size: 1rem;
    color: #2a3847;
    padding: 8px; }
    .timezone-selection .css-1xc3v61-indicatorContainer .css-1xc3v61-indicatorContainer:hover,
    .language-selection .css-1xc3v61-indicatorContainer .css-1xc3v61-indicatorContainer:hover {
      font-size: 1rem;
      color: #1c2d38; }
  .timezone-selection .css-b62m3t-container,
  .language-selection .css-b62m3t-container {
    bottom: 3px;
    margin-left: 50px;
    position: relative;
    height: 35px;
    box-sizing: border-box;
    width: 250px; }
  .timezone-selection .css-1fdsijx-ValueContainer,
  .language-selection .css-1fdsijx-ValueContainer {
    align-items: center;
    display: grid;
    flex: 1;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    padding: 2px 8px;
    box-sizing: border-box; }

.newsletter-selection .label-container {
  width: 150px;
  margin-right: 10px; }

@media (max-width: 1023px) {
  .avatar-wrapper {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: visible;
    margin-left: auto;
    margin-right: 0;
    padding-bottom: 0px;
    box-shadow: none;
    border-left: none;
    border-right: none; }
  .avatar-section {
    flex-direction: row;
    align-items: center;
    gap: 10px; }
  .avatar-wrapper {
    width: 65px;
    height: auto;
    margin-left: 5px;
    margin-right: 0;
    padding-bottom: 0px;
    box-shadow: none; }
  .avatar-icon-wrapper {
    display: none; }
  .avatar-btn {
    display: none; }
  .toggle-container {
    position: relative;
    bottom: 30px;
    left: 120px;
    width: calc(100% - 20px);
    margin-right: 0; }
  .selection-style, .timezone-selection,
  .language-selection, .newsletter-selection, .email-change,
  .password-change,
  .mfa-toggle,
  .manage-mfa, .security-password-change,
  .security-email-change {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    width: 100%;
    border-bottom: 0px; }
    .selection-style label, .timezone-selection label, .language-selection label, .newsletter-selection label, .email-change label, .password-change label, .mfa-toggle label, .manage-mfa label, .security-password-change label, .security-email-change label {
      color: #dfdfdf;
      margin-bottom: 10px;
      margin-right: 10px; }
    .selection-style select, .timezone-selection select, .language-selection select, .newsletter-selection select, .email-change select, .password-change select, .mfa-toggle select, .manage-mfa select, .security-password-change select, .security-email-change select, .selection-style .toggle-container, .timezone-selection .toggle-container, .language-selection .toggle-container, .newsletter-selection .toggle-container, .email-change .toggle-container, .password-change .toggle-container, .mfa-toggle .toggle-container, .manage-mfa .toggle-container, .security-password-change .toggle-container, .security-email-change .toggle-container {
      position: relative;
      width: calc(100% - 20px);
      margin-right: auto;
      margin-left: auto; }
  .mobil-links {
    background-color: #1c2d38;
    display: block;
    position: fixed;
    overflow-y: auto;
    padding: 0px;
    border-radius: 10px; }
  .settings-h2 {
    visibility: hidden;
    height: 0px; }
  .mobile-upload-btn {
    display: inline-block;
    padding: 8px 16px;
    background-color: #9e2222;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s; }
    .mobile-upload-btn:hover {
      background-color: #741919; }
  .newsletter-selection {
    flex-direction: column; }
  .newsletter-selection .btn-style1 {
    margin-top: -30px; }
  .newsletter-selection .toggle .toggle-switch {
    height: 24px;
    width: 55px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .newsletter-selection .label-container {
    width: 150px;
    margin-right: 10px;
    margin-bottom: 10px; }
  .user-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: #3a4250;
    font-size: 1rem;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    color: #b9cfec;
    margin-left: 10px;
    border: 1px solid #775823;
    border-radius: 6px;
    box-shadow: inset -2px -2px 3px rgba(0, 0, 0, 0.2); }
    .user-info .user-info-left,
    .user-info .user-info-right {
      flex: 1;
      padding: 0 10px; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.email-change label,
.password-change label,
.mfa-toggle label,
.manage-mfa label {
  margin-bottom: 10px; }

.email-change button.change-btn,
.password-change button.change-btn,
.mfa-toggle button.change-btn,
.manage-mfa button.change-btn {
  background-color: #0c2637;
  color: #d12323;
  border-radius: 6px;
  border: 1px solid #9e2222;
  padding: 4px 10px;
  cursor: pointer;
  text-decoration: none; }
  .email-change button.change-btn:hover, .email-change button.change-btn:focus,
  .password-change button.change-btn:hover,
  .password-change button.change-btn:focus,
  .mfa-toggle button.change-btn:hover,
  .mfa-toggle button.change-btn:focus,
  .manage-mfa button.change-btn:hover,
  .manage-mfa button.change-btn:focus {
    color: #dfdfdf;
    text-decoration: none; }

.email-change .btn-style1,
.password-change .btn-style1,
.mfa-toggle .btn-style1,
.manage-mfa .btn-style1 {
  margin-top: 0px; }

.field-style {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 20px 0;
  width: 100%;
  border-bottom: 1px solid #491212; }
  .field-style label {
    color: #dfdfdf;
    width: 150px;
    margin-right: 10px; }
  .field-style select, .field-style .toggle-container {
    margin-right: auto;
    margin-left: 50px; }

/*
.security-email {
    @extend .selection-style;

    label {
        margin-right: 0px;
        width: 165px;
    }
    
    input {
        background-color: $very-light-grey;
        padding: 3px 20px 3px 5px;
        width: 208px;
        margin-right: auto;
        margin-left: 90px;
        text-align: left;
    }
} */
.security-password-change,
.security-email-change {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  justify-content: space-between;
  margin-bottom: 0px;
  padding-bottom: 5px; }
  .security-password-change .password-fields-container,
  .security-password-change .email-fields-container,
  .security-email-change .password-fields-container,
  .security-email-change .email-fields-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%; }
    .security-password-change .password-fields-container label,
    .security-password-change .email-fields-container label,
    .security-email-change .password-fields-container label,
    .security-email-change .email-fields-container label {
      margin-right: 0px;
      width: 165px; }
    .security-password-change .password-fields-container .input-container,
    .security-password-change .email-fields-container .input-container,
    .security-email-change .password-fields-container .input-container,
    .security-email-change .email-fields-container .input-container {
      display: flex;
      margin-left: 97px;
      gap: 25px; }
      .security-password-change .password-fields-container .input-container input,
      .security-password-change .email-fields-container .input-container input,
      .security-email-change .password-fields-container .input-container input,
      .security-email-change .email-fields-container .input-container input {
        background-color: #dfdfdf;
        padding: 3px 20px 3px 5px;
        width: 208px;
        text-align: left; }
    .security-password-change .password-fields-container button.btn-style1,
    .security-password-change .email-fields-container button.btn-style1,
    .security-email-change .password-fields-container button.btn-style1,
    .security-email-change .email-fields-container button.btn-style1 {
      margin-right: 10px; }
  .security-password-change .password-error,
  .security-email-change .password-error {
    width: 100%;
    color: #d12323;
    margin-top: 5px;
    text-align: center; }

.tooltip-container {
  position: relative;
  cursor: pointer;
  color: #9e2222;
  padding: 0 5px; }
  .tooltip-container .tooltip-content {
    position: absolute;
    width: 300px;
    top: 40%;
    left: 25%;
    transform: translateX(-101%);
    background-color: #491212;
    color: #dfdfdf;
    font-size: 0.9rem;
    padding: 2px 5px;
    border: 2px solid #0c2637;
    border-radius: 5px;
    z-index: 10;
    display: none; }
  .tooltip-container:hover .tooltip-content {
    display: block; }
  .tooltip-container .password-error {
    clear: both;
    height: 20px; }

.mfa-fields-container .mfa-settings-container {
  display: flex;
  flex-direction: row;
  color: #dfdfdf;
  justify-content: flex-start;
  align-items: center;
  width: 100%; }
  .mfa-fields-container .mfa-settings-container label {
    margin-right: 0px;
    width: 165px; }
  .mfa-fields-container .mfa-settings-container .toggle {
    display: flex;
    margin-left: 97px;
    align-items: center; }
  .mfa-fields-container .mfa-settings-container .home-file {
    display: flex;
    margin-left: 30px;
    align-items: center; }

.mfa-fields-container .mfa-status-message {
  margin-top: 30px;
  color: #dfdfdf; }

.mfa-slider {
  width: 215px;
  height: 31px;
  background: #dfdfdf;
  position: relative;
  border-radius: 25px; }

.mfa-slider-wrapper {
  display: flex;
  justify-content: center;
  /* Horizontally */
  height: 100%;
  /* Adjust as needed */ }

.mfa-slider-background-text {
  position: absolute;
  text-align: center;
  color: #b8b8b8;
  top: 7px; }

.mfa-slider-container {
  position: relative;
  height: 50px; }
  .mfa-slider-container .mfa-slider-label {
    position: absolute;
    cursor: pointer;
    color: #b8b8b8;
    font-family: 'GoodTimes';
    font-size: 0.8rem;
    top: 7px;
    left: -75px;
    transform: translateX(-50%);
    z-index: 2; }
  .mfa-slider-container .mfa-slider-label.active {
    left: 73px; }
  .mfa-slider-container .mfa-slider-thumb.active .mfa-slider-label {
    color: #dfdfdf; }

.credential-fields-container,
.mfa-fields-container {
  width: 100%; }

.mfa-slider-thumb {
  position: absolute;
  cursor: pointer;
  width: 60px;
  height: 28px;
  background: linear-gradient(to top, #491212, #9e2222);
  box-shadow: inset 0px -3px 3px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  position: absolute;
  top: 2px;
  right: 45px; }
  .mfa-slider-thumb.active {
    background: linear-gradient(to top, #491212, #9e2222);
    left: 45px;
    top: 2px; }

.mfa-toggle {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .mfa-toggle .mfa-toggle-label {
    width: 265px;
    color: #dfdfdf; }
  .mfa-toggle .mfa-toggle-text {
    margin-left: 40px;
    color: #dfdfdf; }

.mfa-code-number {
  display: none; }

.mfa-code-field {
  padding: 5px;
  font-size: 1.2rem;
  margin-top: 10px;
  letter-spacing: 10px;
  width: 165px;
  text-align: center;
  border: 1px solid #b8b8b8;
  outline: none; }

.mfa-code-field::placeholder {
  color: transparent;
  text-shadow: 0px 0px 0px #000;
  /* Pour rendre le placeholder invisible */ }

.mfa-code-field:focus::placeholder {
  color: #aaa;
  /* Couleur des tirets bas lors de la mise au point */ }

.btn-style1.mfa {
  width: 177px;
  margin: 15px auto 0px auto; }

.btn-style1.mfa-red {
  background-color: #9e2222;
  color: #dfdfdf;
  width: 177px;
  margin: 15px auto 0px auto; }
  .btn-style1.mfa-red:hover {
    background-color: #d12323; }

.mfa-text {
  color: #dfdfdf;
  max-width: 600px; }

@media (max-width: 1023px) {
  .security-email {
    display: flex;
    flex-direction: column;
    /* Empilez les éléments verticalement */
    gap: 10px;
    /* Ajoutez un espacement entre les éléments */
    width: 100%;
    padding: 0%; }
  .security-email input {
    background-color: #dfdfdf;
    padding: 5px 10px 5px 10px;
    width: 86%;
    margin: auto;
    text-align: left; }
  .security-email button.btn-style1 {
    position: relative;
    top: 0px;
    left: 0px;
    margin: auto;
    width: 95%;
    height: 35px; }
  .tooltip-container {
    position: relative;
    cursor: pointer;
    top: -98px;
    right: -172px;
    color: #9e2222;
    padding: 0 5px; }
  .security-password-change button.btn-style1 {
    position: relative;
    top: -5px;
    left: 0px;
    margin: auto;
    width: 95%;
    height: 35px; }
  .security-password-change {
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  .security-password-change {
    flex-direction: column;
    /* Change from row to column */
    align-items: flex-start; }
  .security-password-change .password-fields-container {
    flex-direction: column;
    /* Change from row to column */
    align-items: flex-start;
    width: 100%; }
  .security-password-change .password-fields-container label {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
    /* Add some margin for spacing */ }
  .security-password-change .password-fields-container .input-container {
    flex-direction: column;
    /* Change from row to column */
    margin-left: 0;
    /* Reset the left margin */
    gap: 10px;
    /* Adjust the gap for vertical spacing */ }
  .input-container {
    padding: 5px 10px 5px 10px;
    width: 86%;
    text-align: left; }
  .security-password-change .password-fields-container .input-container input {
    background-color: #dfdfdf;
    padding: 3px 20px 3px 5px;
    width: 100%;
    text-align: left; }
  .mfa-toggle {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: start; }
  .mfa-toggle .mfa-toggle-label {
    width: 250px;
    color: #dfdfdf;
    margin-bottom: 10px; }
  .mfa-toggle .mfa-toggle-text {
    margin-left: 5px;
    color: #dfdfdf; }
  .mfa-slider {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 213px;
    height: 31px;
    background: #dfdfdf;
    position: relative;
    margin-bottom: 10px;
    border-radius: 25px; }
  .mfa-slider-thumb {
    position: absolute;
    cursor: pointer;
    width: 60px;
    height: 28px;
    background: linear-gradient(to top, #491212, #9e2222);
    box-shadow: inset 0px -3px 3px rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    position: absolute;
    top: 2px;
    left: 1px; }
  .mfa-slider-container .mfa-slider-thumb.active + .mfa-slider-label {
    right: -206px;
    left: auto;
    color: #dfdfdf; }
  .mfa-slider-container .mfa-slider-label {
    position: absolute;
    color: #b8b8b8;
    font-family: "GoodTimes";
    font-size: 1rem;
    top: 7px;
    right: -62px;
    left: auto;
    transform: translateX(-50%);
    z-index: 2; }
  .manage-mfa {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    width: 100%;
    border-bottom: 0px; }
  .manage-mfa .btn-style1 {
    display: block;
    position: relative;
    top: 40px;
    left: 0px;
    margin: auto;
    width: 95%;
    height: 35px;
    background-color: #0c2637;
    color: #dfdfdf;
    text-decoration: none;
    text-shadow: 0px 0px 1px #dfdfdf; }
  .modal-content-codes {
    z-index: 300; }
  .mfa-modal img {
    display: none; }
  .mfa-code-number {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    .mfa-code-number .mfa-secret-label {
      color: #0c2637;
      margin-bottom: 10px;
      text-transform: uppercase; }
    .mfa-code-number .mfa-copy-code {
      background-color: #d12323;
      color: #dfdfdf;
      width: auto;
      height: 30px;
      margin-top: 15px;
      margin-bottom: 20px;
      padding: 5px;
      border-color: transparent;
      border-radius: 5px 5px 5px 5px; }
  .modal-left {
    background-color: #dfdfdf;
    width: 100%;
    padding: 10px;
    border-radius: 10px 10px 0px 0px; }
  .modal-right {
    background-color: #2a3847;
    width: 100%;
    padding: 10px;
    border-radius: 0px 0px 10px 10px; }
    .modal-right .mfa-bullet-points {
      color: #dfdfdf; }
    .modal-right .desktop {
      display: none; }
    .modal-right .mobile {
      display: block; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.admin-h2 {
  color: #b8b8b8;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0px; }

.admin-h3 {
  color: #dfdfdf;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 0px; }

.admin-h4 {
  color: #dfdfdf;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-left: 15px; }

.user-admin-content {
  flex-grow: 1;
  padding: 0 10px;
  width: 100%; }

.user-admin-page {
  margin: 20px auto;
  transform: translateX(-125px);
  width: 1250px; }

.admin-container {
  margin-top: 70px;
  display: flex;
  flex-direction: row;
  /* Les éléments enfants seront alignés horizontalement */ }

.user-admin-content-wrapper {
  display: flex;
  margin-left: 10px;
  width: auto;
  height: auto;
  gap: 20px;
  border-radius: 0px 10px 10px 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  flex-grow: 1; }

.user-settings-section, .user-admin-section {
  position: relative;
  color: #dfdfdf;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.9rem;
  border-bottom: 2px solid #b8b8b8; }
  .user-settings-section::before, .user-admin-section::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 130px;
    height: 4px;
    background-color: #b8b8b8; }

.user-admin-section {
  margin: 5px 0px 10px 0; }

.selection-style, .timezone-selection,
.language-selection, .newsletter-selection, .email-change,
.password-change,
.mfa-toggle,
.manage-mfa, .security-password-change,
.security-email-change {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0;
  width: 100%;
  border-bottom: none; }
  .selection-style label, .timezone-selection label, .language-selection label, .newsletter-selection label, .email-change label, .password-change label, .mfa-toggle label, .manage-mfa label, .security-password-change label, .security-email-change label {
    color: #dfdfdf;
    width: 150px;
    margin-right: 10px; }
  .selection-style select, .timezone-selection select, .language-selection select, .newsletter-selection select, .email-change select, .password-change select, .mfa-toggle select, .manage-mfa select, .security-password-change select, .security-email-change select, .selection-style .toggle-container, .timezone-selection .toggle-container, .language-selection .toggle-container, .newsletter-selection .toggle-container, .email-change .toggle-container, .password-change .toggle-container, .mfa-toggle .toggle-container, .manage-mfa .toggle-container, .security-password-change .toggle-container, .security-email-change .toggle-container {
    margin-right: auto;
    margin-left: 50px;
    margin-bottom: 0px; }

.disabled-container {
  opacity: 0.3;
  pointer-events: none; }

.admin-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.server-status-widget {
  display: flex;
  background: #151c24;
  color: #c2f0c3;
  border: 1px solid #c2f0c3;
  border-radius: 6px;
  gap: 14px;
  font-size: 0.85rem;
  padding: 6px 10px;
  margin-top: 10px; }

.server-status-widget .danger {
  color: #d12323;
  border: 1px solid #d12323; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.admin-statistic-menu {
  display: flex;
  flex-direction: row;
  width: -webkit-fill-available;
  padding: 0 10px 0px 0px;
  height: 50px;
  align-items: center;
  color: #dfdfdf;
  border-radius: 10px;
  background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
  .admin-statistic-menu .date-picker-container {
    display: flex;
    flex-direction: row; }
    .admin-statistic-menu .date-picker-container .input-date {
      margin-right: 20px;
      margin-left: 20px; }

.graph {
  background-color: #163447;
  color: #dfdfdf;
  width: auto;
  height: 100%;
  padding: 10px; }
  .graph .react-grid-item {
    position: absolute;
    transition: all 0.2s;
    transform: translate(0px, 20px); }
  .graph.bar {
    height: 320px; }
  .graph.doughnut, .graph .pie {
    height: 320px !important;
    width: 280px; }

.chart-header {
  display: flex;
  gap: 20px;
  justify-content: space-between; }
  .chart-header .h4, .chart-header .custom-charts {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0.6em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate; }
  .chart-header .graph-selector {
    margin-left: auto;
    margin-right: 50px; }

.render-chart {
  width: 100%;
  height: 92%;
  min-height: 280px; }

.color-icon {
  position: absolute;
  top: -28px;
  right: 0px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index: 2000; }

.react-grid-item {
  z-index: 0;
  min-height: 300px !important; }

.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  bottom: 0;
  right: 0;
  cursor: se-resize; }
  .react-resizable-handle::after {
    border-right: 2px solid #720000 !important;
    border-bottom: 2px solid #720000 !important; }

.react-grid-item .graph .bar .react-draggable .cssTransforms .react-resizable {
  z-index: 100; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.error {
  color: red;
  font-size: 0.8em;
  margin-top: 5px; }

.input.admin.container {
  display: flex;
  gap: 10px;
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

.filter-container {
  width: 350px; }
  .filter-container .user-filter .input {
    width: 100%; }
  .filter-container.roster {
    margin-top: 50px; }
    .filter-container.roster .roster-search-input {
      width: 350px;
      padding: 0.3rem;
      font-size: 0.8rem;
      border: 1px solid #dfdfdf;
      border-radius: 4px; }
  .filter-container.organization-logs .user-filter .input {
    width: 350px; }

.input.admin {
  background-color: #163447;
  padding: 0px 10px 20px 10px;
  border: 1px solid #b8b8b8;
  border-radius: 8px;
  margin: 0 10px; }
  .input.admin.roles {
    width: 50%;
    height: 290px; }
  .input.admin.groups {
    width: 50%;
    height: 330px; }
  .input.admin.resources {
    width: 50%;
    height: 290px; }
    .input.admin.resources .buttons.manage-resources {
      gap: 10px; }
  .input.admin .create-role,
  .input.admin .create-group {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .input.admin .create-role .label-role,
    .input.admin .create-role .label-group,
    .input.admin .create-group .label-role,
    .input.admin .create-group .label-group {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 10px; }
      .input.admin .create-role .label-role label,
      .input.admin .create-role .label-group label,
      .input.admin .create-group .label-role label,
      .input.admin .create-group .label-group label {
        display: flex;
        align-items: center;
        width: 100%;
        margin-right: 10px;
        font-weight: bold; }
        .input.admin .create-role .label-role label span,
        .input.admin .create-role .label-group label span,
        .input.admin .create-group .label-role label span,
        .input.admin .create-group .label-group label span {
          width: 150px;
          font-weight: bold; }
        .input.admin .create-role .label-role label input, .input.admin .create-role .label-role label textarea,
        .input.admin .create-role .label-group label input,
        .input.admin .create-role .label-group label textarea,
        .input.admin .create-group .label-role label input,
        .input.admin .create-group .label-role label textarea,
        .input.admin .create-group .label-group label input,
        .input.admin .create-group .label-group label textarea {
          flex-grow: 1;
          max-width: 300px;
          padding: 4px; }
      .input.admin .create-role .label-role .error,
      .input.admin .create-role .label-group .error,
      .input.admin .create-group .label-role .error,
      .input.admin .create-group .label-group .error {
        color: red;
        font-size: 0.8em;
        margin-top: 5px;
        width: 100%; }
    .input.admin .create-role .btn-style1.left,
    .input.admin .create-group .btn-style1.left {
      margin-right: auto;
      margin-left: 0px; }

.input.admin.discord-bot {
  display: flex;
  flex-direction: column; }
  .input.admin.discord-bot .admin-section h4 {
    margin-bottom: 10px; }
  .input.admin.discord-bot .admin-section .permission-list {
    height: 150px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .input.admin.discord-bot .admin-section .permission-list li {
    margin: 0px 10px; }

.input.admin.filter {
  display: flex;
  gap: 10px;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.role-permission,
.group-role {
  width: 30%;
  min-width: 150px;
  padding: 0.3rem;
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 1rem; }

.permissions-list,
.roles-list {
  background-color: #163447;
  padding: 20px 20px 20px 20px;
  border: 1px solid #b8b8b8;
  border-radius: 8px;
  margin: 0 10px; }
  .permissions-list .admin-panel,
  .roles-list .admin-panel {
    text-transform: uppercase; }
  .permissions-list .menu,
  .roles-list .menu {
    font-size: 1.05rem;
    margin-top: 30px;
    margin-left: 20px;
    text-transform: uppercase;
    padding-top: 10px; }
  .permissions-list .tab,
  .roles-list .tab {
    color: #c5ccd1;
    font-weight: normal;
    font-size: 1.0rem;
    margin-top: 10px;
    margin-left: 20px;
    text-transform: none;
    padding-top: 10px; }
  .permissions-list .permission,
  .permissions-list .role,
  .roles-list .permission,
  .roles-list .role {
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10px; }
    .permissions-list .permission .description,
    .permissions-list .role .description,
    .roles-list .permission .description,
    .roles-list .role .description {
      margin-left: 0px; }
  .permissions-list .role-selection,
  .permissions-list .group-selection,
  .roles-list .role-selection,
  .roles-list .group-selection {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .permissions-list .role-selection .dropdown,
    .permissions-list .group-selection .dropdown,
    .roles-list .role-selection .dropdown,
    .roles-list .group-selection .dropdown {
      display: flex;
      align-items: center; }
    .permissions-list .role-selection .selected.role-description, .permissions-list .role-selection .selected.group-description,
    .permissions-list .group-selection .selected.role-description,
    .permissions-list .group-selection .selected.group-description,
    .roles-list .role-selection .selected.role-description,
    .roles-list .role-selection .selected.group-description,
    .roles-list .group-selection .selected.role-description,
    .roles-list .group-selection .selected.group-description {
      margin-left: 1rem;
      transform: translateY(-7px); }
    .permissions-list .role-selection .save-permission,
    .permissions-list .group-selection .save-permission,
    .roles-list .role-selection .save-permission,
    .roles-list .group-selection .save-permission {
      margin-left: auto;
      align-self: center;
      height: 100%; }

.gris {
  opacity: 0.4;
  /* Diminue l'opacité pour un effet grisé */
  pointer-events: none;
  /* Empêche toute interaction avec l'élément */
  color: #dfdfdf;
  /* Change la couleur du texte pour un gris clair */ }

.permission.description,
.role.description {
  font-size: 0.95rem;
  color: #b8b8b8;
  text-transform: none;
  padding: 0px 0px 10px 0px;
  margin-top: 0px;
  border-bottom: 1px solid #2a3847; }

.permission.toggle,
.role.toggle {
  margin-top: 0px;
  margin-left: auto; }

.separator {
  border-bottom: 1px solid #b8b8b8;
  margin: 10px 0px 15px 0px; }

.user-filter {
  margin: 10px 10px 10px auto; }
  .user-filter.organization-logs {
    margin-left: 15px; }
  .user-filter.organization-applications {
    margin: 5px 0px 5px 0px; }
  .user-filter input {
    width: 460px;
    padding: 0.3rem;
    margin-left: 0px;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 4px; }

.action-filter.organization-logs {
  display: flex;
  margin-left: 20px;
  gap: 20px;
  width: max-content; }

.users-list .user-item {
  display: flex;
  flex-direction: column;
  background-color: #1c2d38;
  margin: 10px;
  border: 1px solid #b8b8b8;
  border-radius: 8px;
  padding: 10px 15px;
  cursor: pointer; }
  .users-list .user-item.user-groups {
    max-height: 500px;
    /* Adjust this value based on your content */ }
  .users-list .user-item.expanded {
    background-color: #163447;
    max-height: 500px;
    /* Adjust this value based on your content */ }
  .users-list .user-item.unconfirmed {
    border-color: orange; }
  .users-list .user-item.deleted {
    border-color: #d12323; }
  .users-list .user-item .site-admin.email {
    color: #b8b8b8;
    font-size: 1rem;
    margin: 10px;
    transition: color 0.2s ease-in 0s; }
    .users-list .user-item .site-admin.email.selected {
      color: #dfdfdf;
      font-weight: bold;
      transition: color 0s ease-in 0s; }
  .users-list .user-item .user-groups {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    margin-left: 10px;
    align-items: center; }
    .users-list .user-item .user-groups.expanded {
      max-height: 500px;
      /* Adjust according to your needs */ }
    .users-list .user-item .user-groups .container {
      margin: 10px 0px; }
    .users-list .user-item .user-groups .add-group .add-group.dropdown {
      width: 250px;
      margin-right: 10px;
      padding: 3px 5px;
      cursor: pointer; }
    .users-list .user-item .user-groups .user-group-item {
      display: flex;
      flex-wrap: nowrap;
      list-style-type: none;
      align-items: center; }
      .users-list .user-item .user-groups .user-group-item .group-name {
        width: 250px;
        margin-right: 10px; }
    .users-list .user-item .user-groups .btn-style1 {
      margin-left: 10px; }

.users-list .user-email.deleted {
  color: #d12323; }

.user-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .user-header .account-created {
    font-size: 0.9em;
    color: #888;
    margin-left: auto; }

.user-details {
  padding: 15px 10px 15px 10px;
  background-color: #2a3847;
  border-radius: 8px; }
  .user-details .user-details-header {
    display: flex; }
    .user-details .user-details-header.user-details-header .user-email {
      border: 2px solid #b8b8b8;
      margin: 0px 0px 5px 0px;
      border-radius: 20px;
      padding: 4px 10px; }
    .user-details .user-details-header.user-details-header .user-add-assignment-inline {
      margin: 0px 10px 0px auto; }
      .user-details .user-details-header.user-details-header .user-add-assignment-inline .assignment-dropdown {
        border-radius: 8px;
        padding: 5px;
        margin-right: 15px; }

.table-message-container {
  display: flex;
  margin: 0px; }

.message-container {
  width: 500px;
  height: fit-content;
  margin-top: 10px;
  margin-left: 10px;
  background-color: #0c2637;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 8px;
  box-shadow: 4px 5px 2px #4b050547; }
  .message-container .application-header {
    display: flex;
    justify-content: space-between;
    color: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 2px solid #2a3847;
    border-radius: 8px 8px 0px 0px;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .message-container .application-header .application-title {
      font-size: small;
      text-transform: uppercase;
      color: #b8b8b8;
      margin-block-start: 0em;
      margin-block-end: 0em; }
  .message-container .application-content {
    overflow-wrap: anywhere;
    padding: 10px;
    background-color: #1d2e3f;
    height: 199px;
    overflow-y: auto;
    width: auto; }
    .message-container .application-content::-webkit-scrollbar {
      width: 8px; }
    .message-container .application-content::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .message-container .application-content::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .message-container .application-content::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
  .message-container .application-footer {
    background: #1c2d38;
    height: 20px; }
    .message-container .application-footer .vote-button {
      background: #0c2637;
      border: 1px solid #2a3847;
      border-radius: 8px;
      margin: 5px;
      cursor: pointer;
      display: inline-flex;
      align-items: center; }
      .message-container .application-footer .vote-button .vote-count {
        color: #b8b8b8;
        margin: 0 0.35rem;
        font-weight: bold; }
      .message-container .application-footer .vote-button.upvote {
        position: absolute;
        transform: translate(10px, 5px); }
        .message-container .application-footer .vote-button.upvote .thumbs-up-icon {
          width: 17px;
          margin: 0px 5px 0px 0px;
          padding: 4px; }
        .message-container .application-footer .vote-button.upvote.voted {
          background: #163447;
          border: 1px solid #dfdfdf; }
      .message-container .application-footer .vote-button.downvote {
        position: absolute;
        transform: translate(80px, 5px); }
        .message-container .application-footer .vote-button.downvote .thumbs-down-icon {
          width: 17px;
          margin: 0px 5px 0px 0px;
          padding: 4px; }
        .message-container .application-footer .vote-button.downvote.voted {
          background: #163447;
          border: 1px solid #dfdfdf; }
      .message-container .application-footer .vote-button:hover {
        border: 1px solid #b8b8b8; }

.application-process {
  display: flex;
  flex-direction: row;
  height: 50px;
  gap: 5px; }
  .application-process input[type="checkbox"] {
    /* hide visual element */
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    pointer-events: none;
    position: absolute; }
  .application-process .vote-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 130px; }
    .application-process .vote-section .vote-button {
      display: inline-flex;
      width: 60px;
      height: 45px;
      color: #b8b8b8;
      background: #163447;
      border: 1px solid #747b81;
      border-radius: 8px;
      padding: 5px;
      margin: 5px;
      align-items: center;
      cursor: pointer; }
      .application-process .vote-section .vote-button .vote-icon {
        display: inline-flex;
        height: 20px;
        padding: 5px;
        align-items: center;
        cursor: pointer; }
      .application-process .vote-section .vote-button .vote-count {
        margin: 0 0.35rem;
        font-weight: bold; }
      .application-process .vote-section .vote-button:hover {
        border: 1px solid #dfdfdf; }
  .application-process .background-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 10px;
    width: 110px;
    /* ============================================================
        CHECKED FIELD COLORS
        Each type has its own highlight when .checked is present
        ============================================================ */ }
    .application-process .background-check .field {
      position: relative;
      display: flex;
      align-items: center;
      font-size: 14px;
      height: 40px;
      background: #163447;
      padding: 3px 12px 3px 8px;
      border-radius: 6px;
      flex: none;
      cursor: pointer;
      clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);
      transition: background-color 0.25s ease, border-color 0.25s ease;
      /* ---- SELECT ---- */
      /* ---- LABEL ---- */ }
      .application-process .background-check .field:hover {
        border-color: #dfdfdf; }
      .application-process .background-check .field select {
        padding: 0px 10px;
        background: transparent;
        border: none;
        text-align-last: center;
        text-transform: capitalize;
        color: #dfdfdf;
        height: 24px;
        line-height: 24px;
        border-radius: 6px;
        appearance: none;
        cursor: pointer; }
        .application-process .background-check .field select:focus-visible {
          border: none; }
      .application-process .background-check .field select:invalid {
        color: #dfdfdf;
        opacity: 0.7; }
      .application-process .background-check .field label {
        color: #b8b8b8;
        padding: 3px 0px 3px 14px;
        cursor: pointer; }
    .application-process .background-check .field.age {
      left: 0px;
      z-index: 30;
      width: 120px; }
      .application-process .background-check .field.age select:focus-visible {
        border: none; }
      .application-process .background-check .field.age select option {
        background: #163447; }
    .application-process .background-check .field.spectrum {
      left: -20px;
      z-index: 25;
      justify-content: center;
      width: 120px; }
      .application-process .background-check .field.spectrum select:focus-visible {
        border: none; }
      .application-process .background-check .field.spectrum select option {
        background: #163447; }
    .application-process .background-check .field.rsi {
      left: -40px;
      z-index: 20;
      justify-content: center;
      width: 120px; }
    .application-process .background-check .field.admission {
      left: -60px;
      z-index: 15;
      justify-content: center;
      width: 120px; }
    .application-process .background-check .field.discord {
      left: -80px;
      z-index: 10;
      justify-content: center;
      width: 120px; }
    .application-process .background-check .field.age.checked {
      background-color: #42260c;
      left: 0px;
      z-index: 30; }
      .application-process .background-check .field.age.checked select {
        max-height: 60px;
        overflow-y: auto; }
        .application-process .background-check .field.age.checked select option {
          background: #42260c; }
    .application-process .background-check .field.spectrum.checked {
      background-color: #6e441c;
      left: -20px;
      z-index: 25; }
      .application-process .background-check .field.spectrum.checked select option {
        background: #6e441c; }
    .application-process .background-check .field.rsi.checked {
      background-color: #9b602a;
      left: -40px;
      z-index: 20; }
      .application-process .background-check .field.rsi.checked.declined {
        background-color: #9e2222; }
        .application-process .background-check .field.rsi.checked.declined select {
          color: #dfdfdf; }
    .application-process .background-check .field.admission.checked {
      background-color: #c78445;
      color: #0c2637;
      left: -60px;
      justify-content: center;
      z-index: 15;
      width: 120px; }
      .application-process .background-check .field.admission.checked label {
        color: #0c2637; }
    .application-process .background-check .field.discord.checked {
      background-color: #d8b493;
      left: -80px;
      z-index: 10;
      width: 120px; }
      .application-process .background-check .field.discord.checked label {
        color: #0c2637; }
    .application-process .background-check .rsi-link {
      display: inline-flex;
      position: relative;
      left: -70px;
      width: 0px;
      height: 25px;
      opacity: 0.7;
      cursor: pointer; }
      .application-process .background-check .rsi-link:hover {
        opacity: 1; }
    .application-process .background-check .field-2 {
      position: relative;
      display: flex;
      align-items: center;
      font-size: 14px;
      height: 40px;
      background: #163447;
      padding: 3px 12px 3px 8px;
      border: 1px solid #004872;
      border-radius: 6px;
      flex: none; }
      .application-process .background-check .field-2:hover {
        background-color: #491212;
        color: #dfdfdf;
        border: 1px solid #9e2222;
        cursor: pointer; }
    .application-process .background-check .field-2.canceled.checked {
      background-color: #9e2222; }
  .application-process .field-updated {
    position: relative;
    overflow: visible; }
  .application-process .field-updated::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 6px;
    pointer-events: none; }

@keyframes glowFlash {
  0% {
    box-shadow: 0 0 0px 0px rgba(255, 240, 120, 0.9);
    opacity: 1; }
  40% {
    box-shadow: 0 0 8px 4px rgba(255, 240, 120, 0.8);
    opacity: 1; }
  100% {
    box-shadow: 0 0 0px 0px rgba(255, 240, 120, 0);
    opacity: 0; } }

.clickable-row {
  cursor: pointer; }

.clickable-row:hover {
  background-color: #f1f1f1; }

.questions-fields-container {
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* 🔹 Chips container (ligne de cartouches) */
.chips-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  margin: 6px 0; }

/* 🔹 Cartouche */
.chip {
  display: inline-flex;
  align-items: center;
  border-radius: 12px;
  margin-right: 8px;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1;
  transition: background-color 0.2s ease;
  font-size: medium;
  padding: 4px 4px 4px 12px; }
  .chip.chip-group {
    color: #b8b8b8;
    border: 2px solid #9b602a;
    background-color: transparent; }
    .chip.chip-group:hover {
      color: #dfdfdf;
      background-color: #6e441c; }
  .chip.chip-role {
    color: #b8b8b8;
    border: 2px solid #0075b9;
    background-color: none; }
    .chip.chip-role:hover {
      color: #dfdfdf;
      background-color: #00304d; }
  .chip .chip-remove {
    position: relative;
    cursor: pointer;
    font-weight: bold;
    background: #491212;
    color: #b8b8b8;
    border: 1px solid #491212;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    align-content: center;
    font-size: 14px;
    margin: 0px 3px 0px 7px;
    line-height: 1;
    transition: color 0.2s ease; }
    .chip .chip-remove:hover {
      color: white; }

/* 🔹 Confirmation modal (style minimal) */
.remove-confirm-modal {
  position: fixed;
  inset: 0;
  /* top/right/bottom/left: 0 */
  z-index: 20000;
  /* above everything else */
  background: rgba(0, 0, 0, 0.6);
  /* Center the dialog regardless of page scroll */
  display: grid;
  place-items: center;
  /* Prevent background from scrolling while open (optional) */
  overscroll-behavior: contain; }

/* Dialog card */
.remove-confirm-modal .modal-content {
  height: 150px;
  width: min(92vw, 480px);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); }

/* Actions row */
.remove-confirm-modal .modal-actions {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  gap: 10px; }

/* Optional: lock body scroll when modal is open */
body.modal-open {
  overflow: hidden; }

.handle-cell {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px; }
  .handle-cell .warning-icon {
    display: "inline-block";
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    color: #d67f00;
    margin-left: auto;
    margin-right: 5px; }
    .handle-cell .warning-icon .warning-tooltip {
      visibility: hidden;
      opacity: 0;
      position: "fixed";
      width: max-content;
      height: max-content;
      background-color: #0c2637;
      color: #dfdfdf;
      border: 1px solid #b8b8b8;
      border-radius: 4px;
      padding: 8px 10px;
      white-space: nowrap;
      z-index: 999999;
      transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
      overflow: visible !important; }
      .handle-cell .warning-icon .warning-tooltip .tooltip-title {
        font-weight: bold;
        margin-bottom: 5px;
        white-space: normal; }
      .handle-cell .warning-icon .warning-tooltip .tooltip-list {
        margin: 0;
        padding-left: 16px;
        text-align: left;
        white-space: normal; }
        .handle-cell .warning-icon .warning-tooltip .tooltip-list li {
          list-style-type: disc; }
    .handle-cell .warning-icon:hover .warning-tooltip {
      visibility: visible;
      opacity: 1;
      top: -40px;
      left: 94px; }

.floating-warning-tooltip {
  background: #0c2637;
  color: #dfdfdf;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  padding: 8px 10px;
  z-index: 99999;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }
  .floating-warning-tooltip.global {
    position: fixed;
    transform: translateX(-50%) translateY(-95%);
    z-index: 9999;
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 13px;
    opacity: 1; }

.tooltip-title {
  font-weight: bold;
  margin-bottom: 5px; }

.tooltip-list {
  margin: 0;
  padding-left: 16px;
  text-align: left;
  white-space: normal; }
  .tooltip-list li {
    list-style-type: disc; }

.mark-all-read-btn {
  font-size: 10px;
  line-height: 14px;
  padding: 0 4px;
  height: 16px;
  margin-left: auto;
  float: right;
  opacity: 0.7;
  border-radius: 3px;
  cursor: pointer; }
  .mark-all-read-btn:hover {
    opacity: 1; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.admin-toggle {
  display: flex;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px solid #2a3847; }

.toggle-info {
  flex: 1;
  padding: 10px 0 10px 0; }

.toggle-control {
  flex: 0 1 auto;
  margin-top: 30px; }

.toggle-description {
  font-size: 0.9em;
  color: #b8b8b8; }

.user-admin-container {
  display: flex;
  flex-direction: column;
  gap: 0px; }
  .user-admin-container .admin-tabs {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 0px;
    border-bottom: 2px solid #1c2d38; }
    .user-admin-container .admin-tabs button {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      padding: 5px 10px 5px 10px;
      color: #b8b8b8;
      margin-right: 2px;
      min-width: 90px;
      background-color: #0c2637;
      cursor: pointer; }
      .user-admin-container .admin-tabs button:hover {
        background-color: #2a3847; }
    .user-admin-container .admin-tabs .active {
      background-color: #2a3847;
      color: #dfdfdf;
      border-bottom: 2px solid #2a3847; }
  .user-admin-container .admin-content-container {
    display: flex;
    flex-direction: column;
    gap: 10px; }

.publicpages-content-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 5px; }

.admin-tab-content {
  background-color: #2a3847;
  padding: 10px 10px 10px 10px;
  color: #dfdfdf;
  width: calc(100% - 21px);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }

.split-container.row {
  display: flex;
  flex-direction: row;
  gap: 10px; }

.admin-block-container {
  padding: 10px 15px;
  min-height: 150px;
  background-color: #163447;
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  box-shadow: inset -2px -2px 3px rgba(70, 69, 69, 0.2); }
  .admin-block-container.full-width {
    width: calc(100% - 20px); }
  .admin-block-container.rte {
    height: 240px;
    padding-bottom: 20px; }
  .admin-block-container.ranks-input {
    display: flex;
    height: 275px;
    padding-bottom: 20px; }
  .admin-block-container.flex {
    display: flex;
    justify-content: space-between;
    /* Assure une répartition égale de l'espace */
    align-items: start;
    /* Aligner les éléments au début */
    gap: 20px; }
  .admin-block-container.flex-divisions {
    display: flex;
    justify-content: flex-start;
    /* Assure une répartition égale de l'espace */
    align-items: start;
    /* Aligner les éléments au début */ }
  .admin-block-container.structure.diagram {
    background: #163447; }
  .admin-block-container.event-template {
    padding: 0.2rem;
    margin-top: 15px; }
  .admin-block-container.permissions {
    height: 215px; }
  .admin-block-container.token-chart.preview {
    border: 1px solid #d12323; }
  .admin-block-container.trainings {
    display: flex;
    flex-direction: column;
    width: 45%;
    height: 240px;
    background: #1c2d38;
    padding: 0;
    margin-left: 10px;
    border: 1px solid #491212;
    border-bottom: 4px solid #491212;
    border-radius: 10px; }
    .admin-block-container.trainings .selected-row-info {
      display: grid;
      padding: 8px; }
    .admin-block-container.trainings .validate-button-container {
      margin: auto 0px 10px 10px; }
  .admin-block-container.trainings-selection {
    justify-content: space-between;
    width: 430px;
    background: #2a3847;
    margin-top: 55px;
    border: none; }
  .admin-block-container.dark-background {
    background: #163447; }

.logo-input-file {
  display: none; }

.training-equivalence.header {
  font-size: small;
  font-weight: lighter;
  text-transform: uppercase;
  text-align: left;
  height: 30px;
  padding: 0 5px;
  background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
  border-bottom: 2px solid #2a3847;
  border-radius: 10px 10px 0px 0px; }
  .training-equivalence.header .training-equivalence-title {
    position: relative;
    top: 7px;
    color: #dfdfdf; }

.create-theme .admin-h4 {
  margin-left: 10px; }

.input-row.academy-question .mde-textarea-wrapper .mde-text {
  height: 60px !important; }

.input-row.academy-question .mde-preview {
  min-height: 60px !important;
  max-height: 60px !important;
  height: 60px !important; }

.admin-management, .structure-management {
  width: 100%; }
  .admin-management.tab-home, .structure-management.tab-home {
    width: 40%; }
  .admin-management .input-field, .structure-management .input-field {
    display: flex;
    align-items: center;
    border-radius: 4px; }
    .admin-management .input-field .home-file, .structure-management .input-field .home-file {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: start;
      margin-left: 20px;
      margin-right: 0%;
      width: 28%;
      bottom: 0px; }
    .admin-management .input-field .media-file, .structure-management .input-field .media-file {
      display: none; }
    .admin-management .input-field .input-title,
    .admin-management .input-field .input-subtitle,
    .admin-management .input-field .input-file, .structure-management .input-field .input-title,
    .structure-management .input-field .input-subtitle,
    .structure-management .input-field .input-file {
      min-width: 200px;
      border-radius: 4px; }
    .admin-management .input-field .rank-type, .structure-management .input-field .rank-type {
      bottom: 5px; }
    .admin-management .input-field.divisionDescription, .structure-management .input-field.divisionDescription {
      display: flex;
      flex-direction: column;
      width: auto;
      align-items: flex-start;
      height: 210px; }
      .admin-management .input-field.divisionDescription .home-file, .structure-management .input-field.divisionDescription .home-file {
        margin-left: 0; }
  .admin-management.allies, .structure-management.allies {
    display: flex; }

.allied-input {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }
  .allied-input.left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%; }
  .allied-input.right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%; }
    .allied-input.right .logo-wrapper.allies {
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start; }
    .allied-input.right .orglogo-section {
      flex-wrap: wrap;
      align-content: flex-start;
      flex-direction: column; }
      .allied-input.right .orglogo-section .add-logo {
        display: none; }
      .allied-input.right .orglogo-section .logo-icon-wrapper {
        flex-wrap: wrap;
        align-content: flex-start;
        flex-direction: row; }

.logo-section .logo-wrapper {
  margin-top: 0px;
  padding-right: 0px;
  margin-left: 50px; }

.logo-section .add-rank-image {
  display: none; }

.logo-section.ranks {
  margin-left: 50px;
  margin-right: 50px; }

.logo-section .add-section-logo {
  display: none; }

.rank-preview {
  position: relative;
  transform: translate(20px, 10px);
  max-width: 432px;
  min-width: 320px; }

.structure-management {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 35px;
  padding: 20px; }

.rank-management {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  margin-top: 35px;
  padding: 20px; }

.input.structure.elementName, .input.structure.elementDetails {
  width: 300px;
  height: 65px;
  margin-bottom: 10px;
  resize: none;
  border-radius: 4px; }

.input.structure.abreviation {
  width: 55px;
  text-transform: uppercase;
  bottom: 10px;
  border-radius: 4px; }

.input.structure.dropdown {
  width: 305px;
  height: 22px;
  border-radius: 4px; }

.input.structure.divisionDescription {
  display: flex;
  width: 100%;
  height: 170px;
  margin: 10px 0 10px 0;
  resize: none;
  border-radius: 4px; }
  .input.structure.divisionDescription::-webkit-scrollbar {
    width: 8px; }
  .input.structure.divisionDescription::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .input.structure.divisionDescription::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .input.structure.divisionDescription::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }

.input.structure .create-event {
  color: red; }

.input.ranks.paygrade {
  width: 50px;
  margin-bottom: 0px;
  resize: none;
  border-radius: 4px; }

.input.ranks.abreviation {
  width: 75px;
  margin-bottom: 0px;
  margin-left: 0px;
  resize: none;
  border-radius: 4px; }

.input.ranks.rankName {
  width: 250px;
  margin-bottom: 0px;
  resize: none;
  border-radius: 4px; }

.input.ranks.dropdown {
  width: 258px;
  margin-bottom: 10px;
  resize: none;
  border-radius: 4px; }

.input.allie {
  width: 250px;
  border-radius: 4px; }

.home-file.ranks.rankType {
  position: relative;
  font-size: 0.9rem;
  text-transform: uppercase;
  width: max-content;
  margin-left: 0px;
  bottom: 0px; }

.home-file.ranks.abreviation {
  position: relative;
  font-size: 1rem;
  width: 50px;
  margin-left: 28px;
  margin-right: -23px;
  bottom: 0px; }

.home-file.ranks.status {
  position: relative;
  font-size: 1rem;
  width: 50px;
  margin-left: 20px;
  bottom: 5px; }

.default-btn.allies {
  margin: 10px 0px 10px 20px; }

.default-btn.event-template {
  margin: 10px 10px 10px 20px; }

.default-btn .newmedia {
  position: relative;
  min-width: 120px;
  margin: 15px 0px 20px 18px;
  top: 0px; }
  .default-btn .newmedia .hometab-save:hover {
    background-color: #c6c6c6; }
  .default-btn .newmedia .cancel:hover {
    border: 1px solid #2a3847; }
  .default-btn .newmedia .delete:hover {
    border: 3px solid #d12323;
    background-color: #741919; }

.homepage-management {
  justify-content: start;
  border: 1px solid #9c99a3;
  padding: 0.5rem;
  border-radius: 4px;
  box-shadow: inset -2px -2px 3px rgba(70, 69, 69, 0.2); }
  .homepage-management .toggle .toggle-switch {
    position: relative;
    display: flex;
    background-color: #E0E0E0;
    align-items: center;
    justify-content: space-between;
    margin-left: 20px;
    padding: 0 5px;
    height: 25px;
    width: 140px; }
    .homepage-management .toggle .toggle-switch:before {
      content: '';
      position: absolute;
      width: 70px;
      height: 20px;
      bottom: 3px;
      border-radius: 10px;
      transition: transform 0.3s;
      box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.404); }
    .homepage-management .toggle .toggle-switch span {
      position: absolute;
      width: 70px;
      text-align: center;
      font-size: 0.65em;
      font-weight: 800;
      text-transform: uppercase;
      transition: opacity 0.2s, left 0.2s; }
      .homepage-management .toggle .toggle-switch span.text {
        opacity: 1;
        left: 2px; }
      .homepage-management .toggle .toggle-switch span.media {
        opacity: 0;
        left: 77px; }
    .homepage-management .toggle .toggle-switch.active span.text {
      opacity: 0; }
    .homepage-management .toggle .toggle-switch.active span.media {
      opacity: 1; }
  .homepage-management .toggle input:checked + .toggle-switch:before {
    transform: translateX(74px); }

.toggle-container {
  width: 100%; }

.lastEditBy {
  position: absolute;
  top: 30px;
  left: 20px; }

.allies-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center; }

.ally-item {
  position: relative;
  flex: 1 1 calc(50% - 20px);
  max-width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  border: 1px solid #2a3847;
  border-radius: 8px;
  background-color: #1c2d38;
  box-sizing: border-box;
  height: 300px;
  overflow: hidden;
  transition: all 0.3s ease; }
  .ally-item::after {
    content: "";
    position: absolute;
    top: 5px;
    /* Adjust the top value to match your design */
    bottom: 5px;
    /* Adjust the bottom value to match your design */
    left: 5px;
    right: 5px;
    border-left: 3px solid #2a3847;
    border-right: 3px solid #2a3847;
    border-radius: 5px;
    /* Adjust the radius to match the inner corners */
    pointer-events: none;
    /* Ensure the pseudo-element does not interfere with interactions */
    z-index: 1;
    /* Ensure the pseudo-element is below the content */ }
  .ally-item .ally-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 280px;
    padding: 0 20px;
    transition: transform 0.3s ease; }
    .ally-item .ally-content .ally-logo {
      margin-right: 10px;
      transition: width 0.3s ease; }
      .ally-item .ally-content .ally-logo img {
        width: 200px;
        height: auto;
        transition: width 0.3s ease; }
    .ally-item .ally-content .ally-details {
      text-align: left; }
      .ally-item .ally-content .ally-details h3 {
        margin: 0;
        font-size: 1.2em;
        transition: all 0.3s ease; }
  .ally-item .ally-description-icons {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 5px;
    height: 200px;
    background: #0c2637;
    padding: 10px 5px 10px 10px;
    transition: bottom 0.3s ease;
    border-top: none;
    border-bottom: 2px solid #2a3847;
    border-radius: 5px; }
    .ally-item .ally-description-icons .ally-description {
      position: relative;
      height: 160px;
      /* Adjust this value based on your design */
      overflow-y: auto;
      z-index: 2;
      padding-bottom: 5px; }
      .ally-item .ally-description-icons .ally-description::-webkit-scrollbar {
        width: 8px; }
      .ally-item .ally-description-icons .ally-description::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .ally-item .ally-description-icons .ally-description::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .ally-item .ally-description-icons .ally-description::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
    .ally-item .ally-description-icons .ally-icons {
      display: flex;
      margin-left: 12px;
      gap: 30px;
      align-items: center;
      padding-top: 12px;
      cursor: pointer; }
      .ally-item .ally-description-icons .ally-icons .ally-icon {
        width: 50px;
        object-fit: cover;
        object-position: top; }
      .ally-item .ally-description-icons .ally-icons .rsi-icon {
        width: 39px;
        height: 16px; }
      .ally-item .ally-description-icons .ally-icons .discord-icon {
        width: 27px;
        height: 20px; }
      .ally-item .ally-description-icons .ally-icons .guilded-icon {
        width: 22px;
        height: 23px; }
      .ally-item .ally-description-icons .ally-icons .website-icon {
        width: 28px;
        height: 28px; }
  .ally-item:hover .ally-description-icons {
    bottom: 0; }
  .ally-item:hover .ally-content {
    align-items: flex-start;
    transform: translateY(10px); }
  .ally-item:hover .ally-content .ally-logo img {
    width: 50px; }
  .ally-item:hover .ally-details {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center; }
  .ally-item .icon:hover {
    object-position: bottom; }

.calendar-debrief-default .content.calendar-debrief-default {
  padding: 0 18px; }

.calendar-debrief-default .footer.calendar-debrief-default {
  padding: 10px 20px; }

@media (max-width: 1023px) {
  .ally-item {
    flex: 1 1 100%;
    max-width: 100%; }
  .ally-description-icons .ally-icons {
    justify-content: flex-start;
    margin-left: 10px !important; }
  .ally-icons {
    display: flex;
    margin-left: 15px;
    gap: 20px;
    align-items: center;
    padding-top: 8px;
    cursor: pointer; }
    .ally-icons .ally-icon {
      width: 50px;
      object-fit: cover;
      object-position: top; }
    .ally-icons .rsi-icon {
      width: 47px !important;
      height: 20px !important; }
    .ally-icons .discord-icon {
      width: 30px;
      height: 20px; }
    .ally-icons .guilded-icon {
      width: 22px;
      height: 24px; }
    .ally-icons .website-icon {
      width: 30px;
      height: 30px; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.theme-and-level {
  display: flex;
  flex-direction: row;
  gap: 10px; }
  .theme-and-level .themes-block {
    width: 50%; }
  .theme-and-level .training-levels-block {
    width: 50%; }

.create-module-modal .modal-dialog {
  margin: auto;
  width: 1080px; }

.create-module-modal .modal-content {
  background-color: #1d2e3f;
  width: 1100px;
  height: 85%;
  margin-top: 120px;
  border: 1px solid #491212; }

.create-module-modal .modal-header {
  color: #dfdfdf; }
  .create-module-modal .modal-header .modal-title {
    font-size: 1.5rem;
    color: #dfdfdf; }
  .create-module-modal .modal-header .btn-close {
    color: #dfdfdf; }
    .create-module-modal .modal-header .btn-close:hover, .create-module-modal .modal-header .btn-close:focus {
      color: #0c2637; }

.create-module-modal .modal-body {
  padding: 20px; }
  .create-module-modal .modal-body .form-control {
    position: relative;
    border-width: 0px;
    width: -webkit-fill-available;
    height: 16px;
    padding: 3px 5px;
    border-radius: 4px;
    color: #0c2637; }
  .create-module-modal .modal-body .calendar-template-input.form-control,
  .create-module-modal .modal-body .calendar-template-dropdown.form-control {
    width: 232px;
    padding: 2px; }
  .create-module-modal .modal-body .modal-footer {
    display: flex;
    justify-content: flex-start; }

.modal-content.mcq-save-modal .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to top, #491212, #5e2f2fd3, #491212);
  padding: 5px 0px 5px 10px;
  color: #dfdfdf;
  font-size: medium;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 3px solid #b8b8b8;
  border-radius: 8px 8px 0px 0px; }
  .modal-content.mcq-save-modal .header .mcq-save-modal-h3 {
    margin: 0;
    font-size: small; }
  .modal-content.mcq-save-modal .header .icon {
    display: flex;
    height: 18px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 0; }
    .modal-content.mcq-save-modal .header .icon .close-event-button {
      position: relative;
      height: 40px;
      margin-right: 10px;
      object-fit: contain;
      overflow: hidden;
      cursor: pointer; }
      .modal-content.mcq-save-modal .header .icon .close-event-button:hover {
        top: -21px; }

.modal-content.mcq-save-modal .content {
  padding: 15px;
  width: auto;
  background: #163447;
  align-content: center; }
  .modal-content.mcq-save-modal .content .mcq-save-mode-toggle {
    display: flex;
    justify-content: center;
    gap: 10px;
    position: relative;
    margin: 5px; }
  .modal-content.mcq-save-modal .content .mcq-save-live-section {
    position: relative; }
    .modal-content.mcq-save-modal .content .mcq-save-live-section .version-description {
      width: 430px;
      text-align: justify;
      padding: 10px 0; }
    .modal-content.mcq-save-modal .content .mcq-save-live-section .mcq-save-modal-button {
      position: relative;
      display: flex;
      margin: auto; }
  .modal-content.mcq-save-modal .content .mcq-save-review-section .mcq-save-description,
  .modal-content.mcq-save-modal .content .mcq-save-live-section .mcq-save-description {
    width: 430px;
    text-align: justify;
    padding: 10px 0; }
  .modal-content.mcq-save-modal .content .mcq-save-review-section .mcq-save-fieldset,
  .modal-content.mcq-save-modal .content .mcq-save-live-section .mcq-save-fieldset {
    display: flex;
    justify-content: center;
    gap: 10px; }

.modal.create-module {
  display: contents;
  flex-direction: column;
  position: relative;
  background-color: #2a3847;
  padding: 0;
  border-radius: 8px;
  overflow-y: auto; }
  .modal.create-module::-webkit-scrollbar {
    width: 8px; }
  .modal.create-module::-webkit-scrollbar-track {
    background: #2e3842;
    border-radius: 4px;
    padding-right: 1px; }
  .modal.create-module::-webkit-scrollbar-thumb {
    background-color: #491212;
    border-radius: 4px; }
    .modal.create-module::-webkit-scrollbar-thumb:hover {
      background-color: #200808; }
  .modal.create-module .header.create-module {
    font-size: small;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    color: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 2px solid #2a3847;
    border-radius: 8px 8px 0px 0px;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .modal.create-module .header.create-module .icon {
      display: flex;
      height: 18px;
      overflow: hidden;
      margin-left: auto;
      margin-right: 10px; }
      .modal.create-module .header.create-module .icon .close-modal-button {
        position: relative;
        height: 40px;
        object-fit: contain;
        overflow: hidden;
        cursor: pointer; }
        .modal.create-module .header.create-module .icon .close-modal-button:hover {
          top: -21px; }
  .modal.create-module .admin-block-container,
  .modal.create-module .create-module {
    margin: 10px 20px; }
    .modal.create-module .admin-block-container.information-block,
    .modal.create-module .create-module.information-block {
      max-width: 50%;
      min-height: fit-content; }
    .modal.create-module .admin-block-container .lexical-public-html,
    .modal.create-module .create-module .lexical-public-html {
      max-height: calc(60vh - 140px);
      overflow-y: auto; }
      .modal.create-module .admin-block-container .lexical-public-html::-webkit-scrollbar,
      .modal.create-module .create-module .lexical-public-html::-webkit-scrollbar {
        width: 8px; }
      .modal.create-module .admin-block-container .lexical-public-html::-webkit-scrollbar-track,
      .modal.create-module .create-module .lexical-public-html::-webkit-scrollbar-track {
        background: #2e3842;
        border-radius: 4px;
        padding-right: 1px; }
      .modal.create-module .admin-block-container .lexical-public-html::-webkit-scrollbar-thumb,
      .modal.create-module .create-module .lexical-public-html::-webkit-scrollbar-thumb {
        background-color: #491212;
        border-radius: 4px; }
        .modal.create-module .admin-block-container .lexical-public-html::-webkit-scrollbar-thumb:hover,
        .modal.create-module .create-module .lexical-public-html::-webkit-scrollbar-thumb:hover {
          background-color: #200808; }
    .modal.create-module .admin-block-container .input-field,
    .modal.create-module .create-module .input-field {
      margin-bottom: 10px; }
      .modal.create-module .admin-block-container .input-field .home-file,
      .modal.create-module .create-module .input-field .home-file {
        color: #dfdfdf;
        font-size: 0.9rem;
        margin-bottom: 3px; }
      .modal.create-module .admin-block-container .input-field .form-control,
      .modal.create-module .admin-block-container .input-field .theme-select,
      .modal.create-module .admin-block-container .input-field .level-select,
      .modal.create-module .create-module .input-field .form-control,
      .modal.create-module .create-module .input-field .theme-select,
      .modal.create-module .create-module .input-field .level-select {
        height: auto;
        width: 100%;
        background-color: #dfdfdf;
        border-radius: 4px; }
  .modal.create-module .footer.create-module {
    display: flex;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px; }
  .modal.create-module .lexical-document-footer {
    margin-left: 20px;
    margin-top: 15px; }
    .modal.create-module .lexical-document-footer .btn-style1 {
      margin-top: 10px; }

.admin-block-container,
.create-mcq {
  margin: 10px 20px; }

.module-view-toggle {
  display: flex;
  justify-content: center;
  margin: 20px 0; }
  .module-view-toggle .btn-toggle {
    border: 1px solid #555;
    background: #f5f5f5;
    color: #333;
    padding: 6px 16px;
    margin: 0 4px;
    border-radius: 4px;
    cursor: pointer; }
    .module-view-toggle .btn-toggle.active {
      background: #222;
      color: #fff;
      font-weight: bold; }

.module-questions {
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
  margin: 0px auto 0px auto;
  gap: 1.5rem; }
  .module-questions .mqc-header {
    display: flex;
    justify-content: flex-end; }
    .module-questions .mqc-header .btn-style1 {
      margin-left: auto; }
  .module-questions .mqc-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    background: #0c2637;
    min-height: 175px;
    max-height: calc(100vh - 510px);
    border: 1px solid #491212;
    border-top: 4px solid #491212;
    border-bottom: 4px solid #491212;
    border-radius: 8px;
    outline: none;
    padding: 15px;
    overflow-y: auto;
    margin-bottom: 20px; }
    .module-questions .mqc-content::-webkit-scrollbar {
      width: 8px; }
    .module-questions .mqc-content::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .module-questions .mqc-content::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .module-questions .mqc-content::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .module-questions .mqc-content .no-questions {
      text-align: center;
      color: #dfdfdf;
      font-style: italic; }
    .module-questions .mqc-content .question-accordion {
      background: #1c2d38;
      border-radius: 8px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
      border: 1px solid #491212;
      transition: all 1s ease; }
      .module-questions .mqc-content .question-accordion.open {
        border: 1px solid #491212;
        border-bottom: 4px solid #491212;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
        transition: all 1s ease; }
    .module-questions .mqc-content .question-body {
      padding: 1rem 1.2rem;
      backdrop-filter: blur(6px) saturate(33%);
      -webkit-backdrop-filter: blur(4px) saturate(33%);
      background-color: #163447;
      animation: fadeIn 0.6s ease-out; }
  .module-questions .question-editor {
    display: flex;
    flex-direction: column;
    background: #384858;
    border-radius: 8px;
    overflow: hidden;
    gap: 1.2rem; }
    .module-questions .question-editor .input-field {
      display: flex;
      flex-direction: column;
      gap: 0.4rem;
      margin-left: 20px;
      margin-right: auto; }
      .module-questions .question-editor .input-field.question {
        margin-right: 15px; }
      .module-questions .question-editor .input-field .form-control {
        min-height: fit-content;
        width: fit-content; }
        .module-questions .question-editor .input-field .form-control.question {
          width: 100%; }
      .module-questions .question-editor .input-field label {
        font-size: 0.9rem;
        font-weight: 500;
        color: #b8b8b8; }
      .module-questions .question-editor .input-field input,
      .module-questions .question-editor .input-field select {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 0.45rem 0.6rem;
        font-size: 0.9rem;
        width: 100%;
        background: #fff; }
        .module-questions .question-editor .input-field input:focus,
        .module-questions .question-editor .input-field select:focus {
          outline: none;
          border-color: #888; }
    .module-questions .question-editor .question-answers-zone {
      padding: 10px; }
    .module-questions .question-editor .question-eval-footer {
      padding: 10px; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.module-questions .question-editor {
  /* English comment: create right inset so native arrow doesn't look glued to border */ }
  .module-questions .question-editor .question-title-input {
    resize: none;
    overflow: hidden;
    width: 100%;
    min-height: 28px;
    max-height: 160px;
    line-height: 20px;
    padding: 3px 10px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 0.9rem; }
    .module-questions .question-editor .question-title-input.locked {
      background: #bbc0c4;
      color: #6a6f72;
      cursor: not-allowed;
      opacity: 1; }
  .module-questions .question-editor > .question-header-line {
    position: relative;
    display: grid;
    grid-template-columns: auto 340px 35px;
    column-gap: 5px;
    align-items: center;
    margin: 0;
    padding: 25px 10px 5px;
    background: #747b81;
    background: linear-gradient(to top, #384858, #1c2d38, #1c2d38, #747b81); }
    .module-questions .question-editor > .question-header-line .q-close {
      bottom: 2px;
      width: max-content; }
  .module-questions .question-editor .question-toggle-zone {
    position: absolute;
    inset: 0;
    z-index: 1; }
  .module-questions .question-editor .question-zone,
  .module-questions .question-editor .question-meta-zone,
  .module-questions .question-editor .q-close {
    position: relative;
    z-index: 2; }
  .module-questions .question-editor > .question-header-line > .question-zone {
    width: 100%;
    margin: 0;
    min-width: 0; }
  .module-questions .question-editor > .question-header-line > .question-meta-zone {
    display: flex;
    width: 330px;
    align-self: flex-start;
    justify-self: end;
    margin: 0;
    padding-right: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    gap: 10px; }
  .module-questions .question-editor > .question-header-line input,
  .module-questions .question-editor > .question-header-line select {
    border-radius: 6px;
    width: 100%;
    height: 28px;
    min-height: 28px;
    box-sizing: border-box;
    padding: 3px 6px;
    font-size: 0.9rem; }
  .module-questions .question-editor > .question-header-line select {
    line-height: 22px; }

.question-sort-wrapper {
  position: relative; }

.question-drag-handle {
  position: absolute;
  top: 0;
  justify-content: center;
  margin-top: 7px;
  width: -webkit-fill-available;
  height: 15px;
  cursor: grab;
  display: flex;
  align-items: center;
  z-index: 2; }

.question-drag-handle::before {
  content: "";
  width: 15px;
  height: 15px;
  background: radial-gradient(circle at 2px 2px, #dfdfdf 1px, transparent 2px), radial-gradient(circle at 12px 2px, #dfdfdf 1px, transparent 2px), radial-gradient(circle at 2px 10px, #dfdfdf 1px, transparent 2px), radial-gradient(circle at 12px 10px, #dfdfdf 1px, transparent 2px), radial-gradient(circle at 7px 2px, #dfdfdf 1px, transparent 2px), radial-gradient(circle at 7px 10px, #dfdfdf 1px, transparent 2px);
  background-repeat: no-repeat; }

.mcq-invalid {
  border: 2px solid #9e2222;
  background: #dfdfdf; }

.mcq-editor-block {
  display: flex;
  flex-direction: column;
  gap: 0.45rem; }

/* ===== ANSWER ZONE ===== */
.mcq-answer-zone {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 0.35rem;
  right: 7px; }

/* ===== ROW ===== */
.mcq-answer-row {
  display: grid;
  align-items: center;
  width: inherit;
  border-radius: 4px;
  padding: 0.3rem 0.4rem;
  gap: 0.4rem; }

/* ===== HANDLE ===== */
.rank-handle {
  cursor: grab;
  color: #dfdfdf;
  font-size: 1rem;
  text-align: center; }

.rank-handle:active {
  cursor: grabbing; }

/* ===== INDEX ===== */
.rank-index {
  font-size: 0.75rem;
  color: #dfdfdf;
  text-align: center; }

/* ===== LABEL ===== */
.mcq-answer-label,
.mcq-cell-label {
  height: 28px;
  align-content: center;
  background: #dfdfdf;
  border: 1px solid #004872;
  border-radius: 6px;
  color: #0c2637;
  padding: 0px 10px; }

.mcq-answer-validity,
.mcq-cell-validity {
  line-height: 22px;
  min-height: 28px;
  box-sizing: border-box;
  padding: 3px 6px;
  font-size: 0.9rem;
  border-radius: 6px; }

/* ===== POINTS ===== */
.mcq-answer-weight,
.mcq-cell-weight {
  height: 22px;
  width: 60px;
  line-height: 25px;
  padding: 2px;
  background: #dfdfdf;
  border: 1px solid #004872;
  border-radius: 6px;
  text-align: center;
  color: #0c2637;
  font-weight: 600; }

/* ===== REMOVE ===== */
.mcq-editor-block .btn-style1 {
  margin-left: auto;
  margin-right: 30px;
  width: max-content; }

/* ===== TYPES ===== */
.single-editor .mcq-answer-row,
.multiple-editor .mcq-answer-row {
  grid-template-columns: 26px auto 110px 60px 40px;
  /* radio/checkbox | label | validity | weight | remove */ }

.ranking-editor .mcq-answer-row {
  grid-template-columns: 22px 26px auto 60px 40px;
  /* handle | index | label | validity |  points | remove */ }

.truefalse-editor .mcq-answer-row {
  grid-template-columns: 26px auto 110px 60px;
  /* radio | label | validity |  points */ }

/* ============================ */
/* ===== MCQ GRID CLEAN ======= */
/* ============================ */
.grid-editor .grid-meta {
  height: 25px;
  border-radius: 6px;
  margin-bottom: 20px; }
  .grid-editor .grid-meta select {
    width: 135px;
    padding: 5px;
    border-radius: 6px; }

/* ===== Builder rows/cols ===== */
.grid-rows,
.grid-cols {
  margin-bottom: 10px;
  width: -webkit-fill-available; }

.grid-builder {
  display: flex;
  gap: 10px; }

.grid-builder-row,
.grid-builder-col {
  display: grid;
  grid-template-columns: 1fr 35px;
  border-radius: 6px;
  gap: 6px;
  margin-bottom: 10px; }

.grid-builder-row input,
.grid-builder-col input {
  border-radius: 6px;
  width: -webkit-fill-available;
  padding: 3px 6px; }

.grid-builder-row .btn-style1,
.grid-builder-col .btn-style1 {
  width: 28px;
  height: 28px;
  padding: 0;
  line-height: 26px;
  font-size: 20px;
  font-weight: 200;
  border-radius: 6px; }

/* ============================ */
/* ===== MCQ GRID TABLE ======= */
/* ============================ */
.table-base.mcq-grid {
  margin-top: 0.8rem;
  /* Header */
  /* Body */
  /* Inputs */ }
  .table-base.mcq-grid .header-rowLabel,
  .table-base.mcq-grid .header-mcq {
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    color: #dfdfdf;
    font-size: 0.75rem;
    text-align: center; }
  .table-base.mcq-grid .cell-mcq {
    text-align: center;
    padding: 0.3rem;
    border-left: 1px solid #2a3847; }
    .table-base.mcq-grid .cell-mcq > div {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 6px; }
  .table-base.mcq-grid input[type="radio"],
  .table-base.mcq-grid input[type="checkbox"] {
    transform: scale(1.05); }
  .table-base.mcq-grid .mcq-cell-points {
    height: 25px;
    line-height: 25px;
    background: #b8b8b8;
    padding: 2px;
    border: 1px solid #004872;
    border-radius: 3px;
    text-align: center;
    color: #0c2637;
    font-size: 0.7rem;
    font-weight: 600;
    width: 38px; }

.mcq-versions-table {
  position: relative;
  width: 100%; }
  .mcq-versions-table.container {
    display: flex;
    flex-direction: row;
    margin: 10px 0px; }
    .mcq-versions-table.container .mcq-parameters {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin: 0px 10px 0px 0px;
      height: fit-content;
      width: 350px;
      top: 45px; }
      .mcq-versions-table.container .mcq-parameters .mcq-status-indicator {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .mcq-versions-table.container .mcq-parameters .mcq-status-indicator .icon-collab,
        .mcq-versions-table.container .mcq-parameters .mcq-status-indicator .icon-versioning {
          margin: 0 10px;
          height: 25px;
          width: auto; }

.mcq-versions-table {
  position: relative;
  width: 100%; }
  .mcq-versions-table.container {
    display: flex;
    flex-direction: row;
    width: -webkit-fill-available;
    margin: 10px auto 10px auto; }
    .mcq-versions-table.container .mcq-parameters {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin: 0px 10px 0px 0px;
      height: fit-content;
      width: 350px;
      top: 45px; }
      .mcq-versions-table.container .mcq-parameters .mcq-status-indicator {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .mcq-versions-table.container .mcq-parameters .mcq-status-indicator .icon-collab,
        .mcq-versions-table.container .mcq-parameters .mcq-status-indicator .icon-versioning {
          margin: 0 10px;
          height: 25px;
          width: auto; }

.mcq-parameters {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 5px 15px; }

.collaboration-status {
  margin: 0px 10px 0px 15px;
  color: #dfdfdf; }

.status-indicators {
  display: flex;
  flex-direction: row;
  align-items: center; }

.mcq-top-row {
  display: flex;
  gap: 1rem;
  align-items: stretch; }

.mcq-top-row > :first-child {
  flex: 2 1 0;
  min-width: 0; }

.mcq-top-row > :last-child {
  flex: 1 1 0;
  min-width: 0; }

.mcq-users-panel {
  width: 260px;
  height: 185px;
  border: 1px solid #491212;
  border-bottom: 4px solid #491212;
  border-radius: 6px;
  overflow: hidden;
  color: #dfdfdf;
  font-size: 14px;
  margin-top: 20px;
  margin-left: 10px;
  box-shadow: 4px 5px 2px #4b050547; }
  .mcq-users-panel.closed ul {
    display: none; }
  .mcq-users-panel .mcq-users-header {
    display: flex;
    justify-content: space-between;
    color: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 2px solid #2a3847;
    border-radius: 8px 8px 0px 0px;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .mcq-users-panel .mcq-users-header span {
      color: #b8b8b8;
      font-size: small;
      text-transform: uppercase; }
  .mcq-users-panel .mcq-users-list {
    padding: 10px;
    list-style: none;
    margin: 0;
    background: #1d2e3f;
    overflow-y: auto;
    height: 155px; }
    .mcq-users-panel .mcq-users-list::-webkit-scrollbar {
      width: 8px; }
    .mcq-users-panel .mcq-users-list::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .mcq-users-panel .mcq-users-list::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .mcq-users-panel .mcq-users-list::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .mcq-users-panel .mcq-users-list .mcq-user-item {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 1px 0;
      border-radius: 6px; }
      .mcq-users-panel .mcq-users-list .mcq-user-item .name {
        color: #afa991;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: -webkit-fill-available;
        padding: 5px;
        border: 1px solid transparent; }
      .mcq-users-panel .mcq-users-list .mcq-user-item :hover {
        background: #163447;
        border: 1px solid #004872;
        border-radius: 6px; }

.input.admin.container.course-table.container,
.input.admin.course-modules.container {
  flex-direction: column; }

/* ============================= */
/*  GLOBAL DRAFT VISUALIZATION   */
/* ============================= */
.draft,
.draft-row,
.online.draft-row {
  position: relative; }

/* -----------------------------
   Draft input highlight
------------------------------ */
input.draft {
  border: 2px solid #c78445 !important;
  background: rgba(255, 152, 0, 0.05);
  color: #c78445;
  font-weight: 600; }

/* -----------------------------
   Draft cell highlight
------------------------------ */
td:has(input.draft) {
  background: rgba(255, 152, 0, 0.07); }

/* -----------------------------
   Draft row highlight
------------------------------ */
.cell-easy input,
.cell-standard input,
.cell-complex input,
.cell-expert input {
  width: 100px; }

tr.draft-row {
  background: rgba(255, 152, 0, 0.12); }
  tr.draft-row td {
    border-top: 1px solid #c78445;
    border-bottom: 1px solid #c78445; }
  tr.draft-row td:first-child {
    border-left: 3px solid #c78445; }
  tr.draft-row td:last-child {
    border-right: 3px solid #c78445; }

/* -----------------------------
   Online/offline emphasis
------------------------------ */
tr.online {
  box-shadow: inset 0 0 0 1px #5aa05c; }

tr.offline {
  box-shadow: inset 0 0 0 1px #9b602a; }

/* -----------------------------
   Hover reinforcement
------------------------------ */
tr.module-row:hover {
  background: rgba(255, 152, 0, 0.18); }

/* ---------- TEST COURSE MODAL ---------- */
.exam-meta {
  margin-bottom: 1rem;
  padding: 0.6rem 0.9rem;
  background: #0f2c3e;
  border: 1px solid #004872;
  border-radius: 6px;
  color: #ffffff; }

/* ---------- MODULE ---------- */
.exam-module {
  margin-bottom: 1.6rem;
  padding: 1rem;
  background: #081b26;
  border: 1px solid #163a52;
  border-radius: 8px; }
  .exam-module h4 {
    margin: 0 0 0.8rem 0;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #1d4f73;
    color: #0075b9;
    font-weight: 600; }

/* ---------- QUESTION ---------- */
.exam-question {
  margin-bottom: 1.2rem;
  padding: 0.8rem;
  background: #0b2230;
  border: 1px solid #1b4a6b;
  border-radius: 6px; }
  .exam-question:last-child {
    margin-bottom: 0; }
  .exam-question .exam-title {
    margin-bottom: 0.6rem;
    font-weight: 500;
    color: #ffffff; }

/* ---------- OPTIONS ---------- */
.exam-option {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.35rem 0.6rem;
  border-radius: 4px;
  color: #dcefff;
  cursor: default; }
  .exam-option input {
    pointer-events: none; }
  .exam-option:nth-child(odd) {
    background: rgba(255, 255, 255, 0.03); }
  .exam-option:hover {
    background: rgba(255, 255, 255, 0.06); }

.mcq-grid input[type="radio"] {
  appearance: auto; }

.mcq-grid input[type="radio"]:checked {
  appearance: auto; }

.mcq-grid input[data-readonly="1"] {
  pointer-events: none;
  opacity: 0.9; }

/* English comment: block pointer when in readonly/archive */
input[type="checkbox"][data-readonly="1"] {
  pointer-events: none;
  opacity: 1; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

/*Reset passord*/
.reset-card {
  position: relative;
  background-color: #0c2637;
  color: #dfdfdf;
  width: 400px;
  height: 400px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: height 0.5s; }

.reset-card.message-present {
  height: 420px;
  /* hauteur augmentée */ }

.reset-tab {
  background-color: #1c2d38;
  width: 100%;
  font-size: 1.2rem;
  padding: 10px 0;
  text-align: center;
  color: #dfdfdf;
  text-decoration: none;
  text-align: center; }
  .reset-tab:hover {
    cursor: none;
    color: #dfdfdf;
    text-decoration: underline; }
  .reset-tab.active {
    background-color: #0c2637;
    color: white; }

.status-container {
  background: #1c2d38;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 15px;
  padding-bottom: 25px;
  margin-top: 100px;
  border: 2px solid #0c2637;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px; }

.custom-status {
  text-align: center;
  text-align: justify;
  color: #dfdfdf; }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.home-container {
  position: relative;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden; }

.custom-carousel-image, .video-iframe, .video-container {
  width: 100vw;
  object-fit: cover; }
  .custom-carousel-image::after, .video-iframe::after, .video-container::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 4px;
    background-image: var(--nav-background-image);
    border-image-slice: 1;
    border-image-repeat: repeat; }

.carousel.carousel-slider .control-arrow {
  display: none; }

.carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
  z-index: 0; }

.carousel .control-prev.control-arrow:before {
  border-right: 8px solid #fff; }

.carousel-with-title, .custom-carousel-image, .video-iframe, .video-container {
  width: 100%;
  height: 95vh; }
  @media (orientation: portrait) {
    .carousel-with-title, .custom-carousel-image, .video-iframe, .video-container {
      height: 95vh; } }
  @media (max-width: 1023px) {
    .carousel-with-title, .custom-carousel-image, .video-iframe, .video-container {
      height: 82vh; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .carousel-with-title, .custom-carousel-image, .video-iframe, .video-container {
      height: 72vh; } }

.carousel-title-container {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 20px;
  width: 100%;
  max-width: 1350px; }
  .carousel-title-container .carousel-title, .carousel-title-container .carousel-subtitle, .carousel-title-container .carousel-custom-dots {
    display: block;
    width: 100%;
    text-align: left; }
  .carousel-title-container .carousel-custom-dots {
    list-style: none;
    padding: 0;
    margin-top: 20px; }
    .carousel-title-container .carousel-custom-dots li {
      display: inline-block;
      opacity: 0.3;
      width: 35px;
      height: 8px;
      background: linear-gradient(to right, #0c2637, #dfdfdf, #dfdfdf, #0c2637);
      border: 1px solid #dfdfdf;
      transform: skew(-35deg, 0);
      margin-right: 15px;
      cursor: pointer; }
      .carousel-title-container .carousel-custom-dots li.active {
        opacity: 1; }
  @media (max-width: 768px) {
    .carousel-title-container {
      bottom: 20%; }
      .carousel-title-container .carousel-title {
        font-size: clamp(16px, 2.5vw, 32px); }
      .carousel-title-container .carousel-subtitle {
        font-size: clamp(12px, 1.2vw, 24px); }
      .carousel-title-container .carousel-custom-dots {
        margin-top: 10px; } }

.carousel-title {
  font-family: 'GoodTimes', sans-serif;
  font-size: clamp(16px, 2.5vw, 32px);
  color: #dfdfdf;
  margin-bottom: 10px;
  z-index: 1; }

.carousel-subtitle {
  font-family: 'GoodTimes', sans-serif;
  color: #dfdfdf;
  font-size: clamp(12px, 1.2vw, 24px);
  z-index: 1; }

.carousel-bottom {
  z-index: 2;
  height: 4px;
  background-image: url(/images/steel.png);
  background-repeat: repeat; }

.carousel-with-title {
  position: relative; }
  .carousel-with-title .chevrons-container {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: opacity 0.5s ease-out;
    opacity: 1; }
    .carousel-with-title .chevrons-container.fade-out {
      opacity: 0; }
    .carousel-with-title .chevrons-container .chevron {
      width: 100px;
      height: 89px;
      fill: #dfdfdf;
      transition: fill 0.4s ease;
      animation: pulse 2s infinite; }
      .carousel-with-title .chevrons-container .chevron:not(:first-child) {
        margin-top: -60px; }
      .carousel-with-title .chevrons-container .chevron:nth-child(1) {
        animation-delay: 0s; }
      .carousel-with-title .chevrons-container .chevron:nth-child(2) {
        animation-delay: 0.4s; }
      .carousel-with-title .chevrons-container .chevron:nth-child(3) {
        animation-delay: 0.8s; }

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0;
    fill: #dfdfdf; }
  50% {
    margin-top: -65px;
    transform: scale(1.3);
    opacity: 1;
    fill: #9e2222; } }

.button-container {
  display: flex;
  position: absolute;
  justify-content: left;
  padding: 0 15px;
  height: auto;
  z-index: 2;
  transform: translate(-45px, 31px); }
  @media (max-width: 1024px) {
    .button-container {
      transform: translate(-23px, 32px); } }

.trapezoid-border {
  display: inline-block;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(/images/steel.png);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  box-shadow: 20px 20px 25px rgba(255, 0, 0, 0.6); }

.trapezoid-button {
  display: inline-block;
  text-align: center;
  padding: 4px 35px 4px 35px;
  background: linear-gradient(to right, #522323d3, #4b0505, #4b0505, #4b0505, #522323d3);
  color: #b8b8b8;
  font-size: clamp(10px, 1.1vw, 15px);
  font-family: 'GoodTimes', sans-serif;
  border: none;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); }
  .trapezoid-button:hover {
    background: linear-gradient(to right, #683232d3, #5a0b0b, #4b0505, #5a0b0b, #683232d3);
    color: white; }
  @media (max-width: 768px) {
    .trapezoid-button {
      padding: 7px 25px 7px 25px; } }

.pulse-text {
  display: inline-block;
  animation: pulse2 2s infinite ease-in-out; }

@keyframes pulse2 {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); } }

.org-statistics {
  max-width: 1300px;
  margin: 50px auto 10px auto;
  padding-left: 25px;
  padding-right: 25px; }
  @media (max-width: 1023px) {
    .org-statistics {
      width: 100%;
      max-width: 1350px;
      margin-left: 1.8%;
      margin-right: 1.8%;
      margin-bottom: 55px;
      padding-left: clamp(12px, 1.5%, 20px);
      padding-right: clamp(12px, 1.5%, 20px); } }
  .org-statistics .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }

.chart-row {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
  /* Ajustez selon vos besoins pour l'espacement entre les rangées */ }
  @media (max-width: 1023px) {
    .chart-row {
      width: 100%;
      justify-content: center;
      flex-wrap: wrap; } }

.chart-title {
  text-transform: uppercase;
  color: #b8b8b8; }

.bar-chart {
  margin-left: auto;
  margin-right: 10px;
  padding-top: 1%;
  width: 100% !important; }
  .bar-chart.divisions {
    display: flex;
    flex-direction: column;
    align-items: center; }
  @media (max-width: 1023px) {
    .bar-chart {
      flex-wrap: wrap;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px; } }

.banner {
  padding: 20px 20px 20px 20px;
  text-align: center; }

.homepage.catchPhrase {
  color: rgba(139, 137, 137, 0.795);
  text-shadow: 1px 1px 1px #1d1d1c5d;
  font-size: clamp(16px, 2vw, 28px);
  text-transform: uppercase;
  margin: 50px 30px 50px 30px;
  width: 80%;
  justify-content: center;
  text-align: center;
  padding: 20px 30px 20px 30px;
  background-image: url(/images/steel.png);
  background-size: cover;
  /* L'image de fond couvre entièrement le bandeau */
  background-position: center;
  /* Centre l'image de fond */
  background-repeat: no-repeat;
  /* Empêche la répétition de l'image */
  border: 3px solid rgba(85, 80, 80, 0.8);
  transition: top 0.4s; }
  @media (max-width: 1023px) {
    .homepage.catchPhrase {
      margin: 50px 30px 50px 30px; } }

.homepage-division-chart {
  height: 250px;
  width: 90%;
  padding: 0px 20px; }

.homepage.welcome-text {
  color: #b8b8b8;
  font-size: clamp(14px, 1.7vw, 20px);
  padding: 0px 40px 10px 40px;
  margin: 0;
  white-space: pre-wrap;
  transition: top 0.4s; }
  @media (max-width: 1023px) {
    .homepage.welcome-text {
      padding: 0px 10px 10px 10px;
      text-align: justify; } }

.worldmap-container {
  position: relative;
  /* Ensure the pseudo-element is positioned relative to this container */
  width: calc(100% + 20px); }
  .worldmap-container .worldmap {
    width: 570px;
    height: auto;
    margin-left: 15px;
    padding: 20px;
    position: relative;
    /* Ensure the image stays within its container */
    z-index: 0;
    /* Make sure it's below the pseudo-element */ }
    @media (max-width: 1023px) {
      .worldmap-container .worldmap {
        width: calc(100% - 35px);
        margin: 0px; } }

.worldmap-container::before {
  content: "";
  position: absolute;
  top: 5px;
  /* Adjust the top value to match your design */
  bottom: 5px;
  /* Adjust the bottom value to match your design */
  left: 7px;
  right: 7px;
  border-left: 3px solid #2a3847;
  border-right: 3px solid #2a3847;
  border-radius: 5px;
  /* Adjust the radius to match the inner corners */
  pointer-events: none;
  /* Ensure the pseudo-element does not interfere with interactions */
  z-index: 1;
  /* Make sure it's above the image */ }

.bar-chart, .worldmap-container {
  animation-play-state: paused; }

.anim-running {
  animation-play-state: running; }

.member-count-display {
  display: flex;
  flex-direction: row;
  width: 100%;
  text-align: center;
  margin-bottom: 20px; }
  @media (max-width: 1023px) {
    .member-count-display {
      display: contents;
      width: 100%;
      flex-direction: column; } }
  .member-count-display .count {
    font-size: 1.6em;
    font-weight: bold;
    color: #dfdfdf; }
  .member-count-display .count-complement {
    font-size: 1.2em;
    font-weight: bold;
    color: #b8b8b8; }
    @media (max-width: 1023px) {
      .member-count-display .count-complement {
        margin-bottom: 20px; } }
  @media (max-width: 1023px) {
    .member-count-display .count, .member-count-display .count-complement {
      text-align: center; } }

.count-complement {
  font-style: italic; }

.homepage.region-chart {
  flex: 2 1 0%;
  max-width: 600px;
  width: 100%;
  margin: 0 20px 0 auto; }
  .homepage.region-chart .e-accumulationchart {
    user-select: none;
    position: relative;
    display: block;
    height: inherit;
    width: 100%;
    height: auto; }

@media (orientation: portrait) {
  .content-container {
    flex-direction: column; } }

@media (orientation: landscape) {
  .content-container {
    flex-direction: row; } }

@media (max-width: 1023px) {
  .homepage.region-chart {
    flex: 1 1 100%;
    width: 100%; } }

@keyframes scale-up {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

.carousel-bottom {
  position: relative;
  z-index: 2;
  height: 4px;
  background-image: url(/images/steel.png);
  background-repeat: repeat; }

.content-home-framed {
  display: flex;
  margin-top: 50px;
  margin-bottom: 100px;
  width: 100%;
  max-width: 1350px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  flex-direction: row; }

.content-framed-left, .content-framed-right {
  background-color: #1c2d38;
  flex-basis: 0;
  flex-grow: 1;
  width: 200px;
  height: 800px;
  border: 2px solid #0c2637;
  margin-right: 20px;
  margin-left: 20px;
  text-align: justify;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 0.7s, transform 1s; }

.content-framed-right {
  transform: translateX(100%); }

.content-framed-left.visible, .content-framed-right.visible {
  opacity: 1;
  transform: translateX(0); }

.home-images {
  padding-top: 130px;
  width: 570px; }

.home-images-left, .home-images-right {
  flex-basis: 0;
  flex-grow: 1;
  width: 200px;
  height: auto;
  margin-right: 20px;
  margin-left: 20px;
  text-align: justify;
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 0.7s, transform 1s; }

.home-images-right {
  transform: translateX(100%); }

.home-images-left.visible, .home-images-right.visible {
  opacity: 1;
  transform: translateX(0); }

.title-framed {
  background-color: #0c2637;
  color: #dfdfdf;
  font-family: 'GoodTimes', sans-serif;
  font-size: 1.1rem;
  width: auto;
  padding: 20px;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px; }

.framed {
  color: #dfdfdf;
  font-size: 1rem;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px; }

/*                   */
/*       MEDIA       */
/*                   */
@media (max-width: 1023px) {
  .carousel {
    margin-top: 40px;
    width: 100%; }
  .content-home-framed {
    display: flex;
    margin-top: 50px;
    margin-bottom: 100px;
    width: 100%;
    max-width: 1350px;
    text-align: center;
    flex-direction: column; }
  .content-framed {
    background-color: #1c2d38;
    flex-basis: 0;
    flex-grow: 1;
    width: auto;
    height: auto;
    border: 2px solid #0c2637;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px; }
  .title-framed {
    background-color: #0c2637;
    color: #dfdfdf;
    font-family: 'GoodTimes', sans-serif;
    font-size: 1.1rem;
    width: auto;
    padding: 20px; }
  .framed {
    color: #dfdfdf;
    padding-right: 20px;
    padding-left: 20px; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.faq-title {
  background-color: #1c2d38;
  color: #dfdfdf;
  font-family: 'GoodTimes', sans-serif;
  font-size: 2rem;
  width: auto;
  padding: 20px; }

.faq-question {
  cursor: pointer;
  color: #dfdfdf;
  background: #0c2637;
  border: 2px solid #0c2637;
  font-size: 1.1rem;
  text-transform: uppercase;
  width: auto;
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0.5rem 1rem 1rem 1rem;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px; }

.faq-item.answer-visible .faq-question {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.faq-answer {
  color: #dfdfdf;
  background: #1c2d38;
  font-size: 1rem;
  border: 2px solid #0c2637;
  text-align: center;
  text-align: justify;
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px; }

.faq-answer-content {
  padding-top: 1rem;
  padding-bottom: 1rem; }

@media (max-width: 1023px) {
  /*FAQ.css */
  .faq-question-wrapper {
    padding-bottom: 0px; }
  .faq-item {
    margin-left: 10px;
    margin-right: 10px; } }

@font-face {
  font-family: 'GoodTimes';
  src: url(/a86d4f7f5cdb8cf2e409.otf) format("opentype"), url(/a86d4f7f5cdb8cf2e409.woff2) format("woff2"); }

@font-face {
  font-family: 'Lato';
  src: url(/75614cfcfedd509b1f7a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FiraCode';
  src: url(/bf5ea52fa0094c7f7621.woff2) format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'Lato', sans-serif; }

.gcu-modal-content,
.anonymization-modal-content {
  position: relative;
  max-width: 1150px;
  width: 100%;
  padding: 20px;
  background-color: transparent;
  overflow: hidden;
  margin-bottom: 80px; }
  .gcu-modal-content .modal-content,
  .anonymization-modal-content .modal-content {
    background-color: #2a3847;
    border: 1px solid #491212;
    width: 100%;
    border-radius: 8px;
    top: 0px; }
  .gcu-modal-content .anonymization-header.modal-header,
  .anonymization-modal-content .anonymization-header.modal-header {
    border-bottom: none;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png);
    color: #dfdfdf;
    padding: 7px 25px;
    border-bottom: 3px solid #b8b8b8;
    border-radius: 8px 8px 0 0; }
    .gcu-modal-content .anonymization-header.modal-header .btn-close,
    .anonymization-modal-content .anonymization-header.modal-header .btn-close {
      display: none; }
    .gcu-modal-content .anonymization-header.modal-header .gcu-title,
    .anonymization-modal-content .anonymization-header.modal-header .gcu-title {
      font-size: 1rem;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center; }
  .gcu-modal-content .gcu-header.modal-header,
  .anonymization-modal-content .gcu-header.modal-header {
    color: #dfdfdf;
    padding: 7px 25px;
    border-bottom: 3px solid #b8b8b8;
    border-radius: 8px 8px 0 0;
    background-image: linear-gradient(to top, #4b0505f5, #500c0c96, #4b0505f5), url(/images/steel.png); }
    .gcu-modal-content .gcu-header.modal-header .btn-close,
    .anonymization-modal-content .gcu-header.modal-header .btn-close {
      display: none; }
    .gcu-modal-content .gcu-header.modal-header .gcu-title,
    .anonymization-modal-content .gcu-header.modal-header .gcu-title {
      font-size: 0.85rem;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center; }
  .gcu-modal-content .gcu-content.modal-body,
  .anonymization-modal-content .gcu-content.modal-body {
    background-color: #0c2637;
    padding: 0px 20px;
    overflow-y: auto;
    max-height: calc(100vh - 230px);
    color: #dfdfdf;
    border-radius: 0 0 8px 8px;
    height: 60vh; }
    .gcu-modal-content .gcu-content.modal-body::-webkit-scrollbar,
    .anonymization-modal-content .gcu-content.modal-body::-webkit-scrollbar {
      width: 8px; }
    .gcu-modal-content .gcu-content.modal-body::-webkit-scrollbar-track,
    .anonymization-modal-content .gcu-content.modal-body::-webkit-scrollbar-track {
      background: #2e3842;
      border-radius: 4px;
      padding-right: 1px; }
    .gcu-modal-content .gcu-content.modal-body::-webkit-scrollbar-thumb,
    .anonymization-modal-content .gcu-content.modal-body::-webkit-scrollbar-thumb {
      background-color: #491212;
      border-radius: 4px; }
      .gcu-modal-content .gcu-content.modal-body::-webkit-scrollbar-thumb:hover,
      .anonymization-modal-content .gcu-content.modal-body::-webkit-scrollbar-thumb:hover {
        background-color: #200808; }
    .gcu-modal-content .gcu-content.modal-body .public-container,
    .anonymization-modal-content .gcu-content.modal-body .public-container {
      margin-bottom: 0px;
      padding-top: 0; }
    .gcu-modal-content .gcu-content.modal-body .gcu-footer.modal-footer,
    .anonymization-modal-content .gcu-content.modal-body .gcu-footer.modal-footer {
      display: flex;
      height: auto;
      gap: 20px;
      width: max-content;
      margin: 15px auto; }
      .gcu-modal-content .gcu-content.modal-body .gcu-footer.modal-footer .btn-style1,
      .anonymization-modal-content .gcu-content.modal-body .gcu-footer.modal-footer .btn-style1 {
        margin-left: auto; }
  .gcu-modal-content .anonymization-content.modal-body,
  .anonymization-modal-content .anonymization-content.modal-body {
    background-color: #0c2637;
    padding: 0px 20px;
    overflow-y: auto;
    max-height: calc(100vh - 230px);
    color: #dfdfdf;
    border-radius: 0 0 8px 8px;
    height: 17vh; }
    .gcu-modal-content .anonymization-content.modal-body .content,
    .anonymization-modal-content .anonymization-content.modal-body .content {
      padding: 20px;
      background-color: #1c2d38;
      margin-bottom: 20px;
      border-radius: 8px;
      color: #dfdfdf; }
    .gcu-modal-content .anonymization-content.modal-body .anonymization-footer.modal-footer,
    .anonymization-modal-content .anonymization-content.modal-body .anonymization-footer.modal-footer {
      display: flex;
      gap: 20px;
      width: 100%; }
  @media (max-width: 1023px) {
    .gcu-modal-content,
    .anonymization-modal-content {
      width: 100%;
      height: calc(100% - 110px);
      margin: 0;
      padding: 0; } }
  @media (min-width: 1023px) {
    .gcu-modal-content,
    .anonymization-modal-content {
      max-height: calc(100% - 110px);
      margin: 0px auto; } }


/*# sourceMappingURL=main.css.map*/