.svg-cache[data-v-d8fba378]{display:none}.simple-button{display:grid;grid-gap:.5rem;grid-auto-flow:column;align-items:center}.simple-button>label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-button>img,.simple-button>svg{height:90%;max-height:1.5rem}@media screen and (pointer: coarse){.simple-button.has-image label{display:none}}.file-selector-component input[data-v-106a2502]{display:none}.cycle-button-item{height:100%;white-space:nowrap;display:flex;gap:.5rem}.cycle-button-item img,.cycle-button-item svg{max-height:100%}.cycle-button-item.hidden{display:none}.media-selector-component[data-v-9131eca6]{gap:.5rem}@media (orientation: landscape){.media-selector-component[data-v-9131eca6]{flex-direction:column}}@media (orientation: portrait){.media-selector-component[data-v-9131eca6]{flex-direction:row}}.setting[data-v-493c0659]{margin:.5rem 1rem;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-auto-flow:dense}.setting.checkbox[data-v-493c0659]{grid-template-rows:1fr;align-items:center}@media (orientation: landscape){.setting[data-v-493c0659]{padding-bottom:.5rem;border-bottom:1px dotted #383838}}@media (orientation: portrait){.setting[data-v-493c0659]{padding-right:.5rem;border-right:1px dotted #383838}}.setting[data-v-26dfd1be]{margin:.5rem 1rem;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-auto-flow:dense}@media (orientation: landscape){.setting[data-v-26dfd1be]{padding-bottom:.5rem;border-bottom:1px dotted #383838}}@media (orientation: portrait){.setting[data-v-26dfd1be]{padding-right:.5rem;border-right:1px dotted #383838}}.setting[data-v-6f392fde]{margin:.5rem 1rem;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-auto-flow:dense}@media (orientation: landscape){.setting[data-v-6f392fde]{padding-bottom:.5rem;border-bottom:1px dotted #383838}}@media (orientation: portrait){.setting[data-v-6f392fde]{padding-right:.5rem;border-right:1px dotted #383838}}.setting[data-v-0a606795]{margin:.5rem 1rem;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-auto-flow:dense}.setting.checkbox[data-v-0a606795]{grid-template-rows:1fr;align-items:center}.settings-component[data-v-0a606795]{display:flex;gap:.5rem}@media (orientation: landscape){.settings-component[data-v-0a606795]{flex-flow:column}.setting[data-v-0a606795]{padding-bottom:.5rem;border-bottom:1px dotted #383838}}@media (orientation: portrait){.settings-component[data-v-0a606795]{flex-flow:row}.setting[data-v-0a606795]{padding-right:.5rem;border-right:1px dotted #383838}}.text-ratio-wrapper[data-v-858abf66]{visibility:hidden;position:absolute;width:0;height:0;bottom:0;right:0;margin:0;padding:0;overflow:hidden}.text-view-wrapper[data-v-858abf66]{background-color:#ffffffbf;color:#000;position:relative;width:fit-content;height:fit-content}.text-view-wrapper.invert[data-v-858abf66]{background-color:#000000bf;color:#fff}.text-view[data-v-858abf66]{user-select:none;font-family:Consolas;font-size:8pt;line-height:.67rem;font-family:Courier New,Courier;font-size:10pt;font-weight:700;line-height:.65rem;transition:all .25s;width:fit-content;height:fit-content}.text-view>span[data-v-858abf66]{font-family:Courier New,Courier,monospace}.text-view-wrapper[data-v-858abf66]{transition:transform .35s;transform:scale(1)}.text-view-wrapper.textEffect[data-v-858abf66]{transition:transform .25s;transform:scale(6)}.touch-pad[data-v-858abf66],.media-ready[data-v-858abf66]{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .25s}.media-ready[data-v-858abf66]{opacity:.35;transition:opacity .25s;display:none}.touch-pad[data-v-858abf66]{z-index:2}.svg-cache[data-v-5f69db79]{display:none}.skeleton-component[data-v-5f69db79]{--app-bg-color: var(--theme-base-background);background-color:var(--app-bg-color);position:absolute;left:0;bottom:0;right:0;top:0}.layout[data-v-5f69db79]{position:absolute;display:grid;grid-gap:var(--panel-gap-desktop);width:calc(100% - var(--panel-gap-desktop) * 2);height:calc(100% - var(--panel-gap-desktop) * 2);margin:var(--panel-gap-desktop)}.panel.header[data-v-5f69db79]{flex-wrap:wrap}@media (orientation: landscape){.layout[data-v-5f69db79]{grid-template-columns:12rem 1fr minmax(12rem,auto);grid-template-rows:auto minmax(5rem,1fr)}.header[data-v-5f69db79]{grid-column:1/4}.media[data-v-5f69db79]{overflow-y:auto;direction:rtl}.panel.settings[data-v-5f69db79]{flex-direction:column}}@media (orientation: portrait){.layout[data-v-5f69db79]{grid-template-columns:1fr;grid-template-rows:auto minmax(8rem,auto) 1fr auto}.media[data-v-5f69db79]{flex-direction:row;overflow-x:auto}.panel.header[data-v-5f69db79]{flex-direction:row}}@media screen and (pointer: coarse){.layout[data-v-5f69db79]{margin:0;width:100%;height:100%}.main[data-v-5f69db79]{overscroll-behavior-y:contain}}@media screen and (pointer: coarse) and (orientation: landscape){.panel.settings[data-v-5f69db79],.panel.media[data-v-5f69db79]{overscroll-behavior-y:contain}.panel.header[data-v-5f69db79]{grid-area:header}.panel.media[data-v-5f69db79]{grid-area:media}.panel.main[data-v-5f69db79]{grid-area:main}.panel.settings[data-v-5f69db79]{grid-area:settings;display:none}.layout[data-v-5f69db79]{grid-gap:var(--panel-gap-touch-horizontal);grid-template-areas:"header main settings" "media  main settings";grid-template-columns:10rem 1fr 12rem;grid-template-areas:"header main" "media  main";grid-template-columns:10rem 1fr;grid-template-rows:auto 1fr}}@media screen and (pointer: coarse) and (orientation: portrait){.layout[data-v-5f69db79]{grid-gap:var(--panel-gap-touch-vertical);grid-template-columns:1fr;grid-template-rows:auto minmax(8rem,auto) 1fr}.panel.settings[data-v-5f69db79]{display:none}}:root{--scroll-thumb-hover-deg: 45deg;--selectable-cursor: pointer;--panel-gap-desktop: 1rem;--panel-gap-touch-horizontal: 1vw;--panel-gap-touch-vertical: 1vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root .theme-dark{--theme-base-color: 40;--theme-base-saturation: 1;--theme-cgrade-darkest: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 30%), 10%);--theme-cgrade-dark: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 30%), 25%);--theme-cgrade-shade: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 25%), 30%);--theme-cgrade-mid: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 20%), 40%);--theme-cgrade-high: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 30%), 65%);--theme-cgrade-light: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 20%), 73%);--theme-cgrade-lightest: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 85%);--theme-cgrade-white: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 92%);--theme-bgrade-01: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 12%), 01%);--theme-bgrade-10: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 12%), 6%);--theme-bgrade-20: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 12%), 12%);--theme-bgrade-30: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 3%), 16%);--theme-bgrade-40: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 3%), 26%);--theme-bgrade-50: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 20%), 42%);--theme-bgrade-60: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 12%), 60%);--theme-bgrade-70: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 12%), 76%);--theme-bgrade-80: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 90%);--theme-bgrade-90: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 95%);--theme-bgrade-99: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 99%);--theme-color-08: hsl(0, 0%, 38%);--theme-color-5: hsl(var(--theme-base-color), 50%, 86%);--theme-color-8: hsla(var(--theme-base-color), 100%, 91%, .5)}:root .theme-light{--theme-base-color: 210;--theme-base-saturation: 1;--theme-cgrade-darkest: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 30%), 10%);--theme-cgrade-dark: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 30%), 25%);--theme-cgrade-shade: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 45%), 30%);--theme-cgrade-mid: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 20%), 40%);--theme-cgrade-high: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 40%), 65%);--theme-cgrade-light: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 40%), 73%);--theme-cgrade-lightest: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 85%);--theme-cgrade-white: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 92%);--theme-bgrade-01: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 0%), 99%);--theme-bgrade-10: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 10%), 84%);--theme-bgrade-20: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 10%), 84%);--theme-bgrade-30: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 5%), 88%);--theme-bgrade-40: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 5%), 74%);--theme-bgrade-50: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 20%), 60%);--theme-bgrade-60: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 12%), 50%);--theme-bgrade-70: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 20%), 26%);--theme-bgrade-80: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 100%), 10%);--theme-bgrade-90: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 5%);--theme-bgrade-99: hsl(var(--theme-base-color), calc(var(--theme-base-saturation) * 50%), 1%);--theme-color-08: hsl(0, 0%, 218%);--theme-color-5: hsl(var(--theme-base-color), 54%, 20%);--theme-color-8: hsl(327, 26%, 66%);--theme-color-8: hsl(var(--theme-base-color), 26%, 66%)}:root .theme-dark,:root .theme-light{--content-item-text-color: var(--theme-cgrade-darkest);--content-item-bg-color: var(--theme-cgrade-mid);--content-item-bg-color-fade: var(--theme-cgrade-light);--content-item-bg-image: linear-gradient(150deg, var(--content-item-bg-color) 0%, var(--content-item-bg-color-fade) 10%, var(--content-item-bg-color-fade) 30%, var(--content-item-bg-color) 60%);--selectable-bg-color: var(--content-item-bg-color);--selectable-hover-bg-color: var(--theme-cgrade-lightest);--selectable-hover-bg-color-3: var(--theme-cgrade-high);--content-item-shadow: var(--theme-shadow-color) .1rem .1rem .5rem .15rem;--selectable-hover-box-shadow: var(--theme-color-8) 0rem 0rem .5rem .2rem;--content-item-hover-box-shadow: var(--selectable-hover-box-shadow);--theme-color-00: var(--theme-bgrade-01);--theme-base-background: var(--theme-bgrade-20);--theme-main-container-background: var(--theme-bgrade-30);--theme-main-container-surround: var(--theme-bgrade-40);--theme-main-container-surround-highlight: var(--theme-bgrade-60);--theme-main-container-surround-fade: hsla(var(--theme-base-color), calc(var(--theme-base-saturation) * 3%), 26%, .5);--theme-main-container-text-color: var(--theme-bgrade-80);--theme-shadow-color: hsla(var(--theme-base-color), 0%, 3%, .4);--theme-main-text-color: var(--theme-bgrade-80);--scroll-track-bg-color: var(--theme-main-container-surround-fade);--scroll-thumb-bg-color: var(--content-item-bg-color);--scroll-thumb-bg-trans-color: var(--content-item-bg-color-fade);--scroll-thumb-border-color: transparent;--scroll-thumb-border-width: .2rem;--scroll-thumb-hover-bg-color: var(--selectable-bg-color);--scroll-thumb-hover-bg-trans-color: var(--selectable-hover-bg-color)}*{margin:0;padding:0}svg{color:"blue"}code{--code-bg-color: var(--theme-base-background);border:1px dotted hsl(0deg,0%,50%);background-color:var(--code-bg-color);color:#ffffc7;padding:1em;max-width:20rem;display:block}code.debug{display:none}input,textarea,select{background-color:var(--theme-base-background);background-image:linear-gradient(45deg,var(--theme-base-background) 0%,var(--theme-main-container-background) 50%,var(--theme-base-background) 100%);color:var(--theme-color-5)}input[type=text],textarea,select{border:1px solid var(--theme-color-00);border-right:1px dotted var(--theme-main-container-surround);border-bottom:1px solid var(--theme-main-container-surround);border-radius:.33rem}input[type=checkbox],input[type=range],select{cursor:pointer;padding:.25rem}input[type=range]{width:200px;color:-internal-light-dark(rgb(16,16,16),rgb(255,255,255));color:-internal-light-dark(red,yellow)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:.25em .5em;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;width:12rem}html{scrollbar-width:thin;scrollbar-color:hsla(0deg,0%,31%,.25) hsla(0deg,0%,89%,.5);transition:scrollbar-color .5s ease-out}html html:hover{scrollbar-color:var(--selectable-bg-color) hsl(0deg,0%,89%)}html ::-webkit-scrollbar-corner{background:transparent}html ::-webkit-scrollbar{width:1rem;height:1rem;background-color:transparent}html ::-webkit-scrollbar-track{background-color:var(--scroll-track-bg-color);border-radius:2rem}html ::-webkit-scrollbar-thumb{border-radius:2rem;background-color:var(--scroll-thumb-bg-color);background-image:linear-gradient(var(--scroll-thumb-hover-deg),var(--scroll-thumb-bg-color) 0%,var(--scroll-thumb-bg-trans-color) 50%,var(--scroll-thumb-bg-color) 100%);border:var(--scroll-thumb-border-width) solid var(--scroll-thumb-border-color);background-clip:content-box;transition:all .5s ease-out}html ::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(var(--scroll-thumb-hover-deg),var(--scroll-thumb-hover-bg-color) 0%,var(--scroll-thumb-hover-bg-trans-color) 50%,var(--scroll-thumb-hover-bg-color) 100%)}.selectable{--animated-backgound-size: 227px;cursor:pointer;position:relative;left:0;top:0;transition:all .2s ease;box-shadow:var(--content-item-shadow)}.selectable.selected,.selectable:hover{background-color:var(--selectable-hover-bg-color);box-shadow:var(--content-item-hover-box-shadow)}.selectable:hover{box-shadow:var(--selectable-hover-box-shadow)}.selectable.selected{background-image:repeating-linear-gradient(-45deg,transparent,transparent 1rem,var(--selectable-hover-bg-color-3) 1rem,var(--selectable-hover-bg-color-3) 2rem);background-size:var(--animated-backgound-size) var(--animated-backgound-size);animation:barber-pole 10s linear infinite}@keyframes barber-pole{to{background-position:var(--animated-backgound-size) 0}}.panel{--panel-bg-color: var(--theme-main-container-background);--panel-text-color: var(--theme-color-5);--panel-border-color: var(--theme-main-container-surround);--panel-shadow-color: var(--theme-shadow-color);color:var(--theme-main-text-color);background-color:var(--panel-bg-color);border-radius:.75rem;border:1px solid var(--panel-border-color);overflow:auto;display:flex;box-shadow:var(--panel-shadow-color) .1rem .1rem .75rem .01rem}@media screen and (pointer: coarse){.panel::-webkit-scrollbar{display:none}}.panel.padded{gap:.5rem;padding:.5rem}.button{--button-bg-color: var(--theme-main-container-surround);--button-trans-bg-color: var(--theme-color-08);border-radius:1rem;padding:.5rem;cursor:pointer;text-align:center;font-weight:400;transition:all .3s ease;line-height:1.5rem;font-size:1rem;height:1.5rem;user-select:none;border:1px solid transparent;border-top:1px solid var(--theme-main-container-surround);border-left:1px solid var(--theme-main-container-surround);background-color:var(--theme-main-container-background);color:var(--theme-main-container-text-color)}.button:not(.disabled):hover{border:1px solid var(--theme-main-container-surround-highlight)}.button.disabled,.button:disabled{cursor:default;opacity:.35}.button>label,.button>img,.button>svg{cursor:inherit}.button svg,.button img{width:1.5em}.card-list-container{display:flex;flex:1;flex-wrap:nowrap;overflow:hidden}.card-list{display:flex}.card{direction:ltr;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:.25rem .25rem;padding:.25rem;border-radius:1rem;background-color:var(--content-item-bg-color);background-image:var(--content-item-bg-image);color:var(--content-item-text-color)}.card-info{overflow-wrap:anywhere;font-size:.75em;text-align:center}.card-title{font-weight:700;padding:0 .25rem}.card-content{border-radius:1rem;align-self:end;grid-column:1/3}.card-content img,.card-content video{display:block;padding:0;margin:0;width:100%;height:100%;border-radius:1rem;object-fit:cover}.card-actions{text-align:right;padding:0 .25rem}.card-actions .card-action{box-shadow:#696969 2px 2px 10px 1px;display:inline-block;width:1.5em;height:1.5em;background-color:var(--theme-cgrade-shade);color:var(--theme-cgrade-white);line-height:.75rem;line-height:1.2rem;border-radius:1rem;text-align:center;cursor:pointer;font-size:1rem;overflow:hidden}@media (orientation: landscape){.card-list-container{flex-direction:column;overflow-y:auto}}@media (orientation: portrait){.card-list-container{flex-direction:row;overflow-x:auto}.card{min-width:8rem;max-width:10rem}.card img,.card video{height:10rem}}@media screen and (hover: none) and (pointer: coarse){.card{padding:3px}.card-info{overflow:hidden;text-overflow:elipsis;display:none}.card-title{white-space:nowrap}.card-actions{grid-row:1/2;grid-column:1/3;z-index:1000}.card-content{grid-row:1/3}}@media screen and (hover: none) and (pointer: coarse) and (orientation: portrait){.card{min-width:5rem;max-width:8rem}.card img,.card video{height:7rem}}