/* mynote.page | created by lamthaison.me */

:root{--border-medium:#dadce0;--bg-body:#202124;--input-focus-border:#1967d2;--button-secondary-bg:#eaecee;--button-secondary-text:#2c2b29;--button-secondary-hover-bg:#dfe1e5;--duration-fast:150ms;--timing-function:cubic-bezier(0.4, 0, 0.2, 1)}body.light-mode{--border-medium:#cecab5;--upload-container-bg:#ffffff;--input-focus-border:#1967d2;--button-secondary-bg:#e8e9ea;--button-secondary-text:#2c2b29;--button-secondary-hover-bg:#dcdee0;--link-hover-bg:#ebe9e1}body.dark-mode{--border-medium:#55595d;--upload-container-bg:#202124;--input-focus-border:#8ab4f8;--button-secondary-bg:#404144;--button-secondary-text:#e8e8e8;--button-secondary-hover-bg:#5a5c5f;--link-hover-bg:#404144}button{padding:9px 20px;width:40%;box-sizing:border-box;font-weight:400;font-size:.9375rem;line-height:1.6;font-family:'Merriweather',serif;white-space:nowrap;display:flex;align-items:center;justify-content:center}input[type="file"]{display:none}.upload-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:30px;border:1px dashed var(--border-medium);padding:30px 16px;border-radius:8px;background-color:var(--upload-container-bg);transition:border-color 0.2s ease,background-color 0.2s ease}.upload-container.drag-over{border-color:var(--input-focus-border);background-color:rgb(138 180 248 / .1)}.upload-label{padding:9px 20px;width:40%;border-radius:8px;cursor:pointer;font-size:.9375rem;background-color:var(--button-secondary-bg);color:var(--button-secondary-text);transition:background-color var(--duration-fast,150ms) var(--timing-function,cubic-bezier(.4,0,.2,1));box-sizing:border-box;font-weight:400;line-height:1.6;font-family:'Merriweather',serif;display:flex;justify-content:center;align-items:center;white-space:nowrap}.upload-label:hover{background-color:var(--button-secondary-hover-bg)}#file-name{color:var(--text-secondary);font-size:.95rem;padding-left:20px;padding-right:20px;word-break:break-all}#import-status{margin-top:7px;margin-bottom:-5px;font-size:.95rem;color:var(--text-primary);text-align:center;display:none}.usage-guideline{display:flex;justify-content:space-evenly;padding:0 24px}.credit{display:none}@media (max-width:768px){button{padding:8px 20px!important;width:75%;box-sizing:border-box;font-weight:400;font-size:.9375rem;line-height:1.6;font-family:'Merriweather',serif;white-space:nowrap;display:flex;align-items:center;justify-content:center}.upload-label{padding:8px 20px;width:75%;box-sizing:border-box;font-weight:400;font-size:.9375rem;line-height:1.6;font-family:'Merriweather',serif;display:flex;justify-content:center;align-items:center;white-space:nowrap}a:active{background-color:var(--link-hover-bg);color:inherit;-webkit-tap-highlight-color:#fff0}}@media (max-width:430px){.usage-guideline,.credit{padding:0 5px}}@media (max-width:414px){.usage-guideline,.credit{padding:0 10px}}@media (max-width:393px){.usage-guideline,.credit{padding:0 0}}@media (max-width:390px){.usage-guideline,.credit{padding:0 0}}@media (max-width:375px){.usage-guideline,.credit{padding:0 10px}}