:root,:root.dark{--color-00:#000;--color-01:#111;--color-02:#222;--color-03:#333;--color-04:#444;--color-05:#555;--color-06:#666;--color-07:#777;--color-08:#888;--color-09:#999;--color-10:#aaa;--color-11:#bbb;--color-12:#ccc;--color-13:#ddd;--color-99:#eee;--color-warning:#ffbedc}:root.light{--color-99:#000;--color-13:#111;--color-12:#222;--color-11:#333;--color-10:#444;--color-09:#555;--color-08:#666;--color-07:#777;--color-06:#888;--color-05:#999;--color-04:#aaa;--color-03:#bbb;--color-02:#ccc;--color-01:#ddd;--color-00:#eee;--color-warning:#64374c}@font-face{font-family:sura;src:url("/fonts/Suranadira/Suranadira.ttf") format("truetype");font-display:swap}@font-face{font-family:Roboto;src:url("/fonts/Roboto/Roboto-Light.ttf") format("truetype");font-display:swap}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body,html{font-family:Roboto,sans-serif;font-size:100%;letter-spacing:.1em;background-color:var(--color-01);color:var(--color-99);position:relative;height:100%;width:100%;margin:0;overflow:hidden}body{background-size:cover;box-sizing:border-box;position:relative;display:flex;flex-direction:column}a{color:var(--color-99);font-weight:400;text-decoration:none}a:hover{text-decoration:underline}input[type=checkbox]{accent-color:var(--color-07)}canvas{display:block}button{background-color:var(--color-05);border:1px solid var(--color-06);color:var(--color-99);padding:10px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin:4px 2px;transition-duration:.4s;cursor:pointer;white-space:nowrap;transition:.25s}button:hover{background-color:var(--color-06);color:#fff}button:active{background-color:var(--color-04);color:#fff}button.small{font-size:.75rem;padding:5px 16px;margin:2px 1px}button:disabled,button[disabled]{background-color:var(--color-04);border:1px solid var(--color-05);color:var(--color-07);cursor:default}textarea{width:100%;padding:12px 20px;box-sizing:border-box;border-radius:4px;color:var(--color-99);background-color:var(--color-04);font-size:1rem;resize:vertical;transition:.25s;outline:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:not([type=range]),select{text-align:left;width:100%;padding:12px 20px;box-sizing:border-box;border-radius:4px;color:var(--color-99);background-color:var(--color-04);font-size:1rem;transition:.25s;outline:0}select{height:100%}option:disabled{background-color:var(--color-05);color:var(--color-10)}input[type=number]{text-align:right}.label,label{color:var(--color-99);width:150px;float:left;white-space:nowrap;font-size:.85rem}.label,label:not(.checkbox-label){margin-bottom:3px}label:not(.checkbox-label):not(.simple-label):after{content:": "}input:invalid,select:invalid,textarea:invalid{border:1px solid var(--color-05)}input:invalid:required,select:invalid:required,textarea:invalid:required{background-image:linear-gradient(to right,var(--color-03),var(--color-05))}input:valid,select:valid,textarea:valid{border:1px solid var(--color-05)}input:focus,select:focus,textarea:focus{border:1px solid var(--color-06);background-color:var(--color-05)}.hidden{display:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);pointer-events:none}.color-warning{color:var(--color-warning)}.topMenu-container{position:relative;display:flex;z-index:1}body .title-container{display:flex;align-items:center;justify-content:center;margin-top:20px}body .pagination-container{position:absolute;background-color:transparent;bottom:0;left:50%;transform:translate(-50%,-50%)}body .visualizer-container{display:flex;align-items:center;justify-content:center}.sura-font{font-family:sura;font-size:1.2rem}.nowrap{white-space:nowrap}.horizontal-layout{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.horizontal-layout.space-evenly{justify-content:space-evenly}.horizontal-layout.nowrap{flex-wrap:nowrap}.horizontal-layout .col{flex:1}.horizontal-layout.left{justify-content:start}.horizontal-layout.right{justify-content:end}.horizontal-layout.center{justify-content:center}.horizontal-layout .nowrap,.horizontal-layout.nowrap{display:flex;flex:1;flex-wrap:nowrap}.horizontal-layout .row{display:flex;gap:10px}.horizontal-layout .cell{display:flex;flex:1;justify-content:center;align-items:center}.vertical-layout{display:flex;flex-direction:column;justify-content:center;align-items:center}.vertical-layout.space-between{justify-content:space-between}div.flexbox-horizontal,span.flexbox-horizontal{display:flex;flex-direction:row}div.flexbox-vertical,span.flexbox-vertical{display:flex;flex-direction:column}div.flex-center,span.flex-center{display:flex;flex-direction:row;justify-content:center;align-items:center}.flexbox-horizontal .col{flex:1}.gap-1{gap:10px}.stretch{align-items:stretch}.smaller{font-size:.85rem}.text-align-right{text-align:right}.table{display:flex;flex-flow:column nowrap;gap:10px}.table .row{display:flex;gap:10px}.table .heading{font-weight:700}.table .cell{display:flex;flex:1;justify-content:center;align-items:center}.table .cell-schrink{flex:0}.table .cell-grow{flex:2}.mx-1{margin-left:10px;margin-right:10px}.ml-2{margin-left:20px}.my-1{margin-top:10px;margin-bottom:10px}.my-2{margin-top:20px;margin-bottom:20px}.mr-1{margin-right:10px}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}#nadira,#sura{position:absolute;background-color:transparent;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-height:70%}#panner3d-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#sound,#writeSmf{position:relative;display:block}#mixer-container{display:none}#footer-component{color:var(--color-11);margin-left:auto;margin-top:auto;padding:20px}