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

:root{--border-medium:#dadce0;--body-bg:#1f2023;--input-focus-border:#1967d2;--button-secondary-bg:#eaecee;--button-secondary-text:#2b2a28;--button-secondary-bg-hover:#dfe1e5;--duration-fast:150ms;--timing-function:cubic-bezier(0.4, 0, 0.2, 1)}body.light-mode{--border-medium:#d8d3b0;--upload-container-bg:#ffffff;--upload-container-bg-hover:#f2f0e6;--input-focus-border:#d2c9a6;--button-secondary-bg:#e5e0cd;--button-secondary-bg-hover:#ddd8bd}body.dark-mode{--border-medium:#4f5159;--upload-container-bg:#1f2023;--upload-container-bg-hover:#2d2e35;--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.54;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:1rem}#import-status{display:none;margin-top:.4375rem;margin-bottom:-.3125rem;font-size:1rem;color:var(--text-primary);text-align:center}#file-name{padding-left:1.25rem;padding-right:1.25rem;font-size:1rem;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.6rem}}@media (max-width:414px){.usage-guideline{padding:0 1.1875rem}}@media (max-width:393px){.usage-guideline{padding:0 .6rem}}@media (max-width:390px){.usage-guideline{padding:0 .6rem}}@media (max-width:375px){.usage-guideline{padding:0 .125rem}}