/* My Note Page (mynote.page) | Created by Lâm Thái Sơn (lamthaison.me) */

:root{--border-medium:#dadce0;--body-bg:#202124;--input-focus-border:#1967d2;--button-secondary-bg:#eaecee;--button-secondary-text:#2c2b29;--button-secondary-bg-hover:#dfe1e5;--duration-fast:150ms;--timing-function:cubic-bezier(0.4, 0, 0.2, 1)}body.light-mode{--border-medium:#c8c09a;--upload-container-bg:#ffffff;--upload-container-bg-hover:#f3f1e7;--input-focus-border:#c8c09a;--button-secondary-bg:#e4e0cd;--button-secondary-bg-hover:#d6d0b4}body.dark-mode{--border-medium:#4e5158;--upload-container-bg:#202124;--upload-container-bg-hover:#2e2f36;--input-focus-border:#575a62}.upload-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.875rem;padding:1.875rem 1rem;border:1px dashed var(--border-medium);border-radius:.5rem;background-color:var(--upload-container-bg);text-align:center;transition:border-color .2s,background-color .2s}.upload-container.drag-over{border-color:var(--input-focus-border);background-color:var(--upload-container-bg-hover)}button{display:flex;align-items:center;justify-content:center;width:50%;padding:.5rem 1.25rem;box-sizing:border-box;line-height:1.56;white-space:nowrap}input[type=file]{display:none}.usage-guideline{padding:0 1.5625rem}.link-container{display:flex;justify-content:space-evenly;margin-bottom:1.4375rem;padding:0;font-size:.96rem}#import-status{display:none;margin-top:.4375rem;margin-bottom:-.3125rem;font-size:.96rem;color:var(--text-primary);text-align:center}#file-name{padding-left:1.25rem;padding-right:1.25rem;font-size:.96rem;color:var(--text-secondary);word-break:break-all}@media (max-width:540px){a:active{color:inherit;background-color:var(--link-bg-hover);-webkit-tap-highlight-color:#fff0}button{width:80%;padding:.5rem 1.25rem!important}}@media (max-width:430px){.usage-guideline{padding:0 1.6875rem}}@media (max-width:414px){.usage-guideline{padding:0 1.1875rem}}@media (max-width:393px){.usage-guideline{padding:0 .6875rem}}@media (max-width:390px){.usage-guideline{padding:0 .6875rem}}@media (max-width:375px){.usage-guideline{padding:0 .125rem}}