@import "./fusion/_vendor/anijs-animations.css";
@import "./fusion/base.css";

@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: url('../assets/fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family: Charm;
    font-weight: 400;
    src: url('../assets/fonts/Charm-Regular.ttf');
}

.light {
    --mdc-theme-on-primary: black;
    --mdc-theme-primary: white;
    --mdc-theme-on-secondary: black;
    --mdc-theme-secondary: white;
}

.slideFromLeft {
  transform: translate3d(-110%, 0, 0);
}
.slideFromRight {
  transform: translate3d(110%, 0, 0);
}
.slideFromTop {
  transform: translate3d(0, -110%, 0);
}
.fadeFromHidden {
  opacity: 0;
}

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

.slide.show-content {
    opacity: 1;
    pointer-events: auto;
}

h1, h2, h3, h4 {
    font-size: 100%;
}

ol, ul {
    padding-left: 40px;
}

[data-mo-type='assets'][data-mo-stretch-to-fill] .mo-content > * {
    width: 100%;
    height: auto;
}

[data-mo-type='shapes'] .mo-content {
    height: 100%;
}

[data-mo-type='shapes'] .mo-content > * {
    width: 100%;
    height: 100%;
    display: block;
}

/* Outline content areas in edit mode */
html.mo-is-edit content-area {
  outline: 1px dashed rgba(0, 0, 0, 0.5);
}