#footer,#header{background-color:#222}#loading,#voting-modal,#thumbnail-modal,.modal-container,.thumbnail-container,#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]),#content[data-route=NotFound],#content[data-route=NotImplemented],#searchbar>div,body{display:flex;flex-direction:column}#loading,#voting-modal,#thumbnail-modal,.modal-container,.thumbnail-container,#content[data-route=NotFound],#content[data-route=NotImplemented]{justify-content:center;align-items:center}:root{color-scheme:dark}[title]{cursor:help}a [title],.clickable [title],.button [title]{cursor:pointer}.monospaced{font-family:monospace}body{margin:0;min-height:100vh;color:#eee;background:#111;font-family:sans-serif}body>*{padding:1rem}#header{height:min(10vh,3rem);display:flex;flex-direction:row;gap:2rem}#header.sticky{position:sticky;top:0;z-index:1}#header>a,#header>a>img{height:100%}#header>div{display:flex;align-items:center;flex-direction:row;flex-grow:1;gap:2rem}#header h1{font-size:2rem;margin:0;flex-grow:1}#header #settings-button{font-size:2rem}#header .header-badge{background-color:#333;border-radius:.5rem;padding:.5rem}#header #current-user-badge{display:flex;flex-direction:column}#header #current-user-badge #current-user-id,#header #current-user-badge #current-user-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#header #current-user-badge #current-user-id{contain:inline-size}#header #async-tasks-badge{display:flex;flex-direction:row;font-size:1.5rem;gap:.25em}#searchbar{display:flex;flex-direction:row;gap:1rem}#searchbar>div{align-items:center;font-size:1.5rem}#searchbar>div input{font-size:1rem;padding:.375rem .75rem}#searchbar ul{margin:0;list-style:none;padding:0 1.5em}#footer{display:flex;flex-direction:row;justify-content:space-between;font-size:1rem}#footer>*{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:25vw}#footer>:last-child{text-align:right}#content{flex-grow:1}#content[data-route=NotFound],#content[data-route=NotImplemented]{gap:2rem}#content[data-route=NotFound]>*,#content[data-route=NotImplemented]>*{margin:0}#content[data-route=NotFound] h2,#content[data-route=NotImplemented] h2{font-size:3rem}#content[data-route=NotFound] h3,#content[data-route=NotImplemented] h3{font-size:2rem}#content[data-route=NotFound] a,#content[data-route=NotImplemented] a{font-size:1.5rem}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]){justify-content:flex-start;align-items:stretch}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) table{border-collapse:collapse;border:1px solid #333}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td{text-align:center}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.title-col{max-width:40vw;overflow-wrap:break-word}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.title-col.compressed{max-width:calc(100vw - 70rem)}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.title-col.casual{width:calc(100vw - 30rem);max-width:unset}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.title-col.casual .null-title{color:#bbb;margin-left:.5em}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.score-col{min-width:7em}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.warning-message-col{max-width:calc(100vw - 40rem);text-wrap:auto;text-align:left}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.warning-message-col pre{max-width:inherit;text-wrap:auto}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) td.casual-votes-col{display:grid;grid-template-columns:auto auto;gap:0 .5em;justify-content:space-between;align-content:center;text-align:left;max-width:10rem}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) tr{border-top:1px solid #333;border-bottom:1px solid #333}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) tr.header{border-bottom:2px solid #333;border-top:none}#content:not(#content[data-route=NotFound],#content[data-route=NotImplemented]) tr.header.sticky{position:sticky;top:calc(min(10vh,3rem) + 4.5rem);background:#111;border:none;outline:1px solid #333;z-index:1}.page-details{padding-bottom:2rem;display:flex;gap:1rem;flex-direction:row;align-items:flex-start}.page-details iframe,.page-details .thumbnail-container{border:none;height:min(20vh,14.0625vw);width:min(25vw,35.5555555556vh)}#content[data-route=UUID] .page-details iframe,#content[data-route=UUID] .page-details .thumbnail-container{height:min(30vh,19.6875vw);width:min(35vw,53.3333333333vh)}.thumbnail-container{position:relative}.detail-table :is(.thumbnail-container,.thumbnail-header){width:15vw}.detail-table .thumbnail-container{height:5rem}.thumbnail-container>.thumbnail{min-width:0;min-height:0;max-width:100%;max-height:100%;flex-shrink:1;flex-grow:1}.thumbnail-container>.thumbnail-caption{position:absolute;bottom:0;left:0;right:0;color:#eee;text-align:center}.thumbnail-container>.thumbnail-caption>*{padding:.25rem;background-color:rgba(0,0,0,.4666666667)}.info-table{border:1px solid #333;border-radius:.25rem;display:flex;flex-direction:column}.info-table>*{padding:.5rem}.info-table>*:not(:first-child){border-top:1px solid #333}.modal-container{position:fixed;top:0;left:0;bottom:0;right:0;padding:10vh 20vw}.modal-container>.modal-background{z-index:0;background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;bottom:0;right:0}.modal-container>.modal-content{z-index:1;position:relative;max-width:60vw;max-height:80vh;background-color:#222;border-radius:.5rem;overflow:auto;padding:1.5rem}#status-modal{display:grid;gap:2em;grid-template-columns:1fr 1fr;grid-template-areas:"header header" "client server"}#status-modal h2{grid-area:header;margin-bottom:0}#status-modal #status-modal-client{grid-area:client}#status-modal #status-modal-server{grid-area:server}#status-modal h2,#status-modal h3{text-align:center}#status-modal h3,#status-modal h4{margin:.25em 0}#status-modal th{text-align:left;padding-right:1em;padding-left:.25em}#thumbnail-modal{text-align:center;overflow:hidden;max-height:100%}#thumbnail-modal .thumbnail{flex-grow:1;flex-shrink:1;min-width:0;min-height:0;max-width:100%}#thumbnail-modal h2,#thumbnail-modal h3{margin-top:0}#async-tasks-modal{display:grid;grid-template-columns:repeat(3, auto);gap:.5rem}#async-tasks-modal>h2{grid-column:1/end;grid-row:1/span 1;text-align:center}#async-tasks-modal #async-tasks-controls{grid-column:1/end;grid-row:2/span 1}#async-tasks-modal #async-tasks-no-tasks{grid-column:1/end;grid-row:span 1;text-align:center;font-style:italic}#async-tasks-modal .async-task-item{grid-column:1/end;grid-row:span 1;display:grid;grid-template-columns:subgrid;grid-template-rows:repeat(2, auto)}#async-tasks-modal .async-task-item .async-task-status{grid-column:1/span 1;grid-row:1/end;display:flex;flex-direction:column;justify-content:center;font-size:1.5rem}#async-tasks-modal .async-task-item .async-task-name{grid-column:2/span 1;grid-row:1/span 1;font-weight:bold}#async-tasks-modal .async-task-item .async-task-summary{grid-column:2/span 1;grid-row:2/span 1}#async-tasks-modal .async-task-item .async-task-actions{grid-column:3/span 1;grid-row:1/end;display:grid;grid-auto-columns:1em;align-items:center;justify-items:center;gap:.25rem;font-size:1.5rem}#async-tasks-modal .async-task-item .async-task-actions :has(.icon-removed.grayscale){grid-column:1/span 1}#async-tasks-modal .async-task-item .async-task-actions :has(.icon-replaced){grid-column:2/span 1}#voting-modal{text-align:center;overflow:hidden;max-height:100%;gap:.5rem}#voting-modal h2{margin-bottom:0}#voting-modal .thumbnail{flex-grow:1;flex-shrink:1;min-height:0;max-height:20vh}#voting-modal td{font-size:2rem}.clickable,.button{cursor:pointer}.table-mode-switch{display:flex;flex-direction:row;justify-content:flex-start}.table-mode-switch.sticky{position:sticky;top:calc(min(10vh,3rem) + 2rem);background:#111;z-index:1}.table-mode-switch>span{padding:.5rem}.table-mode-switch>span.table-mode{border:1px solid #333;border-bottom:none;border-radius:.25rem .25rem 0 0}.undecorated-link,.undecorated-link a{text-decoration:none;color:inherit}.hoverswitch>:nth-child(2){display:none}.hoverswitch:hover>:first-child,.hoverswitch-trigger:hover .hoverswitch>:first-child{display:none}.hoverswitch:hover>:nth-child(2),.hoverswitch-trigger:hover .hoverswitch>:nth-child(2){display:unset}.button:hover{background-color:#222}.button[selected],.button:active{background-color:#333}.page-select{display:flex;justify-content:center;margin-top:1rem}.page-select>*{padding:.5em .75em;border:1px solid #333}.page-select>*:first-child{border-top-left-radius:.5em;border-bottom-left-radius:.5em}.page-select>*:last-child{border-top-right-radius:.5em;border-bottom-right-radius:.5em}.page-select input{width:5em;margin-left:1em}.grayscale{filter:grayscale(1)}a{color:#add8e6}fieldset,input:not([type=checkbox]),textarea{color:#eee;border-color:#888;border:1px solid #333;border-radius:.25rem}input:not([type=checkbox]),textarea{background-color:#111;appearance:none}input:not([type=checkbox])::placeholder,textarea::placeholder{color:#888}fieldset,input:not([type=checkbox]),textarea{border-color:#888}#settings-modal h2{text-align:center}#settings-modal :invalid{border-color:red}#settings-modal .setting-changed:not(:invalid){border-color:#ff0}#settings-modal fieldset,#settings-modal input:not([type=checkbox]),#settings-modal textarea{display:grid;grid-template-columns:1fr 1fr minmax(2rem, auto);place-items:stretch;place-content:stretch;column-gap:1rem}#settings-modal input[type=checkbox]{place-self:center;width:1em;height:1em}#settings-modal label{grid-column:1/span 1}#settings-modal input,#settings-modal select{grid-column:2/span 1}#settings-modal .setting-actions{grid-column:3/span 1}#settings-modal label[title]{text-decoration:underline dotted}#loading{text-align:center;padding:5%;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;animation:.5s ease-in .5s 1 loading_fadein;animation-fill-mode:both}#loading #load-detail{text-align:right;font-size:.75em;align-self:flex-end}#loading #long-load{opacity:0;animation:5s ease-in 15s 1 loading_fadein;animation-fill-mode:both}#loading #load-progress{appearance:none;width:100%;height:1.5rem;background-color:#222}#loading #load-progress::-webkit-progress-bar{background-color:#222}#loading #load-progress::-webkit-progress-value,#loading #load-progress::-moz-progress-bar{background-image:linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.0666666667) 33%, rgba(0, 0, 0, 0.0666666667) 66%, transparent 66%);background-color:#0064b4;background-size:2.5rem 1.5rem;animation:progressbar 10s linear infinite}#loading #load-progress:indeterminate::-webkit-progress-value,#loading #load-progress:indeterminate::-moz-progress-bar{background-color:#777}@keyframes progressbar{100%{background-position:25rem 0px}}@keyframes loading_fadein{from{opacity:0}to{opacity:1}}.useragent-row{display:flex;flex-direction:row;align-content:center}.useragent-row .icon{align-item:stretch;aspect-ratio:1/1;width:unset;height:unset;margin-left:.5em}.icon{height:1em;width:1em;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.detail-table[data-layout=Expanded] td>.icon:only-child{font-size:2rem}.icon-dablogo{background-image:url("/icon/twemoji/logo.svg")}.icon-downvote{background-image:url("/icon/twemoji/downvote.svg")}.icon-locked{background-image:url("/icon/twemoji/locked.svg")}.icon-original{background-image:url("/icon/twemoji/original.svg")}.icon-removed{background-image:url("/icon/twemoji/removed.svg")}.icon-replaced{background-image:url("/icon/twemoji/replaced.svg")}.icon-settings{background-image:url("/icon/twemoji/settings.svg")}.icon-shadowhidden{background-image:url("/icon/twemoji/shadowhidden.svg")}.icon-timestamp-missing{background-image:url("/icon/twemoji/timestamp_missing.svg")}.icon-unverified{background-image:url("/icon/twemoji/unverified.svg")}.icon-upvote{background-image:url("/icon/twemoji/upvote.svg")}.icon-vip{background-image:url("/icon/twemoji/vip.svg")}.icon-votes-missing{background-image:url("/icon/twemoji/votes_missing.svg")}.icon-upvote-and-lock{background-image:url("/icon/twemoji/upvote_and_lock.svg")}.icon-downvote-and-remove{background-image:url("/icon/twemoji/downvote_and_remove.svg")}.icon-wait{background-image:url("/icon/twemoji/wait.svg")}.icon-done{background-image:url("/icon/twemoji/done.svg")}.icon-warning{background-image:url("/icon/twemoji/warning.svg")}.icon-casual{background-image:url("/icon/twemoji/casual.svg")}.icon-dearrow-cli{background-image:url("/icon/twemoji/da_cli.svg")}.icon-firefox{background-image:url("/icon/user-agents/firefox.svg")}.icon-firefox-dev{background-image:url("/icon/user-agents/firefox_dev.svg")}.icon-chromium{background-image:url("/icon/user-agents/chromium.svg")}.icon-safari{background-image:url("/icon/user-agents/safari.svg")}.icon-libretube{background-image:url("/icon/user-agents/libretube.png")}