Rinser/html/css/read.css

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
}
abbr[title] {
  border-bottom: 1px dotted
}
dfn {
  font-style: italic
}
hr {
  box-sizing: content-box
}
mark {
  background: #ff0;
  color: #000
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}
pre {
  white-space: pre-wrap
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 0
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
img {
  height: auto;
  max-width: 100%
}
embed,
object {
  max-width: 100%
}
img {
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle
}
textarea {
  height: auto
}
select {
  width: 100%
}
::-moz-selection {
  background: #cfeceb;
  text-shadow: none
}
::selection {
  background: #cfeceb;
  text-shadow: none
}
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
  direction: ltr;
  margin: 0;
  padding: 0
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}
.clearfix:after {
  clear: both
}
.lt-ie8 .clearfix {
  zoom: 1
}

p {
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility
}
p aside {
  font-size: .875em;
  font-style: italic;
  line-height: 1.35
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #313131;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2125em;
  margin-bottom: .5em;
  margin-top: .2em;
  text-rendering: optimizeLegibility
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #6f6f6f;
  font-size: 60%;
  line-height: 0
}
h1 {
  font-size: 2.125em
}
h2 {
  font-size: 1.6875em
}
h3 {
  font-size: 1.375em
}
h4,
h5 {
  font-size: 1.125em
}
h6 {
  font-size: 1em
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25em 0 1.1875em
}
em,
i {
  font-style: italic;
  line-height: inherit
}
b,
strong {
  font-weight: 700;
  line-height: inherit
}
small {
  font-size: 60%;
  line-height: inherit
}
code {
  color: #7f0a0c;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: 700
}
dl,
ol,
ul {
  font-family: inherit;
  font-size: 1em;
  line-height: 1.5;
  list-style-position: outside;
  margin-bottom: 1.25em
}
ul li ol,
ul li ul {
  font-size: 1em;
  margin-bottom: 0;
  margin-left: 1.25em
}
.list-circle li ul,
.list-disc li ul,
.list-square li ul {
  list-style: inherit
}
.list-square {
  list-style-type: square
}
.list-circle {
  list-style-type: circle
}
.list-disc {
  list-style-type: disc
}
.list-no-bullet {
  list-style: none
}
ol li ol,
ol li ul {
  margin-bottom: 0;
  margin-left: 1.25em
}
dl dt {
  font-weight: 700;
  margin-bottom: .3em
}
dl dd {
  margin-bottom: .75em
}
abbr,
acronym {
  border-bottom: 1px dotted #ddd;
  color: #222;
  cursor: help;
  font-size: 90%;
  text-transform: uppercase
}
abbr {
  text-transform: none
}
blockquote {
  border-left: 1px solid #ddd;
  margin: 0 0 1.25em;
  padding: .5625em 1.25em 0 1.1875em
}
blockquote cite {
  color: #555;
  display: block;
  font-size: .8125em
}
blockquote cite:before {
  content: "\2014 \0020"
}
blockquote cite a,
blockquote cite a:visited {
  color: #555
}
blockquote,
blockquote p {
  color: #6f6f6f;
  line-height: 1.5
}
@media only screen and (min-width: 48em) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.4
  }
  h1 {
    font-size: 2.75em
  }
  h2 {
    font-size: 2.3125em
  }
  h3 {
    font-size: 1.6875em
  }
  h4 {
    font-size: 1.4375em
  }
}
.print-only {
  display: none!important
}
@media print {
  * {
    background: 0 0!important;
    box-shadow: none!important;
    color: #000!important;
    text-shadow: none!important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img,
  tr {
    page-break-inside: avoid
  }
  img {
    max-width: 100%!important
  }
  @page {
    margin: 2cm
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
  .hide-on-print {
    display: none!important
  }
  .print-only {
    display: block!important
  }
  .hide-for-print {
    display: none!important
  }
  .show-for-print {
    display: inherit!important
  }
}
.header-nav-container {
  left: .5em;
  top: .5em;
  position: absolute;
  z-index: 2
}
@media only screen and (min-width: 38em) {
  .header-nav-container {
    left: 1em;
    top: .9em
  }
}
.header-nav-toggle {
  display: block;
  padding: 10px 20px 16px 0;
  margin-top: .2em;
  margin-left: .2em;
  position: relative;
  -webkit-tap-highlight-color: transparent
}
@media only screen and (min-width: 65em) {
  .pkt-nav .icons .header-nav-toggle {
    display: none
  }
}
.toolbar_queue .icons .header-nav-toggle {
  background-image: none;
  margin: 1.1em 0 0;
  padding: 10px 5px 0 0
}
.flexbox .toolbar_queue .header-nav-toggle {
  margin-top: .6em
}
.header-nav-toggle span,
.header-nav-toggle span:after,
.header-nav-toggle span:before {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 20px;
  background: #313131;
  position: absolute;
  display: block;
  content: ' '
}
.page-skindark .header-nav-toggle span,
.page-skindark .header-nav-toggle span:after,
.page-skindark .header-nav-toggle span:before {
  background: #ccc
}
.header-nav-toggle span:before {
  top: -6px
}
.header-nav-toggle span:after {
  bottom: -6px
}
.header-nav-toggle span,
.header-nav-toggle span:after,
.header-nav-toggle span:before {
  -webkit-transition: -webkit-transform .25s ease-out, top .25s ease-out, bottom .25s ease-out, background-color .2s ease-out;
  transition: transform .25s ease-out, top .25s ease-out, bottom .25s ease-out, background-color .2s ease-out
}
.csstransforms .header-nav-toggle-close {
  display: inline-block;
  float: right;
  margin-top: .5em;
  margin-right: .2em;
  overflow: hidden;
  padding: .6em 2em .7em 0;
  text-indent: -10em
}
@media only screen and (min-width: 65em) {
  .csstransforms .header-nav-toggle-close {
    display: none
  }
}
.csstransforms .header-nav-toggle-close span {
  background-color: transparent
}
.csstransforms .header-nav-toggle-close span:after,
.csstransforms .header-nav-toggle-close span:before {
  background-color: #979797;
  top: 0;
  height: 3px;
  width: 16px
}
.csstransforms .header-nav-toggle-close span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.csstransforms .header-nav-toggle-close span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.side-screen {
  background: #000;
  background: rgba(0, 0, 0, .3);
  left: 0;
  height: 100%;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  top: 0;
  width: 100%;
  z-index: 6000;
  -webkit-tap-highlight-color: transparent
}
.side-screen-processing {
  background: #000;
  background: rgba(0, 0, 0, .7)
}
.csstransforms3d .side-screen {
  -webkit-transition: opacity .3s ease-out, visibility .3s ease-out;
  transition: opacity .3s ease-out, visibility .3s ease-out
}
.side-screen-active {
  opacity: 1;
  visibility: visible
}
.side-nav {
  background: #fff;
  left: -19.84615em;
  height: 100%;
  overflow-x: visible;
  position: fixed;
  top: 0;
  width: 19.84615em;
  z-index: 7000
}
@media only screen and (min-width: 65em) {
  .side-nav {
    box-sizing: border-box;
    left: auto;
    background: #f4f4f6;
    padding-left: 3.07692em;
    width: 10em
  }
  .page-app-ru-ru .side-nav {
    width: 11em
  }
}
.page-skindark .side-nav {
  background-color: #292929;
  color: #fff
}
@media only screen and (min-width: 65em) {
  .page-skindark .side-nav {
    background-color: #1f1f1f
  }
}
.touch .side-nav {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}
@media only screen and (min-width: 30em) and (min-height: 26em) {
  .touch .side-nav {
    overflow-y: visible
  }
}
.touch .sidenav-tagbreakout {
  overflow-y: visible
}
.side-nav-active {
  left: 0
}
.csstransforms3d .side-nav {
  left: 0;
  -webkit-transition: -webkit-transform .4s ease-out, background-color .2s ease-out;
  transition: transform .4s ease-out, background-color .2s ease-out;
  -webkit-transform: translate3d(-19.84615em, 0, 0);
  transform: translate3d(-19.84615em, 0, 0)
}
@media only screen and (min-width: 65em) {
  .csstransforms3d .side-nav {
    left: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: none;
    transition: none
  }
}
.csstransforms3d .side-nav-active {
  -webkit-transition: -webkit-transform .4s ease-out .1s;
  transition: transform .4s ease-out .1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
@media only screen and (min-width: 65em) {
  .side-nav-forcehidden {
    left: -10em
  }
}
@media only screen and (min-width: 65em) {
  .page-app-ru-ru .side-nav-forcehidden {
    left: -11em
  }
}
@media only screen and (min-width: 65em) {
  .csstransforms3d .side-nav-forcehidden {
    left: 0;
    -webkit-transform: translate3d(-10em, 0, 0);
    transform: translate3d(-10em, 0, 0);
    -webkit-transition: none;
    transition: none
  }
}
@media only screen and (min-width: 65em) {
  .csstransforms3d .page-app-ru-ru .side-nav-forcehidden {
    -webkit-transform: translate3d(-11em, 0, 0);
    transform: translate3d(-11em, 0, 0)
  }
}
.nav-content {
  padding: 0
}
.nav-content-header {
  box-sizing: border-box;
  border-bottom: 1px solid #dcdce0;
  height: 3.9em;
  padding-bottom: .2em;
  padding-top: .8em;
  -webkit-transition: border-color .2s ease-out;
  transition: border-color .2s ease-out
}
.nav-content-header:after {
  content: "";
  display: table;
  clear: both
}
@media only screen and (min-width: 65em) {
  .nav-content-header {
    height: 5em;
    border-bottom: 0
  }
}
.page-skindark .nav-content-header {
  border-bottom-color: #1f1f1f
}
.side-nav h2 {
  color: #313131;
  font-size: 1em;
  float: left;
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -127px -118px no-repeat;
  height: 18px;
  overflow: hidden;
  text-indent: -99em;
  width: 56px;
  margin: .7em 0 0 1.4em;
  padding: .1em 0 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .side-nav h2 {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.nav-content-main,
.nav-content-recommend {
  overflow-y: auto;
  height: 100%;
  position: absolute;
  width: 100%
}
@media only screen and (min-width: 65em) {
  .nav-content-main,
  .nav-content-recommend {
    height: auto;
    position: relative;
    margin-top: 1em;
    -webkit-transition: opacity .1s ease-out, visibility .1s ease-out;
    transition: opacity .1s ease-out, visibility .1s ease-out;
    width: auto
  }
}
@media only screen and (min-width: 65em) {
  .side-nav-immediateshift .nav-content-main,
  .side-nav-immediateshift .nav-content-recommend {
    -webkit-transition: none;
    transition: none
  }
}
.nav-content-recommend {
  margin-top: 0;
  opacity: 0;
  visibility: hidden
}
@media only screen and (min-width: 65em) {
  .side-nav-search .nav-content {
    opacity: 0;
    visibility: hidden
  }
}
@media only screen and (min-width: 65em) {
  .side-nav-recommend .nav-content-main {
    opacity: 0;
    visibility: hidden
  }
}
@media only screen and (min-width: 65em) {
  .side-nav-recommend .nav-content-recommend {
    opacity: 1;
    visibility: visible
  }
}
.nav-default a {
  border-bottom: 1px solid #e6e6e8;
  color: #313131;
  display: block;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.23077em;
  padding: .6em .5em .6em 3.3em;
  position: relative;
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
  text-align: left
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .nav-default a {
    background-image: url(/a/i/icons_toolbar_bottom@2x.png);
    background-size: 600px 1550px
  }
}
@media only screen and (min-width: 65em) {
  .nav-default a {
    font-size: 1.15385em;
    border-bottom: none;
    padding: .32em 0
  }
}
.page-skindark .nav-default a {
  color: #ccc;
  border-color: #1f1f1f
}
.no-touch .nav-default a:hover {
  color: #50bcb6;
  cursor: pointer
}
.nav-default .nav-selected,
.nav-default .nav-selected:hover {
  color: #a6a6a6;
  cursor: default
}
.page-skindark .nav-default .nav-selected,
.page-skindark .nav-default .nav-selected:hover {
  color: #909090
}
.mode-dark .side-nav li:first-child a {
  border-top-color: #a6a6a6
}
@media only screen and (min-width: 38em) {
  .nav-default .section-recommendedcontainer {
    display: none
  }
}
.nav-rarrow {
  font-size: 1.5em;
  line-height: .2em;
  position: relative;
  top: .05em;
  margin-left: .2em
}
.side-nav ul {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0
}
.nav-default-divider {
  border-bottom: 1px solid #dcdce0;
  height: 1px;
  display: none;
  margin: 0 5.4em .8em 0;
  padding: .6em 0 0
}
@media only screen and (min-width: 65em) {
  .nav-default-divider {
    display: block
  }
}
.page-queuedark .nav-default-divider {
  border-bottom-color: #383737
}
.nav-default .nav-sublist {
  background-image: none;
  border: 0;
  padding: 0
}
@media only screen and (min-width: 65em) {
  .nav-default .nav-sublist {
    padding: .32em 0
  }
}
.nav-default .nav-sublist>span {
  border-bottom: 1px solid #e6e6e8;
  display: block;
  margin-left: 3.35em;
  text-indent: 0;
  padding: .6em 0
}
.no-touch .nav-default .nav-sublist>span:hover {
  color: #50bcb6
}
@media only screen and (min-width: 65em) {
  .nav-default .nav-sublist>span {
    border-bottom: none;
    margin-left: 1em;
    padding: .2em 0
  }
}
@media only screen and (min-width: 65em) {
  .nav-default .nav-sublist>span {
    margin-left: 0;
    padding: 0
  }
}
.page-skindark .nav-default .nav-sublist>span {
  border-bottom-color: #1f1f1f
}
.nav-default .filter-images {
  border-bottom: 1px solid #e6e6e8
}
@media only screen and (min-width: 65em) {
  .nav-default .filter-images {
    border-bottom: none
  }
}
.nav-default .filter-images>span {
  border-bottom: 0
}
.nav-default .nav-icon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat;
  display: block;
  left: 1.1em;
  position: absolute;
  top: .95em;
  height: 10px;
  width: 10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .nav-default .nav-icon {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 65em) {
  .nav-default .nav-icon {
    display: none
  }
}
.section-mylist .nav-icon {
  background-position: -165px -655px;
  height: 13px;
  width: 15px
}
.page-skindark .section-mylist .nav-icon {
  background-position: 0 -655px
}
.filter-tags .nav-icon {
  background-position: -590px -165px;
  height: 15px;
  width: 15px
}
.page-skindark .filter-tags .nav-icon {
  background-position: -534px -392px
}
.section-favorites .nav-icon {
  background-position: -701px -486px;
  height: 14px;
  width: 14px
}
.page-skindark .section-favorites .nav-icon {
  background-position: -491px -600px
}
.section-archive .nav-icon {
  background-position: -590px -275px;
  height: 15px;
  width: 15px
}
.page-skindark .section-archive .nav-icon {
  background-position: -590px -330px
}
.section-inbox .nav-icon {
  background-position: -500px -655px;
  height: 12px;
  top: .99em;
  width: 15px
}
.page-skindark .section-inbox .nav-icon {
  background-position: -555px -655px
}
.section-profile .nav-icon {
  background-position: -440px -545px;
  height: 15px;
  width: 15px
}
.page-skindark .section-profile .nav-icon {
  background-position: -330px -545px
}
.section-premium .nav-icon {
  background-position: -755px -161px;
  height: 14px;
  width: 13px
}
.page-skindark .section-premium .nav-icon {
  background-position: -755px -53px
}
.section-options .nav-icon {
  background-position: -55px -545px;
  height: 15px;
  width: 15px
}
.page-skindark .section-options .nav-icon {
  background-position: -590px -220px;
  height: 15px;
  width: 15px;
  top: .85em
}
.section-help .nav-icon {
  background-position: -755px -215px;
  height: 13px;
  width: 14px
}
.page-skindark .section-help .nav-icon {
  background-position: -755px 0
}
.section-logout .nav-icon {
  background-position: -755px -479px;
  height: 12px;
  width: 14px
}
.page-skindark .section-logout .nav-icon {
  background-position: -755px -427px
}
.nav-default .toggle-active {
  display: block
}
.nav-default .section-inbox {
  display: block;
  position: relative
}
@media only screen and (min-width: 38em) {
  .nav-default .section-inbox {
    display: none
  }
}
.section-inbox .inbox_badge {
  font-size: .7em;
  border-radius: 1.25em;
  height: 1.25em;
  left: 20em;
  right: auto;
  top: 1.3em;
  width: 1.25em
}
@media only screen and (min-width: 38em) {
  .section-inbox .inbox_badge {
    display: none
  }
}
.section-inbox .inbox_badge_wide {
  width: 1.7em
}
.section-inbox .inbox_badge_superwide {
  width: 2.2em
}
.nav-secondary {
  border-top: 1px solid #e6e6e8
}
@media only screen and (min-width: 38em) {
  .nav-secondary {
    display: none
  }
}
.page-skindark .nav-secondary {
  border-color: #1f1f1f
}
.nav-mobileupsell {
  bottom: 2.3em;
  display: none;
  position: absolute
}
@media only screen and (min-width: 65em) {
  .nav-mobileupsell {
    display: block
  }
}
.nav-mobileupsell-inactive,
.page-app-premiumcta .nav-mobileupsell {
  display: none
}
.nav-mobileupsell-getapp {
  color: #999;
  font-size: .92308em;
  text-align: left;
  text-indent: .1em
}
.nav-mobileupsell-android,
.nav-mobileupsell-ios {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat;
  border-radius: 4px;
  border: 1px solid #dcdce0;
  display: block;
  height: 20px;
  margin: .6em 0 0 -.8em;
  padding: .46154em .84615em;
  position: relative;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  width: 87px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .nav-mobileupsell-android,
  .nav-mobileupsell-ios {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.nav-mobileupsell-android {
  margin-top: .4em
}
.nav-mobileupsell-android:hover,
.nav-mobileupsell-ios:hover {
  background-color: #ededed
}
.nav-mobileupsell-android {
  background-position: 11px -112px
}
.nav-mobileupsell-ios {
  background-position: -218px 6px
}
.nav-premupgrade {
  bottom: 2.3em;
  display: none;
  left: 2.32692em;
  position: absolute
}
.page-app-premiumcta .nav-premupgrade {
  display: block
}
.nav-premupgrade-link {
  border-radius: 4px;
  border: 1px solid #dcdce0;
  color: #a6a6a6;
  display: block;
  padding: .5em 0;
  width: 8.4em
}
.nav-premupgrade-link:hover {
  background-color: #ededed;
  color: #a6a6a6
}
#content {
  z-index: 80
}
#content .wrapper {
  display: none;
  overflow: hidden
}
#content .wrapper.active {
  display: block
}
@media only screen and (min-width: 65em) {
  #container {
    max-width: 115.38462em;
    margin-left: auto;
    margin-right: auto
  }
}
.wrapper {
  position: relative;
  width: 933px;
  margin: 0 auto
}
.wrapper_full {
  max-width: 115.38462em;
  width: 100%
}
#page {
  position: relative
}
.noAnimation {
  -moz-transition: none!important;
  -webkit-transition: none!important;
  -ms-transition: none!important;
  -o-transition: none!important
}
.noSelection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.clear {
  clear: both
}
.loading {
  height: 100%!important;
  background-image: url(/a/i/spinner@1x.gif)!important;
  background-position: center 70%!important;
  background-repeat: no-repeat!important;
  min-height: 200px
}
@media only screen and (min-height: 40em) {
  .loading {
    min-height: 400px;
    background-position: center 92%!important
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .loading {
    background-image: url(/a/i/spinner@2x.gif)!important;
    background-size: 30px 30px
  }
}
.page-skindark .loading {
  background-image: url(/a/i/spinnerdark@1x.gif)!important
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .page-skindark .loading {
    background-image: url(/a/i/spinnerdark@2x.gif)!important;
    background-size: 30px 30px
  }
}
.loading>div,
.loading>ul {
  display: none!important
}
.loading.loadingRow {
  height: 100px!important
}
.page-skindark h1,
.page-skindark h2,
.page-skindark h3,
.page-skindark h4,
.page-skindark h5,
.page-skindark h6 {
  color: #ccc
}
.pkt-nav ul {
  position: relative;
  top: 1px;
  list-style: none;
  z-index: 8001
}
.pkt-nav li {
  float: left
}
.pkt-nav li a {
  display: block;
  text-indent: -789em
}
#page .pkt-nav .wrapper {
  display: none
}
#page .pkt-nav .wrapper.active {
  display: block
}
#page .pkt-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  background: #f4f4f6;
  overflow: visible;
  z-index: 1000
}
@media only screen and (min-width: 65em) {
  #page .pkt-nav {
    z-index: 8000
  }
}
.page-skindark #page .pkt-nav {
  background-color: #1f1f1f
}
.page-notificationpersistent #page .pkt-nav {
  top: 30px
}
.pkt-nav .icons a {
  display: block;
  height: 20px;
  margin: 12px 23px 20px 0;
  width: 21px;
  outline: 0;
  overflow: hidden
}
@media only screen and (min-width: 38em) {
  .pkt-nav .icons a {
    margin-top: 24px
  }
}
.pkt-nav .rightItem a {
  margin-left: 22px;
  margin-right: 0
}
#page .pkt-nav ul.icons li.selected a {
  cursor: default
}
#page .pkt-nav .leftItem {
  position: absolute;
  top: 0;
  left: 20px
}
@media only screen and (min-width: 65em) {
  #page .pkt-nav .leftItem {
    left: 0;
    margin-left: 0;
    top: 0
  }
}
#page .pkt-nav .centerItem {
  left: 50%;
  margin-left: -35px
}
#page .pkt-nav .rightItem {
  position: absolute;
  top: 0;
  right: 20px
}
@media only screen and (min-width: 38em) {
  #page .pkt-nav .rightItem {
    right: 10px
  }
}
@media only screen and (min-width: 65em) {
  #page .pkt-nav .rightItem {
    right: 0
  }
}
.sub {
  list-style: none;
  margin-top: 8px;
  line-height: 13px
}
.sub li {
  border-left: 1px solid #cdcdcd;
  float: left;
  height: 10px;
  padding: 0 11px 0 12px;
  font-size: 12px
}
.sub li:first-child {
  padding-left: 0;
  border-left: 0
}
.sub li,
.sub li a {
  color: #999
}
.page-skindark .sub li,
.page-skindark .sub li a {
  color: #909090
}
.sub li a {
  position: relative;
  bottom: 1px
}
.sub li a:hover {
  text-decoration: underline
}
.sub .tags {
  position: relative;
  display: none;
  height: 10px;
  width: auto;
  padding-left: 29px
}
.sub .tags .tag_container {
  display: inline-block;
  float: left;
  height: auto;
  max-width: 500px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-reader .sub .tags .tag_container {
  overflow: hidden
}
@media only screen and (min-width: 33em) {
  .sub .tags .tag_container {
    height: 20px
  }
}
.sub li:empty {
  display: none
}
@media only screen and (min-width: 65em) {
  #page .toolbar {
    max-width: 109.23077em;
    margin-left: 3.07692em;
    margin-right: 3.07692em;
    width: auto
  }
}
@media only screen and (min-width: 94.90385em) {
  #page .toolbar {
    margin-left: auto;
    margin-right: auto
  }
}
.button {
  background-repeat: repeat-x;
  background-color: #d3505a;
  background-image: -webkit-linear-gradient(top, #ee5f64 0, #d3505a 100%);
  background-image: linear-gradient(to bottom, #ee5f64 0, #d3505a 100%);
  border: 1px solid #D13644;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
  color: #fff;
  display: inline-block;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 11px 45px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(142, 4, 17, .5);
  -webkit-transition: background-position .1s linear;
  transition: background-position .1s linear;
  width: auto
}
.button-important {
  background-color: #fcc164;
  background-image: -webkit-gradient(left top, left bottom, color-stop(0, #fbd95c), color-stop(100%, #fcc164));
  background-image: -webkit-linear-gradient(top, #fbd95c 0, #fcc164 100%);
  background-image: linear-gradient(to bottom, #fbd95c 0, #fcc164 100%);
  border-color: #e1b231;
  color: #222;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}
.button-secondary {
  background-color: #f2f2f2;
  background-image: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
  border-color: #d8d8d8;
  color: #222;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}
.button-small {
  padding: 6px 20px
}
.button-mini {
  font-size: 14px;
  padding: 5px 15px 4px
}
.no-touch .button:hover {
  background-position: 0 -15px;
  color: #fff;
  text-decoration: none
}
.no-touch .button-important:hover,
.no-touch .button-secondary:hover {
  color: #222
}
.button:active,
.button:focus {
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .15);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .15);
  background-image: none;
  color: #fff;
  outline: 0;
  text-decoration: none;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .15)
}
.button-important:active,
.button-important:focus,
.button-secondary:active,
.button-secondary:focus {
  color: #222;
  text-decoration: none
}
.button-disabled {
  background-image: none;
  color: #ccc;
  color: rgba(255, 255, 255, .6);
  cursor: default;
  opacity: .9
}
.button-disabled:active,
.button-disabled:focus,
.button-disabled:hover {
  -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
  background-position: 0 0;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
  color: #ccc;
  color: rgba(255, 255, 255, .6)
}
.button-important-disabled,
.button-important-disabled:active,
.button-important-disabled:focus,
.button-important-disabled:hover,
.button-secondary-disabled,
.button-secondary-disabled:active,
.button-secondary-disabled:focus,
.button-secondary-disabled:hover {
  color: #4e4e4e;
  color: rgba(34, 34, 34, .6)
}
#PKT_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-bottom: 1px solid #5a5a5a;
  background: #101010;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #101010), color-stop(96%, #5a5a5a));
  background: -webkit-linear-gradient(top, #101010 0, #5a5a5a 96%);
  background: linear-gradient(top, #101010 0, #5a5a5a 96%);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1000
}
.page-notificationpersistent #PKT_header {
  display: none
}
.rainbowDash {
  width: 100%;
  height: 4px
}
.rainbowDash .blue,
.rainbowDash .green,
.rainbowDash .orange,
.rainbowDash .red {
  float: left;
  width: 25%;
  height: 100%
}
.rainbowDash .green {
  background-color: #83EDB8
}
.rainbowDash .blue {
  background-color: #50BCB6
}
.rainbowDash .red {
  background-color: #EE4256
}
.rainbowDash .orange {
  background-color: #FCB64B
}
.wrapper_search {
  background: #fff;
  display: block;
  top: 0;
  right: 0;
  width: 193px;
  height: 21px;
  padding: 2px 10px 3px;
  border: 1px solid #e6e6e8;
  border-radius: 4px;
  float: right;
  position: relative;
  margin-top: 9px
}
@media only screen and (min-width: 38em) {
  .wrapper_search {
    width: 233px
  }
}
.page-queuedark .wrapper_search {
  border-color: #434343;
  background: #313131
}
.wrapper_search_expanded {
  width: 360px
}
.wrapper_search_loading {
  background: url(/a/i/spinner@1x.gif) 193px 6px no-repeat #fff;
  background-size: 15px 15px;
  padding-right: 20px;
  width: 183px
}
@media only screen and (min-width: 38em) {
  .wrapper_search_loading {
    background-position: 234px 5px;
    width: 223px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .wrapper_search_loading {
    background-image: url(/a/i/spinner@2x.gif);
    background-size: 15px 15px
  }
}
.page-queuedark .wrapper_search_loading {
  background: url(/a/i/spinnerdark@1x.gif) 193px 6px no-repeat #313131;
  background-size: 15px 15px
}
@media only screen and (min-width: 38em) {
  .page-queuedark .wrapper_search_loading {
    background-position: 234px 5px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .page-queuedark .wrapper_search_loading {
    background-image: url(/a/i/spinnerdark@2x.gif)
  }
}
.wrapper_search .placeholder {
  color: #d0d0d0;
  left: -19px!important;
  padding-top: 6px!important
}
#page_search {
  border: none;
  display: block;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.077em;
  font-weight: 400;
  padding: 0;
  position: relative;
  top: 1px;
  outline: 0;
  width: 100%
}
.page-queuedark #page_search {
  background-color: transparent;
  color: #ccc
}
#page_search.search_mobile_mode {
  font-size: 16px;
  top: -1px
}
.page-app-ja-jp #page #page_search,
.page-app-ja-jp #page_search,
.page-app-zh-cn #page #page_search,
.page-app-zh-cn #page_search,
.page-app-zh-tw #page #page_search,
.page-app-zh-tw #page_search {
  line-height: 1
}
.tag_clear {
  cursor: pointer;
  display: block;
  width: 12px;
  height: 12px;
  padding: 3px;
  position: absolute;
  right: 6px;
  top: 5px;
  overflow: hidden;
  background: url(/a/i/icons_toolbar_bottom@1x.png?122) 2px -1088px no-repeat;
  text-indent: -9999px
}
.wrapper_tag {
  background: #f5f5f5;
  border-radius: 5px;
  float: right;
  height: 1px;
  width: 1px;
  padding: 0;
  margin: 0;
  visibility: hidden;
  position: relative
}
.wrapper_tag_alt {
  margin-top: -30px;
  padding: 0;
  position: absolute;
  right: 0;
  width: 100px
}
.tag-withname {
  border: 1px solid #ccc;
  padding: 0 0 0 30px
}
.wrapper_tag_alt.tag-withname {
  border: 0;
  padding: 0
}
.wrapper_tag_alt .tag_clear {
  background: url(/a/i/icons_toolbar_bottom@1x.png?122) 2px -1088px no-repeat;
  border: 0;
  display: none;
  padding: 3px;
  z-index: 5
}
.no-touch .wrapper_tag_alt .tag_clear:hover {
  background-color: transparent
}
.wrapper_tag_alt.tag-withname .tag_clear {
  display: block
}
.pkt-nav .wrapper_tag .tag_clear {
  display: none
}
.pkt-nav .tag-withname .tag_clear {
  display: block;
  margin-left: 0;
  right: 5px;
  top: 4px;
  z-index: 5
}
.tag_name {
  cursor: pointer;
  display: none;
  font-size: 12px;
  line-height: 14px;
  padding-right: 28px;
  margin-top: 7px;
  position: relative;
  z-index: 5
}
.tag-withname .tag_name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#pagenav_tagfilter {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
#pagenav_tagfilter .popover-new {
  -webkit-transition: none;
  transition: none
}
#pagenav_tagfilter .popover-active {
  -webkit-transition: opacity .1s linear, visibility .1s linear;
  transition: opacity .1s linear, visibility .1s linear
}
@media only screen and (max-width: 29.99em) {
  #pagenav_tagfilter .popover-active {
    box-sizing: border-box;
    left: 0;
    height: 100%;
    margin: 0;
    top: 0;
    width: 100%;
    z-index: 8000
  }
}
@media only screen and (min-width: 65em) {
  #pagenav_tagfilter .popover-active-alt {
    margin-top: 2em
  }
}
@media only screen and (min-width: 65em) {
  #pagenav_tagfilter .popover-active-alt .arrow {
    top: 42%
  }
}
.popover-tagfilter-header {
  border-bottom: 1px solid #dcdce0;
  display: none;
  position: relative
}
.page-queuedark .popover-tagfilter-header {
  border-bottom-color: #383737
}
#pagenav_tagfilter .popover-tagfilter-header {
  display: block
}
@media only screen and (max-width: 29.99em) {
  #pagenav_tagfilter .popover-tagfilter-header {
    background-color: #fff;
    z-index: 15
  }
  .page-queuedark #pagenav_tagfilter .popover-tagfilter-header {
    background-color: #1f1f1f
  }
}
.popover-tagfilter-header h3 {
  font-size: 1.23077em;
  font-weight: 700;
  margin-top: 0;
  padding: 1em 0 .4em 1.85em
}
.popover-tagfilter-header .popover-tagfilter-close {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat;
  cursor: pointer;
  height: 15px;
  right: 20px;
  overflow: hidden;
  position: absolute;
  text-indent: -20em;
  top: 16px;
  width: 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .popover-tagfilter-header .popover-tagfilter-close {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
#pagenav_tagfilter ul {
  width: 245px;
  height: 300px;
  overflow-y: auto;
  margin: 6px 0;
  padding: 0 6px
}
@media only screen and (max-width: 29.99em) {
  #pagenav_tagfilter ul {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    padding: 54px 0 0;
    position: absolute;
    width: 100%
  }
}
@media only screen and (max-width: 29.99em) {
  .touch #pagenav_tagfilter ul {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }
}
#pagenav_tagfilter .tagfilter_loading {
  background: url(/a/i/spinner@1x.gif) center center no-repeat rgba(0, 0, 0, .2);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 8002
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #pagenav_tagfilter .tagfilter_loading {
    background-image: url(/a/i/spinner@2x.gif);
    background-size: 30px 30px
  }
}
#pagenav_tagfilter .scroll_mode {
  margin: 0 4px 6px 0
}
@media only screen and (min-width: 30em) {
  #pagenav_tagfilter .scroll_mode {
    margin-top: 6px
  }
}
#pagenav_tagfilter li[val=untagged] {
  margin-bottom: 3px;
  border-bottom-width: 1px
}
#pagenav_tagfilter li>a {
  background-image: none;
  font-family: proxima-nova, Arial, sans-serif;
  font-size: 15px;
  line-height: 35px;
  height: 35px;
  margin: 0;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media only screen and (max-width: 29.99em) {
  #pagenav_tagfilter li>a {
    border-bottom: 1px solid #e6e6e8;
    font-size: 16px;
    line-height: 42px;
    height: 42px
  }
  .page-queuedark #pagenav_tagfilter li>a {
    border-bottom-color: #383737
  }
}
#pagenav_tagfilter .selected>a {
  color: #383838;
  background-color: #f7f7f7
}
#pagenav_tagfilter>a {
  background: url(/a/i/icons_toolbar_bottom@1x.png?122) 7px -845px no-repeat;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  height: 100%;
  margin: 0 0 5px;
  position: relative;
  overflow: hidden;
  text-indent: -789em;
  width: 100%
}
#pagenav_tagfilter.innerpopover-active>a,
.no-touch #pagenav_tagfilter>a:hover {
  background-position: -393px -845px
}
.tag-withname #pagenav_tagfilter>a {
  background-position: -393px -925px
}
#pagenav_tagfilter.innerpopover-active>a {
  background-color: #e7e7e7
}
#pagenav_tagfilter li {
  position: relative
}
#pagenav_tagfilter .editdelete {
  border-bottom: 1px solid #ededf0;
  display: none;
  font-style: italic
}
.touch #pagenav_tagfilter .editdelete,
.touch-hybrid #pagenav_tagfilter .editdelete {
  display: block
}
#pagenav_tagfilter li>.editmode {
  background-color: #fff;
  cursor: default
}
.page-skindark #pagenav_tagfilter li>.editmode {
  background-color: #1f1f1f
}
#pagenav_tagfilter li .deletetag,
#pagenav_tagfilter li .edittag,
#pagenav_tagfilter li .edittagtouch {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -588px -494px no-repeat;
  display: none;
  height: 14px;
  left: 10px;
  position: absolute;
  top: 14px;
  width: 14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #pagenav_tagfilter li .deletetag,
  #pagenav_tagfilter li .edittag,
  #pagenav_tagfilter li .edittagtouch {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 30em) {
  #pagenav_tagfilter li .deletetag,
  #pagenav_tagfilter li .edittag,
  #pagenav_tagfilter li .edittagtouch {
    top: 10px
  }
}
.no-touch #pagenav_tagfilter li .edittag:hover,
.touch #pagenav_tagfilter .tag_edit_mode .edittagtouch,
.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittagtouch {
  background-position: -659px -654px
}
.no-touch #pagenav_tagfilter a:hover .edittag,
.touch #pagenav_tagfilter .tag_edit_mode .edittag,
.touch #pagenav_tagfilter .tag_edit_mode .edittagtouch,
.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittag,
.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittagtouch {
  display: block
}
.touch #pagenav_tagfilter .tag_edit_mode .edittag,
.touch-hybrid #pagenav_tagfilter .tag_edit_mode .edittag {
  background-image: none;
  height: 30px;
  top: 2px;
  width: 100%;
  z-index: 20
}
.touch #pagenav_tagfilter .tag_edit_mode .deletetag,
.touch-hybrid #pagenav_tagfilter .tag_edit_mode .deletetag {
  z-index: 25
}
#pagenav_tagfilter li .deletetag {
  background-position: -755px -585px;
  left: auto;
  width: 12px;
  height: 14px;
  right: 20px
}
.no-touch #pagenav_tagfilter li .deletetag:hover {
  background-position: -755px -531px
}
#pagenav_tagfilter li .deletetag_active {
  cursor: pointer;
  display: block
}
#pagenav_tagfilter .edittaginput {
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
  color: #666;
  font-family: proxima-nova, Arial, sans-serif;
  font-size: 15px;
  left: 25px;
  line-height: normal;
  height: 24px;
  top: 9px;
  padding: 4px;
  position: absolute;
  width: 158px;
  z-index: 500
}
@media only screen and (min-width: 30em) {
  #pagenav_tagfilter .edittaginput {
    font-size: 16px;
    top: 5px
  }
}
#pagenav_tagfilter .edittaginput.tag_mobile_mode {
  font-size: 16px
}
.token-input-dropdown {
  border: 1px solid #cdcdcd;
  z-index: 9000
}
.token-input-dropdown ul li {
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #333;
  list-style: none;
  text-align: left
}
.page-skindark .token-input-dropdown ul li {
  color: #ccc
}
.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #50bcb6;
  color: #fff
}
.token-input-list {
  list-style: none
}
.token-input-list li {
  text-align: left
}
.token-input-list li input {
  border: 0;
  background-color: #fff;
  -webkit-appearance: caret
}
.page-skindark .token-input-list li input {
  background-color: #313131;
  color: #ccc
}
.token-input-token {
  border-radius: 4px;
  border: 1px solid #c3c3c3;
  overflow: hidden;
  padding: 0 5px;
  background-color: #f7f7f7;
  color: #2e2e2e;
  font-weight: 600;
  cursor: default;
  display: block;
  width: auto;
  float: left
}
.page-skindark .token-input-token {
  background-color: #ccc;
  border-color: #ccc
}
.token-input-token p {
  display: inline-block;
  font-weight: 600;
  line-height: 29px;
  padding: 0
}
.token-input-token span {
  color: #777;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px
}
.token-input-selected-token {
  background-color: #fefbc6
}
.token-input-selected-token span {
  color: #bbb
}
.notifications-error,
.notifications-sync {
  -webkit-transition: visibility .6s .6s ease-out, bottom .6s 1.2s ease-out;
  transition: visibility .6s .6s ease-out, bottom .6s 1.2s ease-out;
  background: #eaeaea;
  bottom: -66px;
  color: #666;
  display: block;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  left: 0;
  padding: 0;
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
  width: 100%;
  z-index: 7040
}
.notifications-error {
  background-color: #43aea8;
  bottom: auto;
  color: #fff;
  visibility: hidden;
  top: -40px;
  text-shadow: none;
  -webkit-transition: visibility 0s 5s ease-out, top .6s 4s ease-out;
  transition: visibility 0s 5s ease-out, top .6s 4s ease-out;
  z-index: 900
}
@media only screen and (min-width: 65em) {
  .notifications-error {
    z-index: 7040
  }
}
.csstransforms3d .notifications-error {
  top: 0;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
  -webkit-transition: visibility 0s 5s ease-out, -webkit-transform .6s 4s ease-out;
  transition: visibility 0s 5s ease-out, transform .6s 4s ease-out
}
.page-notificationpersistent .notifications-error {
  top: 30px
}
.notifications-sync.notifications-active {
  -webkit-transition: visibility .3s ease-out, bottom .3s ease-out;
  transition: visibility .3s ease-out, bottom .3s ease-out;
  bottom: 0
}
.notifications-error.notifications-active {
  -webkit-transition: visibility 0s ease-out, top .3s ease-out;
  transition: visibility 0s ease-out, top .3s ease-out;
  top: 51px;
  visibility: visible
}
.notifications-error.notifications-inactive {
  visibility: hidden
}
.notifications-error-narrowtoggle.notifications-active {
  top: 88px
}
@media only screen and (min-width: 30em) {
  .notifications-error-narrowtoggle.notifications-active {
    top: 51px
  }
}
.csstransforms3d .notifications-error.notifications-active {
  -webkit-transition: visibility 0s ease-out, -webkit-transform .3s ease-out;
  transition: visibility 0s ease-out, transform .3s ease-out;
  -webkit-transform: translate3d(0, 51px, 0);
  transform: translate3d(0, 51px, 0);
  top: 0
}
.csstransforms3d .notifications-error-narrowtoggle.notifications-active {
  -webkit-transform: translate3d(0, 88px, 0);
  transform: translate3d(0, 88px, 0)
}
@media only screen and (min-width: 30em) {
  .csstransforms3d .notifications-error-narrowtoggle.notifications-active {
    -webkit-transform: translate3d(0, 51px, 0);
    transform: translate3d(0, 51px, 0)
  }
}
.page-notificationpersistent .notifications-error.notifications-active {
  top: 94px
}
.progress-bar {
  background: 0 0;
  border: 1px solid #777;
  border-radius: 8px;
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .8);
  float: left;
  height: 11px;
  margin: 0 15px 0 0;
  position: relative;
  width: 200px
}
.notifications-synconlymode .progress-bar {
  display: none
}
.progress-detail {
  background-image: -webkit-linear-gradient(30deg, #ededed 20%, #ccc 20%, #ccc 50%, #ededed 50%, #ededed 80%, #ccc 80%, #ccc);
  background-image: linear-gradient(60deg, #ededed 20%, #ccc 20%, #ccc 50%, #ededed 50%, #ededed 80%, #ccc 80%, #ccc);
  background-size: 23px 23px;
  border-radius: 8px;
  border: 2px solid grey;
  box-sizing: border-box;
  display: block;
  height: 14px;
  left: 0;
  margin: 0;
  min-width: 14px;
  overflow: hidden;
  top: 0;
  -webkit-transition: width .1s linear;
  transition: width .1s linear;
  position: absolute;
  width: 1%
}
.progress-detail-active {
  -webkit-animation: animate-stripes .8s linear infinite;
  animation: animate-stripes .8s linear infinite
}
.progress-bar-content {
  background: #777;
  border-radius: 8px;
  box-sizing: border-box;
  height: 13px;
  left: 0;
  margin: 0;
  min-width: 14px;
  overflow: hidden;
  top: -1px;
  position: absolute;
  -webkit-transition: width .1s linear;
  transition: width .1s linear;
  width: 1%
}
.progress-bar-zeroed {
  display: none
}
.notifications-error .content,
.notifications-sync .content {
  margin: 0 auto;
  padding: 15px 0;
  width: 935px
}
.notifications-error .message,
.notifications-sync .message {
  float: left;
  line-height: 1;
  margin-top: 1px;
  margin-bottom: 0;
  white-space: nowrap
}
.notifications-sync .message {
  font-size: 14px
}
.notifications-synconlymode .message {
  color: #333;
  float: none;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding-left: 25px;
  position: relative;
  text-align: center
}
.notifications-synconlymode .count {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #8C8C8C;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  height: 15px;
  left: 0;
  line-height: 9px;
  padding: 4px 0 0;
  position: absolute;
  text-align: center;
  top: -2px;
  width: 19px
}
.notifications-synconlymode .count_solo {
  padding-right: 1px;
  width: 18px
}
.notifications-error .content {
  margin: 0 1.5em;
  max-width: 108.38462em;
  padding: 9px 0;
  width: auto
}
@media only screen and (min-width: 65em) {
  .notifications-error .content {
    margin: 0 3em
  }
}
@media only screen and (min-width: 95.38462em) {
  .notifications-error .content {
    margin-left: auto;
    margin-right: auto
  }
}
@media only screen and (min-height: 30em) {
  .notifications-error .content {
    padding: 20px 0
  }
}
.notifications-error .message {
  background: url(/a/i/error_notification@1x.png) 0 center no-repeat;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 16px;
  margin-top: 0;
  text-align: left;
  white-space: normal;
  line-height: 1.3;
  padding: .2em 0 .2em 2em
}
@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 70px 0
  }
}
@keyframes animate-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 70px 0
  }
}
.external_reader_progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0;
  border-width: 1px 0 0;
  left: 0;
  opacity: 0;
  height: 8px;
  position: absolute;
  top: 60px;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
  -webkit-transition: opacity .2s linear, visibility .2s linear;
  transition: opacity .2s linear, visibility .2s linear
}
.external_reader_progress_active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s linear, visibility 0s linear;
  transition: opacity 0s linear, visibility 0s linear
}
.external_reader_progress_inactive {
  display: none
}
.notifications-persistent {
  background-color: #4aaca7;
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  left: 0;
  height: 30px;
  position: fixed;
  top: 0;
  text-align: center;
  width: 100%;
  z-index: 1000
}
.notifications-persistent p {
  font-size: 1.077em;
  margin-top: .3em;
  padding-left: 1em;
  padding-right: 1em
}
.notifications-persistent .content a {
  color: #fcca7c
}
.notifications-persistent .content a:hover {
  color: #fbb64a;
  text-decoration: none
}
.notifications-persistent .close {
  background: url(/a/i/notification_close@1x.png);
  display: block;
  height: 11px;
  position: absolute;
  overflow: hidden;
  top: .7em;
  right: 1em;
  white-space: nowrap;
  width: 11px;
  text-indent: 100%
}
.pkt_toast_wrapper {
  display: block;
  position: fixed;
  top: 10%;
  height: 0;
  left: 0;
  width: 100%;
  z-index: 9999
}
.pkt_toast {
  background: rgba(78, 78, 78, .9);
  display: inline-block;
  margin: 0 auto;
  border-radius: 2px;
  padding: 11px;
  min-width: 175px;
  max-width: 350px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 9999
}
.pkt_toast_active {
  margin-top: 10px;
  visibility: visible;
  opacity: 1
}
.cssanimations .pkt_toast_active {
  -webkit-animation: show-toast 2.5s ease-out;
  animation: show-toast 2.5s ease-out
}
.cssanimations .pkt_toast_active_alt {
  -webkit-animation: show-toast-alt 2.5s ease-out;
  animation: show-toast-alt 2.5s ease-out
}
.cssanimations .pkt_toast_inactive {
  -webkit-animation: hide-toast .4s linear;
  animation: hide-toast .4s linear
}
@-webkit-keyframes show-toast {
  0% {
    margin-top: 0;
    opacity: 0;
    visibility: hidden
  }
  1% {
    margin-top: 0;
    opacity: 0;
    visibility: visible
  }
  100%,
  16% {
    margin-top: 10px;
    opacity: 1;
    visibility: visible
  }
}
@keyframes show-toast {
  0% {
    margin-top: 0;
    opacity: 0;
    visibility: hidden
  }
  1% {
    margin-top: 0;
    opacity: 0;
    visibility: visible
  }
  100%,
  16% {
    margin-top: 10px;
    opacity: 1;
    visibility: visible
  }
}
@-webkit-keyframes show-toast-alt {
  0%, 100% {
    margin-top: 10px;
    opacity: 1;
    visibility: visible
  }
}
@keyframes show-toast-alt {
  0%, 100% {
    margin-top: 10px;
    opacity: 1;
    visibility: visible
  }
}
@-webkit-keyframes hide-toast {
  0% {
    margin-top: 10px;
    opacity: 1;
    visibility: visible
  }
  99% {
    margin-top: 10px;
    opacity: 0;
    visibility: visible
  }
  100% {
    margin-top: 10px;
    opacity: 0;
    visibility: hidden
  }
}
@keyframes hide-toast {
  0% {
    margin-top: 10px;
    opacity: 1;
    visibility: visible
  }
  99% {
    margin-top: 10px;
    opacity: 0;
    visibility: visible
  }
  100% {
    margin-top: 10px;
    opacity: 0;
    visibility: hidden
  }
}
.token-input-dropdown-fortag,
.token-input-list {
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: 600;
  float: left;
  padding: 3px 6px 0;
  width: 100%;
  margin: 0;
  min-height: 28px
}
@media only screen and (min-width: 30em) {
  .token-input-dropdown-fortag,
  .token-input-list {
    width: 234px
  }
}
.page-skindark .token-input-dropdown-fortag,
.page-skindark .token-input-list {
  background-color: #313131;
  border: 1px solid #4e4e4e
}
.token-input-container {
  margin-bottom: 1.4em;
  padding: 25px 20px 5px
}
@media only screen and (min-width: 30em) {
  .token-input-container {
    display: inline-block;
    padding: 0
  }
}
@media only screen and (min-width: 40em) {
  .token-input-container {
    display: block
  }
}
.token-input-list {
  padding: 0;
  overflow: hidden
}
.token-input-list li {
  float: left;
  margin: 3px 0 3px 5px
}
.token-input-list input {
  font-weight: 600;
  width: 20px
}
.token-input-dropdown-fortag {
  background: #fff;
  height: auto;
  margin-top: 1px;
  padding: 0;
  width: 258px
}
.token-input-dropdown-fortag ul {
  margin: 0;
  padding: 5px 0
}
.token-input-dropdown-fortag li {
  box-sizing: border-box;
  padding: 6px;
  width: 100%
}
.token-input-token {
  height: 20px;
  margin: 0 4px 3px 0
}
.token-input-token p {
  font-size: 14px;
  margin: 0
}
.overlay_screen {
  background: #333;
  background: rgba(0, 0, 0, .3);
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  visibility: hidden;
  z-index: 8000;
  -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
  transition: opacity .2s ease-out, visibility .2s ease-out
}
@media only screen and (min-width: 30em) {
  .overlay_screen {
    z-index: 9000
  }
}
.overlay_screen_active {
  opacity: 1;
  visibility: visible
}
.overlay_screen .content_container {
  text-align: center
}
.overlay_screen .content_container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em
}
.overlay_screen .content_detail {
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: inline-block;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  vertical-align: middle;
  width: auto
}
.overlay_screen .content_detail_loading {
  display: inline-block;
  padding-top: 55px
}
.overlay_note_container {
  background: url(/a/i/gsf/gsf_chromeinstalltext@1x.png) 60px top no-repeat;
  height: 200px;
  margin: 240px auto;
  opacity: 0;
  position: relative;
  width: 469px
}
.overlay_note_container p {
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  margin-bottom: 0;
  margin-left: 60px;
  text-align: left;
  padding: 120px 10px 10px;
  position: relative;
  text-shadow: 1px 1px 0 #000;
  width: 250px
}
.overlay_note_container .learn {
  font-size: 13px;
  padding-top: 10px
}
.overlay_screen_active .overlay_note_container {
  opacity: 1;
  -webkit-transition: opacity 1s ease-out 1s;
  transition: opacity 1s ease-out 1s
}
.overlay_note_container .overlay_arrow {
  background: url(/a/i/gsf/gsf_chromeinstallarrow@1x.png) center center no-repeat;
  display: block;
  height: 69px;
  left: 330px;
  position: absolute;
  top: 0;
  width: 106px
}
.overlay_screen .overlay_detail {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .8);
  left: 0;
  color: #202020;
  font-size: 18px;
  height: 100%;
  padding: 40px 30px 20px;
  position: fixed;
  text-shadow: none;
  top: 0;
  width: 100%
}
@media only screen and (min-width: 38em) {
  .overlay_screen .overlay_detail {
    position: relative;
    height: auto;
    width: 620px
  }
}
.page-skindark .overlay_screen .overlay_detail {
  background-color: #1f1f1f;
  border: 1px solid #4e4e4e;
  color: #ccc
}
.overlay_screen .overlay_detail_gsf {
  left: inherit;
  top: inherit;
  position: relative;
  width: 13em
}
@media only screen and (min-width: 33em) {
  .overlay_screen .overlay_detail_gsf {
    width: 22em
  }
}
@media only screen and (min-width: 50em) {
  .overlay_screen .overlay_detail_gsf {
    width: 620px
  }
}
@media only screen and (min-width: 50em) {
  .overlay_screen .overlay_detail_gsfwelcome {
    padding-bottom: 42px;
    padding-top: 0
  }
}
.overlay_screen .overlay_detail_confirm,
.overlay_screen .overlay_detail_confirmtag {
  box-sizing: border-box;
  padding: 10px;
  width: 100%
}
@media only screen and (min-width: 38em) {
  .overlay_screen .overlay_detail_confirm {
    padding: 25px 20px 5px;
    width: 325px
  }
}
@media only screen and (min-width: 38em) {
  .overlay_screen .overlay_detail_confirmtag {
    width: 345px;
    padding: 10px 10px 30px
  }
}
.page-app-it-it .overlay_screen .overlay_detail_confirmtag,
.page-app-nl-nl .overlay_screen .overlay_detail_confirmtag,
.page-app-pt-br .overlay_screen .overlay_detail_confirmtag {
  width: 360px
}
@media only screen and (min-width: 38em) {
  .page-app-it-it .overlay_screen .overlay_detail_wsuggestedtags,
  .page-app-nl-nl .overlay_screen .overlay_detail_wsuggestedtags,
  .page-app-pt-br .overlay_screen .overlay_detail_wsuggestedtags {
    width: 400px
  }
}
.page-app-es-es .overlay_screen .overlay_detail_confirmtag {
  width: 370px
}
@media only screen and (min-width: 38em) {
  .page-app-es-es .overlay_screen .overlay_detail_wsuggestedtags {
    width: 410px
  }
}
.page-app-de-de .overlay_screen .overlay_detail_confirmtag,
.page-app-es-la .overlay_screen .overlay_detail_confirmtag {
  width: 380px
}
@media only screen and (min-width: 38em) {
  .page-app-de-de .overlay_screen .overlay_detail_wsuggestedtags,
  .page-app-es-la .overlay_screen .overlay_detail_wsuggestedtags {
    width: 420px
  }
}
.page-app-fr-ca .overlay_screen .overlay_detail_confirmtag,
.page-app-fr-fr .overlay_screen .overlay_detail_confirmtag,
.page-app-ru-ru .overlay_screen .overlay_detail_confirmtag {
  width: 400px
}
@media only screen and (min-width: 38em) {
  .page-app-fr-ca .overlay_screen .overlay_detail_wsuggestedtags,
  .page-app-fr-fr .overlay_screen .overlay_detail_wsuggestedtags,
  .page-app-ru-ru .overlay_screen .overlay_detail_wsuggestedtags {
    width: 440px
  }
}
.overlay_screen .webview_warning {
  padding-bottom: 10px;
  padding-top: 30px;
  width: 380px
}
.overlay_screen .overlay_detail h3 {
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 24px
}
.overlay_screen .overlay_detail_confirm h3 {
  border-bottom: 1px solid #e6e6e8;
  font-size: 15px;
  margin-bottom: 14px;
  padding: 1em 1.3em;
  text-align: left
}
@media only screen and (min-width: 30em) {
  .overlay_screen .overlay_detail_confirm h3 {
    border-bottom: none;
    font-size: 18px;
    margin-bottom: 24px;
    padding: 0;
    text-align: center
  }
}
.overlay_detail_confirm h3>span {
  color: #666;
  font-size: 14px
}
.overlay_screen .webview_warning h3 {
  font-size: 20px;
  margin-bottom: 10px;
  text-align: left
}
.overlay_screen .overlay_detail p {
  line-height: 1.3;
  margin-bottom: 2em;
  text-align: left
}
.overlay_screen .overlay_detail_gsf p {
  text-align: center
}
@media only screen and (min-width: 50em) {
  .overlay_screen .overlay_detail_gsf p {
    text-align: left
  }
}
.overlay_screen .overlay_detail_confirm p {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center
}
.overlay_screen .overlay_detail .button_container {
  float: none;
  margin-bottom: 20px;
  text-align: center;
  width: auto
}
.overlay_screen .overlay_detail_confirm .button {
  width: 92px;
  margin: 0 2px
}
.overlay_screen .overlay_detail_confirmtag .button {
  box-sizing: border-box;
  float: none;
  margin: 10px 0 0;
  width: 100%
}
@media only screen and (min-width: 30em) {
  .overlay_screen .overlay_detail_confirmtag .button {
    box-sizing: content-box;
    float: left;
    margin: 0 0 0 4px;
    width: auto
  }
}
.overlay_screen .overlay_detail .close {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat;
  cursor: pointer;
  height: 15px;
  right: 1em;
  overflow: hidden;
  position: absolute;
  text-indent: -20em;
  top: 1.1em;
  width: 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .overlay_detail .close {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 30em) {
  .overlay_screen .overlay_detail .close {
    background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat;
    right: 10px;
    top: 10px;
    height: 9px;
    width: 10px
  }
  .page-skindark .overlay_screen .overlay_detail .close {
    background-position: -144px -708px
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    .overlay_screen .overlay_detail .close {
      background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
      background-size: 819px 724px
    }
  }
}
.overlay_detail_confirmtag .token-input-list {
  padding: 0;
  overflow: hidden
}
.overlay_detail_confirmtag .token-input-list li {
  float: left;
  margin: 3px 0 3px 5px
}
.overlay_detail_confirmtag .token-input-list input {
  font-weight: 600;
  width: 20px
}
.overlay_detail_confirmtag .token-input-token {
  height: 20px;
  margin: 0 4px 3px 0
}
.overlay_detail_confirmtag .token-input-token p {
  font-size: 14px;
  margin: 0
}
.overlay_screen .overlay_detail .skip_link {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat;
  height: 9px;
  position: absolute;
  overflow: hidden;
  right: -20px;
  text-indent: -20em;
  top: -30px;
  width: 10px
}
.page-skindark .overlay_screen .overlay_detail .skip_link {
  background-position: -144px -708px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .overlay_detail .skip_link {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.overlay_screen .overlay_detail .gsf_one,
.overlay_screen .overlay_detail .gsf_three,
.overlay_screen .overlay_detail .gsf_two,
.overlay_screen .overlay_detail .gsf_twopointfive,
.overlay_screen .overlay_detail .gsf_zero {
  opacity: 0;
  visibility: hidden
}
.overlay_screen .overlay_detail .gsf_three,
.overlay_screen .overlay_detail .gsf_two,
.overlay_screen .overlay_detail .gsf_twopointfive,
.overlay_screen .overlay_detail .gsf_zero {
  left: 30px;
  position: absolute;
  top: 40px;
  width: 15em
}
@media only screen and (min-width: 50em) {
  .overlay_screen .overlay_detail .gsf_three,
  .overlay_screen .overlay_detail .gsf_two,
  .overlay_screen .overlay_detail .gsf_twopointfive,
  .overlay_screen .overlay_detail .gsf_zero {
    width: 620px
  }
}
.overlay_screen .overlay_detail_gsfwelcome .gsf_twopointfive {
  position: relative
}
@media only screen and (min-width: 33em) {
  .overlay_screen .overlay_detail_gsfwelcome .gsf_twopointfive {
    width: 336px
  }
}
@media only screen and (min-width: 50em) {
  .overlay_screen .overlay_detail_gsfwelcome .gsf_twopointfive {
    width: 560px
  }
}
.overlay_screen .overlay_detail .gsf_active {
  opacity: 1;
  visibility: visible
}
.overlay_screen .overlay_detail .gsf_progress {
  bottom: 12px;
  display: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%
}
@media only screen and (min-width: 33em) {
  .overlay_screen .overlay_detail .gsf_progress {
    display: block
  }
}
.overlay_screen .overlay_detail_wsuggestedtags {
  padding: 0;
  width: 100%
}
@media only screen and (min-width: 38em) {
  .overlay_screen .overlay_detail_wsuggestedtags {
    width: 385px
  }
}
.overlay_screen .edittag_detail {
  padding: 0
}
@media only screen and (min-width: 30em) {
  .overlay_screen .edittag_detail {
    padding: 25px 20px 5px
  }
}
.overlay_screen .suggestedtag_detail {
  background-color: #ededed;
  min-height: 76px;
  padding: 13px 20px 15px
}
.page-skindark .overlay_screen .suggestedtag_detail {
  background-color: #666
}
.overlay_screen .suggestedtag_detail_loading {
  background: url(/a/i/spinner@1x.gif) center center no-repeat #ededed;
  background-size: 16px 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .suggestedtag_detail_loading {
    background-image: url(/a/i/spinner@2x.gif)
  }
}
.overlay_screen .suggestedtag_detail h4 {
  color: #555;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .65em;
  font-weight: 400;
  margin: 0 0 .5em;
  text-align: left
}
.page-skindark .overlay_screen .suggestedtag_detail h4 {
  color: #1f1f1f
}
.overlay_screen .suggestedtag_detail ul {
  margin: 0;
  padding: 0
}
.overlay_screen .suggestedtag_detail li {
  float: left;
  list-style: none
}
.overlay_screen .suggestedtag_detail .suggestedtag_msg {
  color: #333;
  font-size: 14px;
  margin-bottom: 0;
  text-align: left
}
.overlay_screen .token-suggestedtag {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #c3c3c3;
  color: #444;
  font-size: 14px;
  font-weight: 600;
  margin-right: 6px;
  padding: 2px 5px
}
.page-skindark .overlay_screen .token-suggestedtag {
  background-color: #ccc;
  border-color: #ccc
}
.overlay_screen .token-suggestedtag:hover {
  background-color: #fff8c8;
  text-decoration: none
}
.overlay_screen .token-suggestedtag-inactive {
  display: none
}
.overlay_screen .gsf_progress li {
  background: #bcbcbc;
  border-radius: 5px;
  display: inline-block;
  height: 9px;
  margin: 0 3px;
  overflow: hidden;
  text-indent: 100px;
  width: 9px
}
.overlay_screen .gsf_progress .selected {
  background: #606060
}
.overlay_screen .gsf_zero .tempemail,
.overlay_screen .gsf_zero .temppass {
  font-size: 1.2em;
  font-weight: 600
}
.overlay_screen .gsf_zero .tempemail {
  margin-bottom: .5em
}
.overlay_screen .gsf_zero .temppass {
  margin-bottom: 1em
}
.overlay_screen .gsf_zero .reduced {
  margin-bottom: .5em
}
.overlay_screen .gsf_zero .button {
  margin-left: 250px
}
.overlay_screen .gsf_one .gsf_bg {
  background: url(/a/i/gsf/gsf_onebg@1x.jpg) center center no-repeat;
  background-size: 146px 124px;
  float: none;
  margin: 0 auto;
  height: 124px;
  width: 146px
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .overlay_screen .gsf_one .gsf_bg {
    background-size: 293px 249px;
    height: 249px;
    width: 293px
  }
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_one .gsf_bg {
    float: left
  }
}
.overlay_screen .gsf_one .gsf_content {
  float: none;
  margin-top: 10px;
  width: auto
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_one .gsf_content {
    float: left;
    margin-left: 30px;
    margin-top: 6px;
    width: 280px
  }
}
.overlay_screen .gsf_one h3 {
  font-size: 15px
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .overlay_screen .gsf_one h3 {
    font-size: 26px
  }
}
.overlay_screen .gsf_one p {
  font-size: .835em
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .overlay_screen .gsf_one p {
    font-size: 1em
  }
}
.overlay_screen .gsf_one .gsf_accesspocket {
  display: none
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .overlay_screen .gsf_one .gsf_accesspocket {
    display: block
  }
}
.overlay_screen .gsf_one .gsf_buttoncontainer {
  margin-bottom: 0
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .overlay_screen .gsf_one .gsf_buttoncontainer {
    margin-bottom: 2em
  }
}
.overlay_screen .gsf_one .button {
  margin-bottom: 10px
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .overlay_screen .gsf_one .button {
    margin-bottom: 34px
  }
}
.overlay_screen .gsf_two h3 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px
}
.overlay_screen .gsf_two .button {
  margin-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px
}
.overlay_screen .gsf_four .gsf_bg,
.overlay_screen .gsf_two .gsf_bg {
  background: url(/a/i/gsf/gsf_twobg@1x.jpg) center center no-repeat;
  display: none;
  height: 232px;
  margin: 20px auto;
  width: 277px
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_four .gsf_bg,
  .overlay_screen .gsf_two .gsf_bg {
    display: block;
    float: left;
    margin-left: 10px
  }
}
@media only screen and (min-height: 48em) {
  .overlay_screen .gsf_four .gsf_bg,
  .overlay_screen .gsf_two .gsf_bg {
    display: block
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .gsf_four .gsf_bg,
  .overlay_screen .gsf_two .gsf_bg {
    background-image: url(/a/i/gsf/gsf_twobg@2x.jpg);
    background-size: 277px 232px
  }
}
.overlay_screen .gsf_four .gsf_bg {
  background-size: 139px 116px;
  height: 116px;
  width: 139px
}
@media only screen and (min-width: 33em) {
  .overlay_screen .gsf_four .gsf_bg {
    background-size: 277px 232px;
    height: 232px;
    width: 277px
  }
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_four .gsf_bg {
    margin-top: 0
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .gsf_four .gsf_bg {
    background-image: url(/a/i/gsf/gsf_twobg@2x.jpg)
  }
}
.overlay_screen .gsf_four .gsf_content,
.overlay_screen .gsf_two .gsf_content {
  width: auto
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_four .gsf_content,
  .overlay_screen .gsf_two .gsf_content {
    float: left;
    margin-left: 48px;
    width: 280px
  }
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_four .gsf_content {
    margin-top: 20px
  }
}
.overlay_screen .gsf_twopointfive {
  text-align: center
}
.overlay_screen .overlay_detail .gsf_pocketlogo {
  background: url(/a/i/gsf/gsf_pocketlogo@1x.png) center center no-repeat;
  height: 52px;
  margin: 0 auto 20px;
  overflow: hidden;
  text-indent: 200%;
  width: 198px;
  white-space: nowrap
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .overlay_detail .gsf_pocketlogo {
    background-image: url(/a/i/gsf/gsf_pocketlogo@2x.png);
    background-size: 198px 52px
  }
}
.overlay_screen .gsf_twopointfive .gsf_bg {
  background: url(/a/i/gsf/gsf_multidevices@1x.jpg) center center no-repeat;
  height: 205px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 200%;
  width: 345px;
  white-space: nowrap
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .gsf_twopointfive .gsf_bg {
    background-image: url(/a/i/gsf/gsf_multidevices@2x.jpg);
    background-size: 345px 205px
  }
}
.overlay_screen .gsf_twopointfive_notos .gsf_bg {
  margin-top: 30px
}
.overlay_screen .gsf_twopointfive p {
  text-align: center
}
.overlay_screen .gsf_twopointfive .gsf_content {
  border-top: 1px solid #ccc;
  margin: 0 auto;
  max-width: 450px;
  padding: 1em 0
}
.overlay_screen .gsf_tagline {
  max-width: 450px;
  margin: 0 auto 1.5em
}
.overlay_screen .gsf_disclaimer {
  color: #999;
  font-size: 12px
}
.overlay_screen .gsf_twopointfive .gsf_disclaimer {
  margin-bottom: 23px
}
.overlay_screen .gsf_twopointfive_notos .gsf_disclaimer {
  display: none
}
.overlay_screen .gsf_disclaimer a {
  color: #999;
  text-decoration: underline
}
.overlay_screen .gsf_disclaimer a:hover {
  color: #50bcb6
}
.overlay_screen .gsf_disclaimer input {
  display: inline-block;
  font-size: 16px;
  margin-right: .3em
}
.overlay_screen .gsf_twopointfive_notos .button_container {
  margin-top: 39px
}
.overlay_screen .gsf_three h3 {
  font-size: 34px;
  font-weight: 300;
  margin-top: 0
}
.overlay_screen .gsf_three h5 {
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 auto 25px;
  max-width: 450px
}
.overlay_screen .gsf_three .gsf_bg {
  background: url(/a/i/gsf/gsf_threebg@1x.jpg) center center no-repeat;
  background-size: 288px 99px;
  display: inline-block;
  height: 99px;
  width: 288px
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_three .gsf_bg {
    background-size: 576px 198px;
    height: 198px;
    width: 576px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .gsf_three .gsf_bg {
    background-image: url(/a/i/gsf/gsf_threebg@2x.jpg)
  }
}
.overlay_screen .gsf_three .step {
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  background: #fcb643;
  border-radius: 18px;
  clear: both;
  color: #fff;
  float: left;
  height: 25px;
  line-height: 1;
  margin-left: 20px;
  padding-top: 8px;
  width: 33px
}
@media only screen and (min-width: 50em) {
  .overlay_screen .gsf_three .step {
    clear: none
  }
}
.overlay_screen .gsf_three p {
  float: left;
  margin-left: 15px;
  margin-right: 20px;
  margin-bottom: 25px;
  width: 240px
}
.overlay_screen .gsf_three p:first-of-type {
  width: 200px
}
.overlay_screen .gsf_three .button_container {
  margin-bottom: 50px
}
.overlay_screen_dark {
  background: rgba(0, 0, 0, .7)
}
.overlay_screen_light {
  background: #f5f5f5
}
.overlay_screen_light .overlay_createpasswordcontainer {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 4px;
  color: #333;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 1em 0 3em;
  position: relative;
  text-shadow: none;
  width: 374px
}
.overlay_screen_light h2 {
  border-bottom: 1px solid #ebebeb;
  color: #333;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.875em;
  margin: 0 1em 1em;
  padding-bottom: .4em
}
.overlay_screen_light .avatar {
  background-color: #333;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 5em 5em;
  border-radius: 2.5em;
  height: 5em;
  margin: 0 auto;
  width: 5em
}
.overlay_screen_light p {
  color: #666;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin-left: 1.5em;
  margin-right: 1.5em
}
.overlay_screen_light .hi {
  color: #333;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  margin-bottom: 0;
  padding: 0 1em;
  word-wrap: break-word
}
.overlay_screen_light .email {
  word-wrap: break-word
}
.overlay_screen_light .extrausername {
  display: none
}
.overlay_screen_light .form-field {
  display: inline-block;
  margin: .7em auto;
  position: relative
}
.overlay_screen_light .form-field:first-child {
  margin-top: 0
}
.overlay_screen_light .form-field:last-child {
  margin-bottom: 1.3em
}
.overlay_screen_light .form-field label {
  display: none
}
.overlay_screen_light .form-field input {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  display: block;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 auto;
  min-width: 13.375em;
  padding: .7em 1em
}
.overlay_screen_light .form-field-error input {
  border-color: red;
  color: red
}
.overlay_screen_light .password-btn-add {
  box-sizing: border-box;
  margin-top: 1em;
  width: 15.4em
}
.overlay_screen_light .password-processing .form-processing {
  background: url(/i/spinner_med.gif) top center no-repeat;
  background-size: 16px 16px;
  display: block;
  position: absolute;
  height: 1em;
  margin: -.3em auto 0;
  width: 100%
}
.overlay_screen_light .form-error,
.overlay_screen_light .form-msg {
  -moz-border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 4px;
  -webkit-box-sizing: border-box;
  background-color: #ffe8e9;
  border-radius: 4px;
  box-sizing: border-box;
  color: #c33;
  line-height: 1.2;
  padding: .5em .8em .45em;
  margin: 0 auto 1em;
  text-align: center;
  width: 17.7em
}
.overlay_screen_light .form-msg {
  color: #333;
  display: none;
  background-color: #e4e4e4
}
.overlay_screen_light .form-msg-active {
  display: block
}
.overlay_screen .overlay_detail_reportitem {
  box-sizing: border-box;
  padding: 1em 0;
  width: 100%;
  text-align: left
}
@media only screen and (min-width: 38em) {
  .overlay_screen .overlay_detail_reportitem {
    padding: 1.7em 1.45em 2em;
    width: auto
  }
}
.overlay_screen .overlay_detail_reportitem h3 {
  border-bottom: 1px solid #e6e6e8;
  font-size: .8888em;
  margin: 0;
  padding: .05em 0 .75em 1.65em;
  text-align: left
}
@media only screen and (min-width: 30em) {
  .overlay_screen .overlay_detail_reportitem h3 {
    border-bottom: none;
    display: none;
    font-size: 1em;
    padding: 0;
    text-align: center
  }
}
.overlay_screen .overlay_detail_reportitem h5 {
  font-size: 1.111em;
  padding: 1em 1.35em
}
@media only screen and (min-width: 30em) {
  .overlay_screen .overlay_detail_reportitem h5 {
    font-size: 1em;
    padding-bottom: .5em;
    padding-top: .5em;
    text-align: center
  }
}
.overlay_screen .overlay_detail_reportitem .option-row {
  font-size: .8888em;
  padding: .75em 1.65em
}
@media only screen and (min-width: 30em) {
  .overlay_screen .overlay_detail_reportitem .option-row {
    padding: .5em 1.65em
  }
}
.flexbox .overlay_detail_reportitem .option-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.overlay_screen .overlay_detail_reportitem input {
  cursor: pointer
}
.flexbox .overlay_detail_reportitem input {
  width: 1.5em
}
.overlay_screen .overlay_detail_reportitem label {
  cursor: pointer;
  font-weight: 400;
  line-height: 1.3;
  padding-left: 1em;
  position: relative
}
.flexbox .overlay_detail_reportitem label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.overlay_screen .overlay_detail_reportitem .button-container {
  padding: 2em 0;
  text-align: center
}
@media only screen and (min-width: 30em) {
  .overlay_screen .overlay_detail_reportitem .button-container {
    padding: 1em 0 0
  }
}
.overlay_screen .overlay_detail_reportitem .button-disabled:hover {
  color: rgba(255, 255, 255, .6)
}
.overlay_screen .overlay_detail_reportitemprocessing {
  background: url(/a/i/spinner@1x.gif) center center no-repeat;
  background-size: 16px 16px;
  display: none;
  height: 16px;
  margin: -1.2em 0 0 -8px;
  left: 50%;
  width: 16px;
  position: absolute
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .overlay_detail_reportitemprocessing {
    background-image: url(/a/i/spinner@2x.gif)
  }
}
.overlay_screen .overlay_detail_reportitemprocessingactive {
  display: block
}
.overlay_detail_reportitem .extralink-container {
  margin: .5em 0 0;
  padding: 0 1em;
  text-align: center
}
.overlay_detail_reportitem .option-whyrecommended {
  border-bottom: 1px solid #dcdce0;
  color: #000;
  font-size: .66667em;
  font-weight: 400
}
.overlay_detail_reportitem .option-whyrecommended:hover {
  color: #50bcb6
}
.page-queuedark .overlay_detail_reportitem .option-whyrecommended {
  color: #ccc;
  border-bottom-color: #666
}
.page-queuedark .overlay_detail_reportitem .option-whyrecommended:hover {
  color: #50bcb6
}
.overlay_screen .overlay_detail_betawelcome {
  box-sizing: border-box
}
@media only screen and (min-height: 36em) {
  .overlay_screen .overlay_detail_betawelcome {
    padding-bottom: 3em;
    padding-top: 3em
  }
}
.overlay_screen .overlay_detail .overlay_detail_betalogo {
  background: url(/a/i/gsf/gsf_welcomesharing@1x.jpg) center center no-repeat;
  display: block;
  height: 250px;
  margin: 0 auto;
  overflow: hidden;
  width: 400px;
  text-indent: -999em
}
@media only screen and (min-height: 36em) {
  .overlay_screen .overlay_detail .overlay_detail_betalogo {
    margin-bottom: 2em
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .overlay_screen .overlay_detail .overlay_detail_betalogo {
    background-image: url(/a/i/gsf/gsf_welcomesharing@2x.jpg);
    background-size: 400px 250px
  }
}
.overlay_screen .overlay_detail_betawelcome p {
  font-size: .7778em;
  margin-left: auto;
  margin-right: auto;
  max-width: 24em;
  text-align: center
}
@media only screen and (min-height: 36em) {
  .overlay_screen .overlay_detail_betawelcome p {
    font-size: 1em;
    margin-bottom: 1.5em
  }
}
@media only screen and (min-height: 36em) {
  .overlay_screen .overlay_detail_betawelcome .button-confirm {
    margin-top: .5em
  }
}
.overlay_screen .overlaygamify_roorecommended:after {
  content: "";
  display: table;
  clear: both
}
@media only screen and (min-width: 50em) {
  .overlay_screen .overlaygamify_roorecommended {
    padding: 3em 2.5em;
    width: 35.5em
  }
  .flexbox .overlay_screen .overlaygamify_roorecommended {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}
.overlaygamify_roorecommendedimg {
  background: url(/a/i/gsf/gsf_roorecommended@1x.png) center center no-repeat;
  background-size: 150px 134px;
  display: block;
  height: 134px;
  margin: 0 auto;
  overflow: hidden;
  width: 150px;
  text-indent: -999em
}
@media only screen and (min-width: 50em) {
  .overlaygamify_roorecommendedimg {
    background-size: 300px 268px;
    float: left;
    height: 268px;
    width: 300px
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    .overlaygamify_roorecommendedimg {
      background-image: url(/a/i/gsf/gsf_roorecommended@2x.png)
    }
  }
}
@media only screen and (min-width: 50em) {
  .overlaygamify_text {
    box-sizing: border-box;
    float: left;
    padding: 3em 0 0 2em;
    width: 18.5em
  }
  .flexbox .overlaygamify_text {
    padding: 0 0 0 2em
  }
}
.overlaygamify_textdetail {
  font-size: .77778em
}
@media only screen and (min-width: 38em) {
  .overlaygamify_textdetail {
    font-size: 1em
  }
}
@media only screen and (min-width: 50em) {
  .overlay_screen .overlay_detail_gsf .overlaygamify_textdetail {
    margin-bottom: 1em;
    text-align: center
  }
}
.overlaygamify_pocketicon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -120px -315px;
  display: inline-block;
  height: 17px;
  width: 20px
}
.isolate_screen_detail {
  background-color: rgba(17, 17, 17, .8);
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
  transition: opacity .2s ease-out, visibility .2s ease-out;
  visibility: hidden;
  width: 100%;
  z-index: 8999
}
.isolate_screen_immediate {
  -webkit-transition: none;
  transition: none
}
.isolate_screen_active {
  opacity: 1;
  visibility: visible
}
.isolate_screen_right {
  left: auto;
  right: 0
}
.isolate_screen_simple {
  min-height: 100vh
}
.isolate_screen_buttontarget {
  display: block;
  height: 1px;
  position: fixed;
  right: 111px;
  top: 10px;
  width: 1px
}
.isolate_screen_buttontargetsecond {
  display: block;
  height: 1px;
  position: fixed;
  right: 151px;
  top: 10px;
  width: 1px
}
.error-bubble {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #ffe6e8;
  border: 1px solid #f80000;
  border-radius: 4px;
  color: #c33;
  font-size: .8125em;
  font-weight: 400;
  line-height: 1;
  opacity: 0;
  padding: .4em 1em;
  position: absolute;
  right: -1em;
  top: -2.1em;
  text-align: left;
  visibility: hidden;
  z-index: 500
}
.error-bubble a {
  border-bottom: 1px solid #c33;
  font-weight: 400;
  color: #c33
}
.error-bubble a:hover {
  color: #a32929;
  text-decoration: none
}
.error-bubble-twoliner {
  line-height: 1.2;
  top: -3.4em
}
.error-arrow {
  border-width: 10px
}
.error-arrow,
.error-arrow:after {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0
}
.error-arrow:after {
  border-width: 9px;
  content: ""
}
.error-arrow {
  bottom: -10px;
  right: 20px;
  margin-left: -10px;
  border-top-color: #f80000;
  border-bottom-width: 0
}
.error-arrow:after {
  bottom: 1px;
  margin-left: -9px;
  border-top-color: #ffe6e8;
  border-bottom-width: 0
}
.form-field-error .error-bubble {
  height: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .1s linear, visibility .1s linear;
  transition: opacity .1s linear, visibility .1s linear
}
.gsf_device_reminder_container {
  box-sizing: border-box;
  bottom: 5px;
  display: none;
  left: 0;
  height: 111px;
  position: absolute;
  margin: 0;
  padding: 0 1.5em;
  width: 100%;
  z-index: 40
}
@media only screen and (min-width: 65em) {
  .gsf_device_reminder_container {
    padding: 0 3.7em 0 13.7em
  }
}
.page-reader .gsf_device_reminder_container {
  display: none
}
@media only screen and (min-width: 33em) {
  .gsf_device_reminder_active {
    display: block;
    overflow: hidden
  }
}
.gsf_device_reminder_native {
  display: block
}
.gsf_device_reminder {
  background: #fff;
  border: 1px solid #ccc;
  height: 109px;
  margin: 0 auto;
  overflow: hidden;
  position: relative
}
.gsf_device_reminder_content,
.gsf_device_reminder_content_native {
  background: url(/a/i/gsf/gsf_devicereminderbg@1x.jpg) -12.5em bottom no-repeat;
  height: 100%;
  max-width: 55em;
  margin-left: auto;
  margin-right: auto;
  position: relative
}
@media only screen and (min-width: 40em) {
  .gsf_device_reminder_content,
  .gsf_device_reminder_content_native {
    background-position: .5em bottom
  }
}
.gsf_device_reminder_content_native,
.gsf_device_reminder_native .gsf_device_reminder_content {
  display: none
}
.gsf_device_reminder_native .gsf_device_reminder_content_native {
  display: block
}
.gsf_device_reminder h5 {
  font-size: 20px;
  line-height: 1;
  margin-left: 100px;
  margin-bottom: .2em;
  padding-top: 25px;
  text-align: left
}
@media only screen and (min-width: 40em) {
  .gsf_device_reminder h5 {
    margin-left: 300px
  }
}
@media only screen and (min-width: 50em) {
  .gsf_device_reminder h5 {
    padding-top: 35px
  }
}
.gsf_device_reminder p {
  color: #555;
  font-size: 15px;
  line-height: 1.3;
  margin-left: 100px;
  padding-right: 2em;
  text-align: left
}
@media only screen and (min-width: 40em) {
  .gsf_device_reminder p {
    font-size: 16px;
    margin-left: 300px
  }
}
.gsf_device_reminder_native p {
  margin-left: 100px;
  padding-top: 2.5em
}
@media only screen and (min-width: 40em) {
  .gsf_device_reminder_native p {
    margin-left: 300px
  }
}
.gsf_device_reminder_native_link {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.gsf_device_reminder .close {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat;
  height: 15px;
  position: absolute;
  overflow: hidden;
  right: 1em;
  text-indent: -20em;
  top: 1em;
  width: 16px;
  z-index: 5
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf_device_reminder .close {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 33em) {
  .gsf_device_reminder .close {
    background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat;
    height: 9px;
    width: 10px
  }
  .page-skindark .gsf_device_reminder .close {
    background-position: -144px -708px
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    .gsf_device_reminder .close {
      background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
      background-size: 819px 724px
    }
  }
}
.gsf_device_premupsell {
  background-color: #5ec5c2
}
.gsf_device_premupsell .gsf_device_reminder {
  background-image: url(/a/i/gsf/gsf_premupsellbg@1x.jpg);
  background-position: 0 10px
}
.gsf_device_premupsell .gsf_device_reminder h5,
.gsf_device_premupsell .gsf_device_reminder p {
  color: #fff
}
.gsf_device_premupsell .gsf_device_reminder h5 {
  padding-top: 20px
}
.gsf_device_premupsell .gsf_device_reminder p {
  max-width: 450px;
  line-height: 1.3;
  padding-top: 5px
}
.offlinepage_warning {
  background: url(/a/i/error_large@1x.png) top center no-repeat;
  margin: 50px auto;
  padding-top: 95px;
  width: 410px
}
#page_reader[font=serif] .offlinepage_warning h3,
.offlinepage_warning h3 {
  color: #666;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 12px
}
.offlinepage_warning p {
  color: #4e4e4e;
  font-size: 18px
}
.noarticle_warning {
  background: #eee;
  margin-bottom: 40px;
  padding: 20px
}
.page-readernight .noarticle_warning {
  background: #444
}
.page-readersepia .noarticle_warning {
  background: #eddfd5
}
.notice_container {
  background: #f8f8f8;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  margin: 60px auto;
  opacity: 0;
  width: 800px
}
.notice_container h4 {
  color: #666;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 20px
}
#queue_empty .notice_container p {
  font-size: 20px;
  line-height: 1.2
}
#queue_empty .notice_container a {
  color: #fcb643
}
#queue_empty .notice_container .button {
  color: #fff
}
.notice_container_active {
  opacity: 1;
  -webkit-transition: opacity .4s ease-out .4s;
  transition: opacity .4s ease-out .4s
}
.notice_container .pocket_button_img {
  background: url(/a/i/ext_chrome@1x.jpg);
  float: left;
  height: 310px;
  margin-left: 50px;
  margin-top: 25px;
  width: 310px
}
.notice_container .pocket_button_detail {
  color: #666;
  float: left;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 30px;
  margin-top: 43px;
  text-align: left;
  width: 370px
}
#queue_empty .notice_container .button-importantalt {
  color: #fff;
  margin: 0;
  width: auto
}
#queue_empty .notice_container .more {
  font-size: 14px;
  margin: 40px 0 60px
}
#warning-browserincompatible {
  background: #fff;
  display: none;
  height: 300px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999999
}
.chardinjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  background-color: rgba(0, 0, 0, .7);
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.chardinjs-helper-layer {
  position: fixed;
  z-index: 9999998;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.chardinjs-helper-layer.chardinjs-left {
  border-left: solid #fff 1px;
  margin-left: -10px
}
.chardinjs-helper-layer.chardinjs-right {
  border-right: solid #fff 1px;
  padding-right: 10px
}
.chardinjs-helper-layer.chardinjs-bottom,
.chardinjs-helper-layer.chardinjs-bottomlower {
  border-bottom: solid #fff 1px;
  padding-bottom: 10px
}
.chardinjs-helper-layer.chardinjs-top {
  border-top: solid #fff 1px;
  padding-top: 10px
}
.chardinjs-tooltip {
  position: absolute;
  -webkit-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out;
  max-width: 200px
}
.chardinjs-tooltip.chardinjs-left {
  margin-left: -135px;
  padding-right: 10px
}
.chardinjs-tooltip.chardinjs-right {
  margin-right: -135px;
  padding-left: 10px
}
.chardinjs-tooltip.chardinjs-bottom {
  margin-bottom: -50px;
  padding-top: 10px
}
.chardinjs-tooltip.chardinjs-bottomlower {
  margin-bottom: -150px;
  padding-top: 10px
}
.chardinjs-tooltip.chardinjs-top {
  margin-top: -50px;
  padding-bottom: 10px
}
.chardinjs-tooltip.chardinjs-bottom:before,
.chardinjs-tooltip.chardinjs-bottomlower:before,
.chardinjs-tooltip.chardinjs-left:after,
.chardinjs-tooltip.chardinjs-right:before,
.chardinjs-tooltip.chardinjs-top:after {
  content: ".";
  display: inline-block;
  background-color: #fff;
  height: 1px;
  overflow: hidden;
  position: absolute
}
.chardinjs-tooltip.chardinjs-left:after,
.chardinjs-tooltip.chardinjs-right:before {
  width: 100px;
  top: 50%
}
.chardinjs-tooltip.chardinjs-bottom:before,
.chardinjs-tooltip.chardinjs-top:after {
  width: 1px;
  height: 50px;
  left: 50%
}
.chardinjs-tooltip.chardinjs-bottomlower:before {
  width: 1px;
  height: 150px;
  left: 50%
}
.chardinjs-tooltip.chardinjs-bottom:before {
  top: -50px
}
.chardinjs-tooltip.chardinjs-bottomlower:before {
  top: -150px
}
.chardinjs-tooltip.chardinjs-top:after {
  bottom: -50px
}
.chardinjs-tooltip.chardinjs-right:before {
  left: -100px
}
.chardinjs-tooltip.chardinjs-left:after {
  right: -100px
}
.chardinjs-show-element {
  z-index: 9999999;
  opacity: .8
}
.chardinjs-relative-position {
  position: relative
}
.chardinjs-tooltiptext {
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2
}
.chardinjs-header>h2 {
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  position: relative;
  top: 52px
}
.chardinjs-keyboard {
  margin: 0 auto;
  position: relative;
  top: 100px;
  width: 450px
}
.chardinjs-keyboard .header {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center
}
.chardinjs-keyboard ul {
  list-style: none;
  padding: 0
}
.chardinjs-keyboard li {
  display: block;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 16px;
  margin: 3px 0;
  text-align: left;
  white-space: nowrap
}
.chardinjs-keyboard span {
  color: #82ECB7;
  display: inline-block;
  font-weight: 600;
  margin-right: 20px;
  text-align: right;
  width: 140px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .notifications-error .message {
    background-image: url(/a/i/error_notification@2x.png);
    background-size: 22px 23px
  }
  .offlinepage_warning {
    background-image: url(/a/i/error_large@2x.png);
    background-size: 75px 75px
  }
  .pocket_button_img {
    background-image: url(/a/i/ext_chrome@2x.jpg);
    background-size: 310px 310px
  }
  .overlay_note_container {
    background-image: url(/a/i/gsf/gsf_chromeinstalltext@2x.png);
    background-size: 213px 112px
  }
  .overlay_note_container .overlay_arrow {
    background-image: url(/a/i/gsf/gsf_chromeinstallarrow@2x.png);
    background-size: 106px 69px
  }
  .overlay_screen .overlay_detail_premupsell p {
    background-image: url(/a/i/upsell_premiumfeatures@2x.png);
    background-size: 361px 145px
  }
  .notifications-persistent .close {
    background-image: url(/a/i/notification_close@2x.png);
    background-size: 11px 11px
  }
  .gsf_device_premupsell .gsf_device_reminder {
    background-image: url(/a/i/gsf/gsf_premupsellbg@2x.jpg);
    background-size: 250px 86px
  }
}
.dropSelector {
  position: relative
}
.dropSelector.show .carrot,
.dropSelector.show ul {
  display: block
}
.dropSelector .carrot {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 15px;
  z-index: 202;
  background: url(/a/i/titleSelectorCarrot.png) center no-repeat
}
.dropSelector li {
  float: none!important;
  padding: 0;
  margin: 0
}
.dropSelector li a {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  text-indent: 0;
  text-decoration: none
}
.clickguard {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  visibility: hidden;
  opacity: .5;
  z-index: 499
}
.titleSelector {
  position: relative;
  top: 6px;
  display: block;
  width: auto;
  height: 47px
}
.titleSelector>a {
  display: block;
  margin-bottom: 0
}
.titleSelector a:hover {
  color: #343434
}
.titleSelector .carrot {
  top: 56px;
  left: 50%;
  margin-left: -21px;
  width: 43px;
  height: 24px;
  background: url(/a/i/section_carrot.png) center no-repeat
}
.titleSelector ul {
  top: 79px;
  margin-left: -154px;
  margin-bottom: 0;
  border: 1px solid #bcbcbc;
  border-radius: 7px;
  background: #fff
}
.titleSelector .popover-new ul {
  top: 0;
  border: none;
  margin-left: 0;
  border-radius: 0;
  background: 0 0
}
.titleSelector li {
  z-index: 203
}
.titleSelector li a {
  padding-left: 70px;
  font-size: 20px;
  color: #666;
  text-align: left;
  text-transform: none;
  font-weight: 400;
  z-index: 204
}
.inactive li a {
  cursor: default;
  opacity: .5
}
.no-touch .titleSelector li:hover a {
  color: #222;
  background-color: #fff8c8
}
.no-touch .inactive li:hover a {
  color: #666;
  background-color: transparent
}
.popover-new {
  background: #fff;
  border-radius: 2px;
  border: 1px solid #dcdce0;
  opacity: 0;
  position: absolute;
  top: 0;
  text-align: left;
  visibility: hidden;
  -webkit-transition: visibility .05s linear;
  transition: visibility .05s linear;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .1);
  z-index: 500
}
.page-skindark .popover-new {
  background-color: #1f1f1f;
  border: 1px solid #4e4e4e
}
.page-reader .popover-new {
  z-index: 9002
}
.popover-new-fixed {
  position: fixed
}
.popover-new .arrow {
  border-width: 8px;
  z-index: 5
}
.popover-new .arrow,
.popover-new .arrow:after {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0
}
.popover-new .arrow:after {
  border-width: 8px;
  content: ""
}
.popover-new-top .arrow {
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  border-top-color: #ccc;
  border-bottom-width: 0
}
.page-skindark .popover-new-top .arrow {
  border-top-color: #4e4e4e
}
.popover-new-top .arrow:after {
  bottom: 1px;
  margin-left: -8px;
  border-top-color: #fff;
  border-bottom-width: 0
}
.page-skindark .popover-new-top .arrow:after {
  border-top-color: #1f1f1f
}
.popover-new-bottom .arrow {
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-bottom-color: #ccc;
  border-top-width: 0
}
.page-skindark .popover-new-bottom .arrow {
  border-bottom-color: #4e4e4e
}
.popover-new-bottom .arrow:after {
  top: 1px;
  margin-left: -8px;
  border-bottom-color: #fff;
  border-top-width: 0
}
.page-skindark .popover-new-bottom .arrow:after {
  border-bottom-color: #1f1f1f
}
.popover-new-bottomright .arrow {
  top: -8px;
  left: 25px;
  margin-left: -8px;
  border-bottom-color: #ccc;
  border-top-width: 0
}
.page-skindark .popover-new-bottomright .arrow {
  border-bottom-color: #4e4e4e
}
.popover-new-bottomright .arrow:after {
  top: 1px;
  margin-left: -8px;
  border-bottom-color: #fff;
  border-top-width: 0
}
.page-skindark .popover-new-bottomright .arrow:after {
  border-bottom-color: #1f1f1f
}
.popover-new-bottomleft .arrow {
  top: -8px;
  left: auto;
  right: 10px;
  margin-left: -8px;
  border-bottom-color: #ccc;
  border-top-width: 0
}
.page-skindark .popover-new-bottomleft .arrow {
  border-bottom-color: #4e4e4e
}
.popover-new-bottomleft .arrow:after {
  top: 1px;
  margin-left: -8px;
  border-bottom-color: #fff;
  border-top-width: 0
}
.page-skindark .popover-new-bottomleft .arrow:after {
  border-bottom-color: #1f1f1f
}
.popover-new-topleft .arrow {
  bottom: -8px;
  left: auto;
  right: 5px;
  margin-left: -8px;
  border-top-color: #ccc;
  border-bottom-width: 0
}
.page-skindark .popover-new-bottomleft .arrow {
  border-top-color: #4e4e4e
}
.popover-new-topleft .arrow:after {
  bottom: 1px;
  margin-left: -8px;
  border-top-color: #fff;
  border-bottom-width: 0
}
.page-skindark .popover-new-bottomleft .arrow:after {
  border-top-color: #1f1f1f
}
.popover-new-topright .arrow {
  bottom: -8px;
  left: 25px;
  margin-left: -8px;
  border-top-color: #ccc;
  border-bottom-width: 0
}
.page-skindark .popover-new-topright .arrow {
  border-top-color: #4e4e4e
}
.popover-new-topright .arrow:after {
  bottom: 1px;
  margin-left: -8px;
  border-top-color: #fff;
  border-bottom-width: 0
}
.page-skindark .popover-new-topright .arrow:after {
  border-top-color: #1f1f1f
}
.popover-active {
  height: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .1s linear, visibility .1s linear;
  transition: opacity .1s linear, visibility .1s linear
}
.popover-new-topleft.popover-active,
.popover-new-topright.popover-active {
  margin-top: -5px
}
.popover-new-list {
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  z-index: 10
}
.popover-new-list li {
  list-style: none
}
.popover-new .popover-new-list a {
  color: #313131;
  font-size: 1.23077em;
  margin: 0;
  padding: .5em 2em;
  text-align: left;
  width: auto
}
.page-skindark .popover-new .popover-new-list a {
  border-bottom-color: #383737;
  color: #ccc
}
.no-touch .popover-new .popover-new-list a:hover {
  background-color: #50bcb6;
  color: #fff
}
@media only screen and (min-width: 30em) {
  .popover-new .popover-new-list a {
    font-size: 1.15385em;
    padding: .6em 2em
  }
}
.popover-new-centered {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9002
}
@media only screen and (min-width: 30em) {
  .popover-new-centered {
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
  }
}
.popover-new-centered .popover-new-list a {
  border-bottom: 1px solid #e6e6e8
}
@media only screen and (min-width: 30em) {
  .popover-new-centered .popover-new-list a {
    border-bottom: none
  }
}
.popover-new-centeredleft {
  height: 310px;
  position: fixed;
  margin-left: 6.61538em;
  top: 110px
}
@media only screen and (min-width: 38em) {
  .popover-new-centeredleft {
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0
  }
}
.popover-new-centeredleft .arrow {
  top: 50%;
  margin-top: -10px;
  right: 100%;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ccc
}
.page-skindark .popover-new-centeredleft .arrow {
  border-right: 8px solid #4e4e4e
}
.popover-new-centeredleft .arrow:after {
  right: -9px;
  margin-top: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #fff
}
.page-skindark .popover-new-centeredleft .arrow:after {
  border-right: 8px solid #1f1f1f
}
.popover-new-header {
  display: none;
  border-bottom: 1px solid #dcdce0;
  position: relative
}
.page-skindark .popover-new-header {
  border-bottom-color: #383737
}
.popover-new-centered .popover-new-header {
  display: block
}
@media only screen and (min-width: 30em) {
  .popover-new-centered .popover-new-header {
    display: none
  }
}
#moreActionsMenu .popover-new-close,
#recommendedMore .popover-new-close,
#shareMenu .popover-new-close,
.popover-new-header .popover-new-close {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -530px -333px no-repeat;
  border: none;
  box-sizing: content-box;
  cursor: pointer;
  height: 15px;
  right: 1.8em;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  top: -4px;
  text-indent: -20em;
  width: 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #moreActionsMenu .popover-new-close,
  #recommendedMore .popover-new-close,
  #shareMenu .popover-new-close,
  .popover-new-header .popover-new-close {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.no-touch #moreActionsMenu .popover-new-close:hover,
.no-touch #recommendedMore .popover-new-close:hover,
.no-touch #shareMenu .popover-new-close:hover,
.no-touch .popover-new-header .popover-new-close:hover {
  background-color: transparent
}
#addMenu .popover-new-close {
  display: none
}
.popover-new-header h2 {
  font-size: 1.23077em;
  line-height: 1;
  margin: 1.05em 1.65em
}
#shareMenu.titleSelector ul {
  top: 0;
  border: none;
  margin-left: 0;
  border-radius: 0;
  background: 0 0
}
#shareMenu.titleSelector.centered ul {
  margin-left: 0!important
}
#shareMenu.titleSelector[pos=above] ul,
#shareMenu.titleSelector[pos=below] ul {
  margin-left: -104px
}
#shareMenu ul {
  padding: 0
}
@media only screen and (min-width: 30em) {
  #shareMenu ul {
    padding: .45em 0
  }
}
#shareMenu a {
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  text-indent: 44px;
  position: relative;
  padding-left: 1em
}
#shareMenu .share-icon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat;
  display: block;
  left: 1.6em;
  height: 12px;
  width: 16px;
  position: absolute;
  top: .8em
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #shareMenu .share-icon {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 30em) {
  #shareMenu .share-icon {
    left: 1.7em
  }
}
#shareMenu .share-recommendprofile-icon {
  background-position: -495px -545px;
  left: 1.7em;
  height: 14px;
  width: 16px
}
.page-skindark #shareMenu .share-recommendprofile-icon {
  background-position: -551px -545px
}
@media only screen and (min-width: 30em) {
  #shareMenu .share-recommendprofile-icon {
    left: 1.8em
  }
}
.no-touch #shareMenu a:hover .share-recommendprofile-icon {
  background-position: -645px 0
}
#shareMenu .share-sendtofriend-icon {
  background-position: -220px -655px;
  left: 1.7em
}
.page-skindark #shareMenu .share-sendtofriend-icon {
  background-position: -645px -548px
}
@media only screen and (min-width: 30em) {
  #shareMenu .share-sendtofriend-icon {
    left: 1.8em
  }
}
.no-touch #shareMenu a:hover .share-sendtofriend-icon {
  background-position: -276px -655px
}
#shareMenu .share-twitter-icon {
  background-position: -58px -490px;
  height: 15px;
  width: 18px
}
.page-skindark #shareMenu .share-twitter-icon {
  background-position: -116px -490px
}
.no-touch #shareMenu a:hover .share-twitter-icon {
  background-position: 0 -490px
}
#shareMenu .share-facebook-icon {
  background-position: -96px -708px;
  height: 16px;
  left: 1.9em;
  top: .7em;
  width: 8px
}
.page-skindark #shareMenu .share-facebook-icon {
  background-position: 0 -708px
}
@media only screen and (min-width: 30em) {
  #shareMenu .share-facebook-icon {
    left: 2em
  }
}
.no-touch #shareMenu a:hover .share-facebook-icon {
  background-position: -48px -708px
}
#shareMenu .share-buffer-icon {
  background-position: -534px -225px;
  height: 16px;
  width: 16px
}
.page-skindark #shareMenu .share-buffer-icon {
  background-position: -534px -281px
}
.no-touch #shareMenu a:hover .share-buffer-icon {
  background-position: -534px -1px
}
#shareMenu .share-permanent-icon {
  background-position: -358px -433px;
  height: 13px;
  width: 16px
}
.page-skindark #shareMenu .share-permanent-icon {
  background-position: -470px -433px
}
.no-touch #shareMenu a:hover .share-permanent-icon {
  background-position: -414px -433px
}
#shareMenu .share-original-icon {
  background-position: -701px -162px;
  left: 1.7em;
  height: 14px;
  width: 14px
}
.page-skindark #shareMenu .share-original-icon {
  background-position: -701px -270px
}
@media only screen and (min-width: 30em) {
  #shareMenu .share-original-icon {
    left: 1.8em
  }
}
.no-touch #shareMenu a:hover .share-original-icon {
  background-position: -701px -216px
}
.alt-tooltip {
  background: #000;
  background: rgba(0, 0, 0, .8);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-transition: visibility .2s linear, margin .2s linear;
  transition: visibility .2s linear, margin .2s linear;
  z-index: 8000
}
.alt-tooltip-recommended {
  background: #50bcb6;
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .alt-tooltip-recommended {
    margin-top: -.4em
  }
}
.page-skindark .alt-tooltip-recommended {
  background: #50bcb6
}
.alt-tooltip-recommendedactive {
  opacity: 1
}
.alt-tooltip-close {
  position: absolute;
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -610px -655px;
  cursor: pointer;
  display: none;
  height: 11px;
  right: .5em;
  overflow: hidden;
  text-indent: -99em;
  top: .5em;
  width: 11px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .alt-tooltip-close {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.alt-tooltip-recommendedclosex .alt-tooltip-close {
  display: block
}
.alt-tooltip-checkbox {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -118px 0;
  cursor: pointer;
  display: none;
  float: left;
  height: 70px;
  overflow: hidden;
  text-indent: -99em;
  width: 71px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .alt-tooltip-checkbox {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.alt-tooltip-recommendedcheckbox .alt-tooltip-checkbox {
  display: block
}
.tooltip-wiggle {
  -webkit-animation: tooltip-wiggle .12s linear 3;
  animation: tooltip-wiggle .12s linear 3
}
@-webkit-keyframes tooltip-wiggle {
  0% {
    margin-left: 0
  }
  25% {
    margin-left: 5px
  }
  50% {
    margin-left: 0
  }
  75% {
    margin-left: -5px
  }
  100% {
    margin-left: 0
  }
}
@keyframes tooltip-wiggle {
  0% {
    margin-left: 0
  }
  25% {
    margin-left: 5px
  }
  50% {
    margin-left: 0
  }
  75% {
    margin-left: -5px
  }
  100% {
    margin-left: 0
  }
}
.alt-tooltip.popover-active {
  -webkit-transition: opacity .1s linear .5s, visibility .1s linear .5s, margin .1s linear .5s;
  transition: opacity .1s linear .5s, visibility .1s linear .5s, margin .1s linear .5s
}
.alt-tooltip.tooltip-reader {
  position: fixed
}
.alt-tooltip .detail {
  padding: 15px 20px;
  text-align: center;
  width: 200px
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .alt-tooltip .detail {
    width: 240px
  }
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .alt-tooltip-recommended .detail {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    width: 220px
  }
}
.alt-tooltip-recommendedcheckbox .detail:after {
  content: "";
  display: table;
  clear: both
}
@media only screen and (min-width: 33em) and (min-height: 28em) {
  .alt-tooltip-recommendedcheckbox .detail {
    width: 370px
  }
}
.flexbox .alt-tooltip-recommendedcheckbox .detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.alt-tooltip-recommendedcheckbox .detail p {
  float: left;
  text-align: left;
  padding-left: 1em;
  width: 15em
}
.flexbox .alt-tooltip-recommendedcheckbox .detail p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto
}
.alt-tooltip h5 {
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 8px;
  text-align: left
}
.alt-tooltip-recommended h5 {
  display: none
}
.alt-tooltip p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left
}
.page-queuedark .alt-tooltip p {
  color: #ededed
}
.alt-tooltip-recommended p {
  font-size: 1.38462em;
  line-height: 1.3;
  text-align: center
}
.alt-tooltip a:hover {
  text-decoration: none
}
.alt-tooltip .button_container {
  margin-bottom: 20px;
  text-align: center
}
.alt-tooltip .button {
  border-radius: 4px
}
.alt-tooltip p:last-child {
  margin-bottom: 0
}
.alt-tooltip.popover-new-top .arrow {
  border-top-color: rgba(0, 0, 0, .8)
}
.alt-tooltip-recommended.popover-new-top .arrow {
  border-top-color: #50bcb6
}
.alt-tooltip.popover-new-top .arrow:after {
  display: none
}
.alt-tooltip.popover-new-bottom .arrow {
  border-bottom-color: rgba(0, 0, 0, .8)
}
.alt-tooltip-recommended.popover-new-bottom .arrow {
  border-bottom-color: #50bcb6
}
.alt-tooltip.popover-new-bottom .arrow:after {
  display: none
}
.alt-tooltip.popover-new-bottomright .arrow {
  border-bottom-color: rgba(0, 0, 0, .8)
}
.alt-tooltip-recommended.popover-new-bottomright .arrow {
  border-bottom-color: #50bcb6
}
.alt-tooltip.popover-new-bottomright .arrow:after {
  display: none
}
.alt-tooltip.popover-new-bottomleft .arrow {
  border-bottom-color: rgba(0, 0, 0, .8)
}
.alt-tooltip-recommended.popover-new-bottomleft .arrow {
  border-bottom-color: #50bcb6
}
.alt-tooltip.popover-new-bottomleft .arrow:after {
  display: none
}
.alt-tooltip.popover-new-left .arrow {
  border-top-color: rgba(0, 0, 0, .8);
  border-right-width: 0;
  margin-top: -13px;
  right: -14px;
  top: 50%
}
.alt-tooltip-recommended.popover-new-left .arrow {
  border-top-color: #50bcb6
}
.alt-tooltip.popover-new-left .arrow:after {
  display: none
}
.alt-tooltip.popover-new-right .arrow {
  top: 50%;
  border-right-color: rgba(0, 0, 0, .8);
  border-left-width: 0;
  margin-top: -13px;
  left: -14px
}
.alt-tooltip-recommended.popover-new-right .arrow {
  border-right-color: #50bcb6
}
.alt-tooltip.popover-new-right .arrow:after,
.alt-tooltip.popover-new-topleft .arrow:after,
.alt-tooltip.popover-new-topright .arrow:after {
  display: none
}
.alt-tooltip-sharesheet.popover-active {
  -webkit-transition: opacity .1s linear, visibility .1s linear;
  transition: opacity .1s linear, visibility .1s linear
}
.page-reader .alt-tooltip-sharesheet {
  z-index: 2000
}
.page-reader .alt-tooltip-sharesheet-truncated .arrow {
  display: none
}
.sharesheet_tooltip {
  padding: 1em 3em;
  position: relative
}
.flexbox .sharesheet_tooltip_content {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.sharesheet_tooltip_icon {
  background: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@1x.png) -186px -177px no-repeat;
  display: block;
  float: left;
  height: 14px;
  margin-right: .75em;
  width: 22px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .sharesheet_tooltip_icon {
    background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 514px 415px
  }
}
.sharesheet_tooltip_link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
#recommendedMore ul {
  padding: 0
}
@media only screen and (min-width: 30em) {
  #recommendedMore ul {
    padding: .45em 0
  }
}
#recommendedMore a {
  box-sizing: border-box;
  display: block;
  padding-left: 1em;
  padding-right: 1.7em;
  text-decoration: none;
  text-indent: 44px;
  position: relative
}
#recommendedMore .more-icon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat;
  display: block;
  left: 1.6em;
  height: 12px;
  width: 16px;
  position: absolute;
  top: .8em
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #recommendedMore .more-icon {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 30em) {
  #recommendedMore .more-icon {
    left: 1.7em
  }
}
#recommendedMore .more-problem-icon {
  background-position: -220px -655px
}
.page-queuedark #recommendedMore .more-problem-icon {
  background-position: -645px -548px
}
#recommendedMore .popover-reportproblem-action:hover .more-problem-icon {
  background-position: -276px -655px
}
.hint {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: rgba(0, 0, 0, .8);
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  left: 0;
  line-height: 12px;
  padding: 8px 10px;
  -webkit-transition: visibility .05s linear, margin .05s linear;
  transition: visibility .05s linear, margin .05s linear;
  text-indent: 0;
  text-shadow: 0 -1px 0 #000;
  top: 0;
  white-space: nowrap
}
.hint:after {
  background: 0 0;
  border: 6px solid transparent;
  content: '';
  display: block;
  height: 0;
  width: 0
}
.hint,
.hint:after {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 1000000
}
.hint-bottom:after,
.hint-bottomleft:after,
.hint-bottomright:after {
  border-bottom-color: rgba(0, 0, 0, .8);
  left: 50%;
  top: -12px;
  margin-left: -6px
}
.hint-bottomleft:after {
  left: 100%;
  margin-left: -17px
}
.hint-bottomright:after {
  left: 10px
}
.hint-bottomactive,
.hint-bottomactive:after,
.hint-bottomleftactive,
.hint-bottomleftactive:after,
.hint-bottomrightactive,
.hint-bottomrightactive:after {
  opacity: 1;
  visibility: visible
}
.hint-bottomactive,
.hint-bottomleftactive,
.hint-bottomrightactive {
  -webkit-transition: opacity .1s linear .1s, visibility .1s linear .1s, margin .1s linear .1s;
  transition: opacity .1s linear .1s, visibility .1s linear .1s, margin .1s linear .1s;
  margin-top: 8px
}
.gsf-tooltip {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #ededf0;
  -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
  transition: opacity .2s ease-out, visibility .2s ease-out;
  width: 300px;
  z-index: 9002
}
.gsf-tooltip-fluid {
  width: auto
}
.gsf-tooltip-fixed {
  position: fixed
}
.gsf-tooltip-noisolate {
  border-color: #dcdce0
}
.gsf-tooltip.popover-active {
  -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
  transition: opacity .2s ease-out, visibility .2s ease-out
}
.gsf-tooltip .arrow,
.gsf-tooltip .arrow:after {
  border-width: 12px
}
.gsf-tooltip-bottom .arrow,
.gsf-tooltip-bottomleft .arrow {
  border-bottom-color: #ededf0;
  top: -24px;
  left: 50%;
  margin-left: -12px
}
.gsf-tooltip-bottomleft .arrow {
  left: auto;
  right: 1.69231em;
  margin-left: 0
}
.gsf-tooltip-bottom .arrow:after,
.gsf-tooltip-bottomleft .arrow:after {
  margin-left: -12px;
  top: -10px
}
.gsf-tooltip-left .arrow,
.gsf-tooltip-right .arrow {
  border-right-color: #ededf0;
  top: 50%;
  left: -12px;
  margin-left: -12px;
  margin-top: -12px
}
.gsf-tooltip-left .arrow {
  left: auto;
  margin-left: auto;
  margin-right: -12px;
  right: -12px;
  border-left-color: #ededf0;
  border-right-color: transparent
}
.gsf-tooltip-left .arrow:after,
.gsf-tooltip-right .arrow:after {
  margin-left: -10px;
  left: 0;
  top: -12px;
  border-right-color: #fff
}
.gsf-tooltip-left .arrow:after {
  margin-left: -14px;
  border-left-color: #fff;
  border-right-color: transparent
}
.gsf-tooltip-header {
  padding: 1.23077em 1.84615em 1.84615em
}
.gsf-tooltip-headline {
  font-size: 1.53846em;
  margin-bottom: .275em;
  margin-top: 0
}
.gsf-tooltip-fluid .gsf-tooltip-header>.gsf-tooltip-headline {
  display: none
}
.gsf-tooltip-content {
  font-size: 1.15385em
}
.gsf-tooltip-content p {
  line-height: 1.3
}
.gsf-tooltip-content p:last-child {
  margin-bottom: 0
}
.gsf-tooltip-footer {
  background-color: #ededf0;
  padding: .92308em 1.84615em
}
.flexbox .gsf-tooltip-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.gsf-tooltip-progress {
  display: block;
  float: left;
  margin: .4em 0 0;
  padding: 0;
  visibility: hidden
}
.flexbox .gsf-tooltip-progress {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: 0
}
.gsf-tooltip-progressitem {
  background-color: #ccc;
  border-radius: 5px;
  display: block;
  float: left;
  height: 5px;
  list-style: none;
  margin-right: .4em;
  width: 5px
}
.gsf-tooltip-progressselected {
  background-color: #4e4e4e
}
.gsf-tooltip-confirm {
  color: #ee4256;
  float: right;
  font-weight: 700;
  font-size: 1.1538em
}
.no-touch .gsf-tooltip-confirm:hover {
  color: #cb1f34
}
.gsf-tooltip-confirm-inactive {
  visibility: hidden
}
.flexbox .gsf-tooltip-confirm {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.gsf-tooltip-article {
  display: block;
  border: 1px solid #dcdce0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  position: relative
}
.gsf-tooltip-article>p {
  box-sizing: border-box;
  line-height: 1.2;
  margin: 0;
  padding: 1em 82px .8em 1em;
  font-weight: 600
}
.gsf-tooltip-articleimg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 72px
}
.gsf-tooltip-articlelink {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5
}
.gsf-tooltip-detail-setup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.gsf-tooltip-logo {
  background: url(/a/i/gsf/gsf_pocketlogodisc@1x.png);
  display: block;
  float: left;
  margin-left: -7px;
  height: 125px;
  width: 125px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-logo {
    background-image: url(/a/i/gsf/gsf_pocketlogodisc@2x.png);
    background-size: 125px 125px
  }
}
.gsf-tooltip-readinglist {
  background: url(/a/i/gsf/gsf_pocketlistdisc@1x.png);
  display: block;
  float: left;
  margin-left: -7px;
  height: 79px;
  min-width: 80px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-readinglist {
    background-image: url(/a/i/gsf/gsf_pocketlistdisc@2x.png);
    background-size: 80px 79px
  }
}
.gsf-tooltip-extracontent {
  float: left;
  padding-left: 1em;
  text-align: left;
  width: 18em
}
.gsf-tooltip-detail-comingback,
.gsf-tooltip-detail-mobile {
  position: relative;
  width: 43em
}
.gsf-tooltip-detail-comingback:after,
.gsf-tooltip-detail-mobile:after {
  content: "";
  display: table;
  clear: both
}
.flexbox .gsf-tooltip-detail-comingback,
.flexbox .gsf-tooltip-detail-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto
}
.flexbox .gsf-tooltip-detail-mobile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.flexbox .gsf-tooltip-detail-mobile,
.gsf-tooltip-detail-mobile {
  padding: 0 1em;
  width: 40em
}
.flexbox .gsf-tooltip-detail-comingback {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.gsf-tooltip-detail-webwarning {
  position: relative;
  width: 32em
}
.gsf-tooltip-detail-webwarning:after {
  content: "";
  display: table;
  clear: both
}
.gsf-tooltip-close {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat;
  cursor: pointer;
  height: 15px;
  right: 1em;
  overflow: hidden;
  position: absolute;
  text-indent: -20em;
  top: 1.1em;
  width: 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-close {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 30em) {
  .gsf-tooltip-close {
    background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -194px -708px no-repeat;
    right: 1em;
    top: 1em;
    height: 9px;
    width: 10px
  }
  .page-skindark .gsf-tooltip-close {
    background-position: -144px -708px
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    .gsf-tooltip-close {
      background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
      background-size: 819px 724px
    }
  }
}
.gsf-tooltip-mobile-images {
  background: url(/a/i/gsf/gsf_mobilesplash@1x.png);
  display: block;
  float: left;
  margin-left: .75em;
  height: 342px;
  bottom: 0;
  position: relative;
  width: 332px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-mobile-images {
    background: url(/a/i/gsf/gsf_mobilesplash@2x.png);
    background-size: 332px 342px
  }
}
.gsf-tooltip-mobile-content {
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 3em;
  margin-right: 2em;
  position: relative;
  text-align: center
}
.gsf-tooltip-mobile-content .gsf-tooltip-headline {
  font-size: 1.11111em;
  line-height: 1.3;
  margin-top: 2em
}
.overlay_screen .gsf-tooltip-mobile-content .button-container {
  margin: 1.5em auto;
  text-align: center
}
.gsf-tooltip-dismiss {
  color: #b1b2b2
}
.overlay_screen .gsf-tooltip-mobile-content .gsf-tooltip-appstorebuttons {
  margin: 2em auto;
  text-align: center
}
.gsf-tooltip-mobile-gplay,
.gsf-tooltip-mobile-ios {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  padding: 0 .2em;
  position: relative;
  text-indent: 200%;
  white-space: nowrap;
  width: 100px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-mobile-gplay,
  .gsf-tooltip-mobile-ios {
    background-size: 100px 30px
  }
}
.gsf-tooltip-mobile-gplay {
  background-image: url(/a/i/gsf/gsf_gplaycta@1x.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-mobile-gplay {
    background-image: url(/a/i/gsf/gsf_gplaycta@2x.png)
  }
}
.gsf-tooltip-mobile-ios {
  background-image: url(/a/i/gsf/gsf_ioscta@1x.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-mobile-ios {
    background-image: url(/a/i/gsf/gsf_ioscta@2x.png)
  }
}
.gsf-tooltip-detail-mobile .button {
  min-width: 10em;
  overflow: hidden;
  position: relative
}
.gsf-tooltip-detail-mobile .button-inactive {
  display: none
}
.gsf-tooltip-detail-mobile .button-processing {
  cursor: default;
  overflow: hidden;
  text-indent: -40em
}
.gsf-tooltip-detail-mobile .button-sent {
  cursor: default
}
.gsf-tooltip-detail-mobile .button-processing .gsf-tooltip-spinner {
  background: url(/a/i/gsf/gsf_spinner@2x.gif) center center no-repeat;
  background-size: 15px 15px;
  height: 15px;
  left: 50%;
  margin-left: -7px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 15px
}
.gsf-tooltip-detail-webviewonly {
  text-align: center;
  position: relative;
  width: 43em
}
.gsf-tooltip-detail-webviewonly:after {
  content: "";
  display: table;
  clear: both
}
.gsf-tooltip-bigheadline {
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.2;
  margin-top: .5em;
  padding: 0 1em
}
.gsf-tooltip-detail-webviewonly p {
  font-size: 1.33333em;
  max-width: 26em;
  margin-left: auto;
  margin-right: auto
}
.gsf-tooltip-detail-webviewonly p:last-of-type {
  margin-bottom: 1em
}
.gsf-tooltip-detail-webviewonly .gsf-tooltip-article {
  margin: 0 auto 2em;
  max-width: 280px
}
.gsf-tooltip-detail-webviewonly .gsf-tooltip-article>p {
  font-size: 1em;
  text-align: left
}
.gsf-tooltip-checkmark {
  background: url(/a/i/gsf/gsf_tooltipcheckmark@1x.png) center center no-repeat;
  display: inline-block;
  height: 16px;
  padding-right: 1em;
  top: 1px;
  width: 17px;
  position: relative
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-checkmark {
    background-image: url(/a/i/gsf/gsf_tooltipcheckmark@2x.png);
    background-size: 17px 16px
  }
}
.gsf-tooltip-detail-inception {
  text-align: center;
  position: relative;
  width: 50em
}
.gsf-tooltip-detail-inception:after {
  content: "";
  display: table;
  clear: both
}
.gsf-tooltip-detail-inception .gsf-tooltip-headline {
  font-size: 2.46154em;
  font-weight: 300;
  padding-top: .9em
}
.gsf-tooltip-inception-browser {
  background: url(/a/i/gsf/gsf_inceptbrowser@1x.jpg) center center no-repeat;
  bottom: -1.6em;
  display: block;
  height: 297px;
  margin: 0 auto;
  position: relative;
  width: 655px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-inception-browser {
    background-image: url(/a/i/gsf/gsf_inceptbrowser@2x.jpg);
    background-size: 655px 297px
  }
}
.gsf-tooltip-inception-arrow-detail {
  color: #50bcb6;
  font-size: 1.38462em;
  margin-bottom: 0
}
.gsf-tooltip-inception-arrow {
  background: url(/a/i/gsf/gsf_inceptarrow@1x.png) center center no-repeat;
  display: block;
  height: 76px;
  margin: 0 auto;
  position: absolute;
  right: 5em;
  top: -3.5em;
  width: 131px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-inception-arrow {
    background-image: url(/a/i/gsf/gsf_inceptarrow@2x.png);
    background-size: 131px 76px
  }
}
.gsf-tooltip-inception-link {
  display: block;
  height: 3.2em;
  position: absolute;
  right: 2.8em;
  top: 1.2em;
  width: 3.2em;
  z-index: 5
}
.gsf-tooltip-gamify {
  background-color: #50bcb6;
  border-color: #50bcb6;
  color: #fff;
  width: 370px
}
.gsf-tooltip-gamify-bottomleft .arrow,
.gsf-tooltip-gamify-bottomleft .arrow:after {
  border-bottom-color: #50bcb6
}
.gsf-tooltip-gamify .gsf-tooltip-header {
  padding-left: 1em;
  padding-right: 1em
}
.gsf-tooltip-gamify .gsf-tooltip-extracontent {
  width: 15em
}
.gsf-tooltip-gamify .gsf-tooltip-headline {
  color: #fff;
  font-size: 1.33333em;
  line-height: 1.3
}
.gsf-tooltip-gamify .gsf-tooltip-footer {
  background-color: #25a7a0
}
.gsf-tooltip-gamify .gsf-tooltip-confirm {
  color: #fff
}
.gsf-tooltip-gamify .gsf-tooltip-confirm:hover {
  color: #e0e0e0
}
.gsf-tooltip-logoalt {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png);
  float: left;
  height: 78px;
  text-indent: -99em;
  width: 78px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .gsf-tooltip-logoalt {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
#addMenu {
  z-index: 9000
}
@media only screen and (min-width: 30em) {
  #addMenu {
    width: 358px
  }
}
.addmenu-hideconnect .container p {
  display: none
}
#addMenu .container {
  background: #fff;
  padding: 10px
}
@media only screen and (min-width: 30em) {
  #addMenu .container {
    padding: 0
  }
}
.page-queuedark #addMenu .container {
  background: #1f1f1f
}
#addMenu .container input {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  color: #666;
  display: block;
  font-size: 15px;
  padding: 5px 10px;
  position: relative;
  top: 1px;
  width: 100%
}
@media only screen and (min-width: 30em) {
  #addMenu .container input {
    box-sizing: content-box;
    display: inline-block;
    margin: 0 10px 18px;
    width: 240px
  }
}
#addMenu .addurl_mobile_mode input {
  font-size: 16px
}
.page-queuedark #addMenu input {
  background-color: #313131;
  border-color: #4e4e4e;
  color: #ccc
}
#addMenu .container .button {
  display: block;
  font-size: 15px;
  margin-top: 20px;
  padding: 7px 15px;
  position: relative;
  top: 1px
}
@media only screen and (min-width: 30em) {
  #addMenu .container .button {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0
  }
}
#addMenu .container h5 {
  color: #313131;
  display: none;
  font-size: 15px;
  padding: 30px 30px 0;
  text-align: center
}
@media only screen and (min-width: 30em) {
  #addMenu .container h5 {
    display: block;
    padding-top: 10px
  }
}
.page-queuedark #addMenu .container h5 {
  color: #ccc
}
#addMenu .container p {
  background-color: #fff6da;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: .75em;
  padding: 6px 30px;
  text-align: center
}
#addMenu p a {
  color: #50bcb6
}
#addMenu .saveurl-close {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -337px no-repeat;
  display: block;
  height: 15px;
  overflow: hidden;
  position: absolute;
  top: 18px;
  right: .8em;
  width: 16px;
  text-indent: -400px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #addMenu .saveurl-close {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 30em) {
  #addMenu .saveurl-close {
    display: none
  }
}
#addMenu .popover-new-header h2 {
  margin-left: 1em
}
#searchSortMenu .container {
  background: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 6px
}
.page-queuedark #searchSortMenu .container {
  background-color: #1f1f1f
}
#searchSortMenu h5 {
  color: #999;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .923em;
  text-transform: uppercase;
  padding: 1em 1.2em .5em
}
#searchSortMenu .search-sortby-options {
  margin: 0;
  min-width: 13em;
  padding: 0;
  top: 0;
  width: auto
}
#searchSortMenu .search-sortby-options li {
  display: block;
  float: none;
  font-size: 1.231em;
  position: relative
}
#searchSortMenu .search-sortby-options a {
  color: #666;
  padding: .5em .9em;
  text-indent: 0
}
.page-queuedark #searchSortMenu .search-sortby-options a {
  color: #dcdce0
}
#searchSortMenu .search-sortby-options .oldest {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px
}
#searchSortMenu .search-sortby-options a:hover {
  background-color: #50bcb6;
  color: #fff;
  text-decoration: none
}
#searchSortMenu .search-sortby-options .search-sortby-selected {
  color: #313131;
  background-image: url(/a/i/icons_toolbar_bottom@1x.png?122);
  background-position: 145px -1315px;
  background-repeat: no-repeat
}
.page-queuedark #searchSortMenu .search-sortby-options .search-sortby-selected {
  color: #666
}
#confirmation {
  z-index: 9000
}
.page-reader #confirmation {
  margin-left: -.8em
}
#confirmation.popover-new-bottomright .arrow,
#confirmation.popover-new-topright .arrow {
  left: 10.5%
}
#confirmation.popover-new-bottomleft .arrow,
#confirmation.popover-new-topleft .arrow {
  left: 90%
}
.confirmation_dialog {
  margin: 10px;
  text-align: center
}
@media only screen and (min-width: 30em) {
  .confirmation_dialog {
    text-align: left
  }
}
.confirmation_dialog h5 {
  border-bottom: 1px solid #e6e6e8;
  text-align: center;
  font-size: 15px;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 19px 0 20px;
  padding-bottom: 1em
}
@media only screen and (min-width: 30em) {
  .confirmation_dialog h5 {
    border-bottom: none;
    font-size: 20px;
    margin: 16px 0 0
  }
}
.page-skindark .confirmation_dialog h5 {
  border-bottom-color: #383737
}
.confirmation_dialog a {
  color: #52bcb6
}
.confirmation_dialog .button {
  color: #222;
  margin: 0 5px 5px
}
#confirmation .popover-new-close {
  right: 1em;
  top: 16px
}
.overlay_screen .overlay_detail_sharesheet {
  padding: 0
}
@media only screen and (min-width: 33em) {
  .overlay_screen .overlay_detail_sharesheet {
    max-width: 29.5em
  }
}
.overlay_screen .overlay_detail_sharesheet .close {
  z-index: 20
}
.sharesheet_header {
  background-color: #fdfdfd;
  padding: 1em;
  position: relative
}
.page-skindark .sharesheet_header {
  background-color: #1f1f1f
}
@media only screen and (min-width: 33em) {
  .sharesheet_header {
    padding: 1.5em 1.5em 1.25em
  }
}
.sharesheet_header_scrollarea {
  max-height: 7em;
  overflow: hidden
}
.sharesheet_header_overflow .sharesheet_header_scrollarea {
  overflow-y: auto
}
@media only screen and (min-width: 33em) {
  .sharesheet_header_scrollarea {
    max-height: 7.75em
  }
}
.sharesheet_titlewrapper {
  min-height: 2.8em;
  padding-right: 1em
}
@media only screen and (min-width: 33em) {
  .sharesheet_titlewrapper {
    padding-right: 0
  }
}
.sharesheet_thumb {
  border: 1px solid #999;
  background-size: cover;
  background-position: center center;
  display: block;
  float: left;
  height: 2.8em;
  margin-right: .7em;
  width: 3.1em
}
.sharesheet_title {
  font-size: .77778em;
  line-height: 1.2;
  margin-bottom: .2em;
  max-height: 2.5em;
  overflow: hidden;
  text-align: left
}
@media only screen and (min-width: 33em) {
  .sharesheet_title {
    font-size: .88889em;
    margin-bottom: .05em
  }
}
.overlay_screen .overlay_detail_sharesheet .sharesheet_domain {
  color: #999;
  font-size: .72222em;
  margin: 0
}
@media only screen and (min-width: 33em) {
  .overlay_screen .overlay_detail_sharesheet .sharesheet_domain {
    font-size: .77778em
  }
}
.overlay_screen .overlay_detail_sharesheet .sharesheet_excerpt {
  border-left: 1px solid #999;
  font-size: .77778em;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 1.2em;
  padding-left: .8em
}
.overlay_screen .overlay_detail_sharesheet .sharesheet_excerpt:after {
  content: "";
  display: table;
  clear: both
}
@media only screen and (min-width: 33em) {
  .overlay_screen .overlay_detail_sharesheet .sharesheet_excerpt {
    font-size: .88889em;
    margin-top: 1.5em
  }
}
.sharesheet_excerpt_fader {
  background: -webkit-linear-gradient(top, rgba(252, 252, 252, 0), rgba(252, 252, 252, .9));
  background: linear-gradient(to bottom, rgba(252, 252, 252, 0), rgba(252, 252, 252, .9));
  display: none;
  left: 0;
  height: 2em;
  position: absolute;
  width: 100%;
  top: 6em
}
.sharesheet_header_overflow .sharesheet_excerpt_fader {
  display: block
}
@media only screen and (min-width: 33em) {
  .sharesheet_excerpt_fader {
    top: 7.4em
  }
}
.sharesheet_comment_content {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
  box-sizing: border-box;
  color: #313131;
  display: block;
  font-size: .88889em;
  margin: 1em 0 0;
  padding: .8em;
  resize: none;
  width: 100%
}
.page-skindark .sharesheet_comment_content {
  background-color: #313131;
  border-color: #4e4e4e;
  color: #ccc
}
@media only screen and (min-width: 33em) {
  .sharesheet_comment_content {
    margin-top: 1.4em
  }
}
.sharesheet_shareto_wrapper {
  background-color: #fff;
  border: 1px solid #dcdce0;
  border-width: 1px 0;
  padding: 1em 0;
  text-align: left
}
.page-skindark .sharesheet_shareto_wrapper {
  background-color: transparent;
  border-color: #383737
}
@media only screen and (min-width: 33em) {
  .sharesheet_shareto_wrapper {
    border-width: 1px 0 0
  }
  .sharesheet_shareto_wrapper:after {
    content: "";
    display: table;
    clear: both
  }
}
.sharesheet_shareto_header {
  font-size: .77778em;
  padding: 0 1.25em;
  text-transform: uppercase
}
@media only screen and (min-width: 33em) {
  .sharesheet_shareto_header {
    margin-bottom: .3em;
    margin-top: .7em;
    padding: 0 1.95em
  }
}
.sharesheet_shareto_options {
  margin: 0
}
.sharesheet_shareto_options:after {
  content: "";
  display: table;
  clear: both
}
@media only screen and (min-width: 33em) {
  .sharesheet_shareto_options {
    margin: 0 1em
  }
}
.sharesheet_shareto_item {
  display: block;
  list-style: none;
  padding: .5em 1em;
  position: relative
}
.sharesheet_shareto_item:hover {
  background-color: #f4f4f6
}
.page-skindark .sharesheet_shareto_item:hover {
  background-color: #292929
}
@media only screen and (min-width: 33em) {
  .sharesheet_shareto_item {
    box-sizing: border-box;
    float: right;
    padding: .5em;
    width: 45%
  }
}
@media only screen and (min-width: 33em) {
  .sharesheet_shareto_item:nth-of-type(2n+1) {
    float: left
  }
}
.flexbox .sharesheet_shareto_item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.sharesheet_icon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -174px -375px no-repeat;
  display: block;
  float: left;
  height: 18px;
  margin-right: .7em;
  width: 18px;
  position: relative;
  top: .3em
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .sharesheet_icon {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.page-skindark .sharesheet_icon {
  background-position: -58px -375px
}
.sharesheet_shareto_item:hover .sharesheet_icon,
.sharesheet_shareto_itemchecked .sharesheet_icon {
  background-position: -116px -375px
}
.flexbox .sharesheet_icon {
  top: 0
}
.sharesheet_icon_facebook {
  background-position: -406px -375px;
  height: 18px
}
.page-skindark .sharesheet_icon_facebook {
  background-position: -290px -375px
}
.sharesheet_shareto_item:hover .sharesheet_icon_facebook,
.sharesheet_shareto_itemchecked .sharesheet_icon_facebook {
  background-position: -348px -375px
}
.page-skindark .sharesheet_shareto_item:hover .sharesheet_icon_facebook,
.page-skindark .sharesheet_shareto_itemchecked .sharesheet_icon_facebook {
  background-position: -232px -375px
}
.sharesheet_icon_twitter {
  background-position: 0 -375px;
  height: 18px
}
.page-skindark .sharesheet_icon_twitter {
  background-position: -417px -238px
}
.sharesheet_shareto_item:hover .sharesheet_icon_twitter,
.sharesheet_shareto_itemchecked .sharesheet_icon_twitter {
  background-position: -417px -296px
}
.page-skindark .sharesheet_shareto_item:hover .sharesheet_icon_twitter,
.page-skindark .sharesheet_shareto_itemchecked .sharesheet_icon_twitter {
  background-position: -417px -180px
}
.sharesheet_icon_buffer {
  background-position: -476px -116px;
  height: 18px
}
.page-skindark .sharesheet_icon_buffer {
  background-position: -476px -232px
}
.sharesheet_shareto_item:hover .sharesheet_icon_buffer,
.sharesheet_shareto_itemchecked .sharesheet_icon_buffer {
  background-position: -476px -174px
}
.page-skindark .sharesheet_shareto_item:hover .sharesheet_icon_buffer,
.page-skindark .sharesheet_shareto_itemchecked .sharesheet_icon_buffer {
  background-position: -476px -290px
}
.sharesheet_shareto_text {
  color: #666;
  font-size: .88889em;
  max-width: 13em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-skindark .sharesheet_shareto_text {
  color: #ccc
}
.sharesheet_shareto_item:hover .sharesheet_shareto_text,
.sharesheet_shareto_itemchecked .sharesheet_shareto_text {
  color: #313131
}
.page-skindark .sharesheet_shareto_item:hover .sharesheet_shareto_text,
.page-skindark .sharesheet_shareto_itemchecked .sharesheet_shareto_text {
  color: #fff
}
.page-skindark .sharesheet_shareto_item:hover .sharesheet_shareto_textrecommends,
.page-skindark .sharesheet_shareto_itemchecked .sharesheet_shareto_textrecommends,
.sharesheet_shareto_item:hover .sharesheet_shareto_textrecommends,
.sharesheet_shareto_itemchecked .sharesheet_shareto_textrecommends {
  color: #ee4256
}
.flexbox .sharesheet_shareto_text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: inherit;
  padding-right: 1em
}
.sharesheet_shareto_checkvisual {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -202px -239px no-repeat;
  display: block;
  float: right;
  height: 20px;
  width: 20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .sharesheet_shareto_checkvisual {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.page-skindark .sharesheet_shareto_checkvisual {
  background-position: -262px -239px
}
.sharesheet_shareto_itemchecked .sharesheet_shareto_checkvisual {
  background-position: -60px -315px
}
.sharesheet_shareto_checkbox {
  display: none
}
.sharesheet_shareto_link {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5
}
.sharesheet_sendtofriend_wrapper {
  padding: 1em;
  text-align: left
}
@media only screen and (min-width: 33em) {
  .sharesheet_sendtofriend_wrapper {
    padding: .6em 1.5em 1.25em
  }
}
.sharesheet_sendtofriend_header {
  font-size: .77778em;
  text-transform: uppercase
}
.overlay_detail_sharesheet .token-input-list,
.sharesheet_sendtofriend_input {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
  box-sizing: border-box;
  color: #313131;
  display: block;
  float: none;
  font-size: .88889em;
  margin: 1em 0 0;
  padding: .4em .5em;
  resize: none;
  width: 100%
}
.page-skindark .overlay_detail_sharesheet .token-input-list,
.page-skindark .sharesheet_sendtofriend_input {
  background-color: #313131;
  border-color: #4e4e4e;
  color: #ccc
}
.sharesheet_processing {
  background: url(/a/i/spinner@1x.gif) center center no-repeat;
  background-size: 16px 16px;
  display: none;
  height: 16px;
  margin: .1em 0 0 -8px;
  left: 50%;
  width: 16px;
  position: absolute
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .sharesheet_processing {
    background-image: url(/a/i/spinner@2x.gif)
  }
}
.sharesheet_processingactive {
  display: block
}
.button_sharesheet {
  display: block;
  margin: 1.5em auto;
  max-width: 4em
}
@media only screen and (min-width: 33em) {
  .button_sharesheet {
    margin-bottom: 0;
    margin-top: 1.35em
  }
}
.sharesheet_form .button-disabled:hover {
  color: #ccc;
  color: rgba(255, 255, 255, .6)
}
.sharesheet_cancel {
  color: #666;
  display: block;
  font-weight: 400;
  margin: .4em 0;
  text-align: center
}
@media only screen and (min-width: 33em) {
  .sharesheet_cancel {
    display: none
  }
}
.sharesheet_stfitem .title {
  margin: 0
}
.sharesheet_stfitem .subtitle {
  font-size: .76923em;
  margin: 0
}
.sharesheet_stfimg {
  border-radius: 1.75em;
  float: left;
  margin: .5em;
  width: 25px;
  height: 25px
}
.sharesheet_sftdesc {
  display: inline-block
}
.sharesheet_form .token-input-input-token {
  min-height: 2em
}
.flexbox .sharesheet_form .token-input-input-token {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.sharesheet_form .token-input-input-token input {
  min-width: 12em
}
.overlay_screen .overlay_detail .sharesheet_stftoken {
  box-sizing: border-box;
  height: 31px
}
.overlay_screen .overlay_detail .sharesheet_stfdetail {
  margin: .4em .4em .2em
}
.sharesheet_stftoken .sharesheet_stfimg {
  margin: .1em
}
.sharesheet_stftoken .token-input-delete-token {
  top: .1em;
  position: relative
}
.token-input-dropdown-forstf ul {
  overflow: auto;
  max-height: 6.7em
}
@media only screen and (min-height: 43em) {
  .token-input-dropdown-forstf ul {
    max-height: 10.5em
  }
}
.sharesheet_updateprofile_form {
  padding: 1em
}
.sharesheet_updateprofile_field {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
  box-sizing: border-box;
  color: #313131;
  display: block;
  float: none;
  font-size: .88889em;
  margin: 0 0 1em;
  padding: .4em .5em;
  resize: none;
  width: 100%
}
.page-skindark .sharesheet_updateprofile_field {
  background-color: #313131;
  border-color: #4e4e4e;
  color: #ccc
}
.sharesheet_updateprofile_header {
  font-size: 1.5em;
  font-weight: 300
}
.sharesheet_updateprofile_subheader {
  font-size: .88889em;
  margin: 0;
  text-align: left
}
@media only screen and (min-width: 33em) {
  .overlay_screen .overlay_detail_sharesheet_updateprofile {
    max-width: 20em
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #searchSortMenu .search-sortby-options .search-sortby-selected {
    background-image: url(/a/i/icons_toolbar_bottom@2x.png?122);
    background-size: 600px 1550px
  }
}
.page-queuedark {
  background-color: #1f1f1f
}
.flexbox .toolbar_queue .icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  margin-bottom: 0;
  padding-bottom: 0
}
.pkt-nav .pocket_logo {
  display: none
}
@media only screen and (min-width: 65em) {
  .pkt-nav .pocket_logo {
    background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) 0 -178px no-repeat;
    cursor: pointer;
    display: block;
    height: 21px;
    left: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -99em;
    top: .4em;
    width: 80px;
    position: absolute;
    z-index: 8002
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    .pkt-nav .pocket_logo {
      background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
      background-size: 819px 724px
    }
  }
}
@media only screen and (min-width: 65em) {
  .page-queuedark .pkt-nav .pocket_logo {
    background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -229px -60px no-repeat
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    .page-queuedark .pkt-nav .pocket_logo {
      background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
      background-size: 819px 724px
    }
  }
}
.pagenav_queuedetail {
  margin-top: 16px
}
.flexbox .pagenav_queuedetail {
  margin-top: 0
}
.pkt-nav .icons .queue_title {
  color: #313131;
  float: left;
  font-size: 1.23077em;
  font-weight: 600;
  height: auto;
  line-height: 1em;
  margin-left: .5em;
  margin-top: .1em;
  text-indent: 0;
  width: auto;
  white-space: nowrap
}
@media only screen and (min-width: 30em) {
  .pkt-nav .icons .queue_title {
    font-size: 1.15385em;
    margin-top: .2em
  }
}
@media only screen and (min-width: 65em) {
  .pkt-nav .icons .queue_title {
    margin-left: 9.3em
  }
}
.page-skindark .pkt-nav .icons .queue_title {
  color: #ccc
}
.flexbox .icons .queue_title {
  margin-top: .6em
}
@media only screen and (min-width: 30em) {
  .flexbox .icons .queue_title {
    margin-top: .5em
  }
}
.pkt-nav .pagenav_queuedetail {
  display: block
}
@media only screen and (min-width: 38em) {
  .pkt-nav .pagenav_queuedetail {
    display: none
  }
}
.pagenav_sectiontoggle {
  display: none;
  height: 100%;
  margin-left: 2em
}
@media only screen and (min-width: 38em) {
  .pagenav_sectiontoggle {
    display: block
  }
}
@media only screen and (min-width: 65em) {
  .pagenav_sectiontoggle {
    margin-left: 10.75em
  }
}
.pkt-nav-bulkeditmode .pagenav_sectiontoggle {
  display: none
}
.pkt-nav .pagenav_sectiontoggle .queue_togglesection_option {
  color: #313131;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  font-size: 1.15385em;
  font-weight: 600;
  float: left;
  height: 100%;
  margin: 0 4em 0 0;
  width: auto;
  text-indent: 0
}
.pkt-nav .pagenav_sectiontoggle .queue_togglesection_option:hover {
  color: #50bcb6
}
.page-queuedark .pagenav_sectiontoggle .queue_togglesection_option {
  color: #ccc
}
.pkt-nav .pagenav_sectiontoggle .queue_togglesection_recommended {
  margin-right: 0
}
.flexbox .pagenav_sectiontoggle .queue_togglesection_option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.pkt-nav .pagenav_sectiontoggle .queue_togglesection_optionselected {
  border-bottom: 2px solid #50bcb6;
  color: #50bcb6;
  cursor: default
}
.queue_togglesection_text {
  display: block;
  margin-top: 1em
}
.flexbox .queue_togglesection_text {
  margin-top: .1em
}
.flexbox .queue_togglesection_optionselected .queue_togglesection_text {
  position: relative;
  top: 1px
}
.pkt-nav .icons .queue_toggle_listqueue,
.queue_toggle_listqueue {
  display: none;
  float: left;
  font-size: 1.15385em;
  color: #a6a6a6;
  margin: 0 0 0 .5em;
  overflow: visible;
  position: relative;
  text-decoration: none;
  text-indent: 0;
  width: auto
}
.no-touch .pkt-nav .icons .queue_toggle_listqueue:hover,
.no-touch .queue_toggle_listqueue:hover {
  color: #999
}
.pkt-nav .icons .queue_toggle_listqueue {
  margin-top: .3em
}
@media only screen and (min-width: 30em) {
  .pkt-nav .icons .queue_toggle_active,
  .queue_toggle_active {
    display: block
  }
}
.nav-togglenotch,
.pkt-nav .icons .nav-togglenotch {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px -188px no-repeat;
  display: inline-block;
  height: 6px;
  margin-left: .2em;
  position: relative;
  top: -.1em;
  width: 9px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .nav-togglenotch,
  .pkt-nav .icons .nav-togglenotch {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.pkt-nav .toggle_listqueue_container>a,
.toggle_listqueue_container {
  display: block;
  position: absolute;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  width: 100%
}
.toggle_listqueue_container .popover-new-list {
  padding: .5em 0
}
.toggle_listqueue_container .popover-new-list a {
  font-size: 1em
}
.expanded_toggle {
  display: none;
  background-color: #f4f4f6;
  top: 2.2em;
  position: relative;
  width: 100%;
  z-index: 5
}
.page-queuedark .expanded_toggle {
  background-color: #1f1f1f
}
.expanded_toggle ul {
  padding: 0
}
.expanded_toggle li {
  box-sizing: border-box;
  float: left;
  width: 50%
}
.searchtoolbar_queue .expanded_toggle a,
.toolbar_queue_narrowtoggle .expanded_toggle a {
  border-bottom: 2px solid #999;
  box-sizing: border-box;
  background-color: #f4f4f6;
  color: #999;
  font-size: 1.15385em;
  height: 2.7em;
  padding-top: 1em;
  text-decoration: none;
  text-indent: 0;
  text-align: center
}
.no-touch .searchtoolbar_queue .expanded_toggle a:hover,
.no-touch .toolbar_queue_narrowtoggle .expanded_toggle a:hover {
  border-bottom-color: #313131;
  color: #313131
}
.page-queuedark .searchtoolbar_queue .expanded_toggle a,
.page-queuedark .toolbar_queue_narrowtoggle .expanded_toggle a {
  background-color: #1f1f1f;
  border-bottom-color: #4e4e4e;
  color: #a6a6a6
}
.searchtoolbar_queue .expanded_toggle .expanded_toggle_selected,
.toolbar_queue_narrowtoggle .expanded_toggle .expanded_toggle_selected {
  border-bottom-color: #313131;
  color: #313131
}
.page-queuedark .searchtoolbar_queue .expanded_toggle .expanded_toggle_selected,
.page-queuedark .toolbar_queue_narrowtoggle .expanded_toggle .expanded_toggle_selected {
  border-bottom-color: #ccc;
  color: #ccc
}
.expanded_toggle .expanded_allitems {
  display: none
}
.toolbar_queue_narrowtoggle .expanded_toggle {
  display: block
}
@media only screen and (min-width: 30em) {
  .toolbar_queue_narrowtoggle .expanded_toggle {
    display: none
  }
}
.pagenav_gridview>a,
.toolbar_queue .pagenav_gridview>a {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -55px -655px no-repeat;
  display: block;
  height: 13px;
  margin-top: 2.1em;
  overflow: hidden;
  outline: 0;
  text-indent: -9999px;
  position: relative;
  top: -.6em;
  width: 15px
}
.no-touch .pagenav_gridview>a:hover,
.no-touch .toolbar_queue .pagenav_gridview>a:hover,
.touch .pagenav_gridview>a,
.touch .toolbar_queue .pagenav_gridview>a {
  background-position: -110px -655px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .pagenav_gridview>a,
  .toolbar_queue .pagenav_gridview>a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 38em) {
  .pagenav_gridview>a,
  .toolbar_queue .pagenav_gridview>a {
    top: -.05em
  }
}
.pagenav_listview>a,
.toolbar_queue .pagenav_listview>a {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -545px -600px no-repeat;
  display: block;
  height: 14px;
  margin-top: 2em;
  width: 14px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  top: -.4em
}
.no-touch .pagenav_listview>a:hover,
.no-touch .toolbar_queue .pagenav_listview>a:hover,
.touch .pagenav_listview>a,
.touch .toolbar_queue .pagenav_listview>a {
  background-position: -599px -600px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .pagenav_listview>a,
  .toolbar_queue .pagenav_listview>a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 38em) {
  .flexbox .toolbar_queue .pagenav_listview>a {
    top: 0
  }
}
.pagenav_content_all>a,
.toolbar_queue .pagenav_content_all>a {
  background-image: none;
  width: 20px
}
.toolbar_queue .pagenav_gridview>a,
.toolbar_queue .pagenav_listview>a {
  margin-top: 1.48em;
  opacity: 0;
  -webkit-transition: visibility .2s ease-out, opacity .2s ease-out;
  transition: visibility .2s ease-out, opacity .2s ease-out;
  visibility: hidden
}
.toolbar_queue .pagenav_listview>a {
  margin-top: 1.85em
}
.pagenav_bulkedit>a,
.toolbar_queue .pagenav_bulkedit>a {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -220px -545px no-repeat;
  display: block;
  height: 15px;
  margin-top: 2.1em;
  overflow: hidden;
  outline: 0;
  text-indent: -9999px;
  position: relative;
  top: -.6em;
  width: 15px
}
.no-touch .pagenav_bulkedit>a:hover,
.no-touch .toolbar_queue .pagenav_bulkedit>a:hover,
.touch .pagenav_bulkedit>a,
.touch .toolbar_queue .pagenav_bulkedit>a {
  background-position: -275px -545px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .pagenav_bulkedit>a,
  .toolbar_queue .pagenav_bulkedit>a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.toolbar_queue .pagenav_bulkedit>a {
  opacity: 0;
  -webkit-transition: visibility .2s ease-out, opacity .2s ease-out;
  transition: visibility .2s ease-out, opacity .2s ease-out;
  margin-top: 2em;
  visibility: hidden
}
.flexbox .pagenav_bulkedit>a {
  top: 0
}
.pagenav_extrasdivider {
  border-left: 1px solid #e6e6e8;
  margin-left: 1.7em;
  margin-top: 0;
  height: 50px;
  position: relative;
  -webkit-transition: visibility .2s ease-out, opacity .2s ease-out;
  transition: visibility .2s ease-out, opacity .2s ease-out;
  opacity: 0;
  visibility: hidden
}
.page-queuedark .pagenav_extrasdivider {
  border-left-color: #383737
}
.flexbox .pagenav_extrasdivider {
  margin-top: 0
}
.searchtoolbar_queue_expanded .pagenav_extrasdivider {
  opacity: 1;
  visibility: visible
}
.searchtoolbar_queue .pagenav_extrasdivider {
  margin-left: 1em
}
.pagenav_extrasdots {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -244px -708px no-repeat;
  display: block;
  height: 4px;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 45%;
  width: 15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .pagenav_extrasdots {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
#pagenav_addarticle {
  position: relative;
  left: -3.5em
}
@media only screen and (min-width: 38em) {
  #pagenav_addarticle {
    left: 0
  }
}
#pagenav_addarticle>a {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -700px -378px no-repeat;
  display: block;
  height: 14px;
  margin-top: 1.4em;
  overflow: hidden;
  outline: 0;
  position: relative;
  text-indent: -9999px;
  width: 15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #pagenav_addarticle>a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.page-queuedark #pagenav_addarticle>a {
  background-position: -700px -432px
}
.no-touch #pagenav_addarticle>a:hover {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -436px -600px no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .no-touch #pagenav_addarticle>a:hover {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.touch #pagenav_addarticle>a {
  background-position: 0 -433px;
  height: 17px;
  width: 17px
}
@media only screen and (min-width: 38em) {
  .touch #pagenav_addarticle>a {
    background-position: -701px -378px;
    height: 14px;
    width: 14px
  }
}
.touch .page-queuedark #pagenav_addarticle>a {
  background-position: -57px -433px;
  height: 17px;
  width: 17px
}
@media only screen and (min-width: 38em) {
  .touch .page-queuedark #pagenav_addarticle>a {
    background-position: -701px -432px;
    height: 14px;
    width: 14px
  }
}
.flexbox #pagenav_addarticle>a {
  margin-top: 0
}
#pagenav_inbox {
  display: none;
  position: relative
}
@media only screen and (min-width: 38em) {
  #pagenav_inbox {
    display: block
  }
}
.toolbar_queue .pagenav_inbox_link {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -388px -655px no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .toolbar_queue .pagenav_inbox_link {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.page-queuedark .toolbar_queue .pagenav_inbox_link {
  background-position: -332px -655px
}
.no-touch .toolbar_queue .pagenav_inbox_link:hover {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -444px -655px no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .no-touch .toolbar_queue .pagenav_inbox_link:hover {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
#pagenav_inbox>a {
  height: 12px;
  margin-top: 1.45em;
  overflow: hidden;
  outline: 0;
  text-indent: -9999px;
  width: 16px
}
.flexbox #pagenav_inbox>a {
  margin-top: 0
}
.inbox_badge {
  background-color: #ee4256;
  border-radius: 14px;
  color: #fff;
  cursor: pointer;
  font-size: .8em;
  height: 14px;
  left: 30px;
  opacity: 0;
  position: absolute;
  top: 11px;
  visibility: hidden;
  text-align: center;
  -webkit-transition: visibility .4s ease-out, opacity .4s ease-out;
  transition: visibility .4s ease-out, opacity .4s ease-out;
  width: 14px;
  z-index: 5
}
.inbox_badge:hover+.pagenav_inbox_link {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -444px -655px no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .inbox_badge:hover+.pagenav_inbox_link {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.flexbox .toolbar_queue .inbox_badge {
  top: -8px
}
.inbox_badge_wide {
  left: 26px;
  width: 21px
}
.inbox_badge_superwide {
  left: 25px;
  width: 25px
}
.inbox_badge_active {
  opacity: 1;
  visibility: visible
}
.csstransforms3d .inbox_badge {
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  opacity: 1;
  -webkit-transition: visibility .4s ease-out, -webkit-transform .4s ease-out;
  transition: visibility .4s ease-out, transform .4s ease-out
}
.csstransforms3d .inbox_badge_active {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
#pagenav_sidenav .inbox_badge {
  left: 12px;
  top: 27px
}
@media only screen and (min-width: 38em) {
  #pagenav_sidenav .inbox_badge {
    display: none
  }
}
#pagenav_optionsdivider {
  border-left: 2px solid #e6e6e8;
  display: none;
  margin-left: 1.7em;
  width: 1px
}
@media only screen and (min-width: 38em) {
  #pagenav_optionsdivider {
    display: block
  }
}
.page-queuedark #pagenav_optionsdivider {
  border-left-color: #383737
}
#pagenav_options {
  display: none;
  font-size: 1.15385em;
  list-style: none;
  margin-left: 17px;
  margin-top: 1em;
  position: relative
}
@media only screen and (min-width: 38em) {
  #pagenav_options {
    display: block
  }
}
.flexbox #pagenav_options {
  margin-top: 0
}
#pagenav_options>a {
  color: #313131;
  height: 25px;
  margin-left: 0;
  margin-top: 0;
  text-indent: 0;
  position: relative;
  width: auto
}
.page-skindark #pagenav_options>a {
  color: #ccc
}
.flexbox #pagenav_options>a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
#pagenav_options .nav-avatar {
  background: center center no-repeat #e6e6e8;
  background-size: auto 25px;
  border-radius: 25px;
  display: inline-block;
  float: left;
  height: 25px;
  margin-right: .75em;
  overflow: hidden;
  width: 25px
}
#pagenav_options .nav-username {
  display: inline-block;
  max-width: 70px;
  overflow: hidden;
  padding-right: 1em;
  text-overflow: ellipsis;
  white-space: nowrap
}
.flexbox #pagenav_options .nav-username {
  padding-right: .4em
}
@media only screen and (min-width: 42em) {
  #pagenav_options .nav-username {
    max-width: 120px
  }
}
@media only screen and (min-width: 50em) {
  #pagenav_options .nav-username {
    max-width: 200px
  }
}
.no-touch #pagenav_options .nav-username-active {
  color: #50bcb6
}
#pagenav_options .nav-downnotch {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px 0 no-repeat;
  display: inline-block;
  height: 7px;
  overflow: hidden;
  outline: 0;
  right: 0;
  text-indent: -9999px;
  top: 36%;
  position: absolute;
  width: 10px
}
.page-queuedark #pagenav_options .nav-downnotch {
  background-position: -809px -47px
}
.flexbox #pagenav_options .nav-downnotch {
  position: relative;
  top: inherit
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #pagenav_options .nav-downnotch {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.no-touch #pagenav_options .nav-downnotch-active {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px -141px no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .no-touch #pagenav_options .nav-downnotch-active {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
#pagenav_options_container {
  height: 25px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
