h1,h2,h3,h4,h5,h6,p,small,ul,li{margin:0;padding:0}:root{--color-rich-black: #011627;--color-baby-powder: #fdfffc;--color-light-sea-green: #2ec4b6;--color-red-pantone: #e71d36;--color-orange-peel: #ff9f1c;--color-dark-pastel-green: #20bf55;--color-medium-slate-blue: #7765e3}.u-color-red-pantone{color:var(--color-red-pantone)}:root{font-size:20px;font-family:Poppins,sans-serif;font-weight:400}*{box-sizing:border-box}body{width:100vw;height:100vh;height:100dvh;color:var(--color-rich-black);background-color:var(--color-baby-powder);font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;margin:0;padding:0}.u-font-poppins{font-family:Poppins,sans-serif}.u-font-emoji{font-family:"Noto Emoji",sans-serif;font-optical-sizing:auto}.u-font-weight-normal{font-weight:400}.u-font-weight-light{font-weight:300}.u-font-weight-extra-light{font-weight:200}.u-font-weight-medium{font-weight:500}.u-font-weight-semi-bold{font-weight:600}.u-font-weight-bold{font-weight:700}.u-font-weight-extra-bold{font-weight:800}.u-uppercase{text-transform:uppercase}.u-capitalize{text-transform:capitalize}.u-text-center{display:block;text-align:center}h1{font-size:2.5rem;line-height:2.75rem;font-weight:700}h2{font-size:2.25rem;line-height:2.5rem;font-weight:700}h3{font-size:1.75rem;line-height:2rem;font-weight:600}h4,h5{font-size:1.5rem;line-height:1.75rem;font-weight:500}h6{font-size:1.25rem;line-height:1.5rem;font-weight:400}p{line-height:1.1rem;font-size:1rem}small{font-size:.8rem;line-height:1rem}button{background-color:var(--color-rich-black);color:var(--color-baby-powder);border:2px solid var(--color-rich-black);font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:.25rem 1rem;transition:transform .15s ease-in;transform:scale(1)}button:hover{cursor:pointer;transform:scale(1.04);transition:transform .15s ease-out}button.u-hover-no-scale:hover{transform:none}button:focus{outline:none}button.u-primary-color{background-color:var(--color-medium-slate-blue);color:var(--color-baby-powder)}button.u-secondary{background-color:var(--color-baby-powder);color:var(--color-rich-black)}button.u-plain{background-color:transparent;color:inherit;padding:0;border:none;font-weight:400}input,textarea{border:2px solid var(--color-rich-black);padding:.5rem 1rem;font-size:1rem;font-family:Poppins,sans-serif}textarea:focus{border-color:var(--color-medium-slate-blue);outline:none}#root{padding:2rem 4rem;display:flex;gap:2rem;height:100%;max-width:100vw;max-height:100vh;overflow:hidden}#root>main{flex-grow:1;overflow:auto}.modal{max-width:40vw;max-height:60vh;background-color:var(--color-baby-powder)}@media screen and (max-width:720px){.modal{max-width:90vw;max-height:90vh}}.dot-dash{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .1rem}.dot-dash__span{display:inline-block}.dot-dash__span--dot{width:.4rem;height:.4rem;border-radius:2rem}.dot-dash__span--dash{width:1rem;height:.3rem;border-radius:.15rem}.dot-dash__span--space{width:.4rem;height:.3rem;margin:0 0rem}.dot-dash__span--gap{margin:0 .4rem;opacity:.2}.sidebar{display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--color-rich-black);padding:.25rem}.sidebar>header{padding:.5rem 1rem}.sidebar__list__wrapper ul{list-style-type:none}.sidebar .sidebar__menu_item{width:100%;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;text-align:left;min-width:200px}.sidebar .sidebar__menu_item p{white-space:nowrap}.sidebar .sidebar__menu_item:hover{background-color:var(--color-dark-pastel-green);color:var(--color-baby-powder);cursor:pointer}.sidebar .sidebar__menu_item--active{background-color:var(--color-rich-black);color:var(--color-baby-powder)}.translate_page{display:flex;gap:1rem;margin-top:1rem}.translate_page section{flex-grow:1}.translate_page section>small{display:block;font-weight:500;margin-bottom:.25rem;color:var(--color-dark-pastel-green)}.translate_page textarea{width:100%;height:300px;resize:none}.translate_page section>footer{display:flex;justify-content:flex-end}.morse_hint{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:2rem}.morse_hint div{display:flex;align-items:center;justify-content:center;background-color:var(--color-baby-powder);color:var(--color-rich-black);border:.15rem solid var(--color-rich-black);flex-grow:1;height:250px}.morse_hint div.active{background-color:var(--color-rich-black);color:var(--color-baby-powder)}.settings_page form>div{margin-top:1rem}.settings_page form>div>label{font-size:1rem}.settings_page form>div small{display:block;font-size:.7rem;line-height:.8rem;margin-bottom:.5rem}.settings_page footer{display:flex;justify-content:flex-end;margin-top:1.25rem}