@font-face {
    font-family: 'DaunPenh';
    font-style: normal;
    font-weight: normal;
    src: url('imports/daunpenh.woff') format('woff'),
}

body {
    font-family: arial, sans-serif;
}

.italic {
    font-style: italic;
}

.daunpenh {
    font-family: 'DaunPenh';
}

::backdrop {
  background-image: linear-gradient(
    45deg,
    magenta,
    rebeccapurple,
    dodgerblue,
    green
  );
  opacity: 0.75;
}

dialog {
    border:0;
    border-radius:4px;
}

dialog.fullwindow {
    width: calc(100vw - 2rem);
    height: calc(100vh - 2rem);
}

dialog.autoheight {
    
}

dialog:open {
    
}

.textsvg {
    height: 1.5rem;
    display: block;
}

/* player audio */
.audio_player {
    
}
.audio_player.playing .play {
    display:none;
}
.audio_player.playing .pause {
    display:block;
}
.audio_player .pause {
    display: none;
}