Transaction

j"1ChDHzdd1H4wSjgGMHyndZm6qxEDGjqpJLNs
icon-snoo-circled::before { content: ""; } .icon-snoo::before { content: ""; } .icon-snoosilhouette::before { content: ""; } .icon-spaceship::before { content: ""; } .icon-spam::before { content: ""; } .icon-spoiler::before { content: ""; } .icon-sticky::before { content: ""; } .icon-text-circled::before { content: ""; } .icon-text::before { content: ""; } .icon-twirly-circled::before { content: ""; } .icon-twirly::before { content: ""; } .icon-unmute::before { content: ""; } .icon-unsave-circled::before { content: ""; } .icon-unsave::before { content: ""; } .icon-upvote-circled::before { content: ""; } .icon-upvote::before { content: ""; } .icon-user-account::before { content: ""; } .icon-verified::before { content: ""; } .icon-x-circled::before { content: ""; } .icon-x::before { content: ""; } .icon { font-size: 16px; line-height: 16px; vertical-align: middle; } .dayMode .icon { color: rgb(204, 204, 202); } .nightMode .icon { color: rgb(84, 84, 82); } .icon.neutral { color: rgb(204, 204, 202); } .icon.blue { color: rgb(36, 160, 237); } .icon.red { color: rgb(216, 65, 65); } .icon.orangered { color: rgb(255, 69, 0); } .icon.darkgrey { color: rgb(84, 84, 82); } .icon.lime { color: rgb(148, 224, 68); } .icon.nsfw-salmon { color: rgb(255, 88, 91); } .icon.ban-red { color: rgb(234, 0, 39); } .icon.green { color: rgb(70, 209, 96); } .icon.white { color: rgb(255, 255, 255); } .icon.nsfw { color: rgb(255, 88, 91); } .icon.gold { color: rgb(221, 189, 55); } .icon.warning-yellow { color: rgb(255, 214, 53); } .icon.mint { color: rgb(13, 211, 187); } .icon.mango { color: rgb(255, 176, 0); } .icon.black { color: rgb(0, 0, 0); } .icon::before { vertical-align: inherit; } .dayMode a:hover.icon, .dayMode button:hover.icon { color: rgb(217, 217, 215); } .nightMode a:hover.icon, .nightMode button:hover.icon { color: rgb(97, 97, 95); } a:hover.icon.neutral, button:hover.icon.neutral { color: rgb(191, 191, 189); } a:hover.icon.blue, button:hover.icon.blue { color: rgb(19, 148, 229); } a:hover.icon.red, button:hover.icon.red { color: rgb(212, 44, 44); } a:hover.icon.orangered, button:hover.icon.orangered { color: rgb(245, 66, 0); } a:hover.icon.lime, button:hover.icon.lime { color: rgb(123, 207, 34); } a:hover.icon.green, button:hover.icon.green { color: rgb(45, 183, 71); } a:hover.icon.nsfw, button:hover.icon.nsfw { color: rgb(255, 78, 81); } a:hover.icon.gold, button:hover.icon.gold { color: rgb(219, 185, 42); } a:hover.icon.warning-yellow, button:hover.icon.warning-yellow { color: rgb(255, 208, 22); } a:hover.icon.mint, button:hover.icon.mint { color: rgb(12, 187, 166); } a:hover.icon.mango, button:hover.icon.mango { color: rgb(230, 158, 0); } a:hover.icon.black, button:hover.icon.black { color: rgb(5, 5, 5); } .icon-xxl { font-size: 64px; } .icon-xl { font-size: 38px; } .icon-large { font-size: 23px; } .icon-bar-chart.orangered-circled-xl { background-color: rgb(255, 69, 0); } .icon-bar-chart.orangered-circled-xl, .icon-rising.mint-circled-xl { vertical-align: middle; position: relative; top: -2px; line-height: 39px; padding-left: 1px; font-size: 21px; width: 38px; height: 38px; border-radius: 19px; color: rgb(255, 255, 255) !important; } .icon-rising.mint-circled-xl { background-color: rgb(13, 211, 187); } .icon-snoo-circled.orangered::before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2P8////fwAKAAP+j4hsjgAAAABJRU5ErkJggg==") 50% center / 0.7em 0.7em no-repeat; border-radius: 1em; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0px; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, form, input, optgroup, select, textarea { background-color: inherit; color: inherit; font: inherit; margin: 0px; border-width: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } *, ::after, ::before { box-sizing: border-box; } body, html { font-size: 13px; font-family: helvetica, arial, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(34, 34, 34); } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: rgb(0, 121, 211); text-decoration: none; } a:focus, a:hover { color: rgb(0, 92, 160); text-decoration: underline; } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } figure { margin: 0px; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } input[type="number"], input[type="password"], input[type="text"], textarea { font-size: 16px; } html { -webkit-font-smoothing: antialiased; } .dayMode a, .dayMode a .icon-inline { color: rgb(0, 121, 211); } .dayMode a:active, .dayMode a:active .icon-inline { color: rgb(7, 149, 255); } .dayMode a:visited, .dayMode a:visited .icon-inline { color: rgb(58, 171, 255); } .nightMode a, .nightMode a .icon-inline { color: rgb(36, 160, 237); } .nightMode a:active, .nightMode a:active .icon-inline { color: rgb(83, 180, 241); } .nightMode a:visited, .nightMode a:visited .icon-inline { color: rgb(130, 201, 245); } .text-upvote, a.voted.text-upvote:focus, a.voted.text-upvote:hover, button.upvoted:hover .icon-upvote-circled { color: rgb(255, 69, 0); } .text-downvote, a.voted.text-downvote:focus, a.voted.text-downvote:hover, button.downvoted:hover .icon-downvote-circled { color: rgb(113, 147, 255); } .label.label-large { font-size: 100%; } .label a:hover { text-decoration: none; } .text-admin { color: rgb(255, 69, 0); } .text-admin::after { content: " [A]"; } .text-moderator { color: rgb(148, 224, 68); } .text-moderator::after { content: " [M]"; } .linkbar { margin: 4px 0px 0px; } .linkbar, .linkbar > li { display: inline-block; padding: 0px; } .linkbar > li { margin-right: 0.5em; vertical-align: bottom; } .linkbar > li:nth-child(n+2)::before { content: "·"; padding-right: 0.5em; } .linkbar-single-line { height: 1.5em; overflow: hidden; width: 100%; position: relative; } .linkbar-single-line::after { content: ""; position: absolute; height: 2em; z-index: 1; bottom: 0px; right: 0px; width: 3em; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)); } .linkbar-single-line > .linkbar { width: 1000%; } .linkbar > li.linkbar-item-no-seperator::before { content: ""; padding-right: 0px; } .linkbar-compact { vertical-align: middle; margin: 0px; } .linkbar-compact li::before { display: none; } .linkbar-compact > li:nth-child(n+2)::before { content: ""; padding-right: 0px; } .linkbar-spread { width: 100%; text-align: center; padding: 0px; } .linkbar-spread > li { float: left; } .linkbar-spread.linkbar-spread-5 > li { width: 20%; } .linkbar-spread.linkbar-spread-5 > .linkbar-spread-li-double { width: 40%; } .text-inverted { color: rgb(255, 255, 255); } .text-muted a:active { color: rgb(165, 164, 164); } .text-link, .text-muted .text-link { color: rgb(0, 121, 211); } .logo-reddit { background: url("./img/snoo-32.png") 100% center no-repeat transparent; width: 32px; height: 32px; display: inline-block; color: transparent; text-shadow: none; border: 0px; } .logo-reddit.logo-small { width: 16px; height: 16px; background-size: 16px; } @media not all, not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all { .logo-reddit { background: url("./img/snoo-64.png") 100% center / 32px no-repeat; } .logo-reddit.logo-small { background: url("./img/snoo-32.png") 100% center / 16px no-repeat; } } blockquote, table { font-size: inherit; } blockquote { margin: 0.5rem 0px 1rem 0.5rem; padding: 0.5rem 1rem; } .dayMode blockquote { border-left: 5px solid rgb(239, 239, 237); } .nightMode blockquote { border-left: 5px solid rgb(53, 53, 53); } blockquote ol:last-child, blockquote ul:last-child { margin-bottom: 0px; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857; } blockquote .small::before, blockquote footer::before, blockquote small::before { content: "—  "; } .dayMode pre { border: 1px solid rgb(204, 204, 202); color: rgb(34, 34, 34); } .nightMode pre { border: 1px solid rgb(84, 84, 82); color: rgb(207, 208, 202); } .dayMode code, .dayMode pre, .dayMode pre code { background-color: rgb(247, 247, 247); } .nightMode code, .nightMode pre, .nightMode pre code { background-color: rgb(0, 0, 0); } .dayMode code { background-color: rgb(251, 234, 234); color: rgb(216, 65, 65); } .nightMode code { color: rgb(220, 86, 86); } p { overflow-wrap: break-word; word-break: keep-all; } .text-small { font-size: 12px; } .text-small [class*=" icon-"] { line-height: 13px; } .text-super-large { font-size: 128px; } .text-mirror { transform: scaleX(-1); } .encircle-icon { padding: 3px; color: rgb(255, 255, 255); } dd { margin-bottom: 1em; } .title { color: rgb(0, 121, 211); letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (min-width: 0) { .jumbotron { padding: 1em; margin-bottom: 0px; } .jumbotron h1 { font-size: 18px; } .jumbotron p { font-size: 13px; } } .sponsored-label { color: rgb(58, 171, 255); text-transform: uppercase; } .blue { color: rgb(36, 160, 237); } .red { color: rgb(216, 65, 65); } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 18px; margin-bottom: 9px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 9px; margin-bottom: 9px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 13px; } .h6, h6 { font-size: 11px; } p { margin: 0px 0px 9px; } .lead { margin-bottom: 18px; font-size: 14px; font-weight: 300; line-height: 1.4; } .small, small { font-size: 76%; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } ol, ul { margin-top: 0px; margin-bottom: 9px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } .list-inline, .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0px; margin-bottom: 18px; } dd, dt { line-height: 1.42857; } dt { font-weight: 700; } dd { margin-left: 0px; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; } .dayMode abbr[data-original-title], .dayMode abbr[title] { border-bottom: 1px solid rgb(204, 204, 202); } .nightMode abbr[data-original-title], .nightMode abbr[title] { border-bottom: 1px solid rgb(84, 84, 82); } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0px; border-left: 0px; text-align: right; } .dayMode .blockquote-reverse, .dayMode blockquote.pull-right { border: 5px solid rgb(239, 239, 237); } .nightMode .blockquote-reverse, .nightMode blockquote.pull-right { border: 5px solid rgb(53, 53, 53); } .blockquote-reverse .small::before, .blockquote-reverse footer::before, .blockquote-reverse small::before, blockquote.pull-right .small::before, blockquote.pull-right footer::before, blockquote.pull-right small::before { content: ""; } .blockquote-reverse .small::after, .blockquote-reverse footer::after, .blockquote-reverse small::after, blockquote.pull-right .small::after, blockquote.pull-right footer::after, blockquote.pull-right small::after { content: "  —"; } address { margin-bottom: 18px; font-style: normal; line-height: 1.42857; } .md span.md-spoiler-text { border-radius: 2px; transition: background 1s ease-out 0s; } .md span.md-spoiler-text:not(.revealed) { cursor: pointer; } .dayMode .md span.md-spoiler-text { background-color: rgb(34, 34, 34); } .dayMode .md span.md-spoiler-text:not(.revealed) * { color: rgb(34, 34, 34); } .dayMode .md span.md-spoiler-text.revealed { background-color: transparent; } .nightMode .md span.md-spoiler-text { background-color: rgb(207, 208, 202); } .nightMode .md span.md-spoiler-text:not(.revealed) * { color: rgb(207, 208, 202); } .nightMode .md span.md-spoiler-text.revealed { background-color: transparent; } .Button { padding: 0.5em 1em; letter-spacing: 1.6px; line-height: 1.5; } .Button, .Button:active, .Button:focus, .Button:hover, .Button:visited { border: none; } .dayMode .Button, .dayMode .Button:active, .dayMode .Button:focus, .dayMode .Button:hover, .dayMode .Button:visited, .nightMode .Button, .nightMode .Button:active, .nightMode .Button:focus, .nightMode .Button:hover, .nightMode .Button:visited { background: rgb(36, 160, 237); color: rgb(255, 255, 255); } .dayMode .Button:active:focus, .dayMode .Button:focus, .dayMode .Button:focus:focus, .dayMode .Button:hover:focus, .dayMode .Button:visited:focus { outline: rgb(239, 239, 237) dotted 1px; } .nightMode .Button:active:focus, .nightMode .Button:focus, .nightMode .Button:focus:focus, .nightMode .Button:hover:focus, .nightMode .Button:visited:focus { outline: rgb(53, 53, 53) dotted 1px; } .dayMode .Button.m-disabled, .dayMode .Button:active.m-disabled, .dayMode .Button:focus.m-disabled, .dayMode .Button:hover.m-disabled, .dayMode .Button:visited.m-disabled { background: rgb(239, 239, 237); color: rgb(179, 179, 170); } .nightMode .Button.m-disabled, .nightMode .Button:active.m-disabled, .nightMode .Button:focus.m-disabled, .nightMode .Button:hover.m-disabled, .nightMode .Button:visited.m-disabled { background: rgb(84, 84, 82); color: rgb(148, 148, 145); } .Button.m-linkbutton, .Button:active.m-linkbutton, .Button:focus.m-linkbutton, .Button:hover.m-linkbutton, .Button:visited.m-linkbutton { background: transparent; cursor: pointer; } .dayMode .Button.m-linkbutton, .dayMode .Button:active.m-linkbutton, .dayMode .Button:focus.m-linkbutton, .dayMode .Button:hover.m-linkbutton, .dayMode .Button:visited.m-linkbutton, .nightMode .Button.m-linkbutton, .nightMode .Button:active.m-linkbutton, .nightMode .Button:focus.m-linkbutton, .nightMode .Button:hover.m-linkbutton, .nightMode .Button:visited.m-linkbutton { color: rgb(165, 164, 164); } .icon-gold, .icon-gold::before { color: rgb(255, 214, 53); } body.dayMode { background-color: rgb(255, 255, 255); color: rgb(34, 34, 34); fill: rgb(34, 34, 34); } body.nightMode { background-color: rgb(0, 0, 0); color: rgb(207, 208, 202); fill: rgb(207, 208, 202); } main { position: relative; } .footer { margin-top: 1em; padding-top: 1em; } .center-image { margin: auto; } .pull-left { float: left !important; } .pull-right { float: right !important; } .dayMode .alert-success { padding: 1em 0.5em; border: 1px solid rgb(69, 165, 8); background-color: rgb(236, 254, 225); color: rgb(59, 141, 7); } .nightMode .alert-success { padding: 1em 0.5em; border: 1px solid rgb(59, 141, 7); background-color: rgb(0, 0, 0); color: rgb(59, 141, 7); } .dayMode .alert-info { padding: 1em 0.5em; border: 1px solid rgb(36, 160, 237); background-color: rgb(225, 242, 252); color: rgb(0, 121, 211); } .nightMode .alert-info { padding: 1em 0.5em; border: 1px solid rgb(19, 148, 229); background-color: rgb(0, 0, 0); color: rgb(0, 121, 211); } .dayMode .alert-warning { padding: 1em 0.5em; border: 1px solid rgb(255, 214, 53); background-color: rgb(255, 247, 229); color: rgb(142, 94, 59); } .nightMode .alert-warning { padding: 1em 0.5em; border: 1px solid rgb(255, 209, 27); background-color: rgb(0, 0, 0); color: rgb(255, 214, 53); } .dayMode .alert-danger { padding: 1em 0.5em; border: 1px solid rgb(234, 0, 39); background-color: rgb(216, 65, 65); color: rgb(255, 255, 255); } .nightMode .alert-danger { padding: 1em 0.5em; border: 1px solid rgb(209, 0, 35); background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .NextContent { width: 100%; height: 66px; cursor: pointer; padding: 8px; } .NextContent .Post { margin-bottom: 0px; } .NextContent .PostContent.size-compact { position: absolute; width: 50px; height: 50px; top: 8px; left: 8px; margin-bottom: 0px; } .NextContent .PostContent.size-compact .PostContent__image-link { height: 50px; width: 50px; } .NextContent.bottom { position: fixed; bottom: 0px; padding: 0px; margin: 0px; } .dayMode .NextContent.bottom { border-top: 1px solid rgb(239, 239, 237); background-color: rgb(255, 255, 255); } .nightMode .NextContent.bottom { border-top: 1px solid rgb(53, 53, 53); background-color: rgb(0, 0, 0); } .bottom.NextContent .NextContent__post-wrapper { position: relative; display: inline-block; width: calc(100% - 80px); } .bottom.NextContent .NextContent__header { margin-left: 66px; min-height: 50px; margin-bottom: 8px; margin-top: 8px; } .bottom.NextContent .NextContent__post-title-line { font-size: 14px; white-space: normal; display: inline-block; overflow: hidden; max-height: 33.3333px; } .dayMode .bottom.NextContent .NextContent__post-title-line { color: rgb(34, 34, 34); } .nightMode .bottom.NextContent .NextContent__post-title-line { color: rgb(207, 208, 202); } .bottom.NextContent .NextContent__post-descriptor-line { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; position: relative; vertical-align: middle; padding-right: 3em; line-height: 1.2; } .bottom.NextContent .NextContent__post-descriptor-line [class*=" icon-"], .bottom.NextContent .NextContent__post-descriptor-line [class^="icon-"] { vertical-align: text-bottom; font-size: 18px; line-height: 18px; } .dayMode .bottom.NextContent .NextContent__post-descriptor-line, .nightMode .bottom.NextContent .NextContent__post-descriptor-line { color: rgb(165, 164, 164); } .bottom.NextContent .NextContent__post-descriptor-line::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 3em; } .dayMode .bottom.NextContent .NextContent__post-descriptor-line::after { background-color: rgb(255, 255, 255); background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)); } .nightMode .bottom.NextContent .NextContent__post-descriptor-line::after { background-color: rgb(0, 0, 0); background-image: linear-gradient(0deg, transparent, rgb(0, 0, 0)); } .NextContent__next-link { font-weight: 700; right: 0px; position: absolute; width: 80px; display: inline-block; font-size: 13px; line-height: 1.5; text-align: center; text-transform: uppercase; color: rgb(36, 160, 237); margin: 23.25px 8px; } .NextContent__next-link .icon { vertical-align: bottom; text-decoration: none; font-size: 13px; line-height: 1.5; } .dayMode .NextContent__next-link .icon, .nightMode .NextContent__next-link .icon { color: rgb(36, 160, 237); } .NextContent .PostContent.size-compact + .PostHeader.m-thumbnail-margin { margin-left: 66px; min-height: 50px; margin-top: 8px; margin-bottom: 8px; } .container.with-footer-nextcontent { margin-bottom: 74px; } [class*=" aspect-ratio-"]::before, [class^="aspect-ratio-"]::before { content: ""; display: block; } .aspect-ratio-1x3::before { padding-top: 300%; } .aspect-ratio-10x27::before { padding-top: 270%; } .aspect-ratio-11x27::before { padding-top: 245.455%; } .aspect-ratio-4x9::before { padding-top: 225%; } .aspect-ratio-13x27::before { padding-top: 207.692%; } .aspect-ratio-14x27::before { padding-top: 192.857%; } .aspect-ratio-5x9::before { padding-top: 180%; } .aspect-ratio-16x27::before { padding-top: 168.75%; } .aspect-ratio-17x27::before { padding-top: 158.824%; } .aspect-ratio-2x3::before { padding-top: 150%; } .aspect-ratio-19x27::before { padding-top: 142.105%; } .aspect-ratio-20x27::before { padding-top: 135%; } .aspect-ratio-7x9::before { padding-top: 128.571%; } .aspect-ratio-22x27::before { padding-top: 122.727%; } .aspect-ratio-23x27::before { padding-top: 117.391%; } .aspect-ratio-8x9::before { padding-top: 112.5%; } .aspect-ratio-25x27::before { padding-top: 108%; } .aspect-ratio-26x27::before { padding-top: 103.846%; } .aspect-ratio-1x1::before { padding-top: 100%; } .aspect-ratio-28x27::before { padding-top: 96.4286%; } .aspect-ratio-29x27::before { padding-top: 93.1034%; } .aspect-ratio-10x9::before { padding-top: 90%; } .aspect-ratio-31x27::before { padding-top: 87.0968%; } .aspect-ratio-32x27::before { padding-top: 84.375%; } .aspect-ratio-11x9::before { padding-top: 81.8182%; } .aspect-ratio-34x27::before { padding-top: 79.4118%; } .aspect-ratio-35x27::before { padding-top: 77.1429%; } .aspect-ratio-4x3::before { padding-top: 75%; } .aspect-ratio-37x27::before { padding-top: 72.973%; } .aspect-ratio-38x27::before { padding-top: 71.0526%; } .aspect-ratio-13x9::before { padding-top: 69.2308%; } .aspect-ratio-40x27::before { padding-top: 67.5%; } .aspect-ratio-41x27::before { padding-top: 65.8537%; } .aspect-ratio-14x9::before { padding-top: 64.2857%; } .aspect-ratio-43x27::before { padding-top: 62.7907%; } .aspect-ratio-44x27::before { padding-top: 61.3636%; } .aspect-ratio-5x3::before { padding-top: 60%; } .aspect-ratio-46x27::before { padding-top: 58.6957%; } .aspect-ratio-47x27::before { padding-top: 57.4468%; } .aspect-ratio-16x9::before { padding-top: 56.25%; } .aspect-ratio-49x27::before { padding-top: 55.102%; } .aspect-ratio-50x27::before { padding-top: 54%; } .aspect-ratio-17x9::before { padding-top: 52.9412%; } .aspect-ratio-52x27::before { padding-top: 51.9231%; } .aspect-ratio-53x27::before { padding-top: 50.9434%; } .aspect-ratio-2x1::before { padding-top: 50%; } .aspect-ratio-55x27::before { padding-top: 49.0909%; } .aspect-ratio-56x27::before { padding-top: 48.2143%; } .aspect-ratio-19x9::before { padding-top: 47.3684%; } .aspect-ratio-58x27::before { padding-top: 46.5517%; } .aspect-ratio-59x27::before { padding-top: 45.7627%; } .aspect-ratio-20x9::before { padding-top: 45%; } .aspect-ratio-61x27::before { padding-top: 44.2623%; } .aspect-ratio-62x27::before { padding-top: 43.5484%; } .aspect-ratio-7x3::before { padding-top: 42.8571%; } .aspect-ratio-64x27::before { padding-top: 42.1875%; } .aspect-ratio-65x27::before { padding-top: 41.5385%; } .aspect-ratio-22x9::before { padding-top: 40.9091%; } .aspect-ratio-67x27::before { padding-top: 40.2985%; } .aspect-ratio-68x27::before { padding-top: 39.7059%; } .aspect-ratio-23x9::before { padding-top: 39.1304%; } .aspect-ratio-70x27::before { padding-top: 38.5714%; } .aspect-ratio-71x27::before { padding-top: 38.0282%; } .aspect-ratio-8x3::before { padding-top: 37.5%; } .aspect-ratio-73x27::before { padding-top: 36.9863%; } .aspect-ratio-74x27::before { padding-top: 36.4865%; } .aspect-ratio-25x9::before { padding-top: 36%; } .aspect-ratio-76x27::before { padding-top: 35.5263%; } .aspect-ratio-77x27::before { padding-top: 35.0649%; } .aspect-ratio-26x9::before { padding-top: 34.6154%; } .aspect-ratio-79x27::before { padding-top: 34.1772%; } .aspect-ratio-80x27::before { padding-top: 33.75%; } .aspect-ratio-3x1::before { padding-top: 33.3333%; } .PostContent table { margin: 1em 0px; width: 100%; display: inline-block; overflow-x: scroll; max-width: 100%; } .PostContent td, .PostContent th { padding: 0.25em; border-bottom: 1px solid rgb(204, 204, 202); } .PostContent.size-compact { position: absolute; width: 70px; height: 52px; top: 8px; left: 8px; } .PostContent.size-compact .PostContent__image-link { height: 52px; width: 70px; } .PostContent.size-default { margin: 4px 0px; } .PostContent__media-wrapper { margin: 0px 8px; } .dayMode .PostContent__media-wrapper { border: 1px solid rgb(239, 239, 237); } .nightMode .PostContent__media-wrapper { border: 1px solid rgb(53, 53, 53); } .PostContent__link-bar { display: block; padding: 8px; overflow-x: hidden; white-space: nowrap; } .PostContent__link-bar::after, .PostContent__link-bar::before { content: " "; display: table; } .PostContent__link-bar::after { clear: both; } .dayMode .PostContent__link-bar { background-color: rgb(255, 255, 255); } .dayMode .PostContent__link-bar, .dayMode .PostContent__link-bar:visited { color: rgb(0, 121, 211); } .dayMode .PostContent__link-bar:hover { color: rgb(7, 149, 255); } .nightMode .PostContent__link-bar { background-color: rgb(0, 0, 0); } .nightMode .PostContent__link-bar, .nightMode .PostContent__link-bar:visited { color: rgb(36, 160, 237); } .nightMode .PostContent__link-bar:hover { color: rgb(83, 180, 241); } .PostContent__link-bar-text { display: inline-block; width: calc(100% - 3em); overflow: hidden; text-overflow: ellipsis; } .PostContent__link-bar-icon { float: right; position: relative; top: 2px; } .PostContent__link-bar-icon::before { font-size: 14px; line-height: 14px; } .PostContent__iframe-wrapper, .PostContent__image-link, .PostContent__video-wrapper { position: relative; } .PostContent__iframe, .PostContent__image-img, .PostContent__inline-gif, .PostContent__video { width: 100%; } .PostContent__height, .PostContent__iframe, .PostContent__video { height: 100%; } .PostContent__iframe, .PostContent__inline-gif, .PostContent__video { position: absolute; top: 0px; } .dayMode .PostContent__image-link, .dayMode .PostContent__video-wrapper { background-color: rgb(255, 255, 255); } .nightMode .PostContent__image-link, .nightMode .PostContent__video-wrapper { background-color: rgb(0, 0, 0); } .PostContent__image-link { display: block; background-size: cover; background-repeat: no-repeat; background-position: 50% center; width: 100%; } .PostContent__image-link.placeholder { background-size: 100%; background-image: url("./img/placeholder.svg"); } .PostContent__iframe-wrapper { overflow-y: scroll; transform: translateZ(0px); perspective: 1000px; } .PostContent__html { position: relative; } .PostContent__html iframe, .PostContent__html object, .PostContent__warning { width: 100%; height: 100%; position: absolute; top: 0px; } .PostContent__warning { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); } .PostContent__warning-button, .PostContent__warning-text { color: rgb(255, 255, 255); font-size: 18px; max-width: 300px; text-align: center; margin: 5px 0px; } .PostContent__warning-button { line-height: 0; width: 100%; border-radius: 3px; border: 1px solid rgb(255, 255, 255); padding: 20px; } .PostContent__playback-action-circle { opacity: 0.6; background-color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; text-align: center; } .PostContent__playback-action-circle:hover { opacity: 0.8; background-color: rgb(252, 252, 251); } .PostContent__playback-action-circle.regular { width: 48px; height: 48px; border-radius: 24px; margin-top: -24px; margin-left: -24px; } .PostContent__playback-action-circle.regular [class*=" icon-"], .PostContent__playback-action-circle.regular [class^="icon-"] { font-size: 24px; line-height: 48px; display: inline-block; } .PostContent__playback-action-circle.compact { width: 28px; height: 28px; border-radius: 14px; margin-top: -14px; margin-left: -14px; } .PostContent__playback-action-circle.compact [class*=" icon-"], .PostContent__playback-action-circle.compact [class^="icon-"] { font-size: 14px; line-height: 28px; display: inline-block; } .PostContent__playback-action-icon.icon-play_triangle { margin-left: 0.3em; } .PostContent__selftext { padding: 8px 16px; } .EditForm__textarea-holder { height: 300px; padding: 8px; } .EditForm__textarea { width: 100%; height: 100%; resize: none; } .dayMode .EditForm__textarea { background-color: rgb(252, 252, 251); border: 1px solid rgb(204, 204, 202); border-radius: 3px; } .nightMode .EditForm__textarea { background-color: rgb(0, 0, 0); border: 1px solid rgb(84, 84, 82); border-radius: 3px; } .EditForm__edit-controls { text-align: right; } .EditForm__edit-cancel { color: rgb(0, 121, 211); } .EditForm__edit-button, .EditForm__edit-cancel { line-height: 32px; display: inline-block; vertical-align: middle; margin: 0px 8px; } .EditForm__edit-button { background-color: rgb(36, 160, 237); color: rgb(255, 255, 255); text-align: center; height: 32px; width: 88px; } .EditForm__edit-button.disabled { background-color: rgb(165, 164, 164); } [class*=" aspect-ratio-"]::before, [class^="aspect-ratio-"]::before { content: ""; display: block; } .aspect-ratio-1x3::before { padding-top: 300%; } .aspect-ratio-10x27::before { padding-top: 270%; } .aspect-ratio-11x27::before { padding-top: 245.455%; } .aspect-ratio-4x9::before { padding-top: 225%; } .aspect-ratio-13x27::before { padding-top: 207.692%; } .aspect-ratio-14x27::before { padding-top: 192.857%; } .aspect-ratio-5x9::before { padding-top: 180%; } .aspect-ratio-16x27::before { padding-top: 168.75%; } .aspect-ratio-17x27::before { padding-top: 158.824%; } .aspect-ratio-2x3::before { padding-top: 150%; } .aspect-ratio-19x27::before { padding-top: 142.105%; } .aspect-ratio-20x27::before { padding-top: 135%; } .aspect-ratio-7x9::before { padding-top: 128.571%; } .aspect-ratio-22x27::before { padding-top: 122.727%; } .aspect-ratio-23x27::before { padding-top: 117.391%; } .aspect-ratio-8x9::before { padding-top: 112.5%; } .aspect-ratio-25x27::before { padding-top: 108%; } .aspect-ratio-26x27::before { padding-top: 103.846%; } .aspect-ratio-1x1::before { padding-top: 100%; } .aspect-ratio-28x27::before { padding-top: 96.4286%; } .aspect-ratio-29x27::before { padding-top: 93.1034%; } .aspect-ratio-10x9::before { padding-top: 90%; } .aspect-ratio-31x27::before { padding-top: 87.0968%; } .aspect-ratio-32x27::before { padding-top: 84.375%; } .aspect-ratio-11x9::before { padding-top: 81.8182%; } .aspect-ratio-34x27::before { padding-top: 79.4118%; } .aspect-ratio-35x27::before { padding-top: 77.1429%; } .aspect-ratio-4x3::before { padding-top: 75%; } .aspect-ratio-37x27::before { padding-top: 72.973%; } .aspect-ratio-38x27::before { padding-top: 71.0526%; } .aspect-ratio-13x9::before { padding-top: 69.2308%; } .aspect-ratio-40x27::before { padding-top: 67.5%; } .aspect-ratio-41x27::before { padding-top: 65.8537%; } .aspect-ratio-14x9::before { padding-top: 64.2857%; } .aspect-ratio-43x27::before { padding-top: 62.7907%; } .aspect-ratio-44x27::before { padding-top: 61.3636%; } .aspect-ratio-5x3::before { padding-top: 60%; } .aspect-ratio-46x27::before { padding-top: 58.6957%; } .aspect-ratio-47x27::before { padding-top: 57.4468%; } .aspect-ratio-16x9::before { padding-top: 56.25%; } .aspect-ratio-49x27::before { padding-top: 55.102%; } .aspect-ratio-50x27::before { padding-top: 54%; } .aspect-ratio-17x9::before { padding-top: 52.9412%; } .aspect-ratio-52x27::before { padding-top: 51.9231%; } .aspect-ratio-53x27::before { padding-top: 50.9434%; } .aspect-ratio-2x1::before { padding-top: 50%; } .aspect-ratio-55x27::before { padding-top: 49.0909%; } .aspect-ratio-56x27::before { padding-top: 48.2143%; } .aspect-ratio-19x9::before { padding-top: 47.3684%; } .aspect-ratio-58x27::before { padding-top: 46.5517%; } .aspect-ratio-59x27::before { padding-top: 45.7627%; } .aspect-ratio-20x9::before { padding-top: 45%; } .aspect-ratio-61x27::before { padding-top: 44.2623%; } .aspect-ratio-62x27::before { padding-top: 43.5484%; } .aspect-ratio-7x3::before { padding-top: 42.8571%; } .aspect-ratio-64x27::before { padding-top: 42.1875%; } .aspect-ratio-65x27::before { padding-top: 41.5385%; } .aspect-ratio-22x9::before { padding-top: 40.9091%; } .aspect-ratio-67x27::before { padding-top: 40.2985%; } .aspect-ratio-68x27::before { padding-top: 39.7059%; } .aspect-ratio-23x9::before { padding-top: 39.1304%; } .aspect-ratio-70x27::before { padding-top: 38.5714%; } .aspect-ratio-71x27::before { padding-top: 38.0282%; } .aspect-ratio-8x3::before { padding-top: 37.5%; } .aspect-ratio-73x27::before { padding-top: 36.9863%; } .aspect-ratio-74x27::before { padding-top: 36.4865%; } .aspect-ratio-25x9::before { padding-top: 36%; } .aspect-ratio-76x27::before { padding-top: 35.5263%; } .aspect-ratio-77x27::before { padding-top: 35.0649%; } .aspect-ratio-26x9::before { padding-top: 34.6154%; } .aspect-ratio-79x27::before { padding-top: 34.1772%; } .aspect-ratio-80x27::before { padding-top: 33.75%; } .aspect-ratio-3x1::before { padding-top: 33.3333%; } .HTML5StreamPlayer { box-sizing: border-box; height: auto; max-width: 100vw; } .HTML5StreamPlayer__video__fullscreen { left: 50%; margin: 0px auto; top: 50%; transform: translate(-50%, -50%); } .HTML5StreamPlayer__video__fullscreen, .HTML5StreamPlayer__video__regular { width: 100%; height: 100%; position: absolute; } .HTML5StreamPlayer__video__regular { top: 0px; } .HTML5StreamPlayer__video__regular::-webkit-media-controls-play-button { display: none; } .HTML5StreamPlayer__video__regular::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .HTML5StreamPlayer__videoContainer { position: relative; max-width: 100%; background-color: rgb(0, 0, 0); } .HTML5StreamPlayer__videoContainer__fullscreen { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgb(0, 0, 0); } .HTML5StreamPlayer__videoTrim::before { z-index: -999; pointer-events: none; } .HTML5StreamPlayer__controlPanel { position: absolute; top: 0px; width: 100%; height: 100%; } .HTML5StreamPlayer__control, .HTML5StreamPlayer__control:focus { outline: none; } .HTML5StreamPlayer__control__play { outline: none; height: 100%; width: 100%; } .HTML5StreamPlayer__control__button { outline: none; height: 100%; width: 100%; padding: 0px 5vw; } .HTML5StreamPlayer__control__play:hover .HTML5StreamPlayer__playback-action-circle { opacity: 0.8; background-color: rgb(13, 211, 187); } .HTML5StreamPlayer__control__bar { position: absolute; height: 45px; left: 0px; bottom: 0px; right: 0px; width: auto; background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.65)); } .HTML5StreamPlayer__control__fullscreen { outline: none; float: right; } .HTML5StreamPlayer__control__mute { outline: none; float: left; } .HTML5StreamPlayer__control__barMargin { margin-top: 20px; margin-left: 15%; margin-right: 15%; } .HTML5StreamPlayer__control__timeCurrent { float: left; width: 35px; margin-left: -35px; margin-top: -5px; color: rgb(13, 211, 187); font-size: 12px; font-weight: 700; text-align: left; } .HTML5StreamPlayer__control__scrubThumb { height: 70px; width: 70px; position: absolute; top: -85px; background-color: rgb(0, 0, 0); } .HTML5StreamPlayer__control__thumbContainer { position: relative; width: 100%; margin-left: -30px; } .HTML5StreamPlayer__control__scrubVideo { height: 70px; width: 70px; } .HTML5StreamPlayer__control__scrubThumbHidden { display: none; position: absolute; } .HTML5StreamPlayer__control__timeTotal { float: right; width: 35px; margin-right: -35px; margin-top: -5px; color: rgb(13, 211, 187); font-size: 12px; font-weight: 700; text-align: right; } .HTML5StreamPlayer__control__scrubberContainer { position: relative; justify-content: center; align-items: center; width: auto; height: 45px; margin-top: 4px; margin-left: 15vw; margin-right: 15vw; } .HTML5StreamPlayer__control__scrubBar, .HTML5StreamPlayer__control__scrubBar__buffer { height: 4px; border-radius: 100px; top: 0px; left: 0px; margin-left: 15%; margin-right: 15%; } .HTML5StreamPlayer__control__scrubBar__buffer { width: 70%; background-color: transparent; pointer-events: none; position: absolute; z-index: 0; } .HTML5StreamPlayer__control__scrubBar { position: absolute; -webkit-appearance: none; width: 70%; } .HTML5StreamPlayer__control__scrubBar:focus { outline: none; } .HTML5StreamPlayer__control__scrubBar::-webkit-slider-runnable-track { width: 70%; height: 4px; cursor: pointer; background: transparent; border-radius: 100px; } .HTML5StreamPlayer__control__scrubBar::-webkit-slider-thumb { box-shadow: rgb(17, 17, 17) 1px 1px 1px, rgb(30, 30, 30) 0px 0px 1px; border: 1px solid rgb(255, 255, 255); height: 16px; width: 16px; border-radius: 16px; background: rgb(13, 211, 187); cursor: pointer; z-index: 999; -webkit-appearance: none; margin-top: -6px; } .HTML5StreamPlayer__control__scrubBar:focus::-webkit-slider-runnable-track { background: rgba(13, 13, 13, 0); } .HTML5StreamPlayer__playback-full-screen { outline: none; width: 25px; height: 25px; } .HTML5StreamPlayer__playback-full-screen.icon-full-screen { outline: none; width: 25px; height: 25px; font-size: 25px; color: rgb(13, 211, 187); } .HTML5StreamPlayer__playback-full-screen-collapse { outline: none; width: auto; height: auto; } .HTML5StreamPlayer__playback-full-screen-collapse.icon-full-screen-collapse { outline: none; font-size: 25px; color: rgb(13, 211, 187); } .HTML5StreamPlayer__playback-mute { outline: none; width: auto; height: auto; } .HTML5StreamPlayer__playback-mute.icon-mute { outline: none; font-size: 25px; color: rgb(13, 211, 187); } .HTML5StreamPlayer__playback-unmute { outline: none; width: auto; height: auto; } .HTML5StreamPlayer__playback-unmute.icon-unmute { outline: none; font-size: 25px; color: rgb(13, 211, 187); } .HTML5StreamPlayer__replay-icon-container { padding-top: 0.38em; padding-left: 0.42em; } .HTML5StreamPlayer__play-icon-container { padding-top: 10px; } .HTML5StreamPlayer__playback-action-circle { opacity: 0.9; background-color: rgb(13, 211, 187); position: absolute; top: 50%; left: 50%; text-align: center; } .HTML5StreamPlayer__playback-action-circle:hover { opacity: 0.8; background-color: rgb(13, 211, 187); } .HTML5StreamPlayer__playback-action-circle.regular { width: 48px; height: 48px; border-radius: 24px; margin-top: -24px; margin-left: -24px; } .HTML5StreamPlayer__playback-action-circle.compact { width: 28px; height: 28px; border-radius: 14px; margin-top: -14px; margin-left: -14px; } .HTML5StreamPlayer__playback-action-icon.icon-play_triangle { margin-left: 0.3em; font-size: 28px; line-height: 28px; } .HTML5StreamPlayer__playback-action-icon.icon-replay { font-size: 48px; width: 48px; height: 48px; line-height: 48px; } .CommentTree__tree { padding: 8px 8px 8px 0px; } .CommentTree__comment { position: relative; padding: 0px; } .CommentTree__comment.m-hidden { display: none; } .CommentTree__commentContent { position: relative; } .CommentTree__commentContent.m-hasArrow { padding-left: 24px; } .CommentTree__commentDepthLine { position: absolute; top: 0px; bottom: 0px; border-left: 1px solid; } .dayMode .CommentTree__commentDepthLine { border-left: 1px solid rgb(239, 239, 237); } .nightMode .CommentTree__commentDepthLine { border-left: 1px solid rgb(53, 53, 53); } .CommentTree__commentDepthLine.m-last { top: 32px; } .CommentTree__commentDepthLine.m-thick { border-left-width: 2px; } .CommentTree__commentArrow { position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; color: rgb(255, 255, 255); border-radius: 16px; text-align: center; line-height: 16px; background-color: rgb(204, 204, 202); cursor: pointer; font-size: 13px; } .CommentTree__commentArrow.m-toplevel { background-color: rgb(13, 211, 187); } .CommentTree__commentArrow.m-collapsed { transform: rotate(-90deg); } .CommentTree__continueThread { padding-left: 6px; padding-top: 5px; font-size: 11px; letter-spacing: 1.2px; font-weight: 700; line-height: 1.5; color: rgb(36, 160, 237); cursor: pointer; } .CommentTree__continueThread .icon { font-size: 12px; transform: rotate(-90deg); padding: 0px 5px; display: inline-block; position: relative; top: -2px; } .CommentTree__continueThreadIcon { margin-left: 11px; display: inline-block; line-height: 1.5; vertical-align: middle; } .BannerAd__320x50 { margin-top: 10px; text-align: center; } .dayMode .BannerAd__fluid { border-bottom: 1px solid rgb(239, 239, 237); } .nightMode .BannerAd__fluid { border-bottom: 1px solid rgb(53, 53, 53); } .BannerAd__bottom { margin-bottom: 24px; } .Comment { padding-left: 10px; } .dayMode .Comment.in-comment-tree { background-color: rgb(255, 255, 255); } .nightMode .Comment.in-comment-tree { background-color: rgb(0, 0, 0); } .dayMode .Comment.m-removed, .nightMode .Comment.m-removed { background-color: rgb(239, 239, 237); } .Comment__header { padding: 7px 0px; } .Comment__body, .Comment__replies, .Comment__toolsContainer { overflow: auto; } .Comment__body.m-hidden, .Comment__replies.m-hidden, .Comment__toolsContainer.m-hidden { display: none; } .Comment__body::after, .Comment__replies::after, .Comment__toolsContainer::after { content: " "; display: table; } .Comment__body { overflow-x: hidden; } .Comment__body table { margin: 1em 0px; width: 100%; display: inline-block; overflow-x: scroll; max-width: 100%; } .Comment__body td, .Comment__body th { padding: 0.25em; border-bottom: 1px solid rgb(204, 204, 202); } .Comment__body a { color: rgb(36, 160, 237); } .Comment__tools { float: right; } .Comment__replyForm { margin-top: 8px; } .Comment__replies { padding-left: 16px; } .dayMode .Comment__replies { border-left: 1px solid rgb(239, 239, 237); } .nightMode .Comment__replies { border-left: 1px solid rgb(53, 53, 53); } .Comment__replies.m-no-indent { padding-left: 0px; border-left: none !important; } .Comment__reply, .Comment__seemore { margin-top: 8px; padding-top: 8px; } .dayMode .Comment__reply, .dayMode .Comment__seemore { border-top: 1px solid rgb(239, 239, 237); } .nightMode .Comment__reply, .nightMode .Comment__seemore { border-top: 1px solid rgb(53, 53, 53); } .Comment__reply.m-highlight, .Comment__seemore.m-highlight { border-color: rgb(255, 176, 0); } .Comment__replyFormLocked { text-align: right; color: rgb(204, 204, 202); } .Comment__continueThread, .Comment__loadMore { padding: 7px 0px; } .Comment__continueThread .icon-caron-circled, .Comment__loadMore .icon-caron-circled { display: inline-block; margin-right: 8px; transform: rotate(-90deg); margin-top: -4px; font-size: 12px; } .dayMode .Comment__loadMore-text, .nightMode .Comment__loadMore-text { color: rgb(36, 160, 237); } .CommentHeader__table { width: 100%; } .CommentHeader__col1, .CommentHeader__col2, .CommentHeader__col3 { vertical-align: middle; } .CommentHeader__col1 { width: 20px; } .CommentHeader__col2 { max-width: 0px; } .CommentHeader__col3 { width: 45px; text-align: right; } .CommentHeader__modStatus { width: 20px; } .CommentHeader__modStatus.icon { font-size: 16px; } .CommentHeader__modStatus.m-report-count { vertical-align: bottom; color: rgb(204, 204, 202); width: 5px; } .CommentHeader__modStatus.m-report-count.warning-yellow { color: rgb(255, 214, 53); } .CommentHeader__caron, .CommentHeader__dots, .CommentHeader__flair, .CommentHeader__separator, .CommentHeader__sticky, .CommentHeader__timestamp, .CommentHeader__username, .CommentHeader__usernameIcon { display: inline-block; vertical-align: middle; } .CommentHeader__flair, .CommentHeader__separator, .CommentHeader__timestamp, .CommentHeader__username { margin-right: 4px; } .CommentHeader__flair, .CommentHeader__timestamp, .CommentHeader__username { color: rgb(165, 164, 164); } .CommentHeader__flair.m-highlight, .CommentHeader__username.m-highlight { color: rgb(255, 176, 0); } .CommentHeader__sticky { margin-right: 4px; color: inherit !important; } .CommentHeader__flair { padding: 0px 4px; } .dayMode .CommentHeader__flair { border: 1px solid rgb(239, 239, 237); } .nightMode .CommentHeader__flair { border: 1px solid rgb(53, 53, 53); } .CommentHeader__dots { margin-right: 4px; color: rgb(13, 211, 187); } .CommentHeader__caron { margin-right: 8px; transition: all 0.2s ease 0s; } .CommentHeader__caron.icon { font-size: 12px; line-height: 12px; } .CommentHeader__caron.m-collapsed { transform: rotate(-90deg); } .CommentHeader__separator { color: rgb(239, 239, 237); } .CommentHeader__username { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .CommentHeader__username.m-admin { color: rgb(255, 69, 0); } .CommentHeader__username.m-moderator { color: rgb(70, 209, 96); } .CommentHeader__username.m-op { color: rgb(36, 160, 237); } .CommentHeader__username.m-self { color: rgb(13, 211, 187); } .CommentHeader__usernameIcon { margin-left: 4px; } .AwardingsBar__awardBadges { display: inline-flex; align-items: center; position: relative; } .dayMode .AwardingsBar__awardBadges, .nightMode .AwardingsBar__awardBadges { color: rgb(165, 164, 164); } .AwardingsBar__awardItem { display: inline-block; white-space: nowrap; } .AwardingsBar__awardIcon { margin-left: 4px; margin-right: 2px; vertical-align: middle; max-height: 16px; max-width: 16px; } .AwardingsBar__showAllButton { margin-left: 4px; padding: 0px; white-space: nowrap; } .AwardingsBar__showAllButton:hover { text-decoration: underline; } .GildingsBar__award { margin-right: 4px; white-space: nowrap; } .dayMode .GildingsBar__award, .nightMode .GildingsBar__award { color: rgb(165, 164, 164); } .GildingsBar__award-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-size: 16px 16px; } .GildingsBar__award-icon_gid_1 { background-image: url("./img/award-silver-gid1.svg"); } .GildingsBar__award-icon_gid_2 { background-image: url("./img/award-gold-gid2.svg"); } .GildingsBar__award-icon_gid_3 { background-image: url("./img/award-platinum-gid3.svg"); } .GildingsBar__award-count { margin-left: 2px; } .CommentTools__divider, .CommentTools__more, .CommentTools__reply { display: inline-block; vertical-align: middle; } .dayMode .CommentTools__divider, .dayMode .CommentTools__more, .dayMode .CommentTools__reply { color: rgb(204, 204, 202); } .nightMode .CommentTools__divider, .nightMode .CommentTools__more, .nightMode .CommentTools__reply { color: rgb(84, 84, 82); } .CommentTools__divider, .CommentTools__more { margin-right: 8px; } .CommentTools__more, .CommentTools__reply { text-align: center; } .CommentTools__more.icon, .CommentTools__reply.icon { font-size: 20px; line-height: 24px; width: 24px; } .CommentTools__reply { margin-right: 8px; } .dayMode .CommentTools__reply:active, .dayMode .CommentTools__reply:visited { color: rgb(204, 204, 202); } .nightMode .CommentTools__reply:active, .nightMode .CommentTools__reply:visited { color: rgb(84, 84, 82); } .CommentTools__reply__replying { transform: rotate(270deg); } .CommentTools__divider { height: 20px; } .dayMode .CommentTools__divider { border-right: 1px solid rgb(239, 239, 237); } .nightMode .CommentTools__divider { border-right: 1px solid rgb(53, 53, 53); } .CommentTools__dropdown { width: 600px; } .dayMode .CommentTools__dropdown { border: 1px solid rgb(239, 239, 237); } .nightMode .CommentTools__dropdown { border: 1px solid rgb(53, 53, 53); } .upvoteBounceAnimation { animation: 0.4s ease-out 0s 1 normal none running bounceUp; } .downvoteBounceAnimation { animation: 0.4s ease-out 0s 1 normal none running bounceDown; } @-webkit-keyframes bounceUp { 0% { transform: translateY(0px); } 15% { transform: translateY(-6px); } 95% { transform: translateY(0px); } 100% { transform: translateY(0px); } } @keyframes bounceUp { 0% { transform: translateY(0px); } 15% { transform: translateY(-6px); } 95% { transform: translateY(0px); } 100% { transform: translateY(0px); } } @-webkit-keyframes bounceDo