#pagenav_options_container>a {
  cursor: pointer;
  display: block;
  margin: 0;
  position: absolute;
  height: 100%;
  width: 100%
}
#pagenav_options_container .popover-new {
  margin-top: 3px
}
#pagenav_options_container .popover-new-bottomleft {
  margin-left: 57px
}
#pagenav_options_container .popover-new-list {
  max-width: 240px;
  min-width: 166px;
  width: auto;
  padding: .5em 0
}
#pagenav_options_container .popover-new-list a {
  background-image: none;
  font-size: 15px;
  position: relative;
  text-indent: 1.5em
}
#pagenav_options_container .nav-icon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat;
  display: block;
  left: 1.4em;
  position: absolute;
  top: .8em;
  height: 10px;
  width: 10px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #pagenav_options_container .nav-icon {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
#pagenav_options_container .popover-profile-text {
  float: left;
  padding-left: 1em;
  width: 4.5em
}
.flexbox #pagenav_options_container .popover-profile-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto
}
#pagenav_options_container .popover-profile-avatar {
  background: center center no-repeat #ededed;
  background-size: auto 40px;
  border-radius: 40px;
  float: left;
  height: 40px;
  overflow: hidden;
  width: 40px
}
#pagenav_options_container .popover-profile-name {
  font-weight: 600;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  text-indent: 0
}
#pagenav_options_container .popover-profile-desc {
  color: #999;
  font-weight: 400;
  font-size: .8em;
  margin: 0;
  text-align: left;
  text-indent: 0
}
#pagenav_options_container .profile:hover .popover-profile-desc,
#pagenav_options_container .profile:hover .popover-profile-name {
  color: #fff
}
#pagenav_options_container .profile>a {
  height: 3em;
  margin-bottom: .5em;
  padding: .6em 1.3em
}
.flexbox #pagenav_options_container .profile>a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
#pagenav_options_container .premium {
  border-top: 1px solid #f8f8fa
}
.page-queuedark #pagenav_options_container .premium {
  border-top-color: #383737
}
#pagenav_options_container .premium .nav-icon {
  background-position: -755px -161px;
  left: 1.45em;
  height: 14px;
  width: 13px
}
.page-queuedark #pagenav_options_container .premium .nav-icon {
  background-position: -755px -53px
}
.no-touch #pagenav_options_container .premium:hover .nav-icon {
  background-position: -755px -107px
}
#pagenav_options_container .options .nav-icon {
  background-position: -590px -440px;
  height: 15px;
  width: 15px
}
.page-queuedark #pagenav_options_container .options .nav-icon {
  background-position: -590px -220px
}
.no-touch #pagenav_options_container .options:hover .nav-icon {
  background-position: 0 -545px
}
#pagenav_options_container .help .nav-icon {
  background-position: -755px -215px;
  height: 13px;
  width: 14px
}
.page-queuedark #pagenav_options_container .help .nav-icon {
  background-position: -755px 0
}
.no-touch #pagenav_options_container .help:hover .nav-icon {
  background-position: -701px -594px
}
#pagenav_options_container .logout .nav-icon {
  background-position: -755px -479px;
  left: 1.3em;
  height: 12px;
  width: 14px
}
.page-queuedark #pagenav_options_container .logout .nav-icon {
  background-position: -755px -427px
}
.no-touch #pagenav_options_container .logout:hover .nav-icon {
  background-position: -755px -639px
}
#pagenav_options_container .popover-new-list .betafeedback {
  border-top: 1px solid #e6e6e8;
  padding-top: .5em
}
.page-queuedark #pagenav_options_container .popover-new-list .betafeedback {
  border-top-color: #313131
}
@media only screen and (min-width: 55em) {
  #pagenav_options_container .popover-new-list .betafeedback {
    display: none
  }
}
#pagenav_options_container .betafeedback .betatrigger {
  cursor: pointer;
  font-size: .8em;
  height: auto;
  line-height: 1.2;
  padding: .5em 1em;
  text-align: center;
  text-indent: 0
}
#pagenav_options_container .betafeedback .nav-icon,
#pagenav_options_container .betaoptout .nav-icon {
  display: none
}
#pagenav_searchicon {
  float: left;
  position: relative;
  left: 3em
}
@media only screen and (min-width: 38em) {
  #pagenav_searchicon {
    left: 0
  }
}
#pagenav_searchicon>a {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -590px -110px no-repeat;
  display: block;
  height: 15px;
  margin-top: 1.42em;
  overflow: hidden;
  outline: 0;
  text-indent: -9999px;
  width: 15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #pagenav_searchicon>a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
