*{box-sizing:border-box}:root,html[data-theme=light]{--font-f:"Fredoka One",cursive;--background-c:#f3f6ff;--background-light-c:#fefefe;--primary-c-s1:#536ef1;--primary-c-s2:#4867ea;--secondary-c:#3bd29e;--error-c:#ff6584;--text-c:#000;--text-light-c:rgba(0,0,0,0.3);--border-rd:5px;--footer-h:40px}#root,body,html{width:100%;height:100%;margin:0;font-family:var(--font-f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-c)}@media (prefers-color-scheme:dark){:root{--background-c:#121212;--background-light-c:#272727;--text-c:#f3f6ff;--text-light-c:rgba(243,246,255,0.3)}}.Button_button__3yE9C{position:relative;width:100%;max-width:200px;font-size:14px;border:none;padding:12px;margin-top:10px;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#fff;font-family:var(--font-f);border-radius:var(--border-rd);background:linear-gradient(90deg,var(--primary-c-s1),var(--primary-c-s2));box-shadow:0 0 30px 0 rgba(0,0,0,.2);transition:box-shadow .2s ease-in}.Button_button__3yE9C:after{content:"";position:absolute;width:100%;height:0;opacity:0;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:var(--border-rd);background-color:hsla(0,0%,100%,.1);transition:all .16s ease-out}.Button_button__3yE9C:hover:after{height:100%;opacity:1}.Button_button__3yE9C:disabled{opacity:.5;cursor:none;pointer-events:none}.Button_button__3yE9C.Button_gradient__2s-P3{background:linear-gradient(-90deg,var(--secondary-c),var(--primary-c-s2))}.Button_button__3yE9C.Button_button__3yE9C.Button_gradient__2s-P3:focus,.Button_button__3yE9C.Button_gradient__2s-P3:active{background:var(--secondary-c)}.Button_button__3yE9C.Button_cancel__2kggL{margin-bottom:40px;background:var(--error-c)}.Button_button__3yE9C:hover{cursor:pointer;box-shadow:0 0 30px 0 rgba(0,0,0,.3)}.PwaInstallBanner_banner__2Hht_{position:fixed;bottom:10%;left:0;right:0;margin:auto}.Navbar_nav__1hNQc{width:100%}.Navbar_innerContainer__1jnmw{display:flex;align-items:center;justify-content:space-around;padding:12px 22px}.Navbar_link__21e1Z{text-decoration:none}.Navbar_fst__7bpl7{position:relative;z-index:1;font-size:24px;font-family:var(--font-f);color:var(--text-c);transition:transform .2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Navbar_fst__7bpl7:before{content:"";position:absolute;width:100%;height:100%}.Navbar_fst__7bpl7.Navbar_full__F1L8s,.Navbar_fst__7bpl7:hover{transform:skew(0,-2deg);cursor:pointer}.Navbar_fst__7bpl7:after{content:"";position:absolute;left:0;right:0;bottom:-10px;width:0;height:5px;border-radius:50px;background-color:var(--primary-c-s1);z-index:-1;animation:Navbar_tra__UTTmY .5s ease-in-out;transition:all .5s linear}.Navbar_fst__7bpl7.Navbar_third__3RK10:after{width:25%}.Navbar_fst__7bpl7.Navbar_half__1pZ_y:after{width:58.82353%}.Navbar_fst__7bpl7.Navbar_full__F1L8s:after{width:100%;background-color:var(--secondary-c)}@keyframes Navbar_tra__UTTmY{0%{width:10%}to{width:25%}}.Navbar_setting__3K-9p{color:var(--text-c)}.Footer_footer__1-jED{height:var(--footer-h);display:flex;justify-content:center;align-items:center;color:var(--text-light-c)}.FileReader_container__1DMHR{display:flex;flex-direction:column;width:200px;height:150px}.FileReader_handler__2od7-{position:relative;width:100%;height:100%;border-radius:10px;background:var(--background-light-c);box-shadow:0 0 30px 0 rgba(0,0,0,.2);transition:all .11s ease-in;display:flex;flex-direction:column;align-items:center;justify-content:center}.FileReader_handler__2od7- svg{pointer-events:none}.FileReader_handler__2od7-:not(.FileReader_loaded__wsBei):hover{cursor:pointer;box-shadow:0 0 30px 0 rgba(0,0,0,.35)}.FileReader_handler__2od7-.FileReader_active__uL0sj,.FileReader_handler__2od7-.FileReader_loaded__wsBei{border:5px solid var(--secondary-c)}.FileReader_handler__2od7-.FileReader_error__2Q_Sb{border:5px solid var(--error-c)}.FileReader_handler__2od7- span{font-size:12px;color:var(--error-c)}.FileReader_inputFile__2Cml1{width:0;height:0;top:-9999px;visibility:hidden;position:absolute}.TimeSelect_overlay__1Metc{position:fixed;bottom:0;left:0;right:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.TimeSelect_selectContainer__1EYcH{position:fixed;z-index:1;bottom:0;left:0;right:0;display:flex;justify-content:center;transform:translateY(200px);transition:transform .11s ease-in;cursor:none}.TimeSelect_selectContainer__1EYcH.TimeSelect_open__21B00{cursor:auto;transform:translateY(0)}.TimeSelect_list__2G0tq{width:100%;border-top-right-radius:20px;border-top-left-radius:20px;background-color:var(--background-light-c);list-style:none;padding:12px 0;margin:0;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.TimeSelect_list__2G0tq li{color:var(--text-c);text-align:center;padding:12px}.TimeSelect_list__2G0tq li:not(:first-child):hover{cursor:pointer;background-color:rgba(0,0,0,.03)}@keyframes TimeSelect_slide__2b58q{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.ShareButton_input__1Hmf_{width:90%;max-width:400px;border-radius:var(--border-rd);border:none;font-family:var(--font-f);background-color:transparent;color:var(--text-light-c);outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ShareButton_share__1vhbA{width:200px;display:inline-block}.App{width:100%;height:calc(100vh - var(--footer-h) - 53px);align-items:center;justify-content:center}.App,.container{display:flex;flex-direction:column}.container{width:200px;height:150px}.filehandler{position:relative;width:100%;height:100%;border-radius:10px;background:#fefefe;box-shadow:0 0 30px 0 rgba(0,0,0,.2);transition:box-shadow .2s ease-in,background .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center}.filehandler:hover{cursor:pointer;box-shadow:0 0 30px 0 rgba(0,0,0,.35)}.filehandler.preview:after{content:"x";position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50%;border:2px solid #000;background-color:#fff;display:flex;align-items:center;justify-content:center}.filehandler.preview{background:linear-gradient(90deg,#536ef1,#4867ea)}#fileloader{width:0;height:0;top:-9999px;visibility:hidden;position:absolute}#preview{width:80%;height:80%;object-fit:contain}.transfer{margin-top:20px;border:none;border-radius:10px;font-family:"Fredoka One";color:#fff;background-color:#26ddee;padding:8px 18px}