:root {
  --container-width: calc(100% - 60px);
  --grid-col: calc((100vw - (var(--grid-gutter)) * (var(--grid-col-number) - 1)) / var(--grid-col-number)); }

:root .grid-full {
  grid-template-columns: repeat(var(--grid-col-number), var(--grid-col));
  justify-content: left;
  width: 100%; }

.doc {
  height: 100vh; }

.doc aside {
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  height: 100vh; }

.doc main {
  overflow: auto; }

.doc .slide#intro {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.doc .wrapper-sample {
  display: flex;
  align-items: center;
  gap: var(--grid-gutter);
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  border: 1px solid var(--glace); }

.doc .render {
  flex: 1;
  padding: var(--xs); }

.doc .render.no-preview {
  display: none; }

.doc .code {
  overflow: auto;
  flex: 1;
  max-width: 100%;
  text-align: left;
  background-color: var(--glace); }

.doc pre {
  padding: var(--xs);
  background-color: var(--glace); }

.doc pre code {
  width: 100%;
  font-family: 'IBM Plex Mono', monospace;
  text-align: left;
  white-space: pre;
  color: var(--gris);
  background-color: var(--glace);
  line-height: 1.5;
  padding: 0 !important; }

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

.doc .wrapper-color-transparent {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.doc .wrapper-color-transparent div {
  flex: 20%;
  flex-grow: 0; }

.doc .wrapper-color-shadow {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--grid-gutter); }

.doc .wrapper-color-shadow div {
  flex: 20%;
  flex-grow: 0; }

.doc .wrapper-icon {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gutter);
  width: 100%; }

.doc .wrapper-icon li {
  flex: calc(100% / 8);
  flex-grow: 0; }

.hljs-name {
  font-weight: normal;
  color: var(--gris); }

.hljs-attr {
  font-style: italic;
  color: var(--fushia); }

.hljs-string {
  color: var(--bleu);
  font-weight: normal;
  background: none; }

.alert-button {
  margin: 0 .5rem; }

/*# sourceMappingURL=style.css.map */