@media only screen and (min-width: 38em) {
  #pagenav_searchicon>a {
    left: 0
  }
}
.page-queuedark #pagenav_searchicon>a {
  background-position: -590px 0
}
.no-touch #pagenav_searchicon>a:hover {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -590px -55px no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .no-touch #pagenav_searchicon>a:hover {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.touch #pagenav_searchicon>a {
  background-position: -476px 0;
  height: 18px;
  width: 18px
}
@media only screen and (min-width: 38em) {
  .touch #pagenav_searchicon>a {
    background-position: -590px -110px;
    height: 15px;
    width: 15px
  }
}
.touch .page-queuedark #pagenav_searchicon>a {
  background-position: -476px -58px;
  height: 18px;
  width: 18px
}
@media only screen and (min-width: 38em) {
  .touch .page-queuedark #pagenav_searchicon>a {
    background-position: -590px 0;
    height: 15px;
    width: 15px
  }
}
.flexbox #pagenav_searchicon>a {
  margin-top: 0
}
@media only screen and (min-width: 30em) {
  .flexbox #pagenav_searchicon>a {
    margin-top: 2px
  }
}
.searchtoolbar_screen {
  background: #f4f4f6;
  background: rgba(244, 244, 246, .9);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 100
}
@media only screen and (min-width: 65em) {
  .searchtoolbar_screen {
    z-index: 7000
  }
}
.page-queuedark .searchtoolbar_screen {
  background: #1f1f1f;
  background: rgba(17, 17, 17, .8)
}
.searchtoolbar_screenbar {
  background: #f4f4f6;
  display: block;
  height: 100%;
  opacity: 0;
  left: 0;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 100%;
  z-index: 8020
}
.page-queuedark .searchtoolbar_screenbar {
  background: #1f1f1f
}
.searchtoolbar_queue {
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 8030;
  text-align: center
}
@media only screen and (min-width: 33em) {
  .searchtoolbar_queue {
    left: -4px
  }
}
#page .pkt-nav .searchtoolbar_queue {
  display: block
}
.searchtoolbar-listmode {
  left: -1px;
  width: 934px
}
.searchtoolbar_queue.active,
.searchtoolbar_screen_active {
  opacity: 1;
  -webkit-transition: visibility .3s ease-out, opacity .3s ease-out;
  transition: visibility .3s ease-out, opacity .3s ease-out;
  visibility: visible
}
.searchtoolbar_queue .pocket_logo {
  left: .1em;
  top: .4em
}
.searchtoolbar_queue h2 {
  color: #313131;
  display: none;
  font-size: 1.15385em;
  font-weight: 600;
  margin-top: 1.2em;
  opacity: 0;
  -webkit-transition: visibility .2s ease-out, opacity .2s ease-out;
  transition: visibility .2s ease-out, opacity .2s ease-out;
  visibility: hidden
}
@media only screen and (min-width: 50em) {
  .searchtoolbar_queue h2 {
    display: block;
    line-height: 1.2125em;
    margin-left: 3px
  }
}
@media only screen and (min-width: 65em) {
  .searchtoolbar_queue h2 {
    margin-left: 9.6em
  }
}
.page-queuedark .searchtoolbar_queue h2 {
  color: #ccc
}
.flexbox .searchtoolbar_queue h2 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin-top: 0
}
.searchtoolbar_queue_expanded h2 {
  opacity: 1;
  visibility: visible
}
#page .searchtoolbar_queue .leftItem {
  display: none
}
@media only screen and (min-width: 40em) {
  #page .searchtoolbar_queue .leftItem {
    display: block
  }
}
#page .searchtoolbar_queue .rightItem {
  box-sizing: border-box;
  right: 0;
  padding: 0 1em;
  top: 0
}
@media only screen and (min-width: 40em) {
  #page .searchtoolbar_queue .rightItem {
    padding: 0;
    position: absolute;
    right: 15px
  }
}
@media only screen and (min-width: 65em) {
  #page .searchtoolbar_queue .rightItem {
    right: 0;
    top: 2px
  }
}
#search_close>a {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -186px -699px no-repeat #fff;
  border: 1px solid #e6e6e8;
  border-radius: 4px;
  color: #333;
  font-size: 16px;
  margin-left: 8px;
  margin-top: 9px;
  padding: 5px 2px;
  line-height: 1;
  height: 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #search_close>a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.no-touch #search_close>a:hover {
  background-color: #ededed
}
.page-queuedark #search_close>a {
  background-color: #1f1f1f;
  border-color: #434343;
  background-position: -136px -699px
}
.no-touch .page-queuedark #search_close>a:hover {
  background-color: #434343
}
.section-filter {
  background: #fff;
  border: 1px solid #e6e6e8;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: none;
  margin-right: 8px;
  margin-top: 9px;
  position: relative;
  width: 10em
}
@media only screen and (min-width: 30em) {
  .section-filter {
    display: block
  }
}
.page-queuedark .section-filter {
  border: 1px solid #434343;
  background-color: #313131
}
.page-app-de-de .section-filter,
.page-app-en-us .section-filter,
.page-app-nl-nl .section-filter,
.page-app-zh-cn .section-filter,
.page-app-zh-tw .section-filter {
  width: 10em
}
.page-app-it-it .section-filter {
  width: 11em
}
.page-app-es-es .section-filter,
.page-app-es-la .section-filter,
.page-app-fr-ca .section-filter,
.page-app-fr-fr .section-filter,
.page-app-pl-pl .section-filter {
  width: 13em
}
.section-filter-disabled {
  cursor: default;
  opacity: .5
}
.search-instr-recent,
.section-filter .section-filter-options {
  background: #fff;
  border: 1px solid #e6e6e8;
  box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  border-radius: 4px;
  color: #313131;
  left: -1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 2.3em;
  visibility: hidden;
  width: 12em
}
.page-queuedark .search-instr-recent,
.page-queuedark .section-filter .section-filter-options {
  background-color: #313131;
  border: 1px solid #4e4e4e
}
.page-app-de-de .search-instr-recent,
.page-app-de-de .section-filter .section-filter-options,
.page-app-en-us .search-instr-recent,
.page-app-en-us .section-filter .section-filter-options,
.page-app-nl-nl .search-instr-recent,
.page-app-nl-nl .section-filter .section-filter-options,
.page-app-zh-cn .search-instr-recent,
.page-app-zh-cn .section-filter .section-filter-options,
.page-app-zh-tw .search-instr-recent,
.page-app-zh-tw .section-filter .section-filter-options {
  width: 10em
}
.page-app-it-it .search-instr-recent,
.page-app-it-it .section-filter .section-filter-options {
  width: 11em
}
.page-app-es-es .search-instr-recent,
.page-app-es-es .section-filter .section-filter-options,
.page-app-es-la .search-instr-recent,
.page-app-es-la .section-filter .section-filter-options,
.page-app-fr-ca .search-instr-recent,
.page-app-fr-ca .section-filter .section-filter-options,
.page-app-fr-fr .search-instr-recent,
.page-app-fr-fr .section-filter .section-filter-options,
.page-app-pl-pl .search-instr-recent,
.page-app-pl-pl .section-filter .section-filter-options {
  width: 13em
}
.search-instr-recent-active,
.section-filter .section-filter-options-active {
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
  opacity: 1;
  visibility: visible
}
.search-instr-recent li,
.section-filter-options li {
  display: block;
  float: none
}
.section-filter .section-filter-options a {
  color: #2e2e2e;
  font-size: 1.077em;
  font-weight: 600;
  display: block;
  margin: 0;
  padding: .5em 1em;
  text-decoration: none;
  text-align: left;
  text-indent: 0;
  width: auto
}
.page-queuedark .section-filter .section-filter-options a {
  color: #dcdce0
}
.no-touch .section-filter .section-filter-options a:hover {
  background-color: #50bcb6;
  color: #fff
}
.section-filter-value {
  color: #313131;
  font-size: 1.077em;
  font-weight: 600;
  height: 18px;
  line-height: 18px;
  margin: 0 1em;
  padding: 5px 0 3px;
  text-align: left
}
.page-queuedark .section-filter-value {
  color: #ccc
}
.section-filter-downnotch {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -809px -94px;
  display: block;
  height: 7px;
  overflow: hidden;
  right: .65em;
  text-indent: -99em;
  top: .72em;
  width: 10px;
  position: absolute;
  z-index: 8002
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .section-filter-downnotch {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.section-filter-disabled .section-filter-downnotch {
  opacity: .5
}
#searchnav_sortby>a {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -476px -348px no-repeat;
  display: block;
  height: 17px;
  margin-right: 10px;
  margin-top: 14px;
  margin-left: 0;
  width: 18px
}
@media only screen and (min-width: 24em) {
  #searchnav_sortby>a {
    margin-left: 23px
  }
}
@media only screen and (min-width: 38em) {
  #searchnav_sortby>a {
    margin-right: 16px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #searchnav_sortby>a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.page-queuedark #searchnav_sortby>a {
  background-position: -298px -315px
}
#searchnav_sortby>.searchnav-sortby-disabled,
#searchnav_sortby>.searchnav-sortby-disabled:hover {
  background-position: -240px -315px;
  cursor: default;
  opacity: .5
}
.wrapper_search .search-instr-recent {
  color: #888;
  font-size: 1.07em;
  font-weight: 600;
  left: -1px;
  line-height: 1.3;
  padding: 2em 0;
  position: absolute;
  top: 2.15em;
  width: 215px
}
@media only screen and (min-width: 38em) {
  .wrapper_search .search-instr-recent {
    width: 255px
  }
}
.wrapper_search .search-instr-recent-expanded {
  width: 395px
}
.wrapper_search .search-nonpremium-prevsearches-3 {
  display: none
}
.wrapper_search_expanded .serach-instr-recent {
  width: 355px
}
.search-instr-recent .instructions {
  padding: 0 .72em
}
.search-instr-recent h3 {
  color: #888;
  font-size: .8em;
  padding: 0 .9em;
  text-align: left;
  text-transform: uppercase
}
.search-instr-recent h5 {
  color: #bdbdbd;
  font-size: .7em;
  margin: 2em auto 1em;
  text-transform: uppercase
}
.search-instr-recent .recentsearch {
  display: none
}
.search-instr-recent .recentsearch-active,
.search-instr-recent .recentsearch-header {
  display: block
}
.search-instr-recent .recentsearch>a {
  color: #2e2e2e;
  height: auto;
  margin: 0;
  padding: .5em .72em;
  text-align: left;
  text-indent: 0;
  width: auto
}
.page-queuedark .search-instr-recent .recentsearch>a {
  color: #ccc
}
.flexbox .recentsearch>a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.flexbox .recentsearch-wchips>a {
  display: block
}
.no-touch .search-instr-recent .recentsearch>a:hover {
  background-color: #50bcb6;
  color: #fff;
  text-decoration: none
}
.wrapper_search .search-instr-premium {
  padding: 1.2em 0 .5em
}
.wrapper_search .search-premium-prevsearches-0 {
  padding: 2em 0
}
.wrapper_search .search-premium-prevsearches-1 {
  padding: 2em 0 0
}
.search-instr-premium .instructions {
  display: none
}
.search-premium-prevsearches-0 .instructions,
.search-premium-prevsearches-1 .instructions,
.search-premium-prevsearches-2 .instructions {
  display: block
}
.search-premium-prevsearches-0 .recentsearch,
.search-premium-prevsearches-1 .instructions-example,
.search-premium-prevsearches-1 .instructions-forexample,
.search-premium-prevsearches-2 .instructions-example,
.search-premium-prevsearches-2 .instructions-forexample {
  display: none
}
.search-premium-prevsearches-1 h3,
.search-premium-prevsearches-2 h3 {
  margin-top: 2em
}
.search-premium-prevsearches-1 .recentsearch-2,
.search-premium-prevsearches-1 .recentsearch-3,
.search-premium-prevsearches-1 .recentsearch-4,
.search-premium-prevsearches-1 .recentsearch-5,
.search-premium-prevsearches-2 .recentsearch-3,
.search-premium-prevsearches-2 .recentsearch-4,
.search-premium-prevsearches-2 .recentsearch-5 {
  display: none
}
.wrapper_search .search-input-list {
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0;
  z-index: 0
}
.wrapper_search .search-input-wrapper {
  overflow: hidden
}
.flexbox .wrapper_search .search-input-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.search-input-list li {
  float: left
}
.search-input-list .search-input {
  height: 22px;
  padding: 2px 0;
  width: 100%
}
.flexbox .search-input-list .search-input {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.search-chip {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #a6a6a6;
  border-radius: 4px;
  border: 1px solid #a6a6a6;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 18px;
  margin: 1px 6px 1px 0;
  overflow: hidden;
  padding: 0 6px;
  position: relative
}
.recentsearch .search-chip {
  float: left;
  padding-right: 8px
}
.recentsearch .search-chip>p {
  top: 1px
}
.recentsearch .search-fieldcontent {
  float: left;
  height: 18px;
  margin-top: 3px
}
.recentsearch .search-fieldcontentlimited,
.recentsearch-nochips .search-fieldcontent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.recentsearch .search-fieldcontentlimited {
  max-width: 100%
}
.search-chip-selected {
  background-color: #50bcb6;
  border-color: #50bcb6;
  cursor: default
}
.search-chip-favorite,
.search-chip-tag {
  background: url(/a/i/icons_queueitem@1x.png) -400px -635px no-repeat;
  height: 18px;
  float: left;
  margin-right: 5px;
  width: 10px
}
.search-chip-tag {
  background-position: 0 -635px
}
.search-chip>p {
  display: inline-block;
  margin: 0;
  line-height: inherit;
  max-width: 100px;
  overflow: hidden;
  padding: 0 15px 0 0;
  position: relative;
  text-overflow: ellipsis;
  top: -1px;
  white-space: nowrap
}
.recentsearch .search-chip>p {
  padding: 0
}
.search-chip-delete {
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  height: 11px;
  margin-left: 6px;
  position: absolute;
  top: 4px;
  right: 6px
}
.recentsearch .search-chip-delete {
  display: none
}
.expanded_toggle_search {
  display: block;
  left: 0;
  position: absolute;
  padding-left: 4px;
  top: 3.4em;
  width: 100%
}
@media only screen and (min-width: 30em) {
  .expanded_toggle_search {
    display: none
  }
}
.expanded_toggle_search_premium li {
  width: 33.333%
}
.expanded_toggle_search_premium .expanded_allitems,
.page-queue .toolbar_queue_rainbow {
  display: block
}
.toolbar_queue_rainbow {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 8001
}
.toolbar_queue_rainbow:after {
  content: "";
  display: table;
  clear: both
}
.rainbow_detail {
  float: left;
  height: 2px;
  width: 25%
}
.rainbow_first {
  background-color: #afecc3
}
.rainbow_second {
  background-color: #84c3c0
}
.rainbow_third {
  background-color: #d45a68
}
.rainbow_fourth {
  background-color: #ecbf63
}
@media only screen and (min-width: 38em) {
  .toolbar_queue .rightItem {
    padding-right: .5em
  }
}
.toolbar_queue_divider {
  border-bottom: 1px solid #e6e6e8;
  height: 1px;
  top: 49px;
  position: relative;
  width: auto
}
@media only screen and (min-width: 65em) {
  .toolbar_queue_divider {
    display: none
  }
}
.page-queuedark .toolbar_queue_divider {
  border-color: #383737
}
@media only screen and (min-width: 65em) {
  .page-queue .pkt-nav {
    border-bottom: 1px solid #e6e6e8
  }
}
@media only screen and (min-width: 65em) {
  .page-queuedark .pkt-nav {
    border-bottom: 1px solid #383737
  }
}
#page .pkt-nav-bulkeditmode {
  background-color: #e6e6e8
}
.page-queuedark #page .pkt-nav-bulkeditmode {
  background-color: #292929
}
.container-bulkedit {
  background-color: #e6e6e8;
  box-sizing: border-box;
  height: 50px;
  right: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 8020
}
@media only screen and (min-width: 65em) {
  .container-bulkedit {
    width: auto
  }
}
.page-queuedark .container-bulkedit {
  background-color: #292929
}
.pkt-nav-searchmode .container-bulkedit {
  background-color: #f4f4f6;
  border-bottom: 1px solid #e6e6e8;
  height: 53px;
  top: 51px;
  width: 100%
}
.page-queuedark .pkt-nav-searchmode .container-bulkedit {
  background-color: #1f1f1f;
  border-bottom-color: #383737
}
@media only screen and (min-width: 65em) {
  .container-bulkedit-shift {
    -webkit-transform: translate3d(10em, 0, 0);
    transform: translate3d(10em, 0, 0)
  }
}
.page-notificationpersistent .container-bulkedit {
  top: 84px
}
@media only screen and (min-width: 38em) {
  .page-notificationpersistent .container-bulkedit {
    top: 94px
  }
}
.container-bulkedit-active {
  opacity: 1;
  -webkit-transition: visibility .2s ease-out, opacity .2s ease-out;
  transition: visibility .2s ease-out, opacity .2s ease-out;
  visibility: visible
}
.bulkedit-content {
  margin: 0 auto;
  width: auto;
  position: relative
}
@media only screen and (min-width: 33em) {
  .bulkedit-content {
    margin-left: 1.5em;
    margin-right: 1.5em
  }
}
@media only screen and (min-width: 65em) {
  .bulkedit-content {
    margin-left: 3.8em;
    margin-right: .68em
  }
}
.bulkedit-status {
  float: left;
  font-size: 1.15385em;
  font-weight: 400;
  margin-right: 40px;
  text-align: left;
  margin-top: 4px;
  width: 150px;
  display: none
}
@media only screen and (min-width: 65em) {
  .bulkedit-status {
    display: block;
    position: relative;
    width: auto
  }
}
.page-queuedark .bulkedit-status {
  color: #ccc
}
.bulkedit-status p {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  margin-top: 14px;
  margin-left: 1em
}
@media only screen and (min-width: 65em) {
  .pkt-nav-searchmode .bulkedit-status p {
    margin-left: 6.5em
  }
}
.bulkedit-actions {
  float: left
}
@media only screen and (min-width: 65em) {
  .bulkedit-actions {
    margin-right: 4em
  }
}
.pkt-nav-searchmode .bulkedit-actions {
  float: right;
  margin-right: 3em
}
.bulkedit-actions ul {
  list-style: none;
  margin: 10px 0;
  padding: 0
}
.bulkedit-actions li {
  float: left;
  margin: 0 11px
}
.toolbar_queue .bulkedit-actions a {
  background-repeat: no-repeat;
  color: #313131;
  display: block;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
  padding: 10px 7px 8px;
  position: relative;
  width: 22px
}
@media only screen and (min-width: 65em) {
  .toolbar_queue .bulkedit-actions a {
    padding: 9px 7px 8px 30px;
    text-indent: 0;
    width: auto
  }
}
.page-queuedark .toolbar_queue .bulkedit-actions a {
  color: #ccc
}
.toolbar_queue .bulkedit-actions-inactive a {
  cursor: default;
  opacity: .3
}
.toolbar_queue .bulkedit-icon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -534px -169px no-repeat;
  display: block;
  height: 16px;
  left: .5em;
  top: .5em;
  position: absolute;
  width: 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .toolbar_queue .bulkedit-icon {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.page-queuedark .toolbar_queue .bulkedit-icon {
  background-position: -534px -113px
}
.pkt-nav .bulkedit-actions a {
  text-indent: -444em
}
@media only screen and (min-width: 65em) {
  .pkt-nav .bulkedit-actions a {
    text-indent: 0
  }
}
.no-touch .bulkedit-actions a:hover,
.no-touch .bulkedit-cancel:hover {
  color: #50bcb6
}
.no-touch .bulkedit-actions-inactive a:hover {
  color: #313131
}
.page-queuedark .bulkedit-actions-inactive a:hover {
  color: #dcdce0
}
.bulkedit-archive .bulkedit-icon {
  background-position: -516px -490px;
  height: 14px;
  width: 17px
}
.page-queuedark .bulkedit-archive .bulkedit-icon {
  background-position: -345px -490px
}
.no-touch .bulkedit-archive:hover .bulkedit-icon {
  background-position: -288px -490px
}
.bulkedit-actions-inactive .bulkedit-archive:hover .bulkedit-icon {
  background-position: -516px -490px
}
.page-queuedark .bulkedit-actions-inactive .bulkedit-archive:hover .bulkedit-icon {
  background-position: -345px -490px
}
.bulkedit-archive-readd .bulkedit-icon {
  background-position: -701px -378px;
  height: 14px;
  width: 14px;
  top: .6em
}
.no-touch .bulkedit-archive-readd:hover .bulkedit-icon {
  background-position: -437px -600px
}
.bulkedit-actions-inactive .bulkedit-readd:hover .bulkedit-icon {
  background-position: -701px -378px
}
.bulkedit-favorite .bulkedit-icon {
  background-position: -590px -385px;
  height: 15px;
  width: 15px
}
@media only screen and (min-width: 65em) {
  .bulkedit-favorite .bulkedit-icon {
    padding-left: 34px
  }
}
.page-queuedark .bulkedit-favorite .bulkedit-icon {
  background-position: -165px -545px
}
.no-touch .bulkedit-favorite:hover .bulkedit-icon {
  background-position: -110px -545px
}
.bulkedit-actions-inactive .bulkedit-favorite:hover .bulkedit-icon {
  background-position: -590px -385px
}
.page-queuedark .bulkedit-actions-inactive .bulkedit-favorite:hover .bulkedit-icon {
  background-position: -165px -545px
}
.bulkedit-delete .bulkedit-icon {
  background-position: -645px -166px;
  height: 16px;
  width: 14px
}
@media only screen and (min-width: 65em) {
  .bulkedit-delete .bulkedit-icon {
    padding-left: 31px
  }
}
.page-queuedark .bulkedit-delete .bulkedit-icon {
  background-position: -645px -110px
}
.no-touch .bulkedit-delete:hover .bulkedit-icon {
  background-position: -645px -54px
}
.bulkedit-actions-inactive .bulkedit-delete:hover .bulkedit-icon {
  background-position: -645px -166px
}
.page-queuedark .bulkedit-actions-inactive .bulkedit-delete:hover .bulkedit-icon {
  background-position: -645px -110px
}
.no-touch .bulkedit-addtag:hover .bulkedit-icon {
  background-position: -534px -57px
}
.bulkedit-actions-inactive .bulkedit-addtag:hover .bulkedit-icon {
  background-position: -534px -169px
}
.page-queuedark .bulkedit-actions-inactive .bulkedit-addtag:hover .bulkedit-icon {
  background-position: -534px -113px
}
.bulkedit-cancel {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -186px -699px no-repeat;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  display: block;
  font-size: 16px;
  height: 9px;
  margin-left: 8px;
  margin-top: 11px;
  padding: 8px;
  position: absolute;
  line-height: 1;
  right: 0;
  width: 10px
}
.page-skindark .bulkedit-cancel {
  background-position: -136px -699px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .bulkedit-cancel {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.page-queuedark .bulkedit-cancel {
  border-color: #383737
}
.no-touch .bulkedit-cancel:hover {
  background-color: #ccc
}
.no-touch .page-queuedark .bulkedit-cancel:hover {
  background-color: #434343
}
@media only screen and (min-width: 65em) {
  .pkt-nav-bulkeditmode .bulkedit-cancel {
    right: -5px
  }
}
#notifications_list .inbox {
  box-sizing: border-box;
  padding-bottom: 10px;
  overflow-y: auto;
  max-height: 90%;
  padding-top: 20px
}
@media only screen and (min-width: 30em) {
  #notifications_list .inbox {
    max-height: 500px;
    padding-top: 0
  }
}
.page-queuedark #notifications_list .inbox {
  color: #ccc
}
@media only screen and (min-width: 30em) {
  .notifications_list_scrollmode {
    margin-left: -1.2em
  }
}
.touch #notifications_list .inbox {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}
@media only screen and (min-width: 30em) {
  .no-touch #notifications_list .inbox_scroll_mode {
    padding-right: 10px
  }
}
#notifications_list .inbox .notification {
  border-top: 1px solid #ededed;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  text-align: left;
  overflow: hidden
}
@media only screen and (min-width: 30em) {
  #notifications_list .inbox .notification {
    width: 340px;
    padding-left: 10px;
    padding-right: 10px
  }
}
.page-queuedark #notifications_list .inbox .notification {
  border-top-color: #383737
}
@media only screen and (min-width: 30em) {
  #notifications_list .inbox_scroll_mode .notification {
    margin-right: 5px
  }
}
#notifications_list .inbox .notification:first-child {
  border-top: 0
}
#notifications_list .notification_empty {
  padding-bottom: 0
}
#notifications_list .notification_empty h3 {
  text-align: center;
  font-size: 18px
}
#notifications_list .notification_empty p {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
  text-align: center
}
#notifications_list .inbox .unconfirmed.notification {
  text-align: center
}
#notifications_list .inbox .notification.canAnimate {
  -webkit-transition-property: padding-top, height, opacity;
  transition-property: padding-top, height, opacity;
  -webkit-transition-duration: .3s, .3s, .3s;
  transition-duration: .3s, .3s, .3s
}
#notifications_list .inbox .notification.hidden {
  height: 0!important;
  padding-top: 0;
  opacity: 0;
  border-bottom: 0
}
.inbox .attribution {
  background-color: #f8f8fa;
  border: 1px solid #dcdce0;
  padding: 10px 19px 10px 14px;
  position: relative
}
.page-queuedark .inbox .attribution {
  background-color: #292929;
  border: 1px solid #4e4e4e
}
.inbox .attribution .avatar {
  width: 25px;
  height: 25px;
  border-radius: 13px;
  background-size: 100% 100%;
  background-position: center;
  float: left;
  margin-right: 8px
}
.inbox .attribution .full_name {
  color: #313131;
  font-weight: 600;
  font-size: 13px;
  height: 25px;
  line-height: 25px
}
.page-queuedark .inbox .attribution .full_name {
  color: #ccc
}
.inbox .attribution .time_since {
  color: #313131;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  float: right;
  text-align: right;
  max-width: 100px;
  overflow-y: hidden;
  position: absolute;
  right: 19px;
  top: 10px;
  padding-left: 10px
}
.page-skindark .inbox .attribution .time_since {
  color: #ccc
}
.inbox .attribution .comment {
  font-size: 13px;
  line-height: 1.3;
  margin-top: 9px
}
.inbox .attribution .caret {
  display: block;
  position: absolute;
  width: 15px;
  height: 8px;
  left: 16px;
  bottom: -8px;
  background-size: 15px 8px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 400;
  background-image: url(/a/i/queue-attribution-caret-1x.png)
}
.page-queuedark .inbox .attribution .caret {
  display: none
}
.inbox .item {
  padding: 10px 19px 10px 14px
}
.inbox .item .title {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 5px
}
.inbox .item .title_link {
  color: #313131;
  height: auto;
  margin: 0;
  text-indent: 0;
  width: auto
}
.no-touch .inbox .item .title_link:hover {
  color: #50bcb6;
  text-decoration: none
}
.page-queuedark .inbox .item .title_link {
  color: #ccc
}
.inbox .item .domain {
  font-size: 13px
}
.inbox .item .quote,
.shares .attribution .quote {
  color: #313131;
  font-style: italic;
  font-size: 13px;
  border-left: 3px solid #dcdce0;
  padding-left: 16px;
  margin-top: 9px;
  margin-bottom: 18px
}
.page-skindark .inbox .item .quote,
.page-skindark .shares .attribution .quote {
  color: #ccc;
  border-left-color: #4e4e4e
}
.inbox .buttons {
  padding-left: 14px;
  padding-right: 14px;
  height: 20px;
  margin-top: 12px;
  margin-bottom: 14px
}
.inbox .buttons .button {
  cursor: pointer;
  font-size: 13px;
  margin-right: 12px;
  padding: 6px 15px 5px;
  text-transform: none
}
.inbox .buttons .resend {
  font-size: 1.1em;
  margin-left: 0;
  padding-top: 12px;
  text-indent: 0;
  width: auto
}
.inbox .unconfirmed.notification .title {
  margin-top: 6px
}
.inbox .unconfirmed.notification .description {
  font-size: 13px;
  margin-top: 6px
}
.queue_empty #queue_empty {
  display: block
}
#queue_empty {
  display: none;
  padding-top: 100px;
  text-align: center
}
#queue_empty h3 {
  margin-bottom: 30px;
  color: #999;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px
}
#queue_empty img {
  position: relative;
  top: -2px;
  margin-right: 17px
}
#queue_empty .img-archive,
#queue_empty .img-favorites,
#queue_empty .img-queue {
  top: -3px
}
#queue_empty a {
  color: #ffc90b
}
#queue_empty p {
  font-size: 14px;
  line-height: 17px;
  color: #4e4e4e
}
#queue_empty .button-emptyrecommend {
  color: #fff;
  cursor: pointer;
  margin: 1em 1.25em
}
.queue_msg {
  background: #fff;
  float: left;
  height: 144px;
  margin: 0 20px 18px 0;
  overflow: hidden;
  position: relative;
  width: 880px
}
.queue_msg_pockethits {
  background: url(/a/i/msg_pockethits_bg@1x.jpg) center center no-repeat #f14053
}
.queue_msg_pockethits p {
  background: url(/a/i/msg_pockethits_ribbon@1x.png) left center no-repeat;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin: 15px 180px 15px 200px;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
.queue_msg_pockethits .target {
  color: #fff;
  display: block;
  padding: 30px 0 30px 150px;
  text-decoration: none
}
.queue_msg_pockethits .emphasis {
  border-bottom: 1px solid #fff
}
.queue_msg_pockethits .close {
  background: url(/a/i/msg_banner_close@1x.png) center center no-repeat;
  border: none;
  display: block;
  height: 12px;
  position: absolute;
  right: 10px;
  overflow: hidden;
  text-indent: 200%;
  top: 10px;
  width: 12px;
  white-space: nowrap
}
.list .queue_msg {
  float: none;
  margin-top: 18px;
  width: 100%
}
.list .queue_msg_pockethits p {
  margin-left: 225px;
  margin-right: 190px
}
.page_queue_grid .item-highlight .item_content,
.page_queue_list .item-highlight .item_content {
  box-shadow: 0 0 2px 2px #43aea8
}
.page_queue_list .item-highlight .item_content {
  box-shadow: 0 0 1px 1px #43aea8;
  border-color: #50bcb6
}
.queue_list .editTags .sub .tags {
  background-image: none;
  display: block;
  padding-left: 11px
}
.no-touch .queue_list .item:hover .sub .tags-withtopic,
.queue_list .sub .tags-withtopic {
  padding-left: 8px
}
.queue_list .item .sub .tags .edit {
  background: url(/a/i/icons_queueitem@1x.png?122) 0 -398px no-repeat;
  display: none;
  margin-top: 4px;
  padding-left: 16px
}
.queue_list .tags .edit>span {
  cursor: pointer;
  text-transform: lowercase
}
.no-touch .queue_list .tags .edit>span:hover {
  text-decoration: underline
}
.queue_list .item .sub .tags.hasTags .edit {
  cursor: pointer;
  height: 10px;
  padding-left: 3px;
  padding-right: 3px;
  background: url(/a/i/icons_queueitem@1x.png?122) 0 -480px no-repeat;
  opacity: .5;
  top: 0;
  width: 7px
}
#tagMenu .tag-overflow-container .tag-overflow,
.queue_list .tags .tag,
.queue_list .tags .tag-overflow-link {
  background-color: #b1b2b2;
  border-radius: 3px;
  color: #fff;
  display: block;
  float: left;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 1;
  margin-bottom: 4px;
  margin-right: 8px;
  padding: 4px 8px;
  top: 0
}
.page-queuedark #tagMenu .tag-overflow-container .tag-overflow,
.page-queuedark .queue_list .tags .tag,
.page-queuedark .queue_list .tags .tag-overflow-link {
  background-color: #4e4e4e;
  color: #ccc
}
#tagMenu .tag-overflow-container .tag-overflow {
  margin-left: 4px;
  margin-right: 4px
}
.no-touch #tagMenu .tag-overflow-container .tag-overflow:hover,
.no-touch .queue_list .tags .tag:hover {
  background-color: #a6a6a6;
  text-decoration: none
}
.queue_list .tags .tag-overflow {
  display: none
}
.queue_list .tags .tag-overflow-link {
  background-color: #f5f5f5;
  color: #999
}
.no-touch .queue_list .tags .tag-overflow-link:hover {
  background-color: #e8e8e8;
  text-decoration: none
}
.queue_list .tags .tag-search-match {
  background-color: #2e2e2e
}
.no-touch .queue_list .tags .tag-search-match:hover {
  background-color: #4e4e4e
}
#tagMenu .tag-overflow-container {
  border-radius: 7px;
  padding: 10px;
  margin: 6px
}
.no-touch .queue_list_mode_bulkedit .item:hover .sub .tags .edit {
  display: none
}
.no-touch .queue_list_mode_bulkedit .tags a:hover {
  text-decoration: none
}
.queue_list .item:hover .sub .hasTags .edit span {
  display: none
}
.no-touch .queue_list .item .sub .tags .edit:hover {
  opacity: 1
}
.queue_list .item.editTags .tags {
  display: block;
  padding-left: 0
}
.queue_list .item.editTags .tags span {
  visibility: hidden
}
.queue_list .item .tags .block,
.queue_list .item .tags input {
  display: none
}
.queue_list .item.editTags .tags .block {
  display: inline-block;
  visibility: visible;
  width: 100px
}
.queue_list .item.editTags .tags input {
  position: absolute;
  display: block;
  top: -7px;
  left: 6px;
  padding-left: 21px;
  height: 21px;
  border: 1px solid #e5e5e5;
  color: #2e2e2e;
  font-size: 11px;
  background: rgba(255, 255, 255, 0)
}
.queue_list .item.editTags .sub .tags .edit,
.queue_secondarynav {
  display: none
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .queue_list .info-loading {
    background-size: 15px 15px
  }
  .inbox .attribution .caret,
  .queue_list .item .caret {
    background-image: url(/a/i/queue-attribution-caret-2x.png)
  }
  .toolbar_queue li>a {
    background-image: url(/a/i/icons_toolbar_bottom@2x.png?122);
    background-size: 600px 1550px
  }
  .queue_list .buttons a,
  .queue_list .item .sub li.tags .edit,
  .queue_list .item .sub li.tags.hasTags .edit,
  .search-chip-favorite,
  .search-chip-tag {
    background-image: url(/a/i/icons_queueitem@2x.png?122);
    background-size: 500px 750px
  }
  .queue_msg_pockethits {
    background-image: url(/a/i/msg_pockethits_bg@2x.jpg);
    background-size: 880px 144px
  }
  .queue_msg_pockethits p {
    background-image: url(/a/i/msg_pockethits_ribbon@2x.png);
    background-size: 101px 105px
  }
  .queue_msg_pockethits .close {
    background-image: url(/a/i/msg_banner_close@2x.png);
    background-size: 12px 12px
  }
}
.queue_secondarynav:after {
  content: "";
  display: table;
  clear: both
}
@media only screen and (min-width: 38em) and (min-height: 32em) {
  .queue_secondarynav {
    display: block;
    -webkit-transition: opacity .15s ease-out, visibility .15s ease-out;
    transition: opacity .15s ease-out, visibility .15s ease-out
  }
}
@media only screen and (min-width: 33em) {
  .queue_secondarynav {
    margin: 1.3em 1.7em 0
  }
}
@media only screen and (min-width: 65em) {
  .queue_secondarynav {
    margin: 1.3em 3.7em 0
  }
}
.page_queue_list .queue_secondarynav {
  max-width: 74em;
  margin-bottom: 1.6em
}
@media only screen and (min-width: 33em) {
  .page_queue_list .queue_secondarynav {
    margin: 1.3em 1.6em 1em
  }
}
@media only screen and (min-width: 65em) {
  .page_queue_list .queue_secondarynav {
    margin: 1.3em 3.4em 1em
  }
}
@media only screen and (min-width: 74em) {
  .page_queue_list .queue_secondarynav {
    margin-left: auto;
    margin-right: auto
  }
}
.page_queue_search .queue_secondarynav {
  margin-top: .5em
}
.queue_secondarynav .queue_title {
  float: left;
  font-size: 2.78em;
  font-weight: 300;
  line-height: 1.4;
  margin: 0
}
.queue_secondarynav ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.queue_secondarynav .queue_toggle_listqueue {
  margin-top: 1.6em;
  text-decoration: none
}
.page_queue_search .queue_toggle_listqueue {
  display: none
}
.queue_toggle_listqueuesecondary .popover-new {
  margin-left: 2em;
  margin-top: 1.5em
}
.queue_secondarynav_actions {
  float: right;
  margin-top: -.1em
}
.page_queue_list .queue_secondarynav_actions {
  margin-top: -.2em
}
.queue_secondarynav_actions li {
  float: left;
  margin-left: 1.5em
}
.queue_secondarynav_actions .pagenav_contenttype>a {
  top: -.3em
}
.pagenav_contenttype_videos .pagenav_contenttype_icon {
  top: .1em
}
.queue_secondarynav_actions .pagenav_listview>a {
  top: -.25em
}
.queue_secondarynav_actions .pagenav_gridview>a {
  top: -.3em
}
.page_queue_search .pagenav_gridview,
.page_queue_search .pagenav_listview {
  display: none
}
.queue_secondarynav_actions .pagenav_bulkedit>a {
  top: -.4em
}
.queue_inactive {
  opacity: 0;
  visibility: hidden
}
.queue_inactivehide {
  display: none
}
.queue_inactivetempmeasure {
  display: block;
  position: absolute
}
#page_queue {
  box-sizing: border-box;
  padding: 51px 0
}
@media only screen and (min-width: 38em) {
  #page_queue {
    padding-bottom: 120px;
    padding-top: 58px
  }
}
@media only screen and (min-width: 65em) {
  #page_queue {
    padding-left: 10em
  }
}
.queue_list {
  list-style: none;
  position: relative;
  -webkit-transition: opacity .15s ease-out, visibility .15s ease-out;
  transition: opacity .15s ease-out, visibility .15s ease-out
}
.queue_list_mode_narrowtoggle {
  padding-top: 2.6em
}
.no-touch .queue_list_mode_bulkedit a:hover {
  text-decoration: none
}
.loadingRow {
  width: 100%
}
.loadingRow:after {
  content: "";
  display: table;
  clear: both
}
.page-notificationpersistent .grid .queue_list,
.page-notificationpersistent .list .queue_list {
  top: 30px
}
.page-notificationpersistent .grid .queue_list_mode_bulkedit,
.page-notificationpersistent .list .queue_list_mode_bulkedit {
  top: 83px
}
#content .wrapper.grid {
  border: 0;
  background-color: transparent;
  box-shadow: none
}
.item-column-hidden {
  -webkit-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
  opacity: 0
}
.item-column-shift {
  -webkit-transition: -webkit-transform .4s ease-out;
  transition: transform .4s ease-out
}
.item {
  box-sizing: border-box;
  float: left;
  position: relative;
  height: auto;
  padding: 0;
  text-align: left;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%
}
.item_content {
  background-color: #fff;
  border: 1px solid #dcdce0;
  border-width: 1px 0 0;
  color: #313131;
  display: block;
  height: auto;
  max-width: 74em;
  margin-left: auto;
  margin-right: auto;
  min-height: 80px;
  overflow: hidden;
  position: relative;
  padding: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}
