@import "https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap";.download{flex-flow:row;justify-content:space-between;align-items:center;gap:1rem;min-height:2rem;display:flex}.download-creator{flex-flow:row;align-items:center;gap:1rem;display:flex}.header{flex-flow:row;justify-content:space-between;width:92%;padding:1rem;display:flex}a{color:#646cff;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:var(--dropspot-primary);flex-flow:column;place-items:center;width:100dvw;height:100dvh;margin:0;display:flex}main{flex-flow:column;flex:1;gap:1rem;width:100%;height:100%;display:flex}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.download-button{--md-circular-progress-size:2rem;place-content:center;place-items:center;display:flex;& md-circular-progress{display:none}&[is-downloading]{opacity:.5;pointer-events:none;& md-icon{display:none}& md-circular-progress{display:block}}}.download-button-contents{place-content:center;place-items:center;gap:.5rem;display:flex}.onboarding-preview{place-content:center;place-items:center;display:flex}.file-menu{--menu-padding:1rem;--menu-height:32dvh;--menu-width:16dvw;padding:var(--menu-padding);height:var(--menu-height);width:var(--menu-width);border-radius:12px;flex-flow:column;gap:1rem;display:flex;position:relative;overflow:hidden;@media (width<=480px){--menu-height:80dvh;--menu-width:100dvh}}.file-menu-wrapper{flex-direction:column;gap:1rem;padding:0 1rem;display:flex;overflow-y:auto}.file-loader{flex:1;place-content:center;place-items:center;width:100%;display:flex}.file-list{flex-flow:column;gap:1rem;width:100%;padding:0;display:flex;&[hidden]{display:none}}.file-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:80px;padding:20px;font-family:system-ui,-apple-system,sans-serif;display:flex}.file-empty-icon{--md-icon-size:4rem;color:#c5d3e0;margin-bottom:16px}.file-empty-title{color:var(--dropspot-grey-darker);font-size:1.5rem}.file-empty-subtitle{color:var(--dropspot-grey-dark);font-size:1rem}.file-item{color:var(--dropspot-primary);border-radius:.5rem;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background-color .2s;display:flex;&:hover{background-color:var(--dropspot-hover);cursor:pointer}&:has(.file-item-main){justify-content:space-between}}.file-item-main{flex:0 0 80%;align-items:center;gap:1rem;max-width:80%;display:flex}.file-icon{place-content:center;place-items:center;display:flex}.file-icon svg{width:1.5rem;height:1.5rem;fill:var(--dropspot-primary)}.file-info{flex-shrink:1;justify-content:space-between;place-items:center;gap:.5rem;min-width:0;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-weight:500;overflow:hidden}.file-size{flex:0 0 fit-content;font-size:.875rem;font-weight:400}.file-action{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;transition:background-color .2s}.file-action:hover{background-color:#bbdefb}.file-action:active{background-color:#90caf9}.file-action svg{fill:#1565c0;width:24px;height:24px}@media (width<=480px){.file-info{flex-direction:column;align-items:flex-start}.file-size{margin-top:4px;font-size:12px}}.popover-back-button{position:absolute;top:1rem;left:1rem}.file-name-header{color:#222;word-break:break-all;margin:0 0 24px;font-size:18px;line-height:1.4}.badge{color:#3fa9ff;background-color:#e6f4ff;border-radius:20px;width:fit-content;padding:4px 12px;font-weight:700;display:inline-block}.form{flex-flow:column;gap:1rem;margin-bottom:2.25rem;display:flex}.form-header{text-overflow:ellipsis;overflow:hidden}.form-row{flex-flow:row;place-items:center;gap:1rem;display:flex}.form-field{border-bottom:1px solid #f0f0f0;flex-flow:column;flex:1;gap:6px;padding-bottom:1rem;display:flex}.form-label{color:#777;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-value{color:#333;font-size:16px;font-weight:500}.menu-item{cursor:default;place-items:center;gap:1rem;display:flex}md-menu{cursor:default}.settings{--menu-padding:1rem;--menu-height:32dvh;--menu-width:16dvw;padding:var(--menu-padding);height:var(--menu-height);width:var(--menu-width);border-radius:12px;flex-flow:column;gap:1rem;display:flex;position:relative;overflow:hidden;@media (width<=480px){--menu-height:80dvh;--menu-width:100dvh}}.settings-menu-wrapper{flex-direction:column;gap:1rem;display:flex}.settings-loader{flex:1;place-content:center;place-items:center;width:100%;display:flex}.section-label{color:#777;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding:0 12px;font-size:13px;font-weight:600}.settings-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.settings-item{cursor:pointer;border-radius:8px;align-items:center;gap:16px;padding:12px;transition:background-color .2s;display:flex;&:hover{background-color:var(--dropspot-hover);cursor:pointer}&[disabled]{opacity:.5;pointer-events:none}}.settings-icon{--md-icon-size:2rem;color:var(--dropspot-primary);background-color:#e6f4ff;border-radius:8px;justify-content:center;align-items:center;padding:.625rem;display:flex;&:hover{background-color:var(--dropspot-hover)}}.settings-text{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.settings-item-title{color:#333;font-weight:600}.settings-item-desc{color:var(--dropspot-teal-dark);font-size:13px}.settings-action{color:var(--dropspot-grey-dark)}.settings-field-update-input{flex:0 0 64%}.settings-field-update-result{flex:0 0 2rem;justify-content:center;place-items:center;height:2rem;display:flex}.integration-title{gap:.5rem;display:flex}.settings-page{flex-flow:column;padding:0 1rem;display:flex}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dropspot-primary:#339cff;--dropspot-primary-light:#61aff9;--dropspot-primary-lighter:#9ecfe8;--dropspot-primary-dark:#255cbd;--dropspot-primary-darker:#0f3473;--dropspot-primary-darkest:#001a47;--dropspot-hover:#e6e6e6;--dropspot-box-shadow:0 0 21px 7px #ffffff80;--dropspot-box-shadow-semi-minor:0 .5rem 1rem #00000080;--dropspot-box-shadow-minor:0 .5rem 1rem #00000026;--dropspot-grey:#b9b9b9;--dropspot-grey-light:#dfdfdf;--dropspot-grey-lighter:#ededed;--dropspot-grey-dark:#a0aec0;--dropspot-grey-darker:#3f3f3f;--dropspot-danger:#ff6868;--dropspot-danger-light:#fff1f1;--dropspot-summer-light:#efefe5;--dropspot-summer:#f9fd3a;--dropspot-success:#6cc070;--dropspot-dark:#1d2021;--dropspot-teal:#19688c;--dropspot-teal-dark:#165675;--dropspot-font:"Roboto", "Helvetica", "Arial", sans-serif;--dropspot-font-plain:system-ui;--icon-dark-background-colour:#fff;--icon-dark-background-hover-colour:#fff;--icon-dark-background-focus-colour:#fff;--icon-dark-background-pressed-colour:var(--dropspot-dark);--icon-ripple-dark-background-colour:#fff;--icon-ripple-dark-background-opacity:.5;--icon-size-small:1rem;--info-drawer-width:24dvw;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;@media only screen and (width<=48rem){--info-drawer-width:72dvw}--popover-background-colour:#fff;--md-sys-color-primary:var(--dropspot-primary);--md-sys-color-error:var(--dropspot-danger)}#recent-uploads{flex-flow:column-reverse;align-self:center;gap:1rem;width:64dvw;display:flex;@media only screen and (width<=48rem){width:100%}}#linked-file{flex-flow:row;align-self:center;place-items:center;gap:1rem;display:flex;&:empty{display:none}}@layer utils{.text-white{color:#fff;margin:0;font-weight:700}.text-primary{color:var(--dropspot-primary)}.text-danger{color:var(--dropspot-danger)}.no-margin{margin:0}.button-white{--md-filled-button-container-color:#fff;--md-filled-button-label-text-color:var(--dropspot-primary);--md-filled-button-hover-label-text-color:var(--dropspot-primary);--md-filled-button-focus-label-text-color:var(--dropspot-primary);--md-filled-button-pressed-label-text-color:var(--dropspot-primary)}.button-primary{--md-filled-button-container-color:var(--dropspot-primary);--md-filled-button-label-text-color:#fff;--md-filled-button-hover-label-text-color:#fff;--md-filled-button-focus-label-text-color:#fff;--md-filled-button-pressed-label-text-color:#fff}.button-success{--md-filled-button-container-color:var(--dropspot-success);--md-filled-button-label-text-color:#fff;--md-filled-button-hover-label-text-color:#fff;--md-filled-button-focus-label-text-color:#fff;--md-filled-button-pressed-label-text-color:#fff}.md-icon-button-white{--md-icon-button-icon-color:#fff;--md-icon-button-selected-icon-color:#fff;--md-icon-button-focus-icon-color:#fff;--md-icon-button-disabled-icon-color:#fff;--md-icon-button-hover-icon-color:#fff;--md-icon-button-pressed-icon-color:#fff}md-switch{--md-switch-selected-track-color:var(--dropspot-success);--md-switch-selected-hover-track-color:var(--dropspot-success);--md-switch-selected-focus-track-color:var(--dropspot-success);--md-switch-selected-pressed-track-color:var(--dropspot-success)}md-filled-text-field{--md-filled-field-container-color:#fff;--md-filled-field-disabled-container-color:#fff}.icon-success{color:var(--dropspot-success)}.icon-danger{color:var(--dropspot-danger)}.microlink{cursor:pointer;&:hover{text-decoration:underline}}}#toast-container{flex-flow:column;gap:.5rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}copy-button{display:flex}.onboarding-popover-highlight{border-radius:50%;box-shadow:0 0 #fffc,0 0 2rem 1rem #fff6}.upload-area{flex:0 0 64%;place-content:center;place-items:center;gap:2rem;display:flex}.upload-circle{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32rem;height:32rem;display:flex;position:relative;&:before{content:"";box-sizing:border-box;border:6px dashed #fff;border-radius:50%;position:absolute;inset:0}&:hover:before{animation:45s linear infinite spin}}.file-upload{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*$vite$:1*/