:root{--dark:#000;--light:#efefef;--attention:#00bcd4;--headerHeight:62px;--primary:var(--dark);--background:var(--light)}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}@media (prefers-color-scheme:dark){:root{--primary:var(--light);--background:var(--dark)}}body,html{background:var(--background);color:var(--primary);display:grid;font-family:Verdana,sans-serif;font-size:10px;font-weight:400;grid-template-rows:100%;height:100%;width:100%;word-break:break-word}body,html,ol,ul{margin:0;padding:0}ol,ul{list-style:none outside none}*{box-sizing:border-box}#app,#app>div{display:grid;height:100%;overflow:hidden}.subreddit{grid-template-rows:var(--headerHeight) calc(100% - var(--headerHeight))}.subreddit>header{-ms-flex-align:center;align-items:center;display:grid;font-size:16px;grid-template-columns:200px 1fr 40px;padding:10px}.subreddit>header .icons{overflow:hidden!important;text-align:right}.subreddit>header .icons button{background:none;border:none;cursor:pointer;outline:none}.subreddit>header .icons button img{height:32px}@media (prefers-color-scheme:dark){.subreddit>header .icons button img{filter:invert(1)}}@media (max-width:700px){.subreddit>header{grid-template-columns:75px 1fr 40px}.subreddit>header>div{overflow:auto!important}}.subreddit>header>div{max-height:100%;overflow:hidden}.subreddit>section{display:grid;grid-template-areas:"thumbnails player comments";grid-template-columns:200px 1fr 225px}@media (max-width:700px){.subreddit>section{grid-template-areas:"player" "comments" "thumbnails";grid-template-columns:1fr;grid-template-rows:1fr 150px 140px}}a,a:active,a:focus,a:visited{color:var(--primary);outline:none;text-decoration:none}main{display:grid;grid-area:player;overflow:hidden}.subreddit nav{grid-gap:15px;display:grid;grid-area:thumbnails;overflow:auto;padding:15px;scroll-behavior:smooth}@media (max-width:700px){.subreddit nav{grid-auto-flow:column}}@media (display-mode:fullscreen){.subreddit nav{display:none}.subreddit>section{grid-template-columns:0 1fr 225px}.subreddit>header{grid-column-gap:10px;grid-template-columns:-webkit-max-content 1fr 40px;grid-template-columns:max-content 1fr 40px}}.subreddit aside{display:grid;font-size:12px;grid-area:comments;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;overflow:auto}.comment{border-bottom:1px solid var(--primary);margin:10px;padding-bottom:10px;word-break:break-word}.comment>header{font-weight:700}.comment a{display:block}.comment a:hover{text-decoration:underline}.thumbnail{grid-gap:5px;-ms-flex-align:center;align-items:center;border:1px solid transparent;display:grid;opacity:.5;-ms-transform:scale(1);transform:scale(1)}@media (max-width:700px){.subreddit nav{overflow-y:hidden}.thumbnail{display:block;width:200px}.thumbnail .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.thumbnail img{border:2px solid transparent;border-radius:5px;height:75px;object-fit:cover;transition:all .1s ease-out;width:100%}.thumbnail .tilt{transform-style:preserve-3d}.thumbnail img.original{border:2px solid var(--background)}.thumbnail.active img.original,.thumbnail:active img.original{border:2px solid var(--primary)}.thumbnail.active caption{opacity:1}.thumbnail img.original{transform:translateZ(5px)}.thumbnail img.blur,.thumbnail img.original{position:absolute;top:0}.thumbnail img.blur{filter:blur(5px);opacity:0;-ms-transform:scale(.9);transform:scale(.9);transition:all .2s ease-out}.thumbnail .images:hover img.blur{-ms-transform:scale(1.11);transform:scale(1.11)}.thumbnail:active img.blur,.thumbnail:hover img.blur{opacity:1;-ms-transform:scale(1.15);transform:scale(1.15)}.thumbnail.active img.blur,.thumbnail:active img.blur,.thumbnail:hover caption{opacity:1}.thumbnail caption{grid-gap:2px;display:grid;font-weight:600;opacity:.8;text-align:left;transition:all 75ms ease-in-out}.thumbnail.active,.thumbnail:hover{opacity:1}.hidden{height:0!important;overflow:hidden;pointer-events:none;position:absolute;visibility:none!important;width:0!important}.player{background:#000}.loading,.player{height:100%;overflow:hidden;width:100%}.loading{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;cursor:default;display:grid;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.loading>img{width:100px}img.spacer{pointer-events:none;visibility:hidden}.notfound a{margin:100px 0;padding:0 5%;text-align:center;width:100%}.notfound img{display:inline-block;max-width:500px;width:100%}