@media only screen and (min-width: 40em) {
  .item_content {
    border-width: 0 0 1px
  }
}
.page-queuedark .item_content {
  background-color: #292929;
  border-color: #292929;
  color: #ccc
}
.item_content .favstate {
  display: none
}
.touch .item_state_favorited .favstate {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) 0 -315px no-repeat;
  top: 0;
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
  left: 0;
  z-index: 5
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .touch .item_state_favorited .favstate {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.item_bulkeditselected .item_content {
  background-color: #fff6da
}
.page-queuedark .item_bulkeditselected .item_content {
  background-color: #4d452f
}
.item_link {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 5
}
.touch .item_link {
  z-index: 20
}
.touch .item_controls .item_link {
  z-index: 4
}
.item .title {
  display: block;
  color: #313131;
  font-size: 1.23077em;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  padding: 20px 100px .1em 20px;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}
@media only screen and (min-width: 38em) {
  .item .title {
    padding-left: .5em;
    padding-right: .5em
  }
}
.page-queuedark .item .title {
  color: #ccc
}
.no-touch .item_link:hover+.title {
  color: #50bcb6
}
.no-touch .queue_list_mode_bulkedit .item .title:hover,
.queue_list_mode_bulkedit .item_link:hover+.title {
  color: #313131
}
.page-queuedark .queue_list_mode_bulkedit .item .title:hover,
.page-queuedark .queue_list_mode_bulkedit .item_link:hover+.title {
  color: #ccc
}
.item .favicon {
  bottom: .75em;
  display: none;
  left: 1em;
  position: absolute;
  height: 16px;
  width: 16px;
  z-index: 1
}
.item .thumb {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 80px
}
.item .thumb.lazy-load {
  background-color: #dcdce0
}
.item .excerpt {
  font-size: 1em;
  line-height: 1.45;
  padding: .5em 1em 0
}
.item_withtopic .excerpt {
  padding-top: 2.35em
}
.item .sub {
  margin: .2em 100px 2.5em 20px;
  position: relative;
  padding: 0
}
@media only screen and (min-width: 38em) {
  .item .sub {
    padding-left: .5em
  }
}
.item .sub li {
  clear: left
}
@media only screen and (min-width: 33em) {
  .item .sub li {
    clear: none
  }
}
.shared_to .sub li:first-child {
  height: 26px
}
@media only screen and (min-width: 33em) {
  .shared_to .sub li:first-child {
    height: 10px
  }
}
.touch .shared_to .sub li {
  margin-top: .2em
}
.touch .item .sub {
  margin-bottom: 0
}
.item .original_url_container {
  border-left: none;
  float: left;
  margin: 5px 0;
  padding-left: 0
}
@media only screen and (min-width: 33em) {
  .item .original_url_container {
    border-left: 1px solid #999;
    padding-left: 12px
  }
}
.item .original_url {
  display: inline-block;
  font-size: 1em;
  max-width: 17em;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 10
}
.no-touch .item .original_url:hover {
  color: #50bcb6;
  text-decoration: none
}
.item .topic {
  border-left: 0
}
.item_placeholder {
  display: none
}
@media only screen and (min-width: 33em) {
  .item_placeholder {
    display: block
  }
}
.item_placeholder .item_content {
  background-color: #ededed;
  border: 3px dashed #ccc;
  box-sizing: border-box;
  padding: 2em;
  text-align: center
}
.flexbox .item_placeholder .item_content {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.item_placeholder .item_content h3 {
  color: #a6a6a6;
  font-size: 1.53846em;
  line-height: 1.3;
  max-width: 210px
}
.item_placeholder .item_content p {
  color: #a6a6a6;
  font-size: 1.15385em;
  margin-bottom: 0;
  max-width: 240px
}
.item_placeholder .button-connect {
  margin-top: 1em
}
.page_queue_grid .item_placeholder_gsf .item_content {
  border: 2px dashed #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 1em
}
@media only screen and (min-width: 33em) {
  .item_placeholder_title {
    font-size: 1.46154em;
    margin-top: 0
  }
  .item_placeholder_gsf_recommended .item_placeholder_title {
    font-size: 1.84615em
  }
}
.item_placeholder_gsf p {
  font-size: 1.15385em
}
.item_placeholder_gsf_recommended p {
  font-size: 1.46154em;
  line-height: 1.3
}
.item_placeholder_article {
  display: block;
  border: 1px solid #999;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
  margin-top: 2em;
  position: relative
}
.item_placeholder_article>p {
  box-sizing: border-box;
  font-size: 1.07692em;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding: 1em 1em .8em 82px
}
.item_placeholder_articleimg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 72px
}
.item_placeholder_articlelink {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5
}
.page_queue_list .item_placeholder_gamify {
  display: none
}
.page_queue_grid .item_placeholder_gamify .item_content {
  background-color: transparent;
  border: 1px solid #dcdce0;
  overflow: visible
}
.queue_list_recommend .item_placeholder_gamify .item_content {
  height: 28em
}
.item_placegamify_titlewrapper {
  background-color: #50bcb6;
  border: 1px solid #288c87;
  left: -1px;
  margin: 0;
  position: relative;
  top: -1px;
  width: 100%
}
.item_placegamify_title {
  color: #fff;
  font-size: 1.15385em;
  margin: 0;
  padding: .75em 1em .65em
}
.page-queuedark .item_placegamify_title {
  color: #ededed
}
.item_placegamify_stepscontainer {
  list-style: none;
  margin: 0
}
.item_placegamify_step {
  border-top: solid 1px #ededed
}
.item_placegamify_step:after {
  content: "";
  display: table;
  clear: both
}
.page-queuedark .item_placegamify_step {
  border-top-color: #383737
}
.item_placegamify_link {
  padding: 1em
}
.item_placegamify_link:hover {
  background-color: #ededf0
}
.page-queuedark .item_placegamify_link:hover {
  background-color: #292929
}
.flexbox .item_placegamify_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.item_placegamify_stepchecked .item_placegamify_link {
  background-color: transparent;
  cursor: default
}
.item_placegamify_step:nth-of-type(1) {
  border-top: none
}
.item_placegamify_arrow,
.item_placegamify_stepnum,
.item_placegamify_text {
  float: left
}
.flexbox .item_placegamify_arrow,
.flexbox .item_placegamify_stepnum,
.flexbox .item_placegamify_text {
  float: none
}
.item_placegamify_stepnum {
  font-size: 1.53846em;
  line-height: 1;
  font-weight: 600;
  margin: 0;
  width: 25px
}
.item_placegamify_text {
  color: #313131;
  font-size: 1.15385em;
  line-height: 1.2;
  width: 13em
}
.flexbox .item_placegamify_text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 1em
}
.page-queuedark .item_placegamify_text {
  color: #ccc
}
.item_placegamify_arrow {
  color: #a6a6a6;
  font-size: 1.69231em
}
.flexbox .item_placegamify_arrow {
  width: .5em
}
.item_placegamify_stepchecked .item_placegamify_stepnumtext {
  display: none
}
.item_placegamify_checkedicon {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -417px -122px;
  height: 18px;
  display: block;
  margin-left: -3.6px;
  overflow: hidden;
  position: relative;
  width: 18px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .item_placegamify_checkedicon {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.item_placegamify_stepchecked .item_placegamify_text {
  color: #ccc;
  text-decoration: line-through
}
.page_queue_grid .item_placeholder_gamifyempty .item_content {
  background-color: transparent;
  border: 1px dashed #ccc
}
.flexbox .item_placeholder_gamifyempty .item_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}
.page_queue_list .item_placeholder_gamifyempty {
  display: none
}
.item_placeholder_gamifymsg {
  color: #999;
  display: none;
  font-size: 1.15385em;
  font-weight: 400;
  margin-top: 8em;
  padding: 0 2em;
  text-align: center
}
.flexbox .item_placeholder_gamifymsg {
  margin-top: 0
}
.item_placeholder_gamifymsgactive {
  display: block
}
.item_placegamify_donestar {
  background: url(/a/i/gsf/gsf_gamifyalldonestar@1x.png) center center no-repeat;
  display: block;
  height: 81px;
  margin: 2em auto 1.5em;
  width: 81px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .item_placegamify_donestar {
    background-image: url(/a/i/gsf/gsf_gamifyalldonestar@2x.png);
    background-size: 81px 81px
  }
}
.item_placegamify_donetext {
  text-align: center;
  font-size: 1.38462em;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: .5em;
  padding: 0 2em
}
.item_placegamify_donedismiss {
  color: #50bcb6;
  font-size: .83333em;
  text-decoration: underline
}
.item_placegamify_donedismiss:hover {
  color: #43aea8
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .queue_list {
    margin-left: auto;
    margin-right: auto;
    padding: 3.5em .75em .75em
  }
}
@media only screen and (min-width: 65em) {
  .page_queue_grid .queue_list {
    padding: 3.5em 3em .75em
  }
}
@media only screen and (min-width: 33em) and (min-height: 32em) {
  .page_queue_grid .queue_list {
    padding: .25em .75em .75em
  }
}
@media only screen and (min-width: 65em) and (min-height: 32em) {
  .page_queue_grid .queue_list {
    padding: .25em 3em
  }
}
.page_queue_grid .item {
  width: 100%
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item {
    padding: .78em;
    width: 50%
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_grid .item {
    width: 33.33333%
  }
}
@media only screen and (min-width: 81em) {
  .page_queue_grid .item {
    width: 25%
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_content {
    border: 1px solid #ededf0;
    border-bottom: 1px solid #dcdce0;
    height: 280px
  }
  .page-queuedark .page_queue_grid .item_content {
    border-color: #292929 #292929 #383737
  }
}
.page_queue_grid .item_placeholder .item_content {
  border: 3px dashed #ccc
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_state_favorited .favstate {
    background-position: 0 -239px;
    bottom: 0;
    left: auto;
    height: 36px;
    right: 0;
    width: 36px;
    top: auto
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item .title {
    font-size: 1.46154em;
    padding: .7em
  }
}
.touch .item .buttons,
.touch .item .excerpt,
.touch .item .favicon,
.touch .item .sub,
.touch .item .thumb,
.touch .item .title,
.touch .item .topic_detail {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out
}
.touch .item_controls .excerpt,
.touch .item_controls .favicon,
.touch .item_controls .sub,
.touch .item_controls .thumb,
.touch .item_controls .title,
.touch .item_controls .topic_detail {
  -webkit-transform: translate3d(-384px, 0, 0);
  transform: translate3d(-384px, 0, 0)
}
@media only screen and (min-width: 384px) {
  .touch .item_controls .excerpt,
  .touch .item_controls .favicon,
  .touch .item_controls .sub,
  .touch .item_controls .thumb,
  .touch .item_controls .title,
  .touch .item_controls .topic_detail {
    -webkit-transform: translate3d(-544px, 0, 0);
    transform: translate3d(-544px, 0, 0)
  }
}
@media only screen and (min-width: 544px) {
  .touch .item_controls .excerpt,
  .touch .item_controls .favicon,
  .touch .item_controls .sub,
  .touch .item_controls .thumb,
  .touch .item_controls .title,
  .touch .item_controls .topic_detail {
    -webkit-transform: translate3d(-704px, 0, 0);
    transform: translate3d(-704px, 0, 0)
  }
}
@media only screen and (min-width: 704px) {
  .touch .item_controls .excerpt,
  .touch .item_controls .favicon,
  .touch .item_controls .sub,
  .touch .item_controls .thumb,
  .touch .item_controls .title,
  .touch .item_controls .topic_detail {
    -webkit-transform: translate3d(-864px, 0, 0);
    transform: translate3d(-864px, 0, 0)
  }
}
@media only screen and (min-width: 864px) {
  .touch .item_controls .excerpt,
  .touch .item_controls .favicon,
  .touch .item_controls .sub,
  .touch .item_controls .thumb,
  .touch .item_controls .title,
  .touch .item_controls .topic_detail {
    -webkit-transform: translate3d(-1024px, 0, 0);
    transform: translate3d(-1024px, 0, 0)
  }
}
@media only screen and (min-width: 1024px) {
  .touch .item_controls .excerpt,
  .touch .item_controls .favicon,
  .touch .item_controls .sub,
  .touch .item_controls .thumb,
  .touch .item_controls .title,
  .touch .item_controls .topic_detail {
    -webkit-transform: translate3d(-1344px, 0, 0);
    transform: translate3d(-1344px, 0, 0)
  }
}
@media only screen and (min-width: 1344px) {
  .touch .item_controls .excerpt,
  .touch .item_controls .favicon,
  .touch .item_controls .sub,
  .touch .item_controls .thumb,
  .touch .item_controls .title,
  .touch .item_controls .topic_detail {
    -webkit-transform: translate3d(-1664px, 0, 0);
    transform: translate3d(-1664px, 0, 0)
  }
}
.touch .item_controls_left .excerpt,
.touch .item_controls_left .favicon,
.touch .item_controls_left .sub,
.touch .item_controls_left .thumb,
.touch .item_controls_left .title,
.touch .item_controls_left .topic_detail {
  -webkit-transform: translate3d(384px, 0, 0);
  transform: translate3d(384px, 0, 0)
}
@media only screen and (min-width: 384px) {
  .touch .item_controls_left .excerpt,
  .touch .item_controls_left .favicon,
  .touch .item_controls_left .sub,
  .touch .item_controls_left .thumb,
  .touch .item_controls_left .title,
  .touch .item_controls_left .topic_detail {
    -webkit-transform: translate3d(544px, 0, 0);
    transform: translate3d(544px, 0, 0)
  }
}
@media only screen and (min-width: 544px) {
  .touch .item_controls_left .excerpt,
  .touch .item_controls_left .favicon,
  .touch .item_controls_left .sub,
  .touch .item_controls_left .thumb,
  .touch .item_controls_left .title,
  .touch .item_controls_left .topic_detail {
    -webkit-transform: translate3d(704px, 0, 0);
    transform: translate3d(704px, 0, 0)
  }
}
@media only screen and (min-width: 704px) {
  .touch .item_controls_left .excerpt,
  .touch .item_controls_left .favicon,
  .touch .item_controls_left .sub,
  .touch .item_controls_left .thumb,
  .touch .item_controls_left .title,
  .touch .item_controls_left .topic_detail {
    -webkit-transform: translate3d(864px, 0, 0);
    transform: translate3d(864px, 0, 0)
  }
}
@media only screen and (min-width: 864px) {
  .touch .item_controls_left .excerpt,
  .touch .item_controls_left .favicon,
  .touch .item_controls_left .sub,
  .touch .item_controls_left .thumb,
  .touch .item_controls_left .title,
  .touch .item_controls_left .topic_detail {
    -webkit-transform: translate3d(1024px, 0, 0);
    transform: translate3d(1024px, 0, 0)
  }
}
@media only screen and (min-width: 1024px) {
  .touch .item_controls_left .excerpt,
  .touch .item_controls_left .favicon,
  .touch .item_controls_left .sub,
  .touch .item_controls_left .thumb,
  .touch .item_controls_left .title,
  .touch .item_controls_left .topic_detail {
    -webkit-transform: translate3d(1344px, 0, 0);
    transform: translate3d(1344px, 0, 0)
  }
}
@media only screen and (min-width: 1344px) {
  .touch .item_controls_left .excerpt,
  .touch .item_controls_left .favicon,
  .touch .item_controls_left .sub,
  .touch .item_controls_left .thumb,
  .touch .item_controls_left .title,
  .touch .item_controls_left .topic_detail {
    -webkit-transform: translate3d(1664px, 0, 0);
    transform: translate3d(1664px, 0, 0)
  }
}
@media only screen and (min-width: 33em) {
  .touch .page_queue_grid .item_controls .buttons,
  .touch .page_queue_grid .item_controls .excerpt,
  .touch .page_queue_grid .item_controls .favicon,
  .touch .page_queue_grid .item_controls .sub,
  .touch .page_queue_grid .item_controls .thumb,
  .touch .page_queue_grid .item_controls .title,
  .touch .page_queue_grid .item_controls .topic_detail {
    -webkit-transform: translate3d(-56px, 0, 0);
    transform: translate3d(-56px, 0, 0)
  }
}
@media only screen and (min-width: 33em) {
  .touch .page_queue_grid .item_controls_left .buttons,
  .touch .page_queue_grid .item_controls_left .excerpt,
  .touch .page_queue_grid .item_controls_left .favicon,
  .touch .page_queue_grid .item_controls_left .sub,
  .touch .page_queue_grid .item_controls_left .thumb,
  .touch .page_queue_grid .item_controls_left .title,
  .touch .page_queue_grid .item_controls_left .topic_detail {
    -webkit-transform: translate3d(56px, 0, 0);
    transform: translate3d(56px, 0, 0)
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item .thumb {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    width: auto
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item .sub {
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: .65em 1em .6em 2.75em;
    position: absolute;
    width: 100%
  }
}
.page-queuedark .page_queue_grid .item .sub {
  background-color: #292929
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_bulkeditselected .sub {
    background-color: #fff6da
  }
  .page-queuedark .page_queue_grid .item_bulkeditselected .sub {
    background-color: #4d452f
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item .buttons {
    bottom: .55em;
    display: block;
    left: auto;
    right: .65em
  }
}
@media only screen and (min-width: 33em) {
  .no-touch .page_queue_grid .item:hover .buttons,
  .touch .page_queue_grid .item .buttons {
    background-color: #fff
  }
}
@media only screen and (min-width: 33em) {
  .page-queuedark .page_queue_grid .item:hover .buttons,
  .touch .page-queuedark .page_queue_grid .item .buttons {
    background-color: #292929
  }
}
@media only screen and (min-width: 33em) {
  .no-touch .page_queue_grid .item_bulkeditselected:hover .buttons,
  .touch .page_queue_grid .item_bulkeditselected .buttons {
    background-color: #fff6da
  }
}
.page-queuedark .page_queue_grid .item_bulkeditselected .buttons,
.page-queuedark .page_queue_grid .item_bulkeditselected:hover .buttons {
  background-color: #4d452f
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item .favicon {
    display: block;
    visibility: hidden
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item .favicon.lazy-active {
    visibility: visible
  }
}
.item_type_normal_only_title .thumb {
  background-size: 97px 96px, auto auto
}
.item_type_normal_only_title .thumb-wimage {
  background-size: auto auto, 97px 96px, auto auto;
  background-position: center 43px, center 36px, center center
}
.item_type_normal_video .thumb {
  background-size: auto auto, 100% auto
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_image,
  .page_queue_grid .item_type_wide_split {
    width: 100%
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_grid .item_type_wide_image,
  .page_queue_grid .item_type_wide_split {
    width: 66.66667%
  }
}
@media only screen and (min-width: 81em) {
  .page_queue_grid .item_type_wide_image,
  .page_queue_grid .item_type_wide_split {
    width: 50%
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_split .thumb {
    background-position: left;
    background-size: 100% auto;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_split .excerpt,
  .page_queue_grid .item_type_wide_split .title {
    box-sizing: border-box;
    left: 50%;
    position: relative;
    width: 50%
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_split .sub {
    left: 50%;
    width: 50%
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_split .favicon {
    margin-left: 1em;
    left: 50%
  }
}
@media only screen and (min-width: 38em) {
  .page_queue_list .queue_list {
    margin-left: auto;
    margin-right: auto;
    padding: 2em 1.5em 0
  }
}
@media only screen and (min-width: 65em) {
  .page_queue_list .queue_list {
    padding: 4.2em 3.55em 0
  }
}
@media only screen and (min-width: 38em) and (min-height: 32em) {
  .page_queue_list .queue_list {
    padding: 0 1.5em
  }
}
@media only screen and (min-width: 65em) and (min-height: 32em) {
  .page_queue_list .queue_list {
    padding: 0 3.55em
  }
}
@media only screen and (min-width: 80em) {
  .page_queue_list .queue_list {
    padding-left: 0;
    padding-right: 0
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item_content {
    height: 100px
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_list .item_content {
    height: 80px
  }
}
@media only screen and (min-width: 38em) {
  .page_queue_list .item_content {
    border-left-width: 1px;
    border-right-width: 1px
  }
}
.page-queuedark .page_queue_list .item_content {
  border-color: #1f1f1f
}
.flexbox .page_queue_list .item_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media only screen and (min-width: 40em) {
  .flexbox .page_queue_list .item_content {
    display: block
  }
}
.page_queue_list .item:first-child .item_content {
  border-top-width: 0
}
@media only screen and (min-width: 38em) {
  .page_queue_list .item:first-child .item_content {
    border-top-width: 1px
  }
}
.page_queue_list .item:last-child .item_content {
  border-bottom-width: 1px
}
@media only screen and (min-width: 38em) {
  .page_queue_list .item:last-child .item_content {
    border-bottom-width: 0
  }
}
.page_queue_list .item_placeholder .item_content,
.page_queue_list .item_placeholder:first-child .item_content {
  border: 3px dashed #ccc;
  height: auto;
  max-height: inherit;
  padding: .5em 2.5em
}
.page_queue_list .item_placeholder h3,
.page_queue_list .item_placeholder p {
  max-width: inherit
}
.page_queue_list .item_placeholder .button-connect {
  margin-bottom: .5em
}
@media only screen and (min-width: 50em) {
  .page_queue_list .item_state_favorited .favstate {
    background-position: 0 -239px;
    bottom: 0;
    left: auto;
    height: 36px;
    right: 0;
    width: 36px;
    top: auto
  }
}
@media only screen and (min-width: 38em) {
  .page_queue_list .item .title {
    padding-left: 1.6em;
    padding-right: 110px
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .title {
    font-size: 1.38462em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1.25em 110px .1em 1.3em
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_list .item .title {
    padding: 1em 11em .1em 7.35em
  }
}
.touch .page_queue_list .item .title {
  padding-top: .7em
}
@media only screen and (min-width: 40em) {
  .touch .page_queue_list .item .title {
    padding-top: 1.25em
  }
}
@media only screen and (min-width: 50em) {
  .touch .page_queue_list .item .title {
    padding-top: 1em
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .thumb {
    width: 100px
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_list .item .thumb {
    left: 0;
    right: auto
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .buttons {
    bottom: .7em;
    left: .8em
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_list .item .buttons {
    bottom: auto;
    left: auto;
    right: 2em;
    top: 1.35em
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .sub {
    margin: .1em 110px 1.5em 1.3em
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_list .item .sub {
    margin: .4em 0 1.5em 9.75em
  }
}
.touch .page_queue_list .item .sub {
  margin-top: 0;
  margin-bottom: .9em
}
@media only screen and (min-width: 40em) {
  .touch .page_queue_list .item .sub {
    margin-bottom: 0
  }
}
.page_queue_list .item .original_url_container {
  margin: 2px 0;
  top: 2px;
  position: relative
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .original_url_container {
    margin: 5px 0;
    top: 0
  }
}
@media only screen and (min-width: 33em) {
  .touch .page_queue_list .shared_to .original_url_container {
    top: 4px
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .original_url {
    font-size: 1.07692em
  }
}
.page_queue_list .item .hasTags {
  background-image: none;
  border: 0;
  display: block;
  height: auto;
  margin-top: .8em;
  padding-left: 0;
  z-index: 10
}
@media only screen and (min-width: 33em) {
  .page_queue_list .item .hasTags {
    margin-top: 0
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .topic {
    padding-left: 0
  }
}
@media only screen and (min-width: 40em) {
  .page_queue_list .item .tags-withtopic {
    padding-left: 8px
  }
}
.item .buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: .5em;
  left: 10px;
  z-index: 10
}
@media only screen and (min-width: 38em) {
  .item .buttons {
    left: -.3em
  }
}
.touch .item .buttons {
  left: 50%;
  margin-left: -9em;
  opacity: 0;
  margin-top: -1.5em;
  top: 50%;
  -webkit-transition: -webkit-transform .3s ease-out, opacity .3s ease-out;
  transition: transform .3s ease-out, opacity .3s ease-out
}
.touch.flexbox .item .buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.touch.flexbox .page_queue_list .buttons {
  background-color: #f4f4f6;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  margin-left: 0;
  margin-top: 0
}
.touch.flexbox .page-queuedark .buttons {
  background-color: #1f1f1f
}
.touch .item_controls .buttons {
  opacity: 1
}
@media only screen and (min-width: 33em) {
  .touch .page_queue_grid .buttons {
    border-left: 1px solid #dcdce0;
    bottom: auto;
    left: auto;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    opacity: 1;
    right: -56px;
    top: 0;
    z-index: 5
  }
}
@media only screen and (min-width: 33em) {
  .touch.flexbox .page_queue_grid .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
@media only screen and (min-width: 33em) {
  .touch .page_queue_grid .item_controls_left .buttons {
    border-left: 0;
    border-right: 1px solid #dcdce0;
    bottom: auto;
    left: -56px;
    right: auto
  }
}
.item .buttons li {
  float: left;
  opacity: 0;
  -webkit-transition: opacity .1s linear;
  transition: opacity .1s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.touch .page_queue_list .buttons li {
  margin-left: .8em;
  margin-right: .8em
}
@media only screen and (min-width: 33em) {
  .touch .page_queue_grid .buttons li {
    float: none;
    margin: .5em 0
  }
}
.bulkeditselected .buttons li {
  background-color: #fff6da
}
.page-queuedark .bulkeditselected .buttons li {
  background-color: #4d452f
}
.item .buttons li.selected.action_favorite,
.item.pendingDialog .buttons li,
.no-touch .item_content:hover .buttons li,
.touch .item .buttons li {
  opacity: 1
}
.item .buttons a {
  background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png);
  background-repeat: no-repeat;
  display: block;
  margin: 0 0 0 8px;
  text-indent: -789em;
  overflow: hidden;
  padding: 3px;
  position: relative
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .item .buttons a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.touch .item .buttons a {
  background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png);
  margin: 0;
  padding: 1em .5em
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .touch .item .buttons a {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.action_mark a {
  background-position: -228px -487px;
  height: 14px;
  width: 17px
}
.page-queuedark .action_mark a {
  background-position: -456px -487px
}
.item .action_mark a {
  margin-left: 7px
}
.touch .action_mark a {
  background-position: -70px -225px;
  height: 20px;
  width: 23px
}
.touch .page-queuedark .action_mark a {
  background-position: -133px -225px
}
.no-touch .action_mark a:hover {
  background-position: -171px -487px
}
.no-touch .page-queuedark .action_mark a:hover {
  background-position: -399px -487px
}
.action_mark_archived a {
  background-position: -698px 3px;
  height: 14px;
  width: 14px
}
.page-queuedark .action_mark_archived a {
  background-position: -698px -321px
}
.item .action_mark_archived a {
  margin-left: 6px
}
.no-touch .action_mark_archived a:hover {
  background-position: -698px -51px
}
.no-touch .page-queuedark .action_mark_archived a:hover {
  background-position: -698px -105px
}
.action_delete a {
  background-position: -642px -273px;
  height: 15px;
  width: 14px;
  top: -1px
}
.page-queuedark .action_delete a {
  background-position: -51px -597px
}
.item .action_delete a {
  margin-left: 7px
}
.touch .action_delete a {
  background-position: -411px -47px;
  height: 21px;
  width: 19px
}
.touch .page-queuedark .action_delete a {
  background-position: -411px 14px
}
.no-touch .action_delete a:hover {
  background-position: -642px -328px
}
.no-touch .page-queuedark .action_delete a:hover {
  background-position: 3px -597px
}
.action_favorite a {
  background-position: -105px -597px;
  height: 14px;
  width: 15px
}
.page-queuedark .action_favorite a {
  background-position: -215px -597px
}
.item .action_favorite a {
  margin-left: 7px
}
.touch .action_favorite a {
  background-position: -350px -108px;
  height: 21px;
  width: 21px
}
.touch .page-queuedark .action_favorite a {
  background-position: -350px 14px
}
.no-touch .action_favorite a:hover {
  background-position: -160px -597px
}
.no-touch .page-queuedark .action_favorite a:hover {
  background-position: -642px -491px
}
.no-touch .action_favorite.selected a,
.no-touch .action_favorite.selected a:hover {
  background-position: -270px -597px
}
.touch .action_favorite.selected a {
  background-position: -350px -47px;
  height: 21px;
  width: 21px
}
.action_share a {
  background-position: -233px -430px;
  height: 13px;
  width: 21px
}
.page-queuedark .action_share a {
  background-position: -111px -430px
}
.touch .action_share a {
  background-position: -183px -164px;
  height: 18px;
  width: 29px
}
.touch .page-queuedark .action_share a {
  background-position: -114px -164px
}
.no-touch .action_share a:hover {
  background-position: -172px -430px
}
.no-touch .page-queuedark .action_share a:hover {
  background-position: -294px -430px
}
.action_tag a {
  background-position: -325px -597px;
  height: 14px;
  width: 15px
}
.page-queuedark .action_tag a {
  background-position: -642px -383px
}
.touch .action_tag a {
  background-position: -350px -229px;
  height: 20px;
  width: 21px
}
.touch .page-queuedark .action_tag a {
  background-position: -350px -169px
}
.no-touch .action_tag a:hover {
  background-position: -642px -219px
}
.no-touch .page-queuedark .action_tag a:hover {
  background-position: -642px -437px
}
.queue_list_mode_bulkedit .item:hover .action_delete,
.queue_list_mode_bulkedit .item:hover .action_favorite,
.queue_list_mode_bulkedit .item:hover .action_mark,
.queue_list_mode_bulkedit .item:hover .action_share,
.queue_list_mode_bulkedit .item:hover .action_tag {
  display: none
}
.queue_list_mode_bulkedit .item:hover .selected {
  display: block
}
.queue_list_mode_bulkedit .item:hover .action_mark_archived {
  display: none
}
.queue_list_mode_bulkedit .original_url:hover {
  text-decoration: none
}
.item .original_url .search-match,
.item .title .search-match {
  display: inline;
  font-weight: 600
}
.item .original_url .search-match {
  color: #313131
}
.queue_list .topic_detail {
  border-radius: 3px;
  color: #fff;
  cursor: default;
  display: none;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 1;
  padding: 4px 8px;
  top: 0
}
.page-skindark .queue_list .topic_detail {
  color: #fff
}
.no-touch .queue_list .topic_detail:hover {
  text-decoration: none
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .queue_list .topic_detail {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: none;
    font-size: 14px;
    margin-top: 10px;
    padding: 5px 12px 5px 16px;
    position: absolute;
    z-index: 90
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_normal_excerpt .topic_detail {
    margin-top: -17px
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_split .topic_detail {
    left: -50%
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .adjusted .topic_detail {
    display: block
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .topic .topic_detail {
    display: none
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_list .queue_list .topic {
    border-left: 0;
    display: block;
    padding-right: 0
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_list .topic .topic_detail {
    display: inline-block
  }
}
.shares .attribution .time_since {
  height: 25px;
  line-height: 25px;
  float: right;
  text-align: right;
  max-width: 100px;
  overflow-y: hidden;
  position: absolute;
  top: 6px;
  background-color: #f9f9f9;
  padding-left: 10px
}
.page-skindark .shares .attribution .time_since {
  background-color: #292929
}
.bulkeditselected .attribution .time_since {
  background-color: #fff8c8
}
.shares .attribution .comment,
.shares .attribution .one_liner {
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 400;
  color: #313131;
  opacity: 0;
  padding-right: 20px;
  -webkit-transition: opacity .3s ease-out .2s;
  transition: opacity .3s ease-out .2s
}
.page-skindark .shares .attribution .comment,
.page-skindark .shares .attribution .one_liner {
  color: #ccc
}
.share_expanded .attribution .comment,
.share_expanded .attribution .one_liner {
  opacity: 1
}
.shares .attribution .one_liner {
  margin-top: 9px;
  margin-bottom: 9px
}
.shares .attribution .quote {
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  padding-right: 20px;
  margin-bottom: 9px;
  -webkit-transition: opacity .3s ease-out .2s;
  transition: opacity .3s ease-out .2s
}
.share_expanded .attribution .quote {
  opacity: 1
}
.list .shares .attribution .quote {
  padding-right: 120px
}
.item .avatar {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 6px
}
.queue_list .info-loading {
  background: url(/a/i/spinner@1x.gif) center 40% no-repeat;
  clear: both;
  position: relative;
  font-size: 14px;
  height: 90px;
  margin-bottom: 20px;
  width: 880px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .queue_list .info-loading {
    background-image: url(/a/i/spinner@2x.gif);
    background-size: 30px 30px
  }
}
.row_friends .shares .attribution {
  padding-left: 12px
}
.row_friends .collapsed {
  line-height: 36px;
  padding-left: 44px
}
.row_friends .shares .attribution .full_name {
  line-height: 36px;
  padding-left: 32px
}
.queue_list .item .shares .notification {
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #f8f8f8;
  min-height: 18px;
  cursor: pointer
}
.queue_list .item .shares .notification:first-child {
  border-top: 0
}
.queue_list .item .shares .notification:last-child {
  border-bottom: 0
}
.queue_list .item .caret {
  display: block;
  position: absolute;
  width: 15px;
  height: 8px;
  background-size: 15px 8px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  background-image: url(/a/i/queue-attribution-caret-1x.png)
}
.page-skindark .queue_list .item .caret,
.queue_list .bulkeditselected .caret {
  display: none
}
#container .queue_list .item.share_expanded .row_friends .shares {
  display: block
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .shares .attribution .time_since {
    color: #666;
    font-size: 12px;
    right: 19px
  }
  .page-skindark .page_queue_grid .shares .attribution .time_since {
    color: #ccc
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item.share_expanded .row_friends {
    height: auto
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item.share_expanded .row_friends .collapsed {
    display: none
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .queue_list .item .row_friends .shares {
    display: none;
    overflow-y: auto;
    max-height: 215px
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .row_friends .avatar {
    left: 12px;
    top: 6px
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .queue_list .item .caret {
    left: 16px;
    bottom: -8px
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item .row_friends {
    background-color: #f8f8fa;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    color: #313131;
    display: block;
    font-weight: 600;
    height: 37px;
    min-height: 37px;
    max-height: 215px;
    position: relative;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
  }
  .page-skindark .page_queue_grid .item .row_friends {
    border: 1px solid #4e4e4e;
    background-color: #292929;
    color: #ccc
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_split .row_friends {
    padding-left: 50%
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .queue_list .item_type_wide_split .avatar,
  .page_queue_grid .queue_list .item_type_wide_split .caret {
    left: 50%;
    margin-left: 12px
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .queue_list .item_type_wide_split .caret {
    margin-left: 16px
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_grid .item_type_wide_split .attribution .avatar {
    left: -1px
  }
}
.page_queue_list .row_friends {
  display: block;
  margin-left: -12px;
  position: relative;
  top: -8px
}
.page_queue_list .shares .attribution .time_since {
  font-size: 11px;
  font-weight: 600;
  color: grey;
  right: 25px
}
.page_queue_list .shares .notification:first-child .attribution .time_since {
  top: -3px
}
.page_queue_list .shares .attribution .comment {
  margin-top: 5px;
  margin-right: 110px
}
.page_queue_list .item .caret {
  display: none
}
.page_queue_list .queue_list .item .sharesContainer {
  overflow-y: hidden;
  height: 0;
  -webkit-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out
}
.page_queue_list .queue_list .item .shares {
  display: block;
  background-color: #f8f8f8;
  box-sizing: border-box
}
.page_queue_list .queue_list .item.share_expanded .shares {
  border-top: 1px solid #cecece
}
.page_queue_list .queue_list .item .notification {
  padding: 10px 16px 10px 112px
}
.page_queue_list .queue_list .item .attribution {
  padding-left: 8px;
  position: relative
}
.flexbox .toolbar_reader .icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  margin-bottom: 0;
  padding: 0
}
#subnav .icons a,
.toolbar_reader .icons a {
  background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@1x.png);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  padding: 2px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #subnav .icons a,
  .toolbar_reader .icons a {
    background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 514px 415px
  }
}
@media only screen and (min-width: 34em) {
  #subnav .icons a,
  .toolbar_reader .icons a {
    margin-left: 0;
    margin-right: 22px
  }
}
.flexbox #subnav .icons a,
.flexbox .icons a {
  margin-top: 0;
  margin-bottom: 0
}
#subnav .icons a {
  background-image: url(/a/i/icons_toolbar_top@1x.png);
  padding: 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #subnav .icons a {
    background-image: url(/a/i/icons_toolbar_top@2x.png);
    background-size: 600px 1550px
  }
}
#page .toolbar_reader .leftItem {
  left: 0;
  width: 60%
}
@media only screen and (min-width: 34em) {
  #page .toolbar_reader .leftItem {
    left: 20px;
    width: auto
  }
}
@media only screen and (min-width: 65em) {
  #page .toolbar_reader .leftItem {
    left: -2px
  }
}
#page .toolbar_reader .rightItem {
  box-sizing: border-box;
  right: 0;
  margin-top: 2px;
  width: 40%
}
@media only screen and (min-width: 34em) {
  #page .toolbar_reader .rightItem {
    right: 20px;
    width: auto
  }
}
@media only screen and (min-width: 38em) {
  #page .toolbar_reader .rightItem {
    margin-top: 4px;
    right: 20px
  }
}
@media only screen and (min-width: 65em) {
  #page .toolbar_reader .rightItem {
    right: 0
  }
}
.flexbox #page .toolbar_reader .rightItem {
  margin-top: 0
}
.toolbar_reader .leftItem>li {
  width: 33.33333%
}
@media only screen and (min-width: 34em) {
  .toolbar_reader .leftItem>li {
    width: inherit
  }
}
.toolbar_reader .rightItem>li {
  width: 50%
}
@media only screen and (min-width: 34em) {
  .toolbar_reader .rightItem>li {
    width: inherit
  }
}
@media only screen and (min-width: 34em) {
  #subnav .rightItem a,
  .toolbar_reader .rightItem a {
    margin-left: 23px;
    margin-right: 0
  }
}
#pagenav_home {
  display: none
}
@media only screen and (min-width: 48em) {
  #pagenav_home {
    display: block
  }
}
#pagenav_home>a {
  background-position: -63px 2px;
  height: 22px;
  width: 25px
}
.no-touch #pagenav_home>a:hover {
  background-position: -63px -60px
}
.page-readerdark #pagenav_home>a {
  background-position: 2px 2px
}
.no-touch .page-readerdark #pagenav_home>a:hover {
  background-position: -63px -60px
}
.page-readersepia #pagenav_home>a {
  background-position: 2px -60px
}
.no-touch .page-readersepia #pagenav_home>a:hover {
  background-position: -63px -60px
}
#pagenav_favorite>a {
  background-position: -320px -169px;
  height: 17px;
  width: 17px
}
.no-touch #pagenav_favorite>a:hover {
  background-position: -55px -285px
}
.page-readerdark #pagenav_favorite>a {
  background-position: -320px -112px
}
.no-touch .page-readerdark #pagenav_favorite>a:hover {
  background-position: 2px -285px
}
.page-readersepia #pagenav_favorite>a {
  background-position: -320px -226px
}
.no-touch .page-readersepia #pagenav_favorite>a:hover {
  background-position: -112px -285px
}
.no-touch #pagenav_favorite.selected>a,
.touch #pagenav_favorite.selected>a {
  background-position: -377px -55px
}
#pagenav_share>a {
  background-position: -258px 2px;
  height: 14px;
  margin-top: 1.1em;
  width: 22px
}
.no-touch #pagenav_share>a:hover {
  background-position: -122px -175px
}
.flexbox #pagenav_share>a {
  margin-top: 0
}
.page-readerdark #pagenav_share>a {
  background-position: 2px -175px
}
.no-touch .page-readerdark #pagenav_share>a:hover {
  background-position: -184px -175px
}
.page-readersepia #pagenav_share>a {
  background-position: -193px -104px
}
.no-touch .page-readersepia #pagenav_share>a:hover {
  background-position: -60px -175px
}
#pagenav_style {
  display: none
}
@media only screen and (min-width: 40em) {
  #pagenav_style {
    display: block
  }
}
#pagenav_style>a {
  background-position: 2px -122px;
  height: 13px;
  width: 25px
}
.no-touch #pagenav_style>a:hover {
  background-position: -63px -122px
}
.page-readerdark #pagenav_style>a {
  background-position: -128px -51px
}
.no-touch .page-readerdark #pagenav_style>a:hover {
  background-position: -128px -122px
}
.page-readersepia #pagenav_style>a {
  background-position: -193px 2px
}
.no-touch .page-readersepia #pagenav_style>a:hover {
  background-position: -128px 2px
}
.no-touch #pagenav_style.selected>a {
  background-position: -63px -122px
}
#pagenav_back>a {
  background-position: -234px -229px;
  height: 15px;
  width: 19px
}
.no-touch #pagenav_back>a:hover {
  background-position: -116px -342px
}
.page-readerdark #pagenav_back>a {
  background-position: -175px -229px
}
.no-touch .page-readerdark #pagenav_back>a:hover {
  background-position: -57px -342px
}
.page-readersepia #pagenav_back>a {
  background-position: 2px -342px
}
.no-touch .page-readersepia #pagenav_back>a:hover {
  background-position: -175px -342px
}
#pagenav_mark>a {
  background-position: -57px -229px;
  height: 16px;
  width: 19px
}
#pagenav_mark.selected>a,
.no-touch #pagenav_mark>a:hover {
  background-position: -258px -108px
}
.page-readerdark #pagenav_mark>a {
  background-position: -258px -52px
}
.no-touch .page-readerdark #pagenav_mark>a:hover,
.page-readerdark #pagenav_mark.selected>a {
  background-position: -258px -164px
}
.page-readersepia #pagenav_mark>a {
  background-position: 2px -229px
}
.no-touch .page-readersepia #pagenav_mark>a:hover,
.page-readersepia #pagenav_mark.selected>a {
  background-position: -116px -229px
}
#pagenav_mark.archived>a {
  background-position: -169px -285px;
  height: 17px;
  width: 17px
}
.no-touch #pagenav_mark.archived>a:hover {
  background-position: -320px -55px
}
#page #pagenav_mark.selected>a {
  cursor: pointer
}
#pagenav_add {
  display: none
}
#pagenav_add>a {
  background-position: -169px -285px;
  height: 17px;
  width: 17px
}
.no-touch #pagenav_add>a:hover {
  background-position: -320px -55px
}
.page-readerdark #pagenav_add>a,
.page-readerdark #pagenav_mark.archived>a {
  background-position: -283px -285px
}
.no-touch .page-readerdark #pagenav_add>a:hover,
.no-touch .page-readerdark #pagenav_mark.archived>a:hover {
  background-position: -320px 2px
}
.page-readersepia #pagenav_add>a,
.page-readersepia #pagenav_mark.archived>a {
  background-position: -377px 2px
}
.no-touch .page-readersepia #pagenav_add>a:hover,
.no-touch .page-readersepia #pagenav_mark.archived>a:hover {
  background-position: -226px -285px
}
#pagenav_delete {
  display: none
}
@media only screen and (min-width: 40em) {
  #pagenav_delete {
    display: block
  }
}
#pagenav_delete>a {
  background-position: -377px -283px;
  height: 17px;
  width: 16px
}
.no-touch #pagenav_delete>a:hover {
  background-position: -377px -112px
}
.page-readerdark #pagenav_delete>a {
  background-position: -434px -55px
}
.no-touch .page-readerdark #pagenav_delete>a:hover {
  background-position: -377px -169px
}
.page-readersepia #pagenav_delete>a {
  background-position: -377px -226px
}
.no-touch .page-readersepia #pagenav_delete>a:hover {
  background-position: -434px -112px
}
#pagenav_tag {
  display: none
}
@media only screen and (min-width: 40em) {
  #pagenav_tag {
    display: block
  }
}
#pagenav_tag>a {
  background-position: -55px -396px;
  height: 16px;
  width: 17px
}
.no-touch #pagenav_tag>a:hover {
  background-position: -283px -396px
}
.page-readerdark #pagenav_tag>a {
  background-position: 2px -396px
}
.no-touch .page-readerdark #pagenav_tag>a:hover {
  background-position: -169px -396px
}
.page-readersepia #pagenav_tag>a {
  background-position: -112px -396px
}
.no-touch .page-readersepia #pagenav_tag>a:hover {
  background-position: -340px -396px
}
#pagenav_more {
  display: block
}
@media only screen and (min-width: 40em) {
  #pagenav_more {
    display: none
  }
}
#pagenav_more>a {
  background-position: -358px -342px;
  height: 10px;
  margin-top: 1.2em;
  width: 22px
}
.no-touch #pagenav_more>a:hover {
  background-position: -234px -342px
}
.flexbox #pagenav_more>a {
  margin-top: 0
}
.page-readerdark #pagenav_more>a {
  background-position: -296px -342px
}
.no-touch .page-readerdark #pagenav_more>a:hover {
  background-position: -490px -48px
}
.page-readersepia #pagenav_more>a {
  background-position: -397px -397px
}
.no-touch .page-readersepia #pagenav_more>a:hover {
  background-position: -490px 2px
}
.toolbar_reader_addmode #pagenav_delete,
.toolbar_reader_addmode #pagenav_favorite,
.toolbar_reader_addmode #pagenav_mark {
  display: none
}
.toolbar_reader_addmode #pagenav_add {
  display: block
}
#styleMenu {
  height: auto;
  width: 100%;
  text-align: center
}
@media only screen and (min-width: 30em) {
  #styleMenu {
    width: 259px
  }
}
#styleMenu ul {
  float: left;
  margin-bottom: 0;
  top: 0;
  width: auto
}
#styleMenu .icons a {
  margin: 0
}
#styleMenu .textoptions_font {
  border-right: 1px solid #bcbcbc;
  padding: 15px 12px;
  width: 104px
}
.page-readerdark #styleMenu .textoptions_font {
  border-right-color: #4e4e4e
}
#styleMenu .textoptions_fontsize {
  padding: 18px 17px;
  width: 96px
}
#styleMenu .textoptions_theme {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #bcbcbc;
  box-sizing: border-box;
  clear: left;
  padding: 16px 12px;
  width: 100%
}
.page-readerdark #styleMenu .textoptions_theme {
  border-color: #4e4e4e
}
#styleMenu .textoptions_font>li {
  border: 1px solid #bcbcbc;
  width: 50px
}
.page-readerdark #styleMenu .textoptions_font>li {
  border-color: #4e4e4e
}
#styleMenu .textoptions_font .selected {
  background-color: #d7d7d7;
  cursor: default
}
.page-readerdark #styleMenu .textoptions_font .selected {
  background-color: #909090
}
#styleMenu #submenu_font_serif {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right-width: 0
}
#styleMenu #submenu_font_sans {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}
#styleMenu .textoptions_font a {
  box-sizing: border-box;
  height: 100%;
  padding: 5px;
  width: 100%
}
#submenu_font_serif>a,
.no-touch .inactive #submenu_font_serif>a:hover {
  background-position: 12px -1513px
}
#submenu_font_serif>.selected,
.no-touch #submenu_font_serif>a:hover {
  background-position: -388px -1513px
}
#submenu_font_sans>a,
.no-touch .inactive #submenu_font_sans>a:hover {
  background-position: 12px -1432px
}
#submenu_font_sans>.selected,
.no-touch #submenu_font_sans>a:hover {
  background-position: -387px -1432px
}
#styleMenu .textoptions_fontsize a {
  height: 24px;
  width: 24px
}
#styleMenu #submenu_font_down>a {
  margin-right: 16px
}
.icons #submenu_font_down>a,
.no-touch .icons #submenu_font_down>.inactive:hover,
.no-touch .inactive #submenu_font_down>a:hover {
  background-image: url(/a/i/icons_toolbar_bottom@1x.png?122);
  background-position: 0 -50px
}
.no-touch #submenu_font_down>a:hover {
  background-image: url(/a/i/icons_toolbar_bottom@1x.png?122);
  background-position: -400px -50px
}
.icons #submenu_font_up>a,
.no-touch .icons #submenu_font_up>.inactive:hover,
.no-touch .inactive #submenu_font_up>a:hover {
  background-image: url(/a/i/icons_toolbar_bottom@1x.png?122);
  background-position: 0 -130px;
  margin-right: 0
}
.no-touch #submenu_font_up>a:hover {
  background-position: -400px -130px
}
#submenu_font_placeholder {
  background-image: url(/a/i/icons_toolbar_bottom@1x.png?122);
  background-position: -200px -46px;
  height: 24px;
  margin-right: 16px;
  width: 16px;
  overflow: hidden;
  text-indent: -999px
}
#styleMenu .textoptions_theme a {
  border-radius: 2px;
  background-image: none;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: auto;
  margin-right: 12px;
  line-height: 1;
  padding: 6px 0;
  text-align: center;
  text-indent: 0;
  width: 68px
}
.page-app-ru-ru #styleMenu .textoptions_theme a {
  font-size: 14px
}
#styleMenu .textoptions_theme .selected,
.no-touch #styleMenu .textoptions_theme a:hover {
  border-color: #666;
  cursor: pointer;
  text-decoration: none
}
#styleMenu .textoptions_theme .selected,
.no-touch #styleMenu .textoptions_theme .selected:hover {
  cursor: default
}
#styleMenu #submenu_theme_sepia>a {
  margin-right: 0
}
#submenu_theme_light>a {
  background-color: #fdfdfd;
  border: 1px solid #666;
  color: #313131
}
#submenu_theme_dark>a {
  background-color: #292929;
  border: 1px solid #bbb;
  color: #ccc
}
#submenu_theme_sepia>a {
  background-color: #fbf0d9;
  border: 1px solid #bbb;
  color: #5b4636
}
#styleMenu .inactive a {
  cursor: default;
  opacity: .5
}
#styleMenu .icons_row {
  display: inline-block
}
#styleMenu .icons_row:after {
  content: "";
  display: table;
  clear: both
}
#moreActionsMenu ul {
  list-style: none;
  margin: 0;
  padding: 0
}
@media only screen and (min-width: 30em) {
  #moreActionsMenu ul {
    padding: .45em 0
  }
}
#moreActionsMenu a {
  color: #313131;
  border-bottom: 1px solid #e6e6e8;
  box-sizing: border-box;
  display: block;
  font-size: 1.23077em;
  text-decoration: none;
  text-indent: 54px;
  position: relative;
  padding: .5em 2em .5em .9em
}
.no-touch #moreActionsMenu a:hover {
  background-color: #50bcb6;
  color: #fff
}
@media only screen and (min-width: 30em) {
  #moreActionsMenu a {
    border-bottom: none;
    font-size: 1.15385em;
    padding: .6em 2em .6em 1em
  }
}
.page-readerdark #moreActionsMenu a {
  color: #dcdce0;
  border-bottom-color: #383737
}
.moreactions_delete .nav-icon,
.moreactions_edittags .nav-icon,
.moreactions_textoptions .nav-icon {
  background: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@1x.png) no-repeat;
  display: block;
  left: 1.7em;
  position: absolute;
  top: .8em
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .moreactions_delete .nav-icon,
  .moreactions_edittags .nav-icon,
  .moreactions_textoptions .nav-icon {
    background-image: url(/a/i/icons_reader-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 514px 415px
  }
}
.moreactions_edittags .nav-icon {
  background-position: -285px -399px;
  height: 16px;
  width: 17px
}
.page-readerdark .moreactions_edittags .nav-icon {
  background-position: -228px -399px
}
.no-touch .moreactions_edittags:hover .nav-icon {
  background-position: -171px -399px
}
.moreactions_textoptions .nav-icon {
  background-position: -65px -124px;
  height: 13px;
  width: 25px
}
.page-readerdark .moreactions_textoptions .nav-icon {
  background-position: -195px -53px
}
.no-touch .moreactions_textoptions:hover .nav-icon {
  background-position: -130px -124px
}
.moreactions_delete .nav-icon {
  background-position: -379px -114px;
  height: 17px;
  top: .65em;
  width: 16px
}
@media only screen and (min-width: 30em) {
  .moreactions_delete .nav-icon {
    left: 1.8em
  }
}
.page-readerdark .moreactions_delete .nav-icon {
  background-position: -436px 0
}
.no-touch .moreactions_delete:hover .nav-icon {
  background-position: -379px -171px
}
#pagenav_articleview>a,
#pagenav_webview>a {
  margin: 19px 0;
  border: 1px solid #ccc;
  padding: 4px 7px 4px 8px;
  position: relative;
  top: -5px;
  width: 22px
}
#pagenav_articleview>a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-position: 8px -2235px
}
#pagenav_articleview.selected>a,
.no-touch #pagenav_articleview>a:hover {
  background-position: -392px -2235px
}
#pagenav_webview>a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left-width: 0;
  background-position: 8px -2315px
}
#pagenav_webview.selected>a,
.no-touch #pagenav_webview>a:hover {
  background-position: -392px -2315px
}
#pagenav_articleview.selected>a,
#pagenav_webview.selected>a {
  background-color: #e6e6e6
}
#page_reader {
  margin: 0;
  padding: 54px 0 0;
  width: auto
}
@media only screen and (min-width: 38em) {
  #page_reader {
    padding-top: 70px
  }
}
#page_reader.articleview {
  padding: 54px 0 45px
}
@media only screen and (min-width: 38em) {
  #page_reader.articleview {
    padding-top: 70px
  }
}
#page_reader.webview {
  padding: 54px 0 0
}
@media only screen and (min-width: 38em) {
  #page_reader.webview {
    padding-top: 70px
  }
}
#page_reader.loading {
  background-position: center 41.8%!important;
  height: 200px!important
}
@media only screen and (min-height: 40em) {
  #page_reader.loading {
    background-position: center 70%!important;
    height: 400px!important
  }
}
.page-reader #page .pkt-nav {
  background-color: #fdfdfd
}
.page-readerdark #page .pkt-nav {
  background-color: #292929
}
.page-readersepia #page .pkt-nav {
  background-color: #fbf0d9
}
.page-reader #PKT_header,
.page-reader #page .pkt-nav {
  -webkit-transition: top .3s ease-out;
  transition: top .3s ease-out
}
@media only screen and (min-width: 65em) {
  .page-reader #PKT_header,
  .page-reader #page .pkt-nav {
    top: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
  }
}
.page-readerfullscreen #PKT_header {
  top: -73px
}
.page-readerfullscreen #page .pkt-nav {
  top: -69px
}
@media only screen and (min-width: 65em) {
  .page-readerfullscreen #page .pkt-nav {
    top: 0
  }
}
.csstransforms3d .page-reader #PKT_header,
.csstransforms3d .page-reader #page .pkt-nav {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.csstransforms3d .page-readerfullscreen #PKT_header {
  top: auto;
  -webkit-transform: translate3d(0, -73px, 0);
  transform: translate3d(0, -73px, 0)
}
.csstransforms3d .page-readerfullscreen #page .pkt-nav {
  top: auto;
  -webkit-transform: translate3d(0, -69px, 0);
  transform: translate3d(0, -69px, 0)
}
.toolbar_reader_title {
  color: #b1b2b2;
  display: none;
  font-size: 1.15385em;
  font-weight: 600;
  line-height: 1;
  margin: 0 auto;
  padding-top: 1.2em;
  max-width: 20em;
  overflow: hidden;
  opacity: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}
