/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root { --defFont: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --monospaceFont: 'Courier New', monospace; }
*, *::before, *::after { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
*:focus { outline: 0; outline: none; }
html { font-size: 62.5%; }
body { width: 100vw; height: 100vh; font-family: var(--defFont); font-size: var(--defFontSize); line-height: var(--defLineHeight); -ms-scroll-chaining: none; overscroll-behavior: none; overflow-y: hidden; }

/* CUSTOM STYLES */

.cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.contain { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.abs-top { position: absolute; top: 0; left: 0; width: 100%; }
.abs-bot { position: absolute; bottom: 0; left: 0; width: 100%; }
.smooth-scroll { overflow-y: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
.no-scroll { overflow: hidden; }      
.hidden { display: none; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.fl-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.fl-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.fl-wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; }
.fl-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }      
.fl-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.fl-start { -ms-flex-line-pack: start; align-content: flex-start; }
.fl-valign { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }      
.fl-bottom { -ms-flex-item-align: end; align-self: flex-end; }
.fl-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }    
.fl-space-around { -ms-flex-pack: distribute; justify-content: space-around; }
.fl-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.fl1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

[contenteditable=true] { border: 2px dotted #ccc; outline: none; padding: 10px 15px;}
[contenteditable=true]:empty:before { content: attr(data-placeholder); color: #aaa; pointer-events: none; display: block; }
div[contenteditable=true]:empty:focus:before { content: ""; }