.card{max-width:calc(100% - 16px);min-width:calc(min(100%,600px) - 16px);width:40%;margin:8px auto;position:relative;display:flex;flex-direction:column;border-radius:4px;background-color:#fff;box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003;transition:width .3s cubic-bezier(.4,0,.2,1)}html.dark .card{background-color:#101010}.card .card_title{font-size:24px;font-weight:300;line-height:1.25em;margin:16px;display:flex;flex-wrap:wrap}.card .card_content{padding:0 8px;margin:16px 0}.card .card_menu{display:flex;margin-left:auto;max-width:100%}.card .card_bottom{padding:8px}.ripple{position:relative;-webkit-tap-highlight-color:transparent;user-select:none}.ripple .ripple_container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden;pointer-events:none}.ripple .ripple_inner{background:black;border-radius:50%;height:50px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);width:50px;overflow:hidden}.ripple .ripple_inner.is_animating{transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1)}.ripple .ripple_inner.is_visible{opacity:.3}html.dark .ripple .ripple_inner{background-color:#fff}.list{margin:0;padding:0}.list>*+*{border-top:1px solid lightgray}html.dark .list>*+*{border-top-color:#434343}.list>*{position:relative}.list .list_item{position:relative;cursor:pointer;text-align:left;text-transform:unset;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;display:flex;flex-direction:row;min-height:48px;box-sizing:border-box;flex-wrap:nowrap;align-items:center;overflow:hidden;padding:0;color:inherit}.list .list_item:hover,.list .list_item:focus-visible{background-color:#9e9e9e33;outline:none}.list .list_icon{width:24px;height:24px;font-size:24px;box-sizing:border-box;margin:12px;vertical-align:middle}.list .list_text{margin:16px}.list .list_action.button_icon{position:absolute;float:right;right:0;top:0;z-index:10;margin:8px}.list .list_action.button_icon+.menu{top:calc(100% - 6px)}.button{color:#2196f3;background-color:transparent;border:none;border-radius:4px;height:36px;min-width:64px;padding:0 16px;display:inline-block;font-size:14px;font-weight:500;letter-spacing:0;position:relative;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;vertical-align:middle;user-select:none}.button:not(.button_icon){background-color:#2196f340;color:inherit;border:1px solid rgba(33,150,243,.5)}.button:not(.button_icon):hover,.button:not(.button_icon):focus-visible{background-color:#2196f366}.button:hover,.button:focus-visible{background-color:#9e9e9e33}.button.button_icon{border-radius:50%;font-size:24px;height:32px;margin-left:0;margin-right:0;min-width:32px;width:32px;padding:0;color:inherit;display:grid;place-items:center}.button.button_icon>*{vertical-align:middle}.button.button_icon>img{pointer-events:none}.button input[type=file]{position:absolute;inset:-100em;opacity:0;display:block;cursor:pointer}html[data-href="/users"] main .list_item:has(.user-perms > span:hover){background-color:unset}html[data-href="/users"] main .user-icon{width:48px;height:48px;margin:8px}html[data-href="/users"] main .user-entry{display:flex;flex-direction:column;padding:8px 0}html[data-href="/users"] main .user-entry .user-name{font-weight:700;padding:2px}html[data-href="/users"] main .user-entry .user-mail{font-size:.85em;opacity:.75;padding:2px 2px 2px 6px}html[data-href="/users"] main .user-entry .user-data{font-size:.85em;opacity:.5;padding-left:8px}html[data-href="/users"] main .user-entry .user-perms{display:flex;flex-direction:row;flex-wrap:wrap}html[data-href="/users"] main .user-entry .user-perms>span{display:flex;align-items:center;border-radius:999px;background-color:#2196f3;padding:2px 2px 2px 4px;margin:2px}html[data-href="/users"] main .user-entry .user-perms>span>div{width:16px;height:16px;margin-left:2px;background-color:#fff;opacity:.5;border-radius:999px;overflow:hidden;position:relative}html[data-href="/users"] main .user-entry .user-perms>span>div:hover{opacity:.75}html[data-href="/users"] main .user-entry .user-perms>span>div:before,html[data-href="/users"] main .user-entry .user-perms>span>div:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:14px;transform:translate(-50%,-50%) rotate(45deg);background-color:#508bb9}html[data-href="/users"] main .user-entry .user-perms>span>div:after{transform:translate(-50%,-50%) rotate(-45deg)}html[data-href="/users"] main .user-entry .user-perms>span:last-child{width:1em;padding:2px;display:grid;place-items:center;font-weight:700}html[data-href="/users"] main .user-entry .user-perms>span:last-child:hover{background-color:#4dabf5}.card.playify-home-remote,.playify-home-remote+.card{min-width:0;width:calc(100% - 16px);max-width:calc((100cqh - 16px)/2);display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden}.card.playify-home-remote>div{display:grid;place-items:center;aspect-ratio:1;vertical-align:middle;text-align:center}.card.playify-home-remote>div>img,.card.playify-home-remote>div svg{pointer-events:none;height:100%}.card.playify-home-remote>div.halfHeight{aspect-ratio:2/1}.card.playify-home-remote>div:not(:empty):hover{background-color:#9e9e9e0d}.vlc-seek{grid-column:span 3}.vlc-seek>div{padding:8px 8px 0;display:grid;grid-template-columns:1fr auto 1fr}.vlc-seek>div>[title]{margin:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.vlc-seek>div>:last-child{text-align:right}.vlc-seek input{width:calc(100% - 8px);margin:4px}html[data-href="/home"] main::-webkit-scrollbar{width:0}.menu{opacity:0;transform:scale(0);z-index:999;position:absolute;display:block;background-color:#e0e0e0;margin:0;padding:8px 0;border:none;border-radius:2px;overflow:hidden;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f;will-change:transform;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.menu.open{opacity:1;transform:scale(1)}html.dark .menu{background-color:#424242}.menu.left{right:6px}.menu.left.up{transform-origin:right bottom}.menu.left.down{transform-origin:right top}.menu.right{left:6px}.menu.right.up{transform-origin:left bottom}.menu.right.down{transform-origin:left top}.menu .menu_item{position:relative;display:block;text-align:left;margin:0;padding:0 16px;outline-color:#bdbdbd;overflow:hidden;font-size:14px;font-weight:400;letter-spacing:0;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;user-select:none;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.menu .menu_item:hover{background-color:#9e9e9e33}.menu .menu_item>img{padding-right:8px;vertical-align:middle}.input_wrapper{display:grid}.input_wrapper:after{content:attr(data-value) " ";visibility:hidden}.input_wrapper:after,.input_wrapper input{width:100%;min-width:3ch;grid-area:1/1/1/1;padding:0;margin:0;border:none;font:inherit;white-space:nowrap;word-wrap:break-word;resize:none;overflow:hidden;outline:none;background:none}img[data-type=directory]{filter:invert(96%) sepia(44%) saturate(7095%) hue-rotate(335deg) brightness(99%) contrast(88%);color:#edcf28}img[data-type=file]{filter:invert(42%) sepia(58%) saturate(5408%) hue-rotate(191deg) brightness(108%) contrast(103%);color:#0090ff}.hidden_file,.hidden_file+.button_icon{opacity:.5}.card.files .card_title a{transition:color .125s linear}.card.files .card_title a:hover{color:#0090ff}.card.files .search_bar:not(.search_active) .input_wrapper:not(:focus-within){position:absolute;left:-10000vw}.card.files .search_bar.search_active,.card.files .search_bar:focus-within{display:flex;padding:0 0 0 14px;border-radius:16px;box-shadow:0 0 1px 1px gray}html.dark .card.files .search_bar.search_active,html.dark .card.files .search_bar:focus-within{box-shadow:0 0 2px 1px gray}.card.files .list>div>a{padding-right:44px;word-break:break-word}.card.files.upload_area{outline:2px solid #2196F3;box-shadow:0 0 0 100vmax #2196f31a inset}.card.files.upload_area:has(.upload_area){outline:none;box-shadow:none}.card.files .upload_area{background-color:#2196f333;box-shadow:0 0 0 2px #2196f3 inset}html[data-href="/markdown"] main .card .textarea_wrapper,html[data-href^="/markdown/"] main .card .textarea_wrapper{background:rgba(128,128,128,.25);outline:2px solid rgba(128,128,128,.5)}html[data-href="/markdown"] main .card .card_title,html[data-href^="/markdown/"] main .card .card_title{font-size:2em;font-weight:700}html[data-href="/markdown"] main .card .markdown-content,html[data-href^="/markdown/"] main .card .markdown-content{padding:8px;white-space:pre-wrap}html[data-href="/markdown"] main .card .markdown-content a,html[data-href^="/markdown/"] main .card .markdown-content a{color:#00f;color:-webkit-link;cursor:pointer;text-decoration:underline}html[data-href="/markdown"] main .card .markdown-content li>p,html[data-href^="/markdown/"] main .card .markdown-content li>p{margin:0;display:inline}html[data-href="/markdown"] main .card .markdown-content h1,html[data-href="/markdown"] main .card .markdown-content h2,html[data-href="/markdown"] main .card .markdown-content h3,html[data-href="/markdown"] main .card .markdown-content h4,html[data-href="/markdown"] main .card .markdown-content h5,html[data-href="/markdown"] main .card .markdown-content h6,html[data-href="/markdown"] main .card .markdown-content p,html[data-href^="/markdown/"] main .card .markdown-content h1,html[data-href^="/markdown/"] main .card .markdown-content h2,html[data-href^="/markdown/"] main .card .markdown-content h3,html[data-href^="/markdown/"] main .card .markdown-content h4,html[data-href^="/markdown/"] main .card .markdown-content h5,html[data-href^="/markdown/"] main .card .markdown-content h6,html[data-href^="/markdown/"] main .card .markdown-content p{margin-top:0;margin-bottom:0}html[data-href="/markdown"] main .card .markdown-content ul,html[data-href="/markdown"] main .card .markdown-content ol,html[data-href^="/markdown/"] main .card .markdown-content ul,html[data-href^="/markdown/"] main .card .markdown-content ol{margin:0;padding-left:16px}html[data-href="/markdown"] main .card .markdown-content img,html[data-href^="/markdown/"] main .card .markdown-content img{filter:none!important;width:100%}.textarea_wrapper{width:calc(100% - 8px);padding:4px;display:grid}.textarea_wrapper:after{content:attr(data-value) " ";visibility:hidden}.textarea_wrapper:after,.textarea_wrapper textarea{grid-area:1/1/1/1;width:100%;padding:0;margin:0;border:none;font:inherit;white-space:pre-wrap;word-wrap:break-word;resize:none;overflow:hidden;outline:none;background:none}html[data-href="/keycontrol"] main .card_title{align-items:center}html[data-href="/keycontrol"] main .card_title img{height:36px;width:36px;margin-right:8px}html[data-href="/keycontrol"] main .card:first-child>img{width:100%;aspect-ratio:16/10}html[data-href="/keycontrol"] main .markdown-body{margin:0 8px 0 12px}html[data-href="/keycontrol"] main .markdown-body ul{padding-left:16px}html[data-href="/keycontrol"] main .markdown-body h3{margin:12px 0}#downloadButton{display:grid;padding:8px 16px 8px 8px;height:64px;margin-top:16px;font-size:48px;border-radius:8px;line-height:1em;color:#0fe40f;background-color:#004d00;border:none}#downloadButton:hover,#downloadButton:focus-visible{background-color:#205d20}#downloadButton img{grid-row:1/span 2;width:64px}#downloadButton div{grid-column:2}#downloadButton .subText{grid-column:2;font-size:.25em;line-height:.25em;text-align:right}*{-webkit-tap-highlight-color:transparent}html,body{position:relative;margin:0;height:100%;font-family:Helvetica Neue,sans-serif;overflow:visible;overscroll-behavior:auto}html{color-scheme:light}html.dark{color-scheme:dark}body{display:flex;flex-direction:column;max-height:100vh}html.dark body{color:#fff;background-color:#202020}html.preload *{transition:none!important}a{text-decoration:none;color:inherit}html.dark img:not([data-type]):not(.dontInvertInDarkmode):not(.dontInvertInDarkmode *){filter:invert(1)}.drawer_black{position:absolute;inset:64px 0 0;z-index:998;opacity:0;background-color:#0000004d;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 840px){html[data-drawer=true] .drawer_black{opacity:1;pointer-events:all}}aside{position:absolute;top:64px;bottom:0;left:0;width:250px;z-index:998;background-color:#f3f3f3;box-shadow:0 0 2px #0000004d,0 0 1px -2px #0003,0 0 5px #0000004d;pointer-events:all;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}@media (max-width: 840px){aside{transform:translate(-250px)}}html[data-drawer=true] aside{transform:translate(0)}html[data-drawer=false] aside{transform:translate(-250px)}html.dark aside{box-shadow:0 0 2px #141414;background-color:#141414}html.noOutline aside{display:none}aside>div{margin-left:4px}aside .drawer_title{font-size:20px;font-weight:700;margin-left:4px;padding:8px;margin-right:auto;display:flex;align-items:center}html.dark aside .drawer_title{color:#fff}aside .drawer_title>.button{min-width:unset;height:24px;width:24px;margin:-8px 0;padding:8px;border-radius:8px}aside .drawer_title>.button:first-of-type{margin-left:auto}aside .drawer_title>.button:last-child{margin-right:-8px}aside .drawer_entry{font-size:16px;padding-left:24px;margin-left:-20px;display:flex;align-items:center;color:#0009;height:40px;cursor:pointer;user-select:none}html.dark aside .drawer_entry{color:#fff9}aside .drawer_entry:hover,aside .drawer_entry:focus-visible{background-color:#9e9e9e33;outline:none}aside .drawer_entry.active{font-weight:700}aside .drawer_entry img{padding:8px;width:24px;height:24px}main{position:absolute;inset:64px 0 0;transition:left .3s cubic-bezier(.4,0,.2,1);container-name:main;container-type:size;overflow:auto;overflow:overlay}@media (min-width: 841px){html:not([data-drawer=false]) main{left:250px}}html.noOutline main{inset:0}header{height:64px;position:relative;padding:0 64px;z-index:999;background-color:#2196f3;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}html.noOutline header{display:none}header .drawer_button{width:64px;height:64px;position:absolute;left:0;top:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}header .drawer_button>div{transition:transform .3s cubic-bezier(.4,0,.2,1)}html[data-drawer=true] header .drawer_button>div{transform:rotate(-180deg)}header .drawer_button>div>div{width:25px;height:3px;margin:5px 0;background-color:#fff;display:block;border-radius:1px}header .header_text{padding:0 8px;color:#fff;font-size:20px;font-weight:500;position:relative;top:50%;line-height:.9;transform:translateY(-50%);display:inline-flex;align-items:center}header .header_text a{display:flex;align-items:center;background-color:#0a6ebd;border:2px solid #08528d;border-radius:9999px;padding:4px;margin-right:8px;font-size:24px}header .header_text a img{margin-right:0;width:32px;height:32px}header .header_text a span{display:none}header .header_text a span span{font-size:.5em;align-self:end;margin-bottom:2px}@media (min-width: 420px){header .header_text a{padding:4px 8px}header .header_text a img{margin-right:8px}header .header_text a span{display:inline}}header .user_box{width:64px;height:64px;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column}header .user_box>img{min-width:32px;min-height:32px;user-select:none;max-width:56px;max-height:56px;border-radius:50%}header .user_box>img:not(.dontInvertInDarkmode){filter:invert(1)}header *:hover>.extender,header #title-extras:hover>div>.extender,header .extender.open{display:block}header .extender{position:absolute;right:0;top:32px;display:none;width:100%;height:40px}header .extender>.usertxt{padding:8px;color:#fff;background-color:#555;border-radius:4px;white-space:pre;z-index:999;position:absolute;top:100%;right:6px;box-shadow:0 0 4px #000}html.dark header .extender>.usertxt{background-color:#444}header .extender>.usertxt span{font-weight:700}header .extender>.usertxt .button{float:right;padding:0;margin-top:8px;font-weight:700}header #title-extras{position:relative}header #title-extras .extender{top:10px;left:0;width:100%}header #title-extras .extender .usertxt{right:unset;left:22px}header #title-extras .info_box{width:1em;height:1em;margin-left:.5em;font-size:42px;padding:2px;background-color:#0003;box-shadow:0 0 4px #0003}header #title-extras table .info_box{margin-left:0;margin-right:10px}