@media only screen and (min-width: 58em) {
  .toolbar_reader_title {
    display: block
  }
}
@media only screen and (min-width: 63em) {
  .toolbar_reader_title {
    max-width: 25em
  }
}
@media only screen and (min-width: 68em) {
  .toolbar_reader_title {
    max-width: 30em
  }
}
@media only screen and (min-width: 73em) {
  .toolbar_reader_title {
    max-width: 35em
  }
}
@media only screen and (min-width: 78em) {
  .toolbar_reader_title {
    max-width: 40em
  }
}
@media only screen and (min-width: 83em) {
  .toolbar_reader_title {
    max-width: 45em
  }
}
@media only screen and (min-width: 88em) {
  .toolbar_reader_title {
    max-width: 50em
  }
}
@media only screen and (min-width: 58em) {
  .flexbox .toolbar_reader_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    padding: .1em 0 0
  }
}
.page-readerdark .toolbar_reader_title {
  color: #909090
}
.page-readersepia .toolbar_reader_title {
  color: #ad998b
}
.toolbar_reader_showextras .toolbar_reader_title {
  opacity: 1
}
.toolbar_reader_divider {
  border-bottom: 1px solid #e7e7e7;
  height: 1px;
  top: 49px;
  position: relative;
  width: auto
}
@media only screen and (min-width: 65em) {
  .toolbar_reader_divider {
    display: none
  }
}
@media only screen and (min-width: 65em) {
  .page-reader .pkt-nav {
    border-bottom: 1px solid #e7e7e7
  }
}
.page-readerdark .toolbar_reader_divider {
  border-bottom-color: #383737
}
@media only screen and (min-width: 65em) {
  .page-readerdark .pkt-nav {
    border-bottom-color: #383737
  }
}
.page-readersepia .toolbar_reader_divider {
  border-bottom-color: #f0e0d4
}
@media only screen and (min-width: 65em) {
  .page-readersepia .pkt-nav {
    border-bottom-color: #f0e0d4
  }
}
.reading_progress {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 9000
}
.page-reader .reading_progress {
  display: block
}
.reading_progress_bar {
  height: 100%;
  -webkit-transition: width .1s linear;
  transition: width .1s linear;
  width: 0;
  background-color: #50bcb6
}
.page-readerdark .reading_progress_bar,
.page-readersepia .reading_progress_bar {
  background-color: #50bcb6
}
.page-readerlight {
  background: #fdfdfd
}
.page-readerdark {
  background: #292929
}
.page-readersepia {
  background: #fbf0d9
}
.page-reader #livechat-compact-container {
  display: none
}
.font-serif .reader_content,
.font-serif h1,
.font-serif h2,
.font-serif h3,
.font-serif h4,
.font-serif h5,
.font-serif h6 {
  font-family: ff-yoga-web-pro, Georgia, serif
}
.font-sans .reader_content,
.font-sans h1,
.font-sans h2,
.font-sans h3,
.font-sans h4,
.font-sans h5,
.font-sans h6 {
  font-family: proxima-nova, Helvetica, Arial, sans-serif
}
.text_body {
  clear: both
}
#content .text_body .wrapper {
  display: block;
  width: inherit
}
.reader_head {
  padding-bottom: 0;
  margin-bottom: 35px;
  text-align: left
}
.page-readersepia .reader_head {
  border-bottom-color: #dcccac
}
.reader_head h1 {
  color: #222;
  font-weight: 700;
  margin: 1em 0 0;
  font-size: 1.8em;
  line-height: 1.2;
  padding-bottom: .1em
}
@media only screen and (min-width: 40em) {
  .reader_head h1 {
    font-size: 2em
  }
}
.reader_head .sub {
  margin-bottom: 1em;
  margin-top: 12px
}
.reader_head .sub,
.reader_head .sub li {
  border-left: none;
  height: .9em;
  line-height: .9em;
  font-size: .9em;
  padding-left: 0;
  padding-right: 0
}
.reader_head .sub a {
  bottom: 0;
  text-decoration: none
}
.page-readersepia .sub li,
.page-readersepia .sub li a {
  color: #999491
}
.reader_head .favicon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px
}
.articleview_nofavicon .favicon {
  display: none
}
.reader_head .domain {
  position: relative;
  padding-left: 6pxg!important
}
.articleview_nofavicon .domain {
  padding-left: 0!important
}
.reader_head .author {
  font-weight: 700
}
.reader_head .sub .original {
  float: right;
  display: none;
  line-height: 1.2
}
@media only screen and (min-width: 40em) {
  .reader_head .sub .original {
    display: block
  }
}
.reader_head .date {
  clear: left;
  margin-top: .5em
}
.reader_head .sub .date_empty {
  display: block
}
.reader_head .sub .authorsdomain {
  height: auto;
  line-height: 1.2;
  max-width: 22em
}
.reader_head .tags {
  clear: right;
  display: none;
  float: right;
  line-height: 1.2;
  margin-top: .25em
}
@media only screen and (min-width: 40em) {
  .reader_head .sub .hasTags {
    display: block
  }
}
.reader_head .sub .original_narrow {
  clear: left;
  display: block;
  margin-top: .5em
}
@media only screen and (min-width: 40em) {
  .reader_head .sub .original_narrow {
    display: none
  }
}
.reader_head .tags .tag,
.reader_head .tags .tag-overflow-link {
  background-color: #b1b2b2;
  border-radius: 3px;
  color: #fff;
  display: block;
  float: left;
  font-weight: 400;
  font-size: .8em;
  letter-spacing: .0125em;
  line-height: 1;
  margin-left: .5em;
  margin-bottom: .5em;
  padding: 4px 8px;
  text-decoration: none;
  top: 0
}
.page-readerdark .reader_head .tags .tag,
.page-readerdark .reader_head .tags .tag-overflow-link {
  background-color: #383737;
  color: #ccc
}
.page-readersepia .reader_head .tags .tag,
.page-readersepia .reader_head .tags .tag-overflow-link {
  background-color: #ad998b;
  color: #fbf0d9
}
.reader_head .tags .tag_container {
  height: 1.5em;
  max-width: 18em
}
.reader_head .tags .tag:hover {
  background-color: #a6a6a6;
  text-decoration: none
}
.page-readerdark .reader_head .tags .tag:hover {
  background-color: #909090
}
.page-readersepia .reader_head .tags .tag:hover {
  background-color: #f0e0d4
}
.reader_head .tags .tag-overflow {
  display: none
}
.reader_head .tags .tag-overflow-link {
  background-color: #f5f5f5;
  color: #999
}
.no-touch .reader_head .tags .tag-overflow-link:hover {
  background-color: #e8e8e8;
  text-decoration: none
}
.text_body h1,
.text_body h2,
.text_body h3,
.text_body h4,
.text_body h5,
.text_body h6,
.text_body h7 {
  color: #222;
  font-weight: 700
}
.text_body h1,
.text_body h2 {
  line-height: 1.3;
  font-size: 25px;
  font-size: 1.4em;
  margin: 1.7em 0 .7em
}
.text_body h3 {
  line-height: 1.3;
  font-size: 1.3em;
  margin: 1.7em 0 .5em
}
.text_body h4 {
  line-height: 1.3;
  font-size: 1.2em;
  margin: 1.7em 0 .5em
}
.text_body h5,
.text_body h6,
.text_body h7 {
  font-size: 1.1;
  font-weight: 700;
  margin: 1.7em 0 .4em
}
.text_body h3+.RIL_IMG,
.text_body h3+.RIL_VIDEO,
.text_body h4+.RIL_IMG,
.text_body h4+.RIL_VIDEO,
.text_body h5+.RIL_IMG,
.text_body h5+.RIL_VIDEO,
.text_body h6+.RIL_IMG,
.text_body h6+.RIL_VIDEO {
  margin-top: 1.1em
}
.text_body hr {
  background: #ddd;
  border: 0;
  height: 1px;
  margin: 1em 0 1.5em;
  padding: 0
}
.reader_content {
  width: auto;
  margin: 0 auto;
  color: #313131;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-user-select: auto;
  -khtml-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto
}
.page-notificationpersistent .reader_content {
  padding-top: 30px
}
.reader_content .column,
.reader_content .columns {
  float: none;
  padding-left: 0;
  padding-right: 0
}
.page-readerdark .reader_content,
.page-readerdark .reader_content h1,
.page-readerdark .reader_content h2,
.page-readerdark .reader_content h3,
.page-readerdark .reader_content h4,
.page-readerdark .reader_content h5,
.page-readerdark .reader_content h6 {
  color: #ccc
}
.page-readersepia .reader_content,
.page-readersepia .reader_content h1,
.page-readersepia .reader_content h2,
.page-readersepia .reader_content h3,
.page-readersepia .reader_content h4,
.page-readersepia .reader_content h5,
.page-readersepia .reader_content h6 {
  color: #5b4636
}
.page-readerdark #page_reader.loading,
.page-readerdark .loading {
  background-image: url(/a/i/spinnerdark@1x.gif)!important
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .page-readerdark #page_reader.loading,
  .page-readerdark .loading {
    background-image: url(/a/i/spinnerdark@2x.gif)!important;
    background-size: 30px 30px
  }
}
.reader_content .sub a,
.reader_content .sub li {
  color: #b1b2b2
}
.page-readerdark .reader_content .sub a,
.page-readerdark .reader_content .sub li {
  color: #909090
}
.page-readersepia .reader_content .sub a,
.page-readersepia .reader_content .sub li {
  color: #ad998b
}
.fontsize-0 .reader_content {
  max-width: 512px
}
.fontsize-0 .reader_head,
.fontsize-0 .text_body {
  font-size: 12px
}
@media only screen and (min-width: 34em) {
  .fontsize-0 .reader_head,
  .fontsize-0 .text_body {
    font-size: 16px
  }
}
.fontsize-0 .reader_head .favicon {
  top: 0
}
.fontsize-1 .reader_content {
  max-width: 576px
}
.fontsize-1 .reader_head,
.fontsize-1 .text_body {
  font-size: 14px
}
@media only screen and (min-width: 34em) {
  .fontsize-1 .reader_head,
  .fontsize-1 .text_body {
    font-size: 18px
  }
}
.fontsize-1 .reader_head .favicon {
  top: 1px
}
.fontsize-2 .reader_content {
  max-width: 640px
}
.fontsize-2 .reader_head,
.fontsize-2 .text_body {
  font-size: 16px
}
@media only screen and (min-width: 34em) {
  .fontsize-2 .reader_head,
  .fontsize-2 .text_body {
    font-size: 20px
  }
}
.fontsize-2 .reader_head .favicon {
  top: 1px
}
.fontsize-3 .reader_content {
  max-width: 704px
}
.fontsize-3 .reader_head,
.fontsize-3 .text_body {
  font-size: 18px
}
@media only screen and (min-width: 34em) {
  .fontsize-3 .reader_head,
  .fontsize-3 .text_body {
    font-size: 22px
  }
}
.fontsize-3 .reader_head .favicon {
  top: 2px
}
.fontsize-4 .reader_content {
  max-width: 768px
}
.fontsize-4 .reader_head,
.fontsize-4 .text_body {
  font-size: 20px
}
@media only screen and (min-width: 34em) {
  .fontsize-4 .reader_head,
  .fontsize-4 .text_body {
    font-size: 24px
  }
}
.fontsize-4 .reader_head .favicon {
  top: 3px
}
.fontsize-5 .reader_content {
  max-width: 832px
}
.fontsize-5 .reader_head,
.fontsize-5 .text_body {
  font-size: 21px
}
@media only screen and (min-width: 34em) {
  .fontsize-5 .reader_head,
  .fontsize-5 .text_body {
    font-size: 26px
  }
}
.fontsize-5 .reader_head .favicon {
  top: 4px
}
.fontsize-6 .reader_content {
  max-width: 896px
}
.fontsize-6 .reader_head,
.fontsize-6 .text_body {
  font-size: 22px
}
@media only screen and (min-width: 34em) {
  .fontsize-6 .reader_head,
  .fontsize-6 .text_body {
    font-size: 28px
  }
}
.fontsize-6 .reader_head .favicon {
  top: 5px
}
.fontsize-7 .reader_content {
  max-width: 960px
}
.fontsize-7 .reader_head,
.fontsize-7 .text_body {
  font-size: 23px
}
@media only screen and (min-width: 34em) {
  .fontsize-7 .reader_head,
  .fontsize-7 .text_body {
    font-size: 30px
  }
}
.fontsize-7 .reader_head .favicon {
  top: 6px
}
.fontsize-8 .reader_content {
  max-width: 1088px
}
.fontsize-8 .reader_head,
.fontsize-8 .text_body {
  font-size: 24px
}
@media only screen and (min-width: 34em) {
  .fontsize-8 .reader_head,
  .fontsize-8 .text_body {
    font-size: 34px
  }
}
.fontsize-8 .reader_head .favicon {
  top: 7px
}
.fontsize-9 .reader_content {
  max-width: 1216px
}
.fontsize-9 .reader_head,
.fontsize-9 .text_body {
  font-size: 25px
}
@media only screen and (min-width: 34em) {
  .fontsize-9 .reader_head,
  .fontsize-9 .text_body {
    font-size: 38px
  }
}
.fontsize-9 .reader_head .favicon {
  top: 10px
}
.fontserifsize-0 .reader_head,
.fontserifsize-0 .text_body {
  font-size: 13px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-0 .reader_head,
  .fontserifsize-0 .text_body {
    font-size: 17px
  }
}
.fontserifsize-1 .reader_head,
.fontserifsize-1 .text_body {
  font-size: 15px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-1 .reader_head,
  .fontserifsize-1 .text_body {
    font-size: 19px
  }
}
.fontserifsize-2 .reader_head,
.fontserifsize-2 .text_body {
  font-size: 17px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-2 .reader_head,
  .fontserifsize-2 .text_body {
    font-size: 21px
  }
}
.fontserifsize-3 .reader_head,
.fontserifsize-3 .text_body {
  font-size: 19px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-3 .reader_head,
  .fontserifsize-3 .text_body {
    font-size: 23px
  }
}
.fontserifsize-4 .reader_head,
.fontserifsize-4 .text_body {
  font-size: 21px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-4 .reader_head,
  .fontserifsize-4 .text_body {
    font-size: 25px
  }
}
.fontserifsize-5 .reader_head,
.fontserifsize-5 .text_body {
  font-size: 23px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-5 .reader_head,
  .fontserifsize-5 .text_body {
    font-size: 27px
  }
}
.fontserifsize-6 .reader_head,
.fontserifsize-6 .text_body {
  font-size: 24px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-6 .reader_head,
  .fontserifsize-6 .text_body {
    font-size: 29px
  }
}
.fontserifsize-7 .reader_head,
.fontserifsize-7 .text_body {
  font-size: 25px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-7 .reader_head,
  .fontserifsize-7 .text_body {
    font-size: 31px
  }
}
.fontserifsize-8 .reader_head,
.fontserifsize-8 .text_body {
  font-size: 26px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-8 .reader_head,
  .fontserifsize-8 .text_body {
    font-size: 35px
  }
}
.fontserifsize-9 .reader_head,
.fontserifsize-9 .text_body {
  font-size: 27px
}
@media only screen and (min-width: 34em) {
  .fontserifsize-9 .reader_head,
  .fontserifsize-9 .text_body {
    font-size: 39px
  }
}
.text_body {
  line-height: 1.5;
  text-align: left
}
.text_body p {
  line-height: 1.5;
  margin: 0 0 1.5em;
  text-align: left
}
.text_body ol,
.text_body ul {
  margin: 1.5em 0 1.5em 2em
}
.text_body li {
  margin: 0 0 .4em
}
.text_body ol ol,
.text_body ul ul {
  margin: .75em 0 1em 2em;
  min-width: 250px
}
.text_body h3+ol,
.text_body h3+ul,
.text_body h4+ol,
.text_body h4+ul {
  margin-top: 1.1em
}
.text_body h5+ol,
.text_body h5+ul,
.text_body h6+ol,
.text_body h6+ul {
  margin-top: .8em
}
.text_body blockquote,
.text_body pre {
  display: block;
  margin: 1.5em 0;
  padding: .5em 1.5em;
  white-space: pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word
}
.text_body blockquote {
  border-left-width: 2px
}
.text_body a {
  cursor: pointer;
  color: #43aea8
}
.text_body blockquote,
.text_body blockquote p {
  border-color: #313131;
  color: #313131
}
.page-readerdark .text_body a {
  color: #50bcb6
}
.page-readerdark .text_body blockquote,
.page-readerdark .text_body blockquote p {
  border-color: #ccc;
  color: #ccc
}
.page-readerdark .text_body hr {
  border-color: #888
}
.page-readersepia .text_body a {
  color: #46aaa9
}
.page-readersepia .text_body blockquote,
.page-readersepia .text_body blockquote p {
  border-color: #5b4636;
  color: #5b4636
}
.page-readersepia .text_body hr {
  border-color: #dcccac
}
.text_body code {
  color: #1f35be
}
.page-readerdark .text_body code {
  color: #95baf6
}
.page-readersepia .text_body code {
  color: #376699
}
.text_body table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0
}
.text_body table td {
  width: auto;
  text-align: left;
  padding: 2px 5px;
  background: 0 0;
  border: 0
}
.ril_dataTable td,
.ril_dataTable th {
  text-align: center;
  padding: 4px;
  border: 1px solid #999
}
.ril_dataTable th {
  font-weight: 700
}
.ril_layoutTable td,
.ril_layoutTable th,
.ril_layoutTable tr {
  display: block
}
#RIL_media {
  text-align: center
}
#RIL_media embed,
#RIL_media img,
#RIL_media object {
  margin-bottom: 15px
}
.RIL_IMG {
  display: none;
  margin: 0 auto;
  overflow: visible;
  position: relative
}
.RIL_IMG:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.RIL_IMG.loaded {
  display: block;
  text-align: center;
  margin: 0 auto 18px
}
.RIL_IMG.hasCaption {
  margin-bottom: .8em
}
.RIL_IMG img {
  border: 0!important;
  text-decoration: none!important;
  max-width: 100%
}
.RIL_IMG caption,
.RIL_IMG cite {
  clear: both;
  display: none
}
.RIL_IMG.hasCaption caption,
.RIL_IMG.hasCaption cite {
  display: block
}
.RIL_IMG caption,
a .RIL_IMG caption {
  padding: 10px 0 1px;
  color: #b1b2b2!important;
  font-size: .8em;
  line-height: 1.2em;
  text-align: left;
  text-decoration: none!important
}
.page-readerdark .RIL_IMG caption,
.page-readerdark a .RIL_IMG caption {
  color: #909090!important
}
.page-readersepia .RIL_IMG caption,
.page-readersepia a .RIL_IMG caption {
  color: #ad998b!important
}
.RIL_VIDEO {
  text-align: center;
  margin: 0 auto 18px 0;
  overflow: hidden
}
.RIL_VIDEO>iframe {
  border: 0
}
.RIL_VIDEO a {
  display: block;
  background: url(play.png) center no-repeat #000
}
@media print {
  #livechat-compact-container,
  .page-reader .RIL_VIDEO,
  .page-reader .original,
  .page-reader .original_narrow,
  .page-reader .side-nav,
  .page-reader .toolbar_reader,
  .page-reader iframe,
  .page-reader object {
    display: none!important
  }
  #page_reader.articleview {
    padding-top: 0!important
  }
  .page-reader a {
    text-decoration: none!important
  }
  .notifications-sync,
  .notifications-sync .progress-bar,
  .reader_content code,
  .reader_content input,
  .reader_content textarea {
    border: 0!important
  }
  .reader_content blockquote,
  .reader_content pre {
    border-width: 0 0 0 1px
  }
}
@media only print and (min-width: 600px) {
  .reader_content {
    min-width: 600px!important
  }
}
.text_note {
  clear: both;
  color: #666;
  padding: 10px;
  background: #EEE;
  margin-bottom: 15px
}
.page-readerdark .text_note .note {
  color: #ccc;
  background: #252525
}
.external_reader {
  background: url(/a/i/spinner@1x.gif) center 40% no-repeat;
  display: none;
  position: relative;
  padding-top: 2px;
  width: 100%;
  height: 738px;
  box-sizing: border-box;
  top: 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .external_reader {
    background-image: url(/a/i/spinner@2x.gif);
    background-size: 30px 30px
  }
}
.external_reader_active {
  display: block
}
.external_reader iframe {
  background: url(/a/i/spinner@1x.gif) center 40% no-repeat;
  display: block;
  height: 100%;
  width: 100%
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .external_reader iframe {
    background-image: url(/a/i/spinner@2x.gif);
    background-size: 30px 30px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  #submenu_font_down>a:hover,
  #submenu_font_placeholder,
  .icons #submenu_font_down>.inactive:hover,
  .icons #submenu_font_down>a,
  .icons #submenu_font_up>.inactive:hover,
  .icons #submenu_font_up>a,
  .inactive #submenu_font_down>a:hover,
  .inactive #submenu_font_up>a:hover {
    background-image: url(/a/i/icons_toolbar_bottom@2x.png?122);
    background-size: 600px 1550px
  }
  #styleMenu .textoptions_theme a {
    background-image: none
  }
}
@media only screen and (min-width: 33em) {
  .page_queue_list .queue_secondarynav_recommend {
    margin: 1.3em 1.7em 0
  }
}
@media only screen and (min-width: 65em) {
  .page_queue_list .queue_secondarynav_recommend {
    margin: 1.3em 3.7em 0
  }
}
.queue_list_loading {
  background: url(/a/i/spinner@1x.gif) center 70% no-repeat;
  min-height: 100px
}
@media only screen and (min-height: 40em) {
  .queue_list_loading {
    background-position: center 60%;
    min-height: 400px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .queue_list_loading {
    background-image: url(/a/i/spinner@2x.gif);
    background-size: 30px 30px
  }
}
.page-skindark .queue_list_loading {
  background-image: url(/a/i/spinnerdark@1x.gif)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .page-skindark .queue_list_loading {
    background-image: url(/a/i/spinnerdark@2x.gif);
    background-size: 30px 30px
  }
}
.recommended_empty {
  padding-top: 2em;
  text-align: center
}
@media only screen and (min-height: 40em) {
  .recommended_empty {
    padding-top: 6.25em
  }
}
.recommended_empty h3 {
  color: #999;
  font-weight: 400;
  margin-bottom: 30px;
  font-size: 1.84615em;
  text-transform: uppercase
}
.recommended_empty p {
  font-size: 1.23077em;
  margin-bottom: 4em
}
.recommended_loading {
  background: url(/a/i/spinner@1x.gif) center center no-repeat;
  background-size: 16px 16px;
  display: block;
  height: 16px;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 16px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .recommended_loading {
    background-image: url(/a/i/spinner@2x.gif);
    background-size: 30px 30px
  }
}
.recommended_loading_inactive {
  display: none
}
.recommended_refreshqueueappend {
  color: #ecbf63
}
.no-touch .recommended_refreshqueueappend:hover {
  color: #ecbf63;
  text-decoration: underline
}
.page_queue_list .queue_list_recommend {
  padding: .75em
}
@media only screen and (min-width: 33em) {
  .page_queue_list .queue_list_recommend {
    margin-left: auto;
    margin-right: auto;
    padding: 3.5em .75em .75em
  }
}
@media only screen and (min-width: 65em) {
  .page_queue_list .queue_list_recommend {
    padding: 3.5em 3em .75em
  }
}
@media only screen and (min-width: 33em) and (min-height: 32em) {
  .page_queue_list .queue_list_recommend {
    padding: .25em .75em .75em
  }
}
@media only screen and (min-width: 65em) and (min-height: 32em) {
  .page_queue_list .queue_list_recommend {
    padding: .25em 3em
  }
}
.page_queue_list .item_recommend {
  padding: .78em;
  width: 100%
}
@media only screen and (min-width: 33em) {
  .page_queue_list .item_recommend {
    padding: .78em;
    width: 50%
  }
}
@media only screen and (min-width: 50em) {
  .page_queue_list .item_recommend {
    width: 33.33333%
  }
}
@media only screen and (min-width: 81em) {
  .page_queue_list .item_recommend {
    width: 25%
  }
}
.item_recommend .item_content {
  border-width: 0 0 1px
}
@media only screen and (min-width: 33em) {
  .item_recommend .item_content {
    border: 1px solid #ededf0;
    border-bottom: 1px solid #dcdce0;
    height: 28em
  }
  .page-queuedark .item_recommend .item_content {
    border-color: #292929 #292929 #383737
  }
}
.item_recommend .item_link {
  left: 0;
  top: 0
}
.item_recommend .format_title {
  padding: .5em 1em;
  color: #999
}
@media only screen and (min-width: 33em) {
  .item_content_text {
    background-color: #fff;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
  }
  .page-queuedark .item_content_text {
    background-color: #292929
  }
}
.item_type_recommend_excerpt .item_content_text,
.item_type_recommend_only_title .item_content_text {
  height: auto
}
@media only screen and (min-width: 33em) {
  .item_type_recommend_excerpt .item_content_text,
  .item_type_recommend_only_title .item_content_text {
    height: 100%
  }
}
.item_content_text .domain {
  color: #999;
  font-size: 1em;
  margin-bottom: .8em;
  padding-left: 1.5em
}
@media only screen and (min-width: 38em) {
  .item_content_text .domain {
    font-size: 1.15385em;
    padding-left: 1.35em
  }
}
.item_type_recommend_excerpt .item_content_text .domain {
  margin-bottom: .4em
}
.item_recommend .item_content_text .title {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 4.5em;
  padding-right: 20px
}
@media only screen and (min-width: 38em) {
  .item_recommend .item_content_text .title {
    font-size: 1.61538em;
    padding: .75em .95em .45em;
    white-space: normal
  }
}
@media only screen and (min-width: 38em) {
  .item_type_recommend_excerpt .item_content_text .title,
  .item_type_recommend_only_title .item_content_text .title {
    padding-top: .9em
  }
}
.item_link:hover+.item_content_text>.title {
  color: #50bcb6
}
.item_content_text .excerpt {
  color: #313131;
  font-size: 1.15385em;
  overflow: hidden;
  padding: 0 1.3em
}
.page-queuedark .item_content_text .excerpt {
  color: #ccc
}
.item_recommend .thumb,
.page_queue_list .item_recommend .thumb {
  height: 10em;
  left: auto;
  position: relative;
  top: auto;
  width: 100%
}
@media only screen and (min-width: 33em) {
  .item_recommend .thumb,
  .page_queue_list .item_recommend .thumb {
    left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0
  }
}
.item_type_recommend_excerpt .thumb,
.item_type_recommend_only_title .thumb {
  display: none
}
.item_content_actions {
  background-color: #fff;
  padding: 1em 1.5em .5em
}
.item_content_actions:after {
  content: "";
  display: table;
  clear: both
}
.page-queuedark .item_content_actions {
  background-color: #292929
}
@media only screen and (min-width: 33em) {
  .item_type_recommend_excerpt .item_content_actions,
  .item_type_recommend_only_title .item_content_actions {
    box-sizing: border-box;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%
  }
}
.item_content_actionscontainer {
  border-top: 1px solid #ededed;
  padding: .22em 0 .25em
}
.page-queuedark .item_content_actionscontainer {
  border-top-color: #383737
}
.flexbox .item_content_actionscontainer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.item_content_actions>ul {
  margin: 0
}
.item_content_hidecontainer,
.item_content_savecontainer {
  list-style: none
}
.item_content_savecontainer {
  float: left
}
.item_content_hidecontainer {
  float: right
}
.item_recommend .item_content_save {
  display: block;
  height: 17px;
  left: -10px;
  overflow: hidden;
  padding: 10px;
  width: auto
}
.flexbox .item_recommend .item_content_save {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.item_content_save .item_content_savelogo {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -120px -315px;
  display: inline-block;
  height: 17px;
  width: 20px
}
.page-queuedark .item_content_save .item_content_savelogo {
  background-position: -229px -121px
}
.item_content_save:hover .item_content_savelogo {
  background-position: -258px -178px
}
.page-queuedark .item_content_save:hover .item_content_savelogo {
  background-position: -180px -315px
}
.item_content_saving:hover .item_content_savelogo {
  background-position: -120px -315px
}
.page-queuedark .item_content_saving:hover .item_content_savelogo {
  background-position: -229px -121px
}
.item_content_saved .item_content_savelogo,
.item_content_saved:hover .item_content_savelogo,
.page-queuedark .item_content_saved .item_content_savelogo,
.page-queuedark .item_content_saved:hover .item_content_savelogo {
  background-position: -289px -121px
}
.item_content_save .item_content_savetext {
  bottom: .35em;
  color: #b1b2b2;
  margin-left: .3em;
  line-height: 1;
  position: relative
}
.page-queuedark .item_content_save .item_content_savetext {
  color: #ccc
}
.item_content_save:hover .item_content_savetext {
  color: #666
}
.page-queuedark .item_content_save:hover .item_content_savetext {
  color: #fff
}
.item_content_saving:hover .item_content_savetext {
  color: #b1b2b2
}
.page-queuedark .item_content_saving:hover .item_content_savetext {
  color: #ccc
}
.item_content_saved .item_content_savetext,
.item_content_saved:hover .item_content_savetext,
.page-queuedark .item_content_saved .item_content_savetext,
.page-queuedark .item_content_saved:hover .item_content_savetext {
  color: #ee4256
}
.flexbox .item_content_save .item_content_savetext {
  bottom: 0;
  padding-left: .3em
}
.item_recommend .item_content_saving {
  cursor: default;
  opacity: .5
}
.item_recommend .item_content_saved {
  cursor: default;
  opacity: 1
}
.item_recommend .item_content_hide {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -745px -311px;
  display: block;
  left: 10px;
  height: 13px;
  overflow: hidden;
  width: 13px;
  padding: 10px;
  text-indent: -99em
}
.item_recommend .item_content_hide:hover,
.page-queuedark .item_recommend .item_content_hide {
  background-position: -745px -364px
}
.page-queuedark .item_recommend .item_content_hide:hover {
  background-position: -745px -258px
}
.item_recommend .item_content_hide,
.item_recommend .item_content_save {
  background-repeat: no-repeat;
  position: relative;
  z-index: 4000
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .item_recommend .item_content_hide,
  .item_recommend .item_content_savelogo {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.item_recommend_msg .item_content {
  background-color: #50bcb6;
  color: #fff;
  text-align: center
}
.page-queuedark .item_recommend_msg .item_content {
  color: #ededf0
}
.item_recommend_msgclose {
  position: absolute;
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -383px -600px;
  cursor: pointer;
  display: block;
  height: 14px;
  right: 1.4em;
  overflow: hidden;
  text-indent: -99em;
  top: 1em;
  width: 14px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .item_recommend_msgclose {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.item_recommend_msgtext {
  margin-top: 2em;
  padding: 0 2em
}
@media only screen and (min-width: 33em) {
  .flexbox .item_recommend_msgtext {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-bottom: 5em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0
  }
}
@media only screen and (min-width: 33em) {
  .flexbox .item_recommend_msgenglish .item_recommend_msgtext {
    padding-bottom: 0
  }
}
.item_recommend_msgheader {
  color: #fff;
  font-size: 1.61538em;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: .65em
}
.page-queuedark .item_recommend_msgheader {
  color: #ededf0
}
.item_recommend_msgcontent {
  font-size: 1.38462em;
  font-weight: 300;
  line-height: 1.3
}
@media only screen and (min-width: 33em) {
  .item_recommend_msgcontent {
    margin-bottom: 2.3em
  }
}
.page-queuedark .item_recommend_msgcontent {
  color: #ededf0
}
.item_recommend_msgcontentgamify {
  font-weight: 600
}
@media only screen and (min-width: 33em) {
  .item_recommend_msgcontentgamify {
    margin-bottom: 0
  }
}
.item_recommend_msgdisclaim,
.item_recommend_msghowtosave {
  color: #285251;
  box-sizing: border-box;
  font-size: 1.07692em;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0 2em;
  width: 100%
}
@media only screen and (min-width: 33em) {
  .item_recommend_msgdisclaim,
  .item_recommend_msghowtosave {
    bottom: 3em;
    margin-bottom: 0;
    position: absolute
  }
}
.item_recommend_msghowtosave {
  color: #fff;
  display: none;
  font-size: 1.38462em;
  line-height: 1.2;
  text-transform: none;
  font-weight: 400;
  padding: 0 1.55em
}
@media only screen and (min-width: 33em) {
  .item_recommend_msghowtosave {
    bottom: 1em
  }
}
.item_recommend_msgenglish .item_recommend_msghowtosave {
  display: block
}
.item_recommend_msgenglish .item_recommend_msgdisclaim {
  display: none
}
.item_recommend_msgsavelogo {
  background: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@1x.png) -180px -315px;
  display: inline-block;
  height: 17px;
  overflow: hidden;
  width: 20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
  .item_recommend_msgsavelogo {
    background-image: url(/a/i/icons_core-88916797fd4fde57d4120dea4c239f1d@2x.png);
    background-size: 819px 724px
  }
}
.item_recommend_msgsavearrow:after {
  bottom: .2em;
  content: "\2794";
  font-size: .7em;
  margin-left: .5em;
  position: absolute
}
.item_recommend_msgarrow {
  display: none
}
@media only screen and (min-width: 33em) {
  .item_recommend_msgarrow {
    background: url(/a/i/gsf/gsf_gamifymsgarrow@1x.png) center center no-repeat;
    bottom: .5em;
    display: block;
    height: 88px;
    position: absolute;
    right: 1em;
    width: 95px
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
    .item_recommend_msgarrow {
      background-image: url(/a/i/gsf/gsf_gamifymsgarrow@2x.png);
      background-size: 95px 88px
    }
  }
}


figure {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
.pre-code, html .gist .gist-file .gist-syntax .highlight pre, .highlight code {
  background: #fafafa !important
}

.highlight table td.code, html .gist .gist-file .gist-syntax .gist-highlight table td.code {
  width: 100%
}

.highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers {
  border-right: 1px solid #ebe4ce !important
}

html .gist .gist-file .gist-meta, .highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers {
  color: #93a1a1
}

pre {
  padding: 1px 20px;
  padding: 1px 1rem;
  color: #93a1a1;
  margin-bottom: 20px
}

.highlight, .gist-highlight {
  overflow-y: hidden;
  overflow-x: auto
}

.pre-code, .highlight code, html .gist .gist-file .gist-syntax .highlight pre {
  overflow: scroll;
  overflow-y: hidden;
  display: block;
  overflow-x: auto;
  color: #93a1a1 !important
}

.pre-code span, .highlight code span, html .gist .gist-file .gist-syntax .highlight pre span {
  color: #93a1a1 !important
}

.pre-code span, .highlight code span, html .gist .gist-file .gist-syntax .highlight pre span {
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 100% !important
}

.pre-code .c, .highlight code .c, html .gist .gist-file .gist-syntax .highlight pre .c {
  color: #93a1a1 !important;
  font-style: italic !important
}

.pre-code .cm, .highlight code .cm, html .gist .gist-file .gist-syntax .highlight pre .cm {
  color: #93a1a1 !important;
  font-style: italic !important
}

.pre-code .cp, .highlight code .cp, html .gist .gist-file .gist-syntax .highlight pre .cp {
  color: #93a1a1 !important;
  font-style: italic !important
}

.pre-code .c1, .highlight code .c1, html .gist .gist-file .gist-syntax .highlight pre .c1 {
  color: #93a1a1 !important;
  font-style: italic !important
}

.pre-code .cs, .highlight code .cs, html .gist .gist-file .gist-syntax .highlight pre .cs {
  color: #93a1a1 !important;
  font-weight: bold !important;
  font-style: italic !important
}

.pre-code .err, .highlight code .err, html .gist .gist-file .gist-syntax .highlight pre .err {
  color: #dc322f !important;
  background: none !important
}

.pre-code .k, .highlight code .k, html .gist .gist-file .gist-syntax .highlight pre .k {
  color: #cb4b16 !important
}

.pre-code .o, .highlight code .o, html .gist .gist-file .gist-syntax .highlight pre .o {
  color: #93a1a1 !important;
  font-weight: bold !important
}

.pre-code .p, .highlight code .p, html .gist .gist-file .gist-syntax .highlight pre .p {
  color: #93a1a1 !important
}

.pre-code .ow, .highlight code .ow, html .gist .gist-file .gist-syntax .highlight pre .ow {
  color: #2aa198 !important;
  font-weight: bold !important
}

.pre-code .gd, .highlight code .gd, html .gist .gist-file .gist-syntax .highlight pre .gd {
  color: #93a1a1 !important;
  background-color: #f4c5b6 !important;
  display: inline-block
}

.pre-code .gd .x, .highlight code .gd .x, html .gist .gist-file .gist-syntax .highlight pre .gd .x {
  color: #93a1a1 !important;
  background-color: #f1b1a4 !important;
  display: inline-block
}

.pre-code .ge, .highlight code .ge, html .gist .gist-file .gist-syntax .highlight pre .ge {
  color: #93a1a1 !important;
  font-style: italic !important
}

.pre-code .gr, .highlight code .gr, html .gist .gist-file .gist-syntax .highlight pre .gr {
  color: #a00
}

.pre-code .gh, .highlight code .gh, html .gist .gist-file .gist-syntax .highlight pre .gh {
  color: #93a1a1 !important
}

.pre-code .gi, .highlight code .gi, html .gist .gist-file .gist-syntax .highlight pre .gi {
  color: #93a1a1 !important;
  background-color: #e5e3b5 !important;
  display: inline-block
}

.pre-code .gi .x, .highlight code .gi .x, html .gist .gist-file .gist-syntax .highlight pre .gi .x {
  color: #93a1a1 !important;
  background-color: #cdd088 !important;
  display: inline-block
}

.pre-code .go, .highlight code .go, html .gist .gist-file .gist-syntax .highlight pre .go {
  color: #888
}

.pre-code .gp, .highlight code .gp, html .gist .gist-file .gist-syntax .highlight pre .gp {
  color: #555
}

.pre-code .gs, .highlight code .gs, html .gist .gist-file .gist-syntax .highlight pre .gs {
  color: #93a1a1 !important;
  font-weight: bold !important
}

.pre-code .gu, .highlight code .gu, html .gist .gist-file .gist-syntax .highlight pre .gu {
  color: #6c71c4 !important
}

.pre-code .gt, .highlight code .gt, html .gist .gist-file .gist-syntax .highlight pre .gt {
  color: #a00
}

.pre-code .kc, .highlight code .kc, html .gist .gist-file .gist-syntax .highlight pre .kc {
  color: #859900 !important;
  font-weight: bold !important
}

.pre-code .kd, .highlight code .kd, html .gist .gist-file .gist-syntax .highlight pre .kd {
  color: #268bd2 !important
}

.pre-code .kp, .highlight code .kp, html .gist .gist-file .gist-syntax .highlight pre .kp {
  color: #cb4b16 !important;
  font-weight: bold !important
}

.pre-code .kr, .highlight code .kr, html .gist .gist-file .gist-syntax .highlight pre .kr {
  color: #d33682 !important;
  font-weight: bold !important
}

.pre-code .kt, .highlight code .kt, html .gist .gist-file .gist-syntax .highlight pre .kt {
  color: #2aa198 !important
}

.pre-code .n, .highlight code .n, html .gist .gist-file .gist-syntax .highlight pre .n {
  color: #268bd2 !important
}

.pre-code .na, .highlight code .na, html .gist .gist-file .gist-syntax .highlight pre .na {
  color: #268bd2 !important
}

.pre-code .nb, .highlight code .nb, html .gist .gist-file .gist-syntax .highlight pre .nb {
  color: #859900 !important
}

.pre-code .nc, .highlight code .nc, html .gist .gist-file .gist-syntax .highlight pre .nc {
  color: #d33682 !important
}

.pre-code .no, .highlight code .no, html .gist .gist-file .gist-syntax .highlight pre .no {
  color: #b58900 !important
}

.pre-code .ni, .highlight code .ni, html .gist .gist-file .gist-syntax .highlight pre .ni {
  color: purple
}

.pre-code .nl, .highlight code .nl, html .gist .gist-file .gist-syntax .highlight pre .nl {
  color: #859900 !important
}

.pre-code .ne, .highlight code .ne, html .gist .gist-file .gist-syntax .highlight pre .ne {
  color: #268bd2 !important;
  font-weight: bold !important
}

.pre-code .nf, .highlight code .nf, html .gist .gist-file .gist-syntax .highlight pre .nf {
  color: #268bd2 !important;
  font-weight: bold !important
}

.pre-code .nn, .highlight code .nn, html .gist .gist-file .gist-syntax .highlight pre .nn {
  color: #b58900 !important
}

.pre-code .nt, .highlight code .nt, html .gist .gist-file .gist-syntax .highlight pre .nt {
  color: #268bd2 !important;
  font-weight: bold !important
}

.pre-code .nx, .highlight code .nx, html .gist .gist-file .gist-syntax .highlight pre .nx {
  color: #b58900 !important
}

.pre-code .bp, .highlight code .bp, html .gist .gist-file .gist-syntax .highlight pre .bp {
  color: #999
}

.pre-code .vc, .highlight code .vc, html .gist .gist-file .gist-syntax .highlight pre .vc {
  color: teal
}

.pre-code .vg, .highlight code .vg, html .gist .gist-file .gist-syntax .highlight pre .vg {
  color: #268bd2 !important
}

.pre-code .vi, .highlight code .vi, html .gist .gist-file .gist-syntax .highlight pre .vi {
  color: #268bd2 !important
}

.pre-code .nv, .highlight code .nv, html .gist .gist-file .gist-syntax .highlight pre .nv {
  color: #268bd2 !important
}

.pre-code .w, .highlight code .w, html .gist .gist-file .gist-syntax .highlight pre .w {
  color: #bbb
}

.pre-code .mf, .highlight code .mf, html .gist .gist-file .gist-syntax .highlight pre .mf {
  color: #2aa198 !important
}

.pre-code .m, .highlight code .m, html .gist .gist-file .gist-syntax .highlight pre .m {
  color: #2aa198 !important
}

.pre-code .mh, .highlight code .mh, html .gist .gist-file .gist-syntax .highlight pre .mh {
  color: #2aa198 !important
}

.pre-code .mi, .highlight code .mi, html .gist .gist-file .gist-syntax .highlight pre .mi {
  color: #2aa198 !important
}

.pre-code .mo, .highlight code .mo, html .gist .gist-file .gist-syntax .highlight pre .mo {
  color: #099
}

.pre-code .s, .highlight code .s, html .gist .gist-file .gist-syntax .highlight pre .s {
  color: #2aa198 !important
}

.pre-code .sb, .highlight code .sb, html .gist .gist-file .gist-syntax .highlight pre .sb {
  color: #d14
}

.pre-code .sc, .highlight code .sc, html .gist .gist-file .gist-syntax .highlight pre .sc {
  color: #d14
}

.pre-code .sd, .highlight code .sd, html .gist .gist-file .gist-syntax .highlight pre .sd {
  color: #2aa198 !important
}

.pre-code .s2, .highlight code .s2, html .gist .gist-file .gist-syntax .highlight pre .s2 {
  color: #2aa198 !important
}

.pre-code .se, .highlight code .se, html .gist .gist-file .gist-syntax .highlight pre .se {
  color: #dc322f !important
}

.pre-code .sh, .highlight code .sh, html .gist .gist-file .gist-syntax .highlight pre .sh {
  color: #d14
}

.pre-code .si, .highlight code .si, html .gist .gist-file .gist-syntax .highlight pre .si {
  color: #268bd2 !important
}

.pre-code .sx, .highlight code .sx, html .gist .gist-file .gist-syntax .highlight pre .sx {
  color: #d14
}

.pre-code .sr, .highlight code .sr, html .gist .gist-file .gist-syntax .highlight pre .sr {
  color: #2aa198 !important
}

.pre-code .s1, .highlight code .s1, html .gist .gist-file .gist-syntax .highlight pre .s1 {
  color: #2aa198 !important
}

.pre-code .ss, .highlight code .ss, html .gist .gist-file .gist-syntax .highlight pre .ss {
  color: #990073
}

.pre-code .il, .highlight code .il, html .gist .gist-file .gist-syntax .highlight pre .il {
  color: #099
}

.pre-code div .gd, .pre-code div .gd .x, .pre-code div .gi, .pre-code div .gi .x, .highlight code div .gd, .highlight code div .gd .x, .highlight code div .gi, .highlight code div .gi .x, html .gist .gist-file .gist-syntax .highlight pre div .gd, html .gist .gist-file .gist-syntax .highlight pre div .gd .x, html .gist .gist-file .gist-syntax .highlight pre div .gi, html .gist .gist-file .gist-syntax .highlight pre div .gi .x {
  display: inline-block;
  width: 100%
}

aside {
  display: none
}

code {
  background-color: #e8e8e8;
  border-radius: 4px;
  padding: 0 5.591px;
  padding: 0 0.28rem;
  font-size: 100%
}

.code {
  padding-top: 20px;
  margin: 30px 0px
}