.form-field[data-v-55fbe388]{margin-top:10px}input[type=text][data-v-55fbe388]{width:100%}.form-group[data-v-3fc036a4]{border:1px grey solid;border-radius:5px;margin-bottom:1rem;padding:5px}.stream-config-form[data-v-58210b66]{height:auto;overflow:auto}h3[data-v-5e1f842e]{margin:0}.modal-bg[data-v-5e1f842e]{position:fixed;left:0;top:0;height:100vh;width:100vw;background-color:#00000080;filter:blur(2px);z-index:2}.stream-config-modal[data-v-5e1f842e]{display:flex;flex-direction:column;justify-content:flex-start;max-width:600px;margin:0 auto;padding:20px;position:fixed;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;left:50%;transform:translate(-50%) translateY(-50%);top:50%;max-width:500px;height:80vh;width:80vw;z-index:5}.stream-config-content[data-v-5e1f842e]{padding:20px}.buttons[data-v-5e1f842e]{margin-top:auto}.btn-cancel[data-v-5e1f842e],.btn-save[data-v-5e1f842e]{margin:0 8px;padding:8px 16px}.stream-setup[data-v-137f2057]{display:flex;height:50px;position:relative}.stream-setup-select[data-v-137f2057]{position:absolute;top:25px;left:0}.stream-setup-buttons[data-v-137f2057]{align-items:baseline;display:flex;flex-direction:row}h3[data-v-126296b9]{margin:0}.stream-controls-wrapper[data-v-126296b9]{scroll-snap-align:start}.stream-image[data-v-52b86eb0]{max-width:100%;width:100%;height:auto;margin:10px 0;border-radius:5px;box-shadow:0 2px 4px #0000001a}.article{&[data-v-ab4ed6f8]{padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;background-color:#f9f9f9;overflow:hidden;scroll-snap-align:start end}a[data-v-ab4ed6f8] {display: inline-block;} h4[data-v-ab4ed6f8] {margin: 0; font-size: 1.2em;}}.skeleton[data-v-8fc086fa]{background:#f5f5f5;border-radius:8px;padding:16px;margin-bottom:16px}.skeleton-header[data-v-8fc086fa]{height:24px;background:#e0e0e0;border-radius:4px;margin-bottom:16px}.skeleton-content[data-v-8fc086fa]{margin-bottom:16px}.skeleton-line[data-v-8fc086fa]{height:12px;background:#e0e0e0;border-radius:4px;margin-bottom:8px}.skeleton-line.short[data-v-8fc086fa]{width:60%}.skeleton-footer[data-v-8fc086fa]{display:flex;align-items:center}.skeleton-avatar[data-v-8fc086fa]{width:40px;height:40px;border-radius:50%;background:#e0e0e0;margin-right:12px}.skeleton-info[data-v-8fc086fa]{flex:1}.skeleton-name[data-v-8fc086fa]{height:12px;background:#e0e0e0;border-radius:4px;margin-bottom:8px;width:120px}.skeleton-date[data-v-8fc086fa]{height:10px;background:#e0e0e0;border-radius:4px;width:80px}.articles-list-wrapper[data-v-0844e606]{display:flex;flex-direction:column;min-width:250px;margin-top:5px;width:250px}.articles-list[data-v-0844e606]{scroll-snap-align:start;overflow:auto;scroll-snap-type:y mandatory;position:relative}.articles-list-header{&[data-v-0844e606]{display:flex;flex-wrap:nowrap;background-color:#f0f0f0;border:1px solid #ccc;margin-bottom:5px;padding:5px;position:sticky;top:0;width:100%;left:0}h3[data-v-0844e606] {margin: 0;} .articles-list-title[data-v-0844e606] {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1;} .controls {&[data-v-0844e606] {margin-left: auto;} button[data-v-0844e606] {margin-left: 5px;}}}.bundled-streams[data-v-ef374068]{width:100%;scroll-snap-align:start}@media screen and (min-width: 400px){.bundled-streams[data-v-ef374068]{min-width:400px;width:400px}}.stream-content[data-v-570fefac]{height:calc(100vh - 135px);overflow:hidden}.stream-content--maximized[data-v-570fefac]{height:calc(100vh - 50px)}.stream-control[data-v-570fefac],.stream-list[data-v-570fefac]{display:flex;height:100%;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.stream-control--bundled[data-v-570fefac],.stream-list--bundled[data-v-570fefac]{height:auto}.stream-bundled[data-v-570fefac]{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory}*{box-sizing:border-box}body{margin-top:0;margin-bottom:0}button{text-wrap:nowrap;white-space:nowrap}