@import"https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";.flex{display:flex}.wrap{flex-wrap:wrap}.row{flex-direction:row}.col{flex-direction:column}.j-start{justify-content:flex-start}.j-end{justify-content:flex-end}.j-center{justify-content:center}.j-between{justify-content:space-between}.j-around{justify-content:space-around}.a-start{align-items:flex-start}.a-end{align-items:flex-end}.a-center{align-items:center}.row.spaced>*{margin-right:.5rem}.row.spaced>*:last-child{margin-right:0}.col.spaced>*{margin-bottom:.5rem}.col.spaced>*:last-child{margin-bottom:0}.small{font-size:.8rem}.tiny{font-size:.6rem}.faint{opacity:.5}.bold{font-weight:700}.upper{text-transform:uppercase}.mal{margin:var(--buffer-large)}.mll{margin-left:var(--buffer-large)}.mrl{margin-right:var(--buffer-large)}.mtl{margin-top:var(--buffer-large)}.mbl{margin-bottom:var(--buffer-large)}.mam{margin:var(--buffer-medium)}.mlm{margin-left:var(--buffer-medium)}.mrm{margin-right:var(--buffer-medium)}.mtm{margin-top:var(--buffer-medium)}.mbm{margin-bottom:var(--buffer-medium)}.mas{margin:var(--buffer-small)}.mls{margin-left:var(--buffer-small)}.mrs{margin-right:var(--buffer-small)}.mts{margin-top:var(--buffer-small)}.mbs{margin-bottom:var(--buffer-small)}.maa{margin:auto}.mla{margin-left:auto}.mra{margin-right:auto}.mta{margin-top:auto}.mba{margin-bottom:auto}.mn{margin:0}.pal{padding:var(--buffer-large)}.pll{padding-left:var(--buffer-large)}.prl{padding-right:var(--buffer-large)}.ptl{padding-top:var(--buffer-large)}.pbl{padding-bottom:var(--buffer-large)}.pam{padding:var(--buffer-medium)}.plm{padding-left:var(--buffer-medium)}.prm{padding-right:var(--buffer-medium)}.ptm{padding-top:var(--buffer-medium)}.pbm{padding-bottom:var(--buffer-medium)}.pas{padding:var(--buffer-small)}.pls{padding-left:var(--buffer-small)}.prs{padding-right:var(--buffer-small)}.pts{padding-top:var(--buffer-small)}.pbs{padding-bottom:var(--buffer-small)}.gap{gap:.5rem}.pn{padding:0}.w{width:100%}.h{height:100%}.bbox{box-sizing:border-box}.round{border-radius:.25rem}.shadow{box-shadow:0 0 .5rem #00000040}.red{color:#cc123a}.green{color:#13da66}.debug{border:1px solid red}.relative{position:relative}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.ghost{pointer-events:none}.drop-border{border:3px dashed #ffffff44;transition:border .5s ease}.drop-border:hover{border:3px dashed #ffffffaa}.nowrap{white-space:nowrap;text-wrap:none}.fixed{position:fixed}.panel{background:#213135;padding:10px;border-radius:8px;border:1px solid #ffffff22}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .25s ease-out}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(10px);opacity:0}.slide-fade-down-enter-active,.slide-fade-down-leave-active{transition:all .25s ease-out}.slide-fade-down-enter-from,.slide-fade-down-leave-to{transform:translateY(-10px);opacity:0}:root{--buffer-large: 2rem;--buffer-medium: 1rem;--buffer-small: .5rem;--brand-color: rgb(216, 255, 44);--bg-color: #15262a;--text-color: white;--border-color: rgba(255, 255, 255, .116);--uploading-color: rgb(255, 72, 0)}::selection{background:var(--brand-color);color:var(--bg-color)}html,body{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px;color:#fff;background-color:var(--bg-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}#app{position:relative;height:100%}a{color:var(--brand-color);text-decoration:none}a:hover{text-decoration:underline}button{border-radius:5px;background:#2b5c64;color:#fff;font-family:Roboto,sans-serif;font-size:1.25rem;padding:.5rem 1rem;border:1px solid #62b4c7;cursor:pointer;transition:background .2s ease}button:hover{background:#478999}button:active{transform:scale(.98)}button:disabled{background:#2a3138;color:#9b9b9b;border:1px solid #384a4d;cursor:not-allowed}input,input[type=text],input[type=email],input[type=password]{outline:none;border-radius:5px;background:#172224;color:#fff;font-family:Roboto,sans-serif;font-size:1.25rem;padding:.5rem;border:1px solid #384a4d;transition:background .2s ease}input[type=color]{width:29px;height:32px;padding:0;border:none;background:none}form.vertical{display:flex;flex-direction:column;align-items:center;gap:1rem}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.notification-container[data-v-18b1f277]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-end;padding:10px;pointer-events:none;z-index:1000}.notification[data-v-18b1f277]{padding:10px;margin:10px;border-radius:5px;color:#fff;border:3px solid rgba(255,255,255,.1);background:#23a0e8;pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.error[data-v-18b1f277]{background-color:#b63232}.timeout-bar[data-v-18b1f277]{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ffffff80;animation:timeout-bar-18b1f277 3s linear forwards}@keyframes timeout-bar-18b1f277{to{width:0}}.notification-move[data-v-18b1f277],.notification-enter-active[data-v-18b1f277],.notification-leave-active[data-v-18b1f277]{transition:all .5s ease}.notification-enter-from[data-v-18b1f277],.notification-leave-to[data-v-18b1f277]{opacity:0;transform:translate(30px)}.notification-leave-active[data-v-18b1f277]{position:absolute}header[data-v-afefa0b8]{line-height:1.5;max-height:100vh;width:100%;box-sizing:border-box}.logo[data-v-afefa0b8]{display:block;margin:0 auto 2rem}nav[data-v-afefa0b8]{width:100%;font-size:12px;text-align:center;display:flex;border-bottom:1px solid var(--border-color);padding:0;padding-left:1rem;background:#ffffff0d}nav a.router-link-exact-active[data-v-afefa0b8]{color:var(--text-color)}nav a.router-link-exact-active[data-v-afefa0b8]:hover{background-color:transparent;text-decoration:none;cursor:default}nav a[data-v-afefa0b8]{display:inline-block;padding:0 1rem;border-right:1px solid var(--border-color);padding:1rem;width:4rem;text-align:center;transition:background-color .2s ease}nav a[data-v-afefa0b8]:hover{background-color:#ffffff1a}.my-account[data-v-afefa0b8]{align-self:flex-end;margin-left:auto;border:none}@media (min-width: 1024px){header[data-v-afefa0b8]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-afefa0b8]{margin:0 2rem 0 0}header .wrapper[data-v-afefa0b8]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-afefa0b8]{text-align:left;margin-left:-1rem;font-size:1rem}}button[data-v-a663dd7d]{background:none;border:none;cursor:pointer;color:#fff;display:flex}button.with-slot[data-v-a663dd7d]{background:#fff3;padding:.5rem;border-radius:5px}.tag-chip[data-v-f448af9a]{display:inline-flex;align-items:center;justify-content:center;height:20px;border-radius:5px;border:1px solid #ffffff55;font-size:10px;padding:0 4px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:0 0 0 1px #00000040}.tag-label[data-v-f448af9a]{pointer-events:none}.clip-tile[data-v-30147460]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:480px;height:270px;font-size:.6rem;--clip-border-color: rgba(255, 255, 255, .5);--clip-border-color-hover: rgba(255, 255, 255, .9);border:1px solid var(--highlight-color);transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 0 1px #000,0 14px 28px #00000040,0 10px 10px #00000038;text-shadow:1px 1px 0 black;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:clip;background:radial-gradient(circle,#344342,#1b1e1e)}.clip-tile[data-v-30147460]:hover{border:1px solid var(--clip-border-color-hover)}.clip-tile[data-v-30147460]>*{position:relative}.clip-thumbnail[data-v-30147460]{content:"";top:0;right:0;bottom:0;left:0;position:absolute;transition:all .2s ease;background-size:contain;background-repeat:no-repeat;background-position:center}.clip-tile-title[data-v-30147460]{font-size:1rem;pointer-events:none;position:absolute;top:0;left:0;right:0;text-align:center;padding:.5rem}.clip-tile-url[data-v-30147460]{font-size:.8rem;pointer-events:none}.clip-progress[data-v-30147460]{position:absolute;font-size:.8rem;height:20px;bottom:0;left:0;right:0;background:#00000080}.clip-progress-bar[data-v-30147460]{height:100%;background:var(--highlight-color);width:0;transition:width .2s ease;position:relative}.clip-progress-bar[data-v-30147460]:after{background-image:repeating-linear-gradient(-45deg,transparent,transparent 1px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 2px);background-size:3px 3px;box-shadow:inset 0 0 10px #fff9;content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;position:absolute}.clip-progress-text[data-v-30147460]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid black;border-top:none}.clip-controls[data-v-30147460]{display:flex;position:absolute;bottom:0;left:0;right:0;gap:.5rem;background:#15262aa6;cursor:default;align-items:center;justify-content:space-between;padding:.15rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,.25);pointer-events:none;opacity:0}.clip-tile:hover .clip-controls[data-v-30147460],.clip-controls.is-editing[data-v-30147460]{pointer-events:auto;opacity:1}.clip-control[data-v-30147460]{opacity:.5;transition:opacity .2s ease;padding:.5rem}.clip-control[data-v-30147460]:hover{opacity:1}.clip-control[data-v-30147460]:disabled{opacity:.2;cursor:default}.clip-title-edit-container[data-v-30147460]{display:flex;align-items:center;border-radius:3px;background:#15262a;border:1px solid #77959c;transition:background .2s ease}.clip-tile-title-edit[data-v-30147460]{font-size:.8rem;border-radius:0;background:none;padding:.5rem;border:none}.clip-title-save[data-v-30147460]{padding-right:.2rem;padding-top:0;padding-bottom:0}.clip-mute-icon[data-v-30147460]{position:absolute;top:0;right:0;padding:.5rem;font-size:1.5rem;color:#fff;text-shadow:1px 1px 0 black}.clip-duration[data-v-30147460]{position:absolute;top:0;left:0;padding:.25rem .5rem;font-size:.8rem;color:#fff;text-shadow:1px 1px 0 black;font-family:monospace}.clip-tags[data-v-30147460]{position:absolute;top:0;right:0;display:flex;justify-content:flex-end;flex-wrap:wrap;padding:.5rem;gap:.25rem;text-shadow:none;max-width:20%}.tag-drop-indicator[data-v-30147460]{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;content:"";border:3px dashed #ccc}@media (max-width: 1820px){.clip-tile[data-v-30147460]{width:384px;height:216px}}@media (max-width: 1350px){.clip-tile[data-v-30147460]{width:384px;height:216px}}.material-icons[data-v-258dcdef]{-webkit-user-select:none;user-select:none}.page-manager[data-v-6ccbb6f9]{display:flex;gap:1rem;align-items:center}input[data-v-6ccbb6f9]{width:5rem;height:3rem;text-align:center;box-sizing:border-box}button[data-v-6ccbb6f9]{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.modal-container[data-v-63da198b]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:100;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drop-zone[data-v-b6a05f20]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:1rem 0;box-sizing:border-box;transition:background .25s ease;transition-delay:.1s}.drop-zone[data-active=true][data-v-b6a05f20]{background:#ffffff2c}.clips[data-v-b6a05f20]{display:grid;grid-template-columns:1fr 6fr 1fr;justify-items:center;width:100%}.clip-grid[data-v-b6a05f20]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.login-form[data-v-b6a05f20]{display:flex;flex-direction:column;align-items:center;gap:1rem}.status-uploading[data-v-b6a05f20],.status-encoding[data-v-b6a05f20]{padding:.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--brand-color);box-sizing:border-box;width:100%;text-wrap:none}.status-uploading[data-v-b6a05f20]{border-color:var(--uploading-color)}.left-side[data-v-b6a05f20],.right-side[data-v-b6a05f20]{display:flex;flex-direction:column;align-items:center;padding:0 1rem;gap:1rem}.tag-controls[data-v-b6a05f20]{width:180px;position:fixed;border:3px dashed transparent;transition:border .25s ease}.drop-detach-tag[data-v-b6a05f20]{border-color:#e64b3d}.search-tags[data-v-b6a05f20]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;border:3px dashed transparent;transition:border .25s ease;min-width:100px;min-height:30px;margin:.5rem}.search-tags.receiving[data-v-b6a05f20]{border-color:#ccc}#add-tag-button[data-v-b6a05f20]{display:inline-flex;align-items:center;justify-content:center;height:20px;border-radius:5px;border:1px solid #ffffff55;font-size:10px;padding:0 4px;-webkit-user-select:none;user-select:none;cursor:pointer}@media (max-width: 1540px){.clips[data-v-b6a05f20]{grid-template-columns:1fr 4fr 1fr}.clip-grid[data-v-b6a05f20]{grid-template-columns:1fr 1fr}}@media (max-width: 1170px){.clips[data-v-b6a05f20]{grid-template-columns:1fr 1fr 1fr}.clip-grid[data-v-b6a05f20]{grid-template-columns:1fr}}@media (max-width: 800px){.clips[data-v-b6a05f20]{grid-template-columns:unset}.clip-grid[data-v-b6a05f20]{margin:1rem 0}}h2[data-v-37e59350]{margin:0}.dialog-overlay[data-v-37e59350]{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.dialog-content[data-v-37e59350]{background:#1d2023;border:1px solid rgb(65,65,65);padding:1rem;box-shadow:0 0 10px #00000080;border-radius:5px}.dialog-controls[data-v-37e59350]{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem}.danger[data-v-37e59350]{background:#6b2525;border:1px solid #a34d4d}.danger[data-v-37e59350]:hover{background:#a34d4d}