/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
html,mark{color:#000}
img,legend{border:0}
.flash-message,.show-loading{text-align:center}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
.bubble-icon,.list-inline>li,.show-loading .circle{display:inline-block}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0}
code,kbd,pre,samp{font-family:monospace,serif;font-size:93%}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
@-ms-viewport{width:device-width;user-zoom:fixed;max-zoom:1;min-zoom:1}
@viewport{width:device-width}
.theme-light{--theme-page-background-color:#fff;--theme-text-color:var(--theme-light-text-color)}
.theme-dark{--theme-page-background-color:#000;--theme-text-color:var(--theme-dark-text-color)}
.theme-text-color{color:var(--theme-text-color)}
.theme-color,a{color:var(--theme-color)}
.theme-border{border-color:var(--theme-color)}
.theme-bg{background-color:var(--theme-background-color)}
.theme-border-top{border-top:.5px solid rgba(0,0,0,.15)}
.theme-dark .theme-border-top{border-top-color:rgba(255,255,255,.2)}
.header .submenu .border-none,button{border:none}
.theme-bg-lighter-dark{background:var(--theme-background-color-lighter-dark)}
.theme-bg-lighter{background:var(--theme-background-color-lighter)}
a:active,a:focus,button:focus{outline:0}
body,html{height:100%}
html{font-size:var(--font-size,15px);font-family:var(--font-family,system-ui,sans-serif);-ms-touch-action:manipulation;touch-action:manipulation;background:var(--theme-background-color,#fff)}
a[href],button{touch-action:manipulation}
button{margin:0;padding:0;background:0 0;font-family:inherit;font-size:inherit;line-height:inherit}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{border-radius:0}
body{margin:0 auto;padding:0;line-height:1.618;color:var(--theme-text-color);-webkit-font-smoothing:antialiased;font-size:inherit}
a{text-decoration:none;outline:0}
strong{font-weight:600}
.flash-message,.heading,h1,h2,h3{font-weight:100}
.list,.list-inline{margin:0;padding:0;list-style:none}
.list-line .item,.list-line a{display:block;color:inherit;line-height:1.69}
.list-line li{margin-left:15px;border-bottom:.5px solid var(--theme-background-color-light)}
.list-line a{margin-left:-15px;padding:10px 15px}
.non-touch .list-line a:active,.non-touch .list-line a:focus,.non-touch .list-line a:hover,.touch .list-line a:active,.touch .list-line a:focus{background-color:rgba(128,128,128,.08)}
.list-line .item{margin-left:15px;padding:10px 15px 10px 0}
.fleft{float:left}
.fright{float:right}
.clearfix:after{content:"";display:table;clear:both}
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-box-sizing:border-box;box-sizing:border-box}
.absolute{position:absolute;top:0;left:0;right:0;bottom:0}
#loading{position:absolute;z-index:1000;margin:-10px 0 0 -10px;top:190px;left:85px}
.show-loading.absolute{position:absolute;left:50%;top:50%;bottom:auto;right:auto;margin-top:-45px;margin-left:-35px;padding:10px}
.show-loading.absolute .bg{margin:-10px;padding:10px 10px 5px;background:rgba(255,255,255,.9);border-radius:3px}
.form-modal,.form-reply,.show-loading.relative{padding:10px}
.theme-dark .show-loading.absolute .bg{background:rgba(30,30,30,.9)}
.show-loading .circle{width:1.5rem;height:1.5rem;-webkit-animation:spinoffPulse .9s infinite linear;animation:spinoffPulse .9s infinite linear;border-width:1px;border-style:solid;border-radius:50%;border-color:var(--theme-background-color-light) var(--theme-background-color-light) var(--theme-text-color)}
.spin{animation:spinoffPulse 650ms infinite linear}
@keyframes spinoffPulse{0%{transform:rotateZ(0)}
100%{transform:rotateZ(360deg)}
}
.flash-message{display:none;position:fixed;padding:10px 20px;top:60px;left:50px;right:50px;background:rgba(0,0,0,.8);color:#fff;border-radius:30px;font-size:1.1rem;z-index:1000;opacity:0;-webkit-transform:translate(0,-20px);transform:translate(0,-20px);-webkit-transition:-webkit-transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease}
.show-flash-message{display:block;opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
@media only screen and (min-width :768px){.flash-message{left:auto;width:200px;text-align:left;border-radius:5px;right:30px}
}
.scrollbar-visible ::-webkit-scrollbar{width:10px;background-color:rgba(0,0,0,.01)}
.scrollbar-visible ::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.07)}
.scrollbar-visible ::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25);background-clip:padding-box;border:2px solid transparent;min-height:10px}
.scrollbar-visible ::-webkit-scrollbar-thumb:vertical:active{background:rgba(0,0,0,.61)}
.theme-dark.scrollbar-visible ::-webkit-scrollbar{background-color:rgba(255,255,255,.01)}
.theme-dark.scrollbar-visible ::-webkit-scrollbar:hover{background-color:rgba(255,255,255,.07)}
.theme-dark.scrollbar-visible ::-webkit-scrollbar-thumb:vertical{background-color:rgba(255,255,255,.25)}
.theme-dark.scrollbar-visible ::-webkit-scrollbar-thumb:vertical:active{background:rgba(255,255,255,.61)}
@keyframes rotate{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@keyframes spinner{0%{transform:rotate(0)}
100%{transform:rotate(720deg)}
}
.bubble-icon{border-radius:50%;padding:.08rem .4rem;min-width:min(37px,2.6rem);text-align:center;font-style:normal;font-size:.93rem;line-height:1.45;background-color:var(--theme-background-color-light);color:var(--theme-color)}
.bubble-icon:after{position:absolute;margin-top:-.13rem;margin-left:.07rem;content:'';display:block;height:0;width:0;border:9px solid transparent;border-width:.6rem .66rem 0 0;border-top-color:var(--theme-background-color-light)}
.mobile-test{position:absolute;left:-100px;width:0;height:0;visibility:hidden}
@media only screen and (min-width :768px){.mobile-test{height:1px}
.header h1{text-align:center}
}
.hairline-test{border:.5px solid transparent}
.scrollbar-test{position:absolute;width:100px;height:100px;top:-200px;overflow:scroll;visibility:hidden}
.native-only,.web-only{display:none}
.native-app .native-only,.web .web-only{display:block}
html body .nsfw,html body span.nsfw{display:inline-block;padding:3px 4px;background:#ed1c24;color:#fff;border-radius:2px;font-weight:400;text-transform:uppercase;font-size:11px;line-height:1}
.scale3{-webkit-animation:scale3 .4s ease-in-out;animation:scale3 .4s ease-in-out}
@-webkit-keyframes scale3{0%,100%{-webkit-transform:scale(1)}
60%{-webkit-transform:scale(3)}
}
@keyframes scale3{0%,100%{transform:scale(1)}
60%{transform:scale(3)}
}
.scale1_5{-webkit-animation:scale1_5 .4s ease-in-out;animation:scale1_5 .4s ease-in-out}
@-webkit-keyframes scale1_5{0%,100%{-webkit-transform:scale(1)}
60%{-webkit-transform:scale(1.5)}
}
@keyframes scale1_5{0%,100%{transform:scale(1)}
60%{transform:scale(1.5)}
}
.input-checkbox{position:relative;width:1rem;height:1rem;margin:0 3px 0 0;border:transparent;background:0 0}
.input-checkbox:before{position:absolute;top:0;left:0;content:'';bottom:0;right:0;border-width:.15rem;border-style:solid;text-align:center;font-size:.77rem;line-height:1rem;transition:border .25s,background-color .25s;border-radius:.15rem;border-color:var(--theme-color);color:transparent;background:var(--theme-background-color-light)}
.article-comments .op .text,.article-meta .my-friend,.input-checkbox:checked:before{background:var(--theme-color)}
.input-checkbox:after{position:absolute;bottom:.2rem;left:.3rem;content:'';width:0;height:0;border:2px solid #fff;border-width:0 .15rem .15rem 0;transform:rotateZ(0) scale(0);transition:transform .25s,width .2s .1s,height .2s .1s}
.input-checkbox:checked:after{width:.3rem;height:.6rem;transform:rotateZ(37deg) scale(1)}
.f-border{position:absolute;top:0;left:0;right:0;min-height:45px;height:3rem;background-color:var(--theme-background-color)}
.ios7.native-app .ios-statusbar,.ios7.standalone .ios-statusbar{top:-20px;height:20px}
.ios7.native-app.orientation-portrait .ios-statusbar,.ios7.standalone.orientation-portrait .ios-statusbar{height:env(safe-area-inset-top)}
.ios7.native-app.orientation-landscape .ios-statusbar,.ios7.standalone.orientation-landscape .ios-statusbar{left:env(safe-area-inset-left)}
.header{min-height:45px;height:3rem;color:rgba(255,255,255,.7);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.header a{color:inherit;cursor:pointer}
.header a:active{background:rgba(0,0,0,.06)}
.header h1{margin:0 100px;font-size:1rem;line-height:45px;font-weight:400;color:rgba(255,255,255,.6)}
.rem .header h1{line-height:3}
.retina .header h1{font-weight:300;color:rgba(255,255,255,.8)}
.header .hidden{display:none}
.header h1.center{margin:0 50px}
.header h1 .top{padding:6px 0 2px;font-size:.93rem}
.rem .header h1 .top{padding:.4rem 0 .06rem}
.header .l-menu{position:absolute;top:0;left:0}
.header .r-menu{position:absolute;top:0;right:0}
.header .menu li{vertical-align:middle}
.header .l-menu a,.header .r-menu a{display:inline-block;text-align:center}
.header .icon{font-size:1.5rem;display:inline-block;width:45px;height:45px;line-height:45px;color:rgba(255,255,255,.7)}
.rem .header .icon{line-height:2;height:3rem}
.header .text{display:inline-block;font-size:.93rem;line-height:45px;padding:0 5px}
.rem .header .text{line-height:3rem;padding:0 .35rem}
.header a.article-self-true,.native-app .header .icon-twitter,.native-app.ios .header .share-android,.native-app.ios .header .share-web,.native-app.ios .header .share-windows,.web .header .share-android,.web .header .share-ios,.web .header .share-windows{display:none}
.header .title-center{text-align:center;white-space:pre;overflow:hidden;text-overflow:ellipsis}
.logged-in .page-home .header .title-center{margin-right:140px}
.logged-in .header .logged-in-user{display:block}
.header .logged-in-user .icon{opacity:.2}
.header .logged-in-user .text{position:absolute;top:0;width:45px;text-align:center;border-radius:5px;opacity:.8;line-height:45px;font-size:.85rem}
.rem .header .logged-in-user .text{width:2.5rem;line-height:3rem}
.header .icon-pocket{opacity:.5}
.enable-readability .header .icon-pocket,.header .icon-readability{display:none}
.enable-pocket .header .icon-pocket,.enable-readability .header .icon-readability{opacity:1;display:inline-block}
.header .two-line-text{display:table-cell!important;vertical-align:middle;height:45px;margin-left:2px;padding:0 7px;line-height:1.25}
.rem .header .two-line-text{height:3rem;padding:0 .4rem}
.header .two-line-text .bottom,.header .two-line-text .top{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;text-align:left}
.header .two-line-text .bottom{font-size:.85rem;font-weight:100}
.header .info-bubble{position:absolute;top:3px;right:0;min-width:13px;padding:0 4px;font-size:77%;border-radius:2px;text-align:center;line-height:1.3}
.rem .header .info-bubble{padding:0 .25rem}
.header .show-submenu .toggle-submenu{background:rgba(0,0,0,.05)}
.header .submenu{display:none;list-style:none;position:absolute;top:100%;margin:0 0 0 -5px;padding:0;min-width:250px;z-index:100;background:var(--theme-background-color)}
.weird-dpi .header .submenu{margin-top:-1px}
.header .r-menu .submenu{right:0}
.header .show-submenu .submenu{display:block;box-shadow:0 4px 10px -4px rgba(0,0,0,.81)}
.header .show-submenu .submenu:before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}
.ie .header .show-submenu .submenu:before{display:none}
.header .submenu li{background-color:rgba(0,0,0,.05);border-top:.5px solid rgba(255,255,255,.1)}
.header .submenu li:first-child{border-top:none}
.header .submenu a{position:relative;display:block;text-align:left;padding:9px 10px}
.header .submenu a.selected{opacity:.5}
.non-touch .header .submenu li a:hover{background:rgba(0,0,0,.06)}
.header .submenu .icon{width:25px;height:30px;line-height:30px;vertical-align:middle;text-align:center;font-size:1.13rem;opacity:.8}
.header .submenu .text{line-height:1.6;vertical-align:middle;padding-left:7px;max-width:14rem;width:85%;overflow:hidden;text-overflow:ellipsis}
.header .submenu .info-bubble{width:auto;right:10px;padding:2px 3px}
.layout,.page,.pages-container .pagebd-container{position:absolute;right:0;bottom:0;left:0}
.header .submenu .info-bubble:empty{display:none}
.header .submenu li b{display:inline-block;padding:8px 10px;color:inherit;opacity:.5;font-weight:inherit;vertical-align:middle}
.header .submenu li div{display:inline-block;vertical-align:middle}
.header .submenu .multiple a{display:inline-block;margin:2px 3px 2px -1px;padding:6px 7px;background:rgba(255,255,255,.06)}
.header .submenu .icons-only{overflow:hidden}
.header .submenu .icons-only a{float:left;width:25%;margin:0;padding:9px 0;background:0 0;text-align:center}
.article-meta,.pages-container .header-container{background-color:var(--theme-background-color)}
.header .submenu .icons-text a{padding:3px 0 6px}
.header .submenu .icons-text .text{display:block;padding:0;width:100%;font-size:83%;overflow:hidden}
@media (min-width:360px){.header .submenu .icons-text .text{font-size:93%}
}
.header .submenu .icons-only.three a{width:33.3%}
.header .submenu .multiple a .icon{margin:0}
.header .submenu .toggle-fullscreen-container{display:none}
.mac-app.fullscreen-enabled .header .submenu .toggle-fullscreen-container,.web.fullscreen-enabled .header .submenu .toggle-fullscreen-container{display:block}
.header .submenu .share-one-item{overflow:hidden;text-overflow:ellipsis;white-space:pre}
.layout{top:0;z-index:1}
.ios7.native-app .touch,.ios7.standalone .touch{top:20px}
.ios7.native-app.orientation-portrait .touch,.ios7.standalone.orientation-portrait .touch{top:env(safe-area-inset-top)}
.pages-container{overflow:hidden}
.pages-container .pagebd-container{top:max(45px,3rem);overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-transition:bottom .1s ease;transition:bottom .1s ease;scroll-behavior:smooth}
.page{top:0}
.page-home{display:none}
@media only screen and (min-width:768px){.split-view .page{display:block!important}
.split-view .page-options,.split-view .page-stories{left:0;right:auto}
}
@media only screen and (min-width:1280px){.layout-fixed{padding:20px}
.layout-fixed .flexible-layout-bg{position:absolute;top:0;right:0;left:0;height:195px}
.layout-fixed .layout{position:relative;margin:0 auto;height:100%;width:1120px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 5px -1px rgba(0,0,0,.4)}
}
.article-meta{min-height:120px;background-image:linear-gradient(0deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 100%);border-bottom:5px solid var(--theme-background-color);xborder-image-source:linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05))}
.article-meta .article-meta-items{padding:.66rem 15px 10px}
.article-meta h3{margin:0;padding:0 0 .333rem;font-size:107%;font-weight:400;color:rgba(255,255,255,.85);line-height:1.3}
.article-meta span{display:inline-block;padding:5px;font-weight:300;line-height:1;font-size:93%;white-space:pre;color:rgba(255,255,255,.5)}
.article-meta span+span{padding-right:10px;padding-left:0}
.article-meta .link{color:rgba(255,255,255,.65)}
.article-meta .url{display:block;padding-top:.334rem;white-space:pre;text-overflow:ellipsis;overflow:hidden}
.article-meta .my-friend{padding:2px 4px;font-size:.85rem}
.article-meta .points{background:rgba(0,0,0,.03);border-radius:3px}
.article-meta .text{padding-top:.334rem}
.article-meta .icon{padding:2px 5px 2px 0}
.article-meta.article-self-true .article-url{display:none}
.article-meta .show-link-options{position:relative;margin-left:-15px;padding-left:15px}
.article-meta .show-link-options .more:after{content:'';position:absolute;left:0;bottom:-10px;width:45px;height:45px}
.article-meta .self-poll,.article-meta .self-text{padding:10px 15px;border-top:.5px solid var(--theme-background-color);background-image:linear-gradient(0deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.9) 100%)}
.theme-dark .article-meta .self-poll,.theme-dark .article-meta .self-text{background:rgba(0,0,0,.5)}
.article-meta .self-text h3{color:inherit}
.article-meta .self-text a{word-break:break-all}
.article-meta .self-text hr{border-top:0;border-bottom:.5px solid #888}
.article-meta .self-text td,.article-meta .self-text th{border:.5px solid rgba(128,128,128,.1);padding:7px 10px}
.article-meta .self-text span{display:inline;color:inherit;font-weight:400;white-space:normal}
.article-meta .self-text strong{font-weight:600}
.article-meta .self-text th{background:rgba(128,128,128,.15);font-weight:600}
.article-meta .self-text td{empty-cells:show}
.article-meta .self-text tr:nth-child(2n){background:rgba(128,128,128,.05)}
.article-meta .self-poll{padding-bottom:15px;margin-top:9px}
.article-meta .self-poll ol{margin:0;padding:0;list-style:none}
.article-meta .self-poll li{margin:1px 0}
.article-meta .self-poll em{position:absolute;width:40px;padding-right:5px;text-align:right;font-style:normal;font-weight:300}
.article-meta .self-poll div{display:block;margin-left:40px;padding:0 5px;background-image:linear-gradient(to right,rgba(0,0,0,.12),rgba(0,0,0,.06));background-repeat:no-repeat}
.theme-dark .article-meta .self-poll div{background-image:linear-gradient(to right,rgba(255,255,255,.12),rgba(255,255,255,.06))}
.article-meta .toggle-iama-comments{display:block;background:rgba(0,0,0,.1);padding:10px 15px}
.article-meta .toggle-iama-comments:hover{background:rgba(0,0,0,.2)}
.article-meta .toggle-iama-comments .text{font-weight:400;padding-left:10px}
.article-meta .toggle-iama-comments .icon{padding:1px;border:.5px solid;opacity:.2}
.article-meta .toggle-iama-comments.selected .icon{opacity:1}
.article-meta .self-text iframe,.article-meta .self-text img,.article-meta .self-text video{display:block;margin:0 auto;max-width:100%;max-height:calc(100vh - 50px)}
.article-meta .self-text.pictures{position:relative;z-index:10;padding:0;text-align:center}
.article-meta .self-text.pictures .pictures+.pictures{padding-top:10px}
.article-meta .self-text.open-graph{max-width:500px;padding:5px;margin:10px}
.article-meta .self-text blockquote{margin:0;padding:15px}
.article-meta .self-text p{margin:0}
.article-meta .self-text p+p{margin:1rem 0}
.article-meta .open-graph .title{margin:7px;padding:0;font-size:inherit;font-weight:600;line-height:1.6;overflow-wrap:break-word;word-wrap:break-word}
.article-meta .open-graph.self-text p{margin:7px}
.article-meta .hidden{display:none}
.pull-to-refresh-content .scrollable-content{-webkit-transition-duration:0;transition-duration:0}
.pull-to-refresh-content .scrollable-content.transitioning{-webkit-transition-duration:.3s;transition-duration:.3s}
.pull-to-refresh-content .scrollable-content.refreshing{-webkit-transform:translate3d(0,45px,0);transform:translate3d(0,45px,0)}
.pull-to-refresh-layer{position:absolute;top:-45px;left:0;right:0;height:45px;text-align:center;overflow:hidden}
.app-modal,.form-modal{top:0;right:0;bottom:0}
.pull-to-refresh-container{margin:auto;height:45px;padding-top:10px}
.pull-to-refresh-layer .text{font-size:1rem;display:inline-block;vertical-align:middle;line-height:45px;height:45px;width:0;text-align:left}
.pull-to-refresh-layer .loader{width:30px;height:30px;line-height:30px;display:inline-block;vertical-align:middle;border-radius:50%;color:#fff;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:none;animation:none}
.android .pull-to-refresh-layer .loader{-webkit-transition-duration:.3s;transition-duration:.3s}
.scrollable-content.refreshing .loader{color:transparent;background:0 0;border-top-width:1px;border-top-style:solid;-webkit-animation:spinner 1.3s cubic-bezier(.75,0,.5,1) infinite normal;animation:spinner 1.3s cubic-bezier(.75,0,.5,1) infinite normal}
.pull-to-refresh-layer .rotate-loader-half{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.app-modal{position:fixed;left:0;z-index:-1;display:flex;align-items:center;flex-direction:column;justify-content:center;transform:scale(0);animation:popout .3s 1 ease forwards}
.app-modal.show-modal{z-index:1000;animation:popup .3s 1 cubic-bezier(.42,0,.47,.98) forwards}
.app-modal ul{min-width:250px;width:20rem;margin:20px auto 0;border-radius:3px;box-shadow:0 4px 10px -4px rgba(0,0,0,.81);max-width:calc(100vw - 3rem);background:var(--theme-background-color)}
.app-modal li{background:rgba(0,0,0,.05)}
.app-modal .three-items .item{float:left;width:33%;line-height:2.9;color:rgba(255,255,255,.8)}
.app-modal li a{display:block;padding:9px 20px;border-top:.5px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);overflow:hidden;white-space:pre;text-overflow:ellipsis}
.non-touch .app-modal .item:hover,.non-touch .app-modal li a:hover{background:rgba(255,255,255,.08)}
.app-modal li:first-child a,.app-modal li:last-child a{border:none}
.app-modal .hide-modal{text-align:center;text-transform:uppercase;background:rgba(0,0,0,.1)}
.theme-dark .app-modal .hide-modal{background:rgba(255,255,255,.075)}
.app-modal .icons-only a{float:left;width:25%;margin:0;padding:9px 0;background:0 0;text-align:center}
.app-modal .icons-only.three a{width:33.3%}
.app-modal .readlater-cookie,.app-modal .yc-login{padding:5px 20px 20px;color:#eee}
.app-modal .readlater-cookie a,.app-modal .yc-login a{padding:5px 10px;color:#fff}
@keyframes popup{0%{transform:scale3d(0,0,0);z-index:200;opacity:1}
75%{transform:scale(1.08)}
100%{transform:scale3d(1,1,1);z-index:200}
}
@keyframes popout{0%{transform:scale3d(1,1,1);z-index:200;opacity:1}
99%{z-index:200;opacity:1}
100%{transform:scale3d(0,0,0);z-index:-1;opacity:0}
}
.app-modal .app-modal-prompt{padding:10px 15px;min-width:280px;color:#fff;border-radius:2px;box-shadow:0 4px 10px -4px rgba(0,0,0,.81);background-color:var(--theme-background-color)}
.app-modal .app-modal-prompt .dim{opacity:.5}
.app-modal .app-modal-prompt .input-text{width:100%;margin:10px 0;padding:6px 10px;background:rgba(255,255,255,.1);color:inherit;border:1px solid transparent;border-bottom-color:rgba(255,255,255,.4)}
.app-modal .app-modal-prompt .input-text:focus{outline:0;border-color:rgba(255,255,255,.4)}
.app-modal .app-modal-prompt .input-text::placeholder{color:rgba(255,255,255,.4)}
.app-modal .app-modal-prompt .actions{text-align:right}
.app-modal .app-modal-prompt .button{margin:5px 0;padding:5px 20px;color:inherit;border-radius:2px}
.app-modal .app-modal-prompt .button-save{background:rgba(0,0,0,.15)}
.app-modal .vote-up.likes-selected{color:#ff4500}
.app-modal .vote-down.likes-selected{color:#8786FF}
.app-modal .top-border{border-top:.5px solid rgba(255,255,255,.3)}
.app-modal .bottom-border{border-bottom:.5px solid rgba(255,255,255,.3)}
.app-flash-message{position:fixed;top:55px;right:10px;padding:5px 15px;max-width:90%;z-index:-1;background:rgba(40,40,40,.9);border-radius:5px;color:#ccc;opacity:0;word-break:break-word}
.animation-options li a.selected:after,.font-family li a.selected:after,.font-size li a.selected:after{width:10px;border-radius:50%;content:'';height:10px;background-color:var(--theme-color)}
.app-flash-message.show-flash-message{z-index:200;-webkit-animation:popup .3s 1 ease forwards;animation:popup .3s 1 ease forwards}
@-webkit-keyframes popup{0%{-webkit-transform:scale(0);z-index:200}
75%{-webkit-transform:scale(1.08)}
100%{-webkit-transform:scale(1);z-index:200;opacity:1}
}
@-webkit-keyframes popout{0%{-webkit-transform:scale(1);z-index:200;opacity:1}
99%{z-index:200}
100%{-webkit-transform:scale(0);z-index:-1;opacity:0}
}
@keyframes popup{0%{transform:scale(0);z-index:200}
75%{transform:scale(1.08)}
100%{transform:scale(1);z-index:200;opacity:1}
}
@keyframes popout{0%{transform:scale(1);z-index:200;opacity:1}
99%{z-index:200}
100%{transform:scale(0);z-index:-1;opacity:0}
}
.animation-options li a.selected:after,.font-family li a.selected:after{position:absolute;right:0;margin:7px 12px 0 0}
.font-size li{float:left;vertical-align:bottom}
.font-size li a{position:relative;display:block;color:inherit;text-align:center;min-width:2.71rem;min-height:2.71rem;line-height:2.71rem;max-width:49px;padding-top:5px}
.font-size li a.selected:after{position:absolute;left:50%;bottom:0;margin:0 0 -8px -5px}
.form-modal{position:fixed;left:0;background:rgba(0,0,0,.3);z-index:500}
.form-reply{margin:10px auto;max-width:800px;border-radius:1px;box-shadow:0 5px 10px -5px rgba(0,0,0,.9);opacity:.97;-webkit-transition:-webkit-transform .4s cubic-bezier(.65,.05,.36,1);transition:transform .4s cubic-bezier(.65,.05,.36,1);-webkit-transform:scale(.01);transform:scale(.01);-webkit-transform-origin:50% 100vh;transform-origin:50% 100vh}
.form-reply.show{transform:scale(1)}
.form-reply .textarea-container{padding:5px;border-width:1px;border-style:solid;max-height:calc(100vh - 85px)!important}
.android .form-reply .textarea-container{max-height:calc(100vh - 130px)!important}
.form-reply textarea{width:100%;height:100%;min-height:140px;border:0;background:0 0;outline:0;resize:none;color:inherit;overflow:auto}
.form-reply .cancel,.form-reply .clear{opacity:.4}
.form-reply .buttons{padding:5px 0 0;text-align:right}
.form-reply .button{padding:10px 10px 5px;border:none;color:inherit;outline:0}
.form-reply .button-submit{padding:5px 20px;color:#fff}
.form-reply .button:active{outline:0;text-decoration:underline}
.form-reply .user{float:left;padding:10px 0 5px;opacity:.4}
.read-later .dim,.yc-login-options .dim{opacity:.6}
.layout-flexibility li a.selected:after,.layout-navigation li a.selected:after,.layout-split li a.selected:after,.native-browser-options li a.selected:after,.read-later li a.selected:after{position:absolute;right:0;content:'';height:10px;width:10px;margin:7px 12px 0 0;border-radius:50%;background-color:var(--theme-color)}
.themes-container{padding:10px 15px}
.themes-container li{float:left}
.themes-container li a{position:relative;display:block;margin:0;padding:0;width:2.71rem;height:2.71rem}
.themes-container li a.selected-color:after{position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px;content:'';height:10px;width:10px;background:rgba(255,255,255,.6);border-radius:50%}
.theme-style li a.selected:after,.yc-login-options li a.selected:after{right:0;content:'';height:10px;width:10px;margin:7px 12px 0 0;border-radius:50%;position:absolute}
.theme-style li a.selected:after{background-color:var(--theme-color)}
.page-article-content .article-content{padding:10px 15px;min-height:60%}
.page-article-content .article-content h1,.page-article-content .article-content h2,.page-article-content .article-content h3{font-weight:400}
.page-article-content .article-content img{max-width:100%;display:block;margin:0 auto;padding:4px}
.page-article-content .article-content blockquote{margin:5px 0;padding:1px 0 1px 15px;border-left:4px solid rgba(0,0,0,.1);background:rgba(0,0,0,.05)}
.page-article-content .article-content pre{font-size:79%}
.page-article-content .article-content table{border:2px solid #bbb}
.page-article-content .article-content td{padding:3px 5px;border-color:#ddd}
.page-article-content .article-content tr:nth-child(2n){background:#f9f9f9}
.page-article-content .article-content th{padding:3px 5px;background:#eee}
.page-article-content .article-content figcaption{font-size:.93rem;opacity:.5}
.page-article-content .open-graph{max-width:500px;padding:0;margin:0 0 20px}
.page-article-content .open-graph img{width:100%}
.page-article-content .open-graph .description{margin-top:10px;padding:0 4px}
.page-article-content .open-graph .title{margin:0;padding:10px 4px 0;font-weight:600;line-height:1.6}
@media only screen and (min-width :768px){.split-view .page-article-content .header .back-home{display:none}
}
.page-comments .article-meta .post-options{text-align:center}
.page-comments .article-meta .post-options a{display:inline-block;margin:18px 10px 0;padding:5px 10px 10px;min-width:70px;font-weight:400;background:rgba(0,0,0,.1)}
.page-comments .article-meta .post-options .text{display:block;font-weight:400;padding:0}
.page-comments .article-meta .post-options .icon{display:inline-block;padding:0;font-weight:400}
.article-comments{overflow:hidden;min-height:60%}
.article-comments .selected>.comment,.article-comments .selected>.load-more-kids{box-shadow:3px 0 0 var(--theme-color) inset}
.article-comments .time-ago{display:inline-block;padding:7px 5px 10px}
.article-comments .author{display:inline-block;padding:7px 10px 10px;color:var(--theme-color)}
.article-comments .op .icon,.logged-in .article-comments .author .icon,.logged-in .article-comments .time-ago .icon{display:none}
.logged-in .article-comments .author{padding:7px 4px 10px}
.article-comments .icon{padding:8px 0 8px 5px;opacity:.6;vertical-align:middle;font-size:85%}
.article-comments .reply-comment,.article-comments .vote{padding:7px 10px 10px;opacity:1}
.article-comments .text{padding:5px 5px 5px 0;vertical-align:middle;line-height:1}
.article-comments .op .text{padding-left:5px;margin-left:5px;color:#fff}
.page-options .options-list li .buttons a,.page-options .options-list li .buttons button,.page-options input{margin:0;color:var(--theme-color)}
.article-comments time{color:#888}
.article-comments ul{margin:0;padding:0;list-style:none}
.article-comments .kid{border-top:.5px solid rgba(0,0,0,.09)}
.theme-dark .article-comments .kid{border-top-color:rgba(255,255,255,.13)}
.article-comments .kids .kids{border-left:14px solid rgba(0,0,0,.05);margin-left:1px}
.theme-dark .article-comments .kids .kids{border-left-color:rgba(255,255,255,.09)}
.article-comments .comment-text{padding:10px 15px;margin:-10px 0 0}
.article-comments .comment-meta{cursor:pointer}
.article-comments .comment-meta .reply-comment{display:inline-block;padding:7px 10px 10px}
.article-comments .comments-count,.article-comments .hide-children .comment-text,.article-comments .hide-children .kids,.article-comments .hide-children .reply-comment{display:none}
.article-comments .hide-children .text{font-weight:300}
.article-comments .hide-children .comments-count{display:inline-block;padding:0 5px;line-height:1;vertical-align:middle}
.article-comments-help{display:none}
.non-touch .article-comments-help{display:block;padding:10px;text-align:center;background:rgba(0,0,0,.1)}
.theme-dark .article-comments-help{background:rgba(255,255,255,.1)}
.article-comments-help div{display:inline-block;margin:0 15px}
.keyboard-key{color:#777;display:inline-block;background:#eee;border-radius:4px;box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;box-sizing:border-box;border-top:1px solid #efefef;height:35px;margin:0 4px;padding-top:5px;text-align:center;width:35px}
.native .page-home .download,.page-options .header .my-profile .icon,.page-options .header .my-profile-container{display:none}
.theme-dark .keyboard-key{background:#444;box-shadow:inset 0 0 25px #222,0 1px 0 #333,0 2px 0 #555,0 2px 3px #333;border-top-color:#111}
.article-comments .comment a{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.article-comments .comment p{margin:10px 0}
@media only screen and (min-width :768px){.split-view .page-comments .header .back-home{display:none}
}
.page-home .bd{padding:10px 15px;font-weight:100}
.page-home .bd .no-story{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-100px;text-align:center;font-size:200%;color:rgba(128,128,128,.4)}
.page-home .download{position:absolute;bottom:10px;left:10px;font-size:78%;color:rgba(128,128,128,.6)}
.page-home .twitter{position:absolute;bottom:10px;right:10px;font-size:128%}
.page-options .scrollable-content{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.page-options .options-action{position:absolute;top:0;left:0;right:0;overflow:hidden;opacity:.96;font-weight:300;z-index:10;background:var(--theme-background-color)}
.page-options .option-component a:active,.page-options .options-action a:active{background-color:rgba(0,0,0,.02)}
.page-options .options-action li{float:left;width:33.3%;text-align:center}
.page-options .options-action a{display:block;line-height:34px;color:rgba(255,255,255,.95);border-bottom:4px solid transparent}
.page-options .options-action .selected{border-bottom:4px solid rgba(255,255,255,.4)}
.page-options .option-component{padding-top:38px;display:none}
.page-options .option-component.selected{display:block}
.page-options .option-component p{padding:0 15px}
.page-options .option-component h3{padding:5px 15px;margin-bottom:0;font-size:.94rem;font-weight:600;text-transform:uppercase;border-bottom:1.5px solid var(--theme-color);color:var(--theme-color)}
.page-options .options-list a .icon{padding-right:10px}
.page-options input{width:100%;padding:10px 15px;border:0;font-weight:400;outline:0;background:0 0}
.page-options .options-list li{position:relative}
.page-options .options-list li .buttons{position:absolute;right:0;top:0;font-size:1rem;display:grid;grid-template-columns:repeat(3,1fr)}
.page-profile .bd{padding:15px}
.page-profile h2{margin:0 0 10px}
.page-profile .center{text-align:center}
.page-profile .name{font-size:2rem}
.page-profile .about{padding-top:20px}
.page-stories .header .my-profile-container{display:none}
.page-stories .header .my-profile{position:relative}
.page-stories .header .my-profile .icon{opacity:.2}
.page-stories .header .my-profile .text{position:absolute;left:0;right:0;overflow:hidden;padding:0}
.page-stories .refresh-fp{display:none;text-align:center;padding:14px;border-bottom:2px solid #f60}
.page-stories .refresh-fp.show{display:block}
.page-stories .form-search.hidden{display:none}
.page-stories .form-search{padding:5px;background:var(--theme-background-color)}
.page-stories .form-search .field-search .icon{position:absolute;width:40px;line-height:40px;text-align:center;font-size:20px;opacity:.9}
.rem .page-stories .form-search .field-search .icon{font-size:1.3rem;line-height:2.6rem}
.page-stories .input-field{position:relative;padding:10px 10px 10px 40px;width:100%;border:0;color:inherit;background:0 0;outline:0}
.page-stories .stories-list:nth-child(n+2){border-top:2px solid var(--theme-color);min-height:100px}
.page-stories .bd li{position:relative;border-bottom:.5px solid rgba(0,0,0,.07)}
.theme-dark .page-stories .bd li{border-bottom:.5px solid rgba(255,255,255,.15)}
.page-stories .bd .active{box-shadow:3px 0 0 var(--theme-color) inset}
.page-stories .bd .upvote{display:none}
.page-stories .bd .upvoted-true .upvote{display:none;position:absolute;bottom:0;left:0;right:0;padding-bottom:15px;opacity:.3}
.page-stories .bd a{display:block;color:var(--theme-text-color);padding:10px 15px}
.page-stories .bd a:active{background:rgba(0,0,0,.02)}
.page-stories .visited{opacity:.5}
.page-stories .bd .story{margin-right:50px}
.page-stories .bd .comments{position:absolute;top:0;right:0;bottom:1px;width:50px;padding:12px 0;text-align:center}
.page-stories .bd .points{position:absolute;bottom:10px;left:0;right:0;background:rgba(0,0,0,.031);padding:3px}
.page-stories .bd h3{margin:0;font-size:107%;font-weight:400;line-height:1.3;padding-bottom:5px;word-break:break-word}
.page-stories .bd span{display:inline-block;padding:3px 3px 3px 0;font-weight:300;line-height:1;font-size:.86rem;white-space:pre;opacity:.6}
.page-stories .bd .url{display:block;padding-left:0;overflow:hidden;white-space:pre;text-overflow:ellipsis}
.alt-layout .change-layout.alt,.change-layout.default,.page-stories .scroll-bottom-promo{display:none}
.page-stories .more a.load-more{padding:10px 0;text-align:center;font-weight:400;background:rgba(0,0,0,.1)}
.page-stories .empty-list{margin:100px 0;font-size:200%;font-weight:300;text-align:center}
.alt-layout .pages-container .pagebd-container{top:0;bottom:max(45px,3rem)}
.alt-layout .header-container{position:absolute;left:0;right:0;bottom:0}
.alt-layout .f-border{top:auto;min-height:45px;height:3rem;bottom:0}
.alt-layout .header .submenu{bottom:100%;top:auto;box-shadow:0 -4px 10px -4px rgba(0,0,0,.81)}
.alt-layout .change-layout.default{display:block}