html,body{height:100%;margin:0;overflow:clip}#root{height:100%}@media(min-width:60rem){#collapse-btn:checked+main>label[for=collapse-btn] #open-lbl{display:inline}#collapse-btn:checked+main>label[for=collapse-btn] #close-lbl{display:none}#collapse-btn:checked+main>aside{width:0;flex-grow:0}#collapse-btn:not(:checked)+main>label[for=collapse-btn] #open-lbl{display:none}#collapse-btn:not(:checked)+main>label[for=collapse-btn] #close-lbl{display:inline}}@media(min-width:60rem)and (max-width:60rem){#collapse-btn:not(:checked)+main>#viewport,#collapse-btn:not(:checked)+main>#viewport>*{width:0;flex-grow:0}}@media(max-width:60rem){#collapse-btn:checked+main>label[for=collapse-btn] #open-lbl{display:none}#collapse-btn:checked+main>label[for=collapse-btn] #close-lbl{display:inline}}@media(max-width:60rem)and (max-width:60rem){#collapse-btn:checked+main>#viewport,#collapse-btn:checked+main>#viewport>*{width:0;flex-grow:0}}@media(max-width:60rem){#collapse-btn:not(:checked)+main>label[for=collapse-btn] #open-lbl{display:inline}#collapse-btn:not(:checked)+main>label[for=collapse-btn] #close-lbl{display:none}#collapse-btn:not(:checked)+main>aside{width:0;flex-grow:0}}@media(min-width:60rem){main>aside{width:30rem}}@media(max-width:60rem){main>aside{flex-grow:1}}main>aside{overflow-x:hidden;transition-duration:.5s;transition-property:width flex-grow;background-color:#d3d3d3;white-space:nowrap}@media(min-width:60rem){main>#viewport{width:100%}}@media(max-width:60rem){main>#viewport{flex-grow:1}}main>#viewport{overflow-x:hidden;transition-duration:.5s;transition-property:width flex-grow}main>#viewport>*{overflow-x:hidden;transition-duration:.5s;transition-property:width flex-grow}main>#viewport{height:inherit}label[for=collapse-btn]{display:flex;align-items:center;background-color:#d3d3d3;border-left:solid 1px black;-webkit-user-select:none;user-select:none;cursor:pointer}.modal-dialog{max-width:none}@media(min-width:60rem){.modal-dialog{width:60%;height:60%}}@media(max-width:60rem){.modal-dialog{width:90%!important;height:90%}}.modal-body{min-height:60vh}.preview{height:9rem;border:2px solid black}