@charset "UTF-8";
:root {
  --font-w-thin: 100;
  --font-w-light: 300;
  --font-w-regular: 400;
  --font-w-bold: 800;
  --fs-200: 1.05vh;
  --fs-300: 1.25vh;
  --fs-400: 1.5vh;
  --fs-500: 2vh;
  --fs-600: 3vh;
  --fs-700: 4vh;
  --fs-800: 5vh;
  --fs-900: 6.5vh;
  scroll-behavior: smooth;
  --app-height: 100%;
  --blue-gradient: linear-gradient(
      rgb(0, 88, 238) 0%,
      rgb(53, 147, 255) 4%,
      rgb(40, 142, 255) 6%,
      rgb(18, 125, 255) 8%,
      rgb(3, 111, 252) 10%,
      rgb(2, 98, 238) 14%,
      rgb(0, 87, 229) 20%,
      rgb(0, 84, 227) 24%,
      rgb(0, 85, 235) 56%,
      rgb(0, 91, 245) 66%,
      rgb(2, 106, 254) 76%,
      rgb(0, 98, 239) 86%,
      rgb(0, 82, 214) 92%,
      rgb(0, 64, 171) 94%,
      rgb(0, 48, 146) 100%
  );
  --light-gradient: linear-gradient(
      0deg,
      rgb(54, 95, 190) 0%,
      rgb(69, 120, 223) 3%,
      rgb(58, 116, 233) 5%,
      rgb(65, 123, 248) 42%,
      rgb(92, 145, 249) 94%,
      rgb(96, 156, 245) 97%,
      rgb(119, 171, 248) 100%
  );
  --bottomright-gradient: linear-gradient(
          rgb(12, 89, 185) 1%,
          rgb(19, 158, 233) 6%,
          rgb(24, 181, 242) 10%,
          rgb(19, 155, 235) 14%,
          rgb(18, 144, 232) 19%,
          rgb(13, 141, 234) 63%,
          rgb(13, 159, 241) 81%,
          rgb(15, 158, 237) 88%,
          rgb(17, 155, 233) 91%,
          rgb(19, 146, 226) 94%,
          rgb(19, 126, 215) 97%,
          rgb(9, 91, 201) 100%
      );
  --windows-blue: #2378bd;
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  width: 100vw;
  height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-family: "Comic Sans MS";
  overflow-x: hidden;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

[hidden] {
  display: none;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100vw;
  display: block;
  image-rendering: pixelated;
  user-select: none;
  -webkit-user-drag: none;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

html,
body {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100vw;
  cursor: none !important;
  -webkit-font-smoothing: never;
  font-smooth: never;
  text-rendering: geometricPrecision;
  -webkit-print-color-adjust: exact;
  background-color: var(--clr-miamo-black);
}

body:before {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  inset: 0;
  opacity: 0;
  background-color: #000;
  transition: opacity 2800ms;
  z-index: 10000;
  pointer-events: none;
}
body.flash:before {
  content: "";
  opacity: 1;
}

*::selection {
  background: rgba(195, 0, 255, 0.2431372549);
}

a {
  cursor: none !important;
  color: #fff;
  font-weight: 400;
}
a:visited {
  color: #fff;
  font-weight: 400;
}

use {
  pointer-events: none;
}

ul {
  padding-inline-start: 0;
  margin-block-end: 0;
  margin-block-start: 0;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar:horizontal {
  height: 12px;
}

::-webkit-scrollbar-track {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E");
}

::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;
}

::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
  display: block;
}

::-webkit-scrollbar-button:vertical:start {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v12h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");
}

::-webkit-scrollbar-button:vertical:end {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v12h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");
}

::-webkit-scrollbar-button:horizontal:start {
  width: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v12h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");
}

::-webkit-scrollbar-button:horizontal:end {
  width: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v12h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");
}

input[type=range] {
  appearance: none;
  width: 80px; /* Largeur ajustée pour correspondre à la rotation */
  height: 8px; /* Épaisseur de la piste */
  background: linear-gradient(to right, #ffcc00, #ff6600); /* Adapté pour la rotation */
  border-radius: 5px;
  outline: none;
  transition: opacity 0.2s;
  padding: 0;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, #0dff00, #ff6600);
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

input[type=range]::-webkit-slider-thumb {
  appearance: none;
  width: 8px;
  height: 20px;
  border: 2px outset #00aeff;
  background-color: #00b7ff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  margin-top: -6px; /* Ajustement pour l'alignement */
}

input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #000;
  border: 2px solid #ffcc00;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, #ffcc00, #ff6600);
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

body {
  background-color: var(--clr-miamo-primary);
}

.theme__miamo {
  --clr-name-miamo: ;
  --clr-miamo-white: #fffdfa;
  --clr-miamo-black: #17181e;
}

.transition__open {
  opacity: 1;
  transform: rotateY(180deg);
}

.hide {
  opacity: 0;
  pointer-events: none;
}

.disabled {
  display: none !important;
}

.page {
  min-height: 100%;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 1.25rem;
  line-height: auto;
  transition: opacity 500ms;
  isolation: isolate;
}

#templates {
  display: none;
}

.canvas {
  position: fixed;
  inset: 0;
  pointer-events: none;
  image-rendering: pixelated;
  z-index: 1000000000000;
}

canvas {
  image-rendering: pixelated;
}

.threedeecanvas {
  position: absolute;
  inset: 0;
}

.hover {
  cursor: none !important;
}

.cursor {
  position: fixed;
  pointer-events: none;
  z-index: 100000000000000000000;
}
.cursor * {
  position: absolute;
  left: 0;
  top: 0;
  image-rendering: crisp-edges;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  paint-order: stroke;
  overflow: hidden;
}/*# sourceMappingURL=main.css.map */