@charset "UTF-8";

/*Global variables*/
:root {
  font-size: 16px;
  line-height: 1.5;
  --color-rokr: rgba(255, 72, 47, 1); /* Red */
  --color-rokr-15: rgba(255, 72, 47, 0.15); /* Red 15%*/
  --color-betamax: rgba(255, 138, 0, 1); /* Orange */
  --color-betamax-15: rgba(255, 138, 0, 0.15); /* Orange 15% */
  --color-tivo: rgba(232, 215, 58, 1); /* Yellow */
  --color-glass: rgba(1, 207, 53, 1); /* Green */
  --color-glass-15: rgba(1, 207, 53, 0.15); /* Green 15% */
  --color-dreamcast: rgba(0, 184, 255, 1); /* Light Blue */
  --color-dreamcast-15: rgba(0, 184, 255, 0.15); /* Light Blue 15% */
  --color-zune: rgba(124, 92, 255, 1); /* Purple */
  --color-zune-15: rgba(124, 92, 255, 0.15); /* Purple 15% */
  --color-sidekick: rgba(255, 97, 206, 1); /* Pink */
  --color-sidekick-15: rgba(255, 97, 206, 0.15); /* Pink 15% */
  --color-segway: rgba(0, 25, 53, 1); /* Dark blue */
  --color-hoverboard: rgba(0, 0, 0, 1); /* Black */
  --color-hoverboard-4: rgba(0, 0, 0, 0.04); /* Black 4% */
  --color-ghost: rgba(255, 255, 255, 1); /* White */
  --section-margin: 5ch;
}


/*begin article styling tools*/

/*
create an unordered list with your in-article navigation items and wrap the whole thing in <div class="article-nav"></>
*/
.article-nav {
background-color: var(--color-ghost);
padding: 15px;
border-radius: 20px;
border-width: 3px;
border-style: solid;
border-color: var(--color-hoverboard);
box-shadow: 5px 5px var(--color-zune),
    5px 5px 0px 3px var(--color-hoverboard);
margin-block-end: var(--section-margin);
margin-block-start: var(--section-margin);
}

.nav-menu {
    display: flex;;
}

.article-nav a {
  text-decoration: none!important;
  color: var(--color-hoverboard)!important;
  padding: 2px;
}

.article-nav a:hover {
  background-color: var(--color-zune-15);
}

@media screen and (max-width: 1000px) {
  .nav-menu {
     flex-direction: column;
  }
}
.article-nav h2 {
  color: var(--color-zune);
  font-weight: 900;
  padding-left: 10px;
  margin-block-end: 0;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 18C11.4477 18 11 17.5523 11 17L11 11C11 10.4477 11.4477 10 12 10C12.5523 10 13 10.4477 13 11L13 17C13 17.5523 12.5523 18 12 18ZM12 8C11.4477 8 11 7.55229 11 7C11 6.44771 11.4477 6 12 6C12.5523 6 13 6.44771 13 7C13 7.55229 12.5523 8 12 8Z' fill='%237C5CFF'/%3E%3C/svg%3E%0A") 20px center no-repeat;
  background-size: 30px;
  padding-inline-start: 60px;
}

.article-nav ul {
  padding-top: 10px;
}

.article-nav ul ul {
  padding-top: 0px;
}

.article-nav ul li {
  list-style: none;
  font-size: 18px;
  font-weight: 600;
}

.article-nav ul ul li {
  font-size: 16px;
  font-weight: normal;
}

/*
blue background div. wrap text in <div class="tips"></>
*/
.tips {
    color: var(--color-hoverboard);
    padding: 5px;
    border-radius: 15px;
    overflow: auto;
    margin: var(--section-margin) 0;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9929 11C15.4383 11 15.6614 10.4614 15.3464 10.1464L11.3 6.1C10.9134 5.7134 10.9134 5.0866 11.3 4.7C11.6866 4.3134 12.3134 4.3134 12.7 4.7L19.2929 11.2929C19.6834 11.6834 19.6834 12.3166 19.2929 12.7071L12.7 19.3C12.3134 19.6866 11.6866 19.6866 11.3 19.3C10.9134 18.9134 10.9134 18.2866 11.3 17.9L15.3464 13.8536C15.6614 13.5386 15.4383 13 14.9929 13H5C4.44771 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H14.9929Z' fill='black'/%3E%3C/svg%3E%0A") 20px center no-repeat var(--color-dreamcast-15);
    background-size: 30px;
    border-style: solid;
    border-width: 1px;
}

.tips p {
  padding-left: 60px;
}

.tips a {
  color: var(--color-hoverboard)!important;
}

/*
orange background warning div. wrap a section of text you want to draw attention to in <div class="callout"></>
*/
.callout {
    background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='black' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V7ZM13 17C13 16.4477 12.5523 16 12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17Z' fill='black'/%3E%3C/svg%3E") 20px center no-repeat var(--color-betamax-15);
    background-size: 30px;
    color: var(--color-hoverboard);
    padding: 5px;
    border-radius: 15px;
    overflow: auto;
    margin-bottom: 16px;
    border-style: solid;
    border-width: 1px;
}

.callout p {
  padding-left: 60px;
}

.callout a {
  color: var(--color-hoverboard)!important;
}

/*
this is a green background div with a smiley face. wrap your text in <div class="smiley"></>
*/
.smiley {
    background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.08 13.72C5.08 17.24 8.36703 20.7387 13.12 20.8C17.873 20.8613 20.88 17.76 20.88 13.72M25 13C25 19.6274 19.6274 25 13 25C6.37258 25 1 19.6274 1 13C1 6.37258 6.37258 1 13 1C19.6274 1 25 6.37258 25 13ZM11.4 10.36C11.4 11.818 10.6657 13 9.76 13C8.85425 13 8.12 11.818 8.12 10.36C8.12 8.90197 8.85425 7.72 9.76 7.72C10.6657 7.72 11.4 8.90197 11.4 10.36ZM17.88 10.36C17.88 11.818 17.1457 13 16.24 13C15.3343 13 14.6 11.818 14.6 10.36C14.6 8.90197 15.3343 7.72 16.24 7.72C17.1457 7.72 17.88 8.90197 17.88 10.36Z' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 20px center no-repeat var(--color-glass-15);
      background-size: 30px;
      color: var(--color-hoverboard);
      padding: 5px;
      border-radius: 15px;
      overflow: auto;
      margin-bottom: var(--section-margin);
      border-style: solid;
      border-width: 1px;
    }
    
    .smiley p {
      padding-left: 60px;
    }
    
    .smiley a {
      color: var(--color-hoverboard)!important;
    }

/*
give an img the class "border" to add a solid black border.
*/
img.border {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    border-radius: 10px;
}

/*
give an img the class "round" to have rounded corners.
*/
img.round {
    border-radius: 10px;
}

/*
give an img the class "shadow-orange" to add an orange box-shadow and solid black border.
*/
img.shadow-orange {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    box-shadow: 5px 5px var(--color-betamax),
    5px 5px 0px 3px var(--color-hoverboard);
    border-radius: 10px;
    }

    /*
give an img the class "shadow-purple" to add a purple box-shadow and solid black border.
*/
img.shadow-purple {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    box-shadow: 5px 5px var(--color-zune),
    5px 5px 0px 3px var(--color-hoverboard);
    border-radius: 10px;
    }

    /*
give an img the class "shadow-green" to add a green box-shadow and solid black border.
*/
img.shadow-green {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    box-shadow: 5px 5px var(--color-glass),
    5px 5px 0px 3px var(--color-hoverboard);
    border-radius: 10px;
    }    
    /*
give an img the class "shadow-pink" to add a pink box-shadow and solid black border.
*/
img.shadow-pink {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    box-shadow: 5px 5px var(--color-sidekick),
    5px 5px 0px 3px var(--color-hoverboard);
    border-radius: 10px;
    }    
    /*
give an img the class "shadow-blue" to add a blue box-shadow and solid black border.
*/
img.shadow-blue {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    box-shadow: 5px 5px var(--color-dreamcast),
    5px 5px 0px 3px var(--color-hoverboard);
    border-radius: 10px;
    }  
    /*
give an img the class "shadow-red" to add a red box-shadow and solid black border.
*/
img.shadow-red {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    box-shadow: 5px 5px var(--color-rokr),
    5px 5px 0px 3px var(--color-hoverboard);
    border-radius: 10px;
    }  
    /*
give an img the class "shadow-yellow" to add a yellow box-shadow and solid black border.
*/
img.shadow-yellow {
    border-width: 3px;
    border-style: solid;
    border-color: var(--color-hoverboard);
    box-shadow: 5px 5px var(--color-tivo),
    5px 5px 0px 3px var(--color-hoverboard);
    border-radius: 10px;
    } 
img.border, img.round, img.shadow-orange, img.shadow-blue, img.shadow-green, img.shadow-pink, img.shadow-purple, img.shadow-red, img.shadow-yellow {
    margin-block-end: var(--section-margin);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    /*
wrap a set of 2 or more imgs in a div with the class "image-row" to  make them display in a nice row.
*/

.image-row {
display: flex;
justify-content: space-around;
}

@media screen and (max-width: 1000px) {
  .image-row {
     display: block;
  }
}

/*wrap some text in a div with the class "gray-section" to group it in a section with a gray background and a black border. */

.gray-section {
    background-color: var(--color-hoverboard-4);
    padding: 20px;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-hoverboard);
    margin-block-end: var(--section-margin);
}
.gray-section a {
    color: var(--color-hoverboard)!important;
}

/*wrap some text in a div with the class "purple-section" to group it in a section with a purple background and a black border. */

.purple-section {
    background-color: var(--color-zune-15);
    padding: 20px;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-hoverboard);
    margin-block-end: var(--section-margin);
}
.purple-section a {
    color: var(--color-hoverboard)!important;
}

/*end article styling tools*/

body,h1,h2,h3,h4,h5,h6{
    font-weight:400;
    font-family:'favorit',sans-serif;
}

a,body{
    color:var(--color-ghost);
}

select,textarea{
    width:100%;
    outline:0
}
.form-field textarea,.user-avatar{
    vertical-align:middle
}
.blocks-list,ul{
    list-style:none
}
.vote a,input,select,textarea{
    outline:0
}
.comment-body,.community-follow [role=button]::after,.post-content,body,h1,h2,h3,h4,h5,h6{
    font-family: 'favorit',sans-serif;
}
.article-body ul,.comment-body ul,.post-body ul{
    list-style-type:disc
}
.comment-body,.profile-activity-description,.profile-contribution,.profile-header .basic-info,.profile-header .description{
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    word-break:break-word
}
*,.blocks-item,input{
    box-sizing:border-box
}
body{
    background-color:var(--color-segway);
    font-size:16px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased
}
h1,h2,h3,h4,h5,h6{
    margin-top:0
}
h1{
    font-size:36px
}
h2{
    font-size:28px;
    font-weight: bold;
}
h3{
    font-size:20px;
    font-weight: bold;
}
h4{
    font-size:18px;
    font-weight: bold;
}
a{
    text-decoration:none
}
a:active,a:focus,a:hover{
    text-decoration:underline
}
input,textarea{
    color:var(--color-hoverboard);
    font-size:14px
}
input{
    font-weight:300;
    max-width:100%;
    transition:border .12s ease-in-out
}
input[disabled]{
    background-color:#ddd
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    background:url("/hc/theming_assets/01HZPRTP86QTHX6E1Q709YHV10") right 10px center no-repeat var(--color-ghost);
    border:1px solid #ddd;
    border-radius:4px;
    padding:8px 30px 8px 10px;
    color:#555
}
select:focus,textarea:focus{
    border:1px solid var(--color-dreamcast)
}
select::-ms-expand{
    display:none
}
textarea{
    border:1px solid #ddd;
    border-radius:2px;
    resize:vertical;
    padding:10px
}
.container{
    max-width:1160px;
    margin:0 auto;
    padding:0 5%
}
@media (min-width:1160px){
    .container{
        padding:0;
        width:90%
    }
}
.container-divider{
    margin-bottom:20px;
}
ul{
    margin:0;
    padding:0
}
.error-page{
    max-width:1160px;
    margin:0 auto;
    padding:0 5%
}
@media (min-width:1160px){
    .error-page{
        padding:0;
        width:90%
    }
}
.dropdown-toggle::after{
    color:inherit
}
.button,[role=button]{
    border-radius:5px;
    color:var(--color-ghost);
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    line-height:2.34;
    margin:0;
    padding:0 20px;
    text-align:center;
    user-select:none;
    white-space:nowrap;
    width:100%;
    -webkit-touch-callout:none;
    background-color: var(--color-dreamcast);
}
@media (min-width:960px){
    .button,[role=button]{
        width:auto
    }
}
.button::after,[role=button]::after{
    color:var(--color-dreamcast)
}
.button:active,.button:focus,.button:hover,.button[aria-selected=true],[role=button]:active,[role=button]:focus,[role=button]:hover,[role=button][aria-selected=true]{
    text-decoration:none
}
.button[aria-selected=true]:active,.button[aria-selected=true]:focus,.button[aria-selected=true]:hover,[role=button][aria-selected=true]:active,[role=button][aria-selected=true]:focus,[role=button][aria-selected=true]:hover{
    background-color:#2a688e;
    border-color:#2a688e
}
.button[data-disabled],[role=button][data-disabled]{
    cursor:default
}
.button-large,input[type=submit]{
    background-color:var(--color-dreamcast);
    border:0;
    border-radius:4px;
    color:var(--color-segway);
    font-size:14px;
    font-weight:400;
    line-height:2.72;
    min-width:190px;
    padding:0 1.9286em;
    width:100%
}
@media (min-width:960px){
    .button-large,input[type=submit]{
        width:auto
    }
}
.button-large:active,.button-large:focus,.button-large:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{
    background-color:#2a688e
}
.button-large[disabled],input[type=submit][disabled]{
    background-color:#ddd
}
.button-secondary{
    color:#777;
    border:1px solid #ddd;
    background-color:transparent
}
.button-secondary:active,.button-secondary:focus,.button-secondary:hover{
    color:#444;
    border:1px solid #ddd;
    background-color:var(--color-segway)
}
.table{
    width:100%;
    table-layout:fixed
}
.table th,.table th a{
    color:#777;
    font-size:13px;
    font-weight:300;
    text-align:left
}
[dir=rtl] .table th,[dir=rtl] .table th a{
    text-align:right
}
.table tr{
    border-bottom:1px solid #ddd;
    display:block;
    padding:20px 0
}
@media (min-width:960px){
    .table{
        table-layout:auto
    }
    .table tr{
        display:table-row
    }
}
.table td{
    display:block
}
@media (min-width:1024px){
    body>main{
        min-height:65vh
    }
    .table td,.table th{
        padding:20px 30px
    }
}
@media (min-width:960px){
    .table td{
        display:table-cell
    }
    .table td,.table th{
        padding:10px 20px;
        height:60px
    }
}
.form{
    max-width:650px
}
.form-field~.form-field{
    margin-top:25px
}
.form-field label{
    display:block;
    font-size:13px;
    margin-bottom:5px
}
.form-field input{
    border:1px solid #ddd;
    border-radius:4px;
    padding:10px;
    width:100%
}
.form-field input:focus{
    border:1px solid var(--color-dreamcast)
}
.form-field input[type=text]{
    border:1px solid #ddd;
    border-radius:4px
}
.form-field input[type=text]:focus{
    border:1px solid var(--color-dreamcast)
}
.form-field input[type=checkbox]{
    width:auto
}
.form-field .nesty-input{
    border-radius:4px;
    height:40px;
    line-height:40px;
    outline:0;
    vertical-align:middle
}
.form-field .nesty-input:focus{
    border:1px solid var(--color-dreamcast);
    text-decoration:none
}
.form-field input[type=checkbox]+label{
    margin:0 0 0 10px
}
.form-field.required>label::after{
    content:"*";
    color:red;
    margin-left:2px
}
.form-field p{
    color:#777;
    font-size:12px;
    margin:5px 0
}
[data-loading=true] input,[data-loading=true] textarea{
    background:url("/hc/theming_assets/01HZPRTKZ652T8MDT35FGP0N32") 99% 50% no-repeat;
    background-size:16px 16px
}
.form footer{
    margin-top:40px;
    padding-top:30px
}
.form footer a{
    color:#777;
    cursor:pointer;
    margin-right:15px
}
.form .suggestion-list{
    font-size:13px;
    margin-top:30px
}
.form .suggestion-list label{
    border-bottom:1px solid #ddd;
    display:block;
    padding-bottom:5px
}
.form .suggestion-list li{
    padding:10px 0
}

.header{
    max-width:1160px;
    margin:0 auto;
    padding:0 5%;
    position:relative;
    align-items:center;
    height:71px;
    justify-content:space-between
}
@media (min-width:1160px){
    .header{
        padding:0;
        width:90%
    }
}

.header .search {
  display: inline-block;
  width: 45vw;
  max-width: 600px;
}

.logo img{
    max-height:30px;
}
.user-nav{
    display:inline-block;
    position:absolute;
    white-space:nowrap
}
.user-nav[aria-expanded=true]{
    background-color:var(--color-ghost);
    box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 4px 10px 0 rgba(0,0,0,.1);
    border:1px solid #ddd;
    right:0;
    left:0;
    top:71px;
    z-index:1
}
.hero-inner,.search::before{
    top:50%;
    transform:translateY(-50%)
}
.user-nav[aria-expanded=true]>a{
    display:block;
    margin:20px
}
.nav-wrapper a{
    border:0;
    color:var(--color-ghost);
    display:none;
    font-size:14px;
    padding:0 20px 0 0;
    width:auto
}
[dir=rtl] .nav-wrapper a{
    padding:0 0 0 20px
}
.nav-wrapper a:active,.nav-wrapper a:focus,.nav-wrapper a:hover{
    background-color:transparent;
    color:var(--color-ghost)
}
.nav-wrapper a.login{
    display:inline-block
}
.nav-wrapper .icon-menu{
    display:inline-block;
    margin-right:10px;
    color:#444
}
@media (min-width:960px){
    .user-nav{
        position:relative
    }
    .nav-wrapper a{
        display:inline-block
    }
    .nav-wrapper .icon-menu{
        display:none
    }
}
[dir=rtl] .nav-wrapper .icon-menu{
    margin-left:10px;
    margin-right:0
}
.user-info{
    display:inline-block
}
.user-info .dropdown-toggle::after{
    display:none
}
@media (min-width:960px){
    .user-info .dropdown-toggle::after{
        display:inline-block
    }
}
.user-info>[role=button]{
    border:0;
    color:#444;
    min-width:0;
    padding:0;
    white-space:nowrap
}
.user-info>[role=button]:hover{
    color:#444;
    background-color:transparent
}
.user-info>[role=button]::after{
    color:#444;
    padding-right:15px
}
[dir=rtl] .user-info>[role=button]::after{
    padding-left:15px;
    padding-right:0
}
#user #user-name{
    display:none;
    font-size:14px
}
.avatar,.user-avatar{
    display:inline-block
}
#user #user-name:hover{
    text-decoration:underline
}
.article-comment-count:hover,.article-return-to-top a:focus,.article-return-to-top a:hover,.article-unsubscribe,.blocks-item-link:active,.blocks-item-link:focus,.blocks-item-link:hover,.comment-sorter a,.share a:hover,.sidenav-item.current-article,.sidenav-item:hover,.vote a:active,.vote a:focus,.vote a:hover{
    text-decoration:none
}
.user-avatar{
    height:25px;
    width:25px;
    border-radius:50%
}
.avatar{
    position:relative
}
.avatar img{
    height:40px;
    width:40px
}
.avatar .icon-agent::before{
    background-color:var(--color-dreamcast);
    border:2px solid var(--color-ghost);
    border-radius:50%;
    bottom:-4px;
    color:var(--color-segway);
    content:"\1F464";
    font-size:14px;
    height:14px;
    line-height:14px;
    position:absolute;
    right:-2px;
    text-align:center;
    width:14px
}
.breadcrumbs{
    margin:0 0 15px;
    padding:0
}
@media (min-width:960px){
    #user #user-name{
        display:inline-block
    }
    .breadcrumbs{
        margin:0
    }
}
.breadcrumbs li{
    color:var(--color-ghost);
    display:inline;
    font-weight:300;
    font-size:13px;
    max-width:450px;
    overflow:hidden;
    text-overflow:ellipsis
}
.breadcrumbs li:last-child a{
    color:var(--color-dreamcast)
}
.breadcrumbs li+li::before{
    content:">";
    margin:0 4px
}
.search{
    position:relative
}
.search input[type=search]{
    border:1px solid #ddd;
    border-radius:5px;
    box-sizing:border-box;
    color:var(--color-hoverboard);
    height:45px;
    padding-left:40px;
    padding-right:20px;
    -webkit-appearance:none;
    width:100%
}
[dir=rtl] .search input[type=search]{
    padding-right:40px;
    padding-left:20px
}
.search input[type=search]:focus{
    border:1px solid var(--color-dreamcast);
    color:#555
}
.search::before{
    background-color:var(--color-ghost);
    color:var(--color-hoverboard);
    content:"\1F50D";
    font-size:18px;
    position:absolute;
    left:15px
}
[dir=rtl] .search::before{
    right:15px;
    left:auto
}
.hero-inner{
    position:relative;
    margin:0 auto
}
.page-header{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:10px 0;
}
@media (min-width:960px){
    .page-header{
        align-items:baseline;
        flex-direction:row;
        margin:0
    }
}
.page-header .section-subscribe{
    flex-shrink:0;
    margin-bottom:10px
}
@media (min-width:960px){
    .page-header .section-subscribe{
        margin-bottom:0
    }
}

.search-results h1 {
  flex-grow:1;
  margin-bottom:10px;
  color: var(--color-ghost);
}
.id-203334727 {
  background-color: var(--color-sidekick);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-203334707 {
  background-color: var(--color-dreamcast);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-4404701809303 {
  background-color: var(--color-rokr);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-203334747 {
  background-color: var(--color-glass);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-203334767 {
  background-color: var(--color-zune);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-204293847 {
  background-color: var(--color-betamax);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-203334787 {
  background-color: var(--color-sidekick);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-204307287 {
  background-color: var(--color-dreamcast);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.id-200291607 {
  background-color: var(--color-rokr);
  border-radius: 10px 10px 0 0;
  font-weight: 600;
}

.page-header h1{
    flex-grow:1;
    margin-bottom:10px;
    /*color: var(--color-hoverboard);*/
}

.category-header {
  color: var(--color-hoverboard);
}

.page-header-description{
    font-style:italic;
    font-weight:300;
    margin:0 0 30px;
    word-break:break-word
}
@media (min-width:1024px){
    .page-header-description{
        flex-basis:100%
    }
}
.page-header .icon-lock::before{
    content:"\1F512";
    font-size:20px;
    position:relative;
    left:-5px;
    vertical-align:baseline
}
.sub-nav{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:50px;
    padding-bottom:15px
}
@media (min-width:960px){
    .sub-nav{
        align-items:baseline;
        flex-direction:row
    }
    .blocks-list{
        margin:0 -15px
    }
}
.sub-nav input[type=search]::after{
    font-size:15px
}
.blocks-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    padding:0
}
.blocks-item{
    border:1px solid var(--color-dreamcast);
    border-radius:4px;
    color:var(--color-dreamcast);
    display:flex;
    flex:1 0 340px;
    flex-direction:column;
    justify-content:center;
    margin:0 0 30px;
    max-width:100%;
    text-align:center
}
@media (min-width:960px){
    .blocks-item{
        margin:0 15px 30px
    }
}
.blocks-item:active,.blocks-item:focus,.blocks-item:hover{
    background-color:var(--color-dreamcast)
}
.blocks-item:active *,.blocks-item:focus *,.blocks-item:hover *{
    color:var(--color-segway);
    text-decoration:none
}
.blocks-item-internal{
    background-color:transparent;
    border:1px solid #ddd
}
.blocks-item-internal .icon-lock::before{
    content:"\1F512";
    font-size:15px;
    bottom:5px;
    position:relative
}
.blocks-item-internal a{
    color:#444
}
.blocks-item-link{
    color:var(--color-dreamcast);
    padding:20px 30px
}
.blocks-item-title{
    margin-bottom:0
}
.blocks-item-description{
    font-weight:300;
    margin:0
}
.blocks-item-description:not(:empty){
    margin-top:10px
}

.recent-activity-header,.section h2{
    padding: 0px 5% 0px;
    max-width: 1280px;
    margin: 0 auto;
}
.promoted-articles{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap
}
@media (min-width:1024px){
    .promoted-articles{
        flex-direction:row
    }
}
.promoted-articles-item{
    flex:1 0 auto
}
@media (min-width:1024px){
    .promoted-articles-item{
        align-self:flex-end;
        flex:0 0 auto;
        padding-right:30px;
        width:33%
    }
    [dir=rtl] .promoted-articles-item{
        padding:0 0 0 30px
    }
}
.promoted-articles-item:nth-child(3n){
    padding-right:0
}
.promoted-articles-item a{
    border-bottom:1px solid #ddd;
    color:#444;
    display:block;
    padding:15px 0
}
.promoted-articles-item:last-child a{
    border:0
}
@media (min-width:1024px){
    .promoted-articles-item:last-child a{
        border-bottom:1px solid #ddd
    }
}
.community{
    text-align:center
}
.community-image{
    min-height:300px;
    background-position:center;
    background-repeat:no-repeat;
    max-width:100%
}
.activity,.community{
    border-top:1px solid #ddd;
    padding:30px 0
}
.recent-activity-list{
    padding:0
}
.recent-activity-item{
    border-bottom:1px solid #ddd;
    overflow:auto;
    padding:20px 0
}
.recent-activity-item-parent{
    font-size:16px
}
.recent-activity-item-link,.recent-activity-item-parent{
    margin:6px 0;
    color:#444;
    display:inline-block;
    width:100%
}
@media (min-width:960px){
    .recent-activity-item-link,.recent-activity-item-parent{
        width:70%;
        margin:0
    }
}
.recent-activity-item-link{
    font-size:14px;
    font-weight:300
}
.recent-activity-item-meta{
    margin:15px 0 0;
    float:none
}
.recent-activity-item-comment,.recent-activity-item-time{
    color:#777;
    display:inline-block;
    font-size:13px;
    font-weight:300
}
.recent-activity-item-comment{
    padding-left:5px
}
[dir=rtl] .recent-activity-item-comment{
    padding:0 5px 0 0
}
.recent-activity-item-comment::before{
    display:inline-block
}
.recent-activity-item-comment span::before{
    color:var(--color-dreamcast);
    content:"\1F4AC";
    display:inline-block;
    font-size:15px;
    padding-right:3px
}
.article-list-item a,.section-tree-title a{
    color:var(--color-hoverboard);
}
.article-list a {
    color:var(--color-hoverboard);
}

.drawer a {
  color: var(--color-hoverboard);
}

[dir=rtl] .recent-activity-item-comment span::before{
    padding-left:3px
}
.recent-activity-controls{
    padding-top:15px
}
.category-container{
    display:flex;
    justify-content:flex-end
}
.category-content{
    flex:1;
    background-color: var(--color-ghost);
    border-radius: 10px;
}
.category-page-content, .section-page-content {
    padding: var(--section-margin);
    border-radius: 10px;
    background-color: var(--color-ghost);
}
.section-tree{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:space-between
}
@media (min-width:960px){
    .recent-activity-item-meta{
        margin:0;
        float:right
    }
    [dir=rtl] .recent-activity-item-meta{
        float:left
    }
    .section-tree{
        flex-direction:row
    }
}
.section-tree .section{
    flex:initial;
    margin-block-end: 20px;
}
@media (min-width:960px){
    .section-tree .section{
        flex:0 0 45%;
        margin-block-end: var(--section-margin);
    }
}
.section-tree .icon-lock::before{
    vertical-align:baseline
}
.section-tree-title{
    margin-bottom:0
}
.section-tree .see-all-articles{
    display:block;
    padding:15px 0;
    color: var(--color-dreamcast);
}
.article-list li,.article-list-item{
    font-size:16px;
    padding:10px 0;
    color: var(--color-hoverboard);
}
.icon-star::before{
    color:var(--color-dreamcast);
    font-size:18px
}
.section-container{
    display:flex;
    background-color: var(--color-ghost);
    border-radius: 10px;
}
.section-content{
    flex:1;
    padding: 10px;
}
.section-subscribe .dropdown-toggle::after{
    display:none
}
.article{
    color: var(--color-hoverboard);
    background-color: var(--color-ghost);
    border-radius: 10px 10px 0 0;
    padding: 2ch;
}
@media (min-width:1024px){
    .article{
        min-width:640px;
        padding: 30px;
    }
}

.article-header{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom: 2vh;
}
.article-author{
    margin-bottom:10px
}
.article-title{
    margin-bottom:0;
    line-height:34px;
    margin-left: 1vw;
    margin-top: 1vh;
}
@media (min-width:960px){
    .article-header{
        flex-direction:row;
        margin-top:0
    }
    .article-title{
        flex-basis:100%
    }
}
.article-title .icon-lock::before{
    content:"\1F512";
    font-size:20px;
    position:relative;
    left:-5px;
    vertical-align:baseline
}
.article [role=button]{
    flex-shrink:0;
    width:100%
}
.article-info{
    max-width:100%;
    margin-bottom: 3vh;
}
.article-meta{
    display:inline-block;
    vertical-align:middle
}
.article-body img{
    height:auto;
    max-width:100%
}
.article-body ol,.article-body ul{
    /*padding-left:20px;*/
    list-style-position:outside;
    margin:0px 0 20px 20px;
}
.article-body ol>ol,.article-body ol>ul,.article-body ul>ol {
    margin:0
}
.article-body ul>ul {
    margin:0 20px;
    list-style: circle;
}
.article-body ul>ul>ul{
    margin:0 40px;
    list-style: square;
}

.article-body code{
    background:#eaeaea;
    border:1px solid #ddd;
    border-radius:3px;
    padding:0 5px;
    margin:0 2px
}
.article-body pre{
    background:#eaeaea;
    border:1px solid #ddd;
    border-radius:3px;
    padding:10px 15px;
    overflow:auto;
    white-space:pre
}
.article-body blockquote{
    border-left:1px solid #ddd;
    color:#777;
    font-style:italic;
    padding:0 15px
}
.article-body>p:last-child{
    margin-bottom:0
}
.article-content{
    line-height:1.5;
    margin-left: 1vw;
    margin-right: 1vw;
    word-wrap:break-word;
    font-family: 'favorit';
}
.article-footer{
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding-bottom:20px
}
.article-comment-count{
    color:#777;
    font-weight:300
}
.article-comment-count .icon-comments{
    color:var(--color-dreamcast);
    content:"\1F4AC";
    display:inline-block;
    font-size:18px;
    padding:5px
}
.article-sidebar{
    flex:1 0 auto;
    padding:0;
}
@media (min-width:1024px){
    .article-sidebar{
        border:0;
        flex:0 0 17%;
        height:auto;
    }
}
.article-relatives{
    border-top:1px solid #ddd;
    display:flex;
    flex-direction:column;
    padding:20px 0
}
@media (min-width:960px){
    .article [role=button]{
        width:auto
    }
    .article-relatives{
        flex-direction:row
    }
}
.article-relatives>*{
    flex:1 0 auto;
    margin-right:0
}
.article-relatives>:last-child{
    margin:0
}
@media (min-width:960px){
    .article-relatives>*{
        margin-right:20px
    }
}
.article-votes{
    border-top:1px solid #ddd;
    padding:30px 0
}
.article-vote{
    background:0 0;
    border:1px solid var(--color-dreamcast);
    color:var(--color-dreamcast);
    margin:10px 5px;
    min-width:90px;
    width:auto
}
.article-vote::before{
    font-size:8px;
    margin-right:10px
}
.article-vote::after{
    content:attr(title)
}
.article-vote:active,.article-vote:focus{
    background-color:transparent;
    color:var(--color-dreamcast)
}
.article-unsubscribe,.article-vote:hover{
    background-color:var(--color-dreamcast)
}
.article-vote:hover::after,.article-vote:hover::before,.article-vote[aria-selected=true]::after,.article-vote[aria-selected=true]::before{
    color:var(--color-dreamcast)
}
.article-vote-up::before{
    content:"\2713"
}
.article-vote-down::before{
    content:"\2715"
}
.article-more-questions{
    margin:10px 0 20px;
    text-align:center
}

.article-return-to-top .button {
    color:var(--color-sidekick);
    display:block;
    padding: 0.8em;
    background-color: unset;
    border-style: solid;
    border-color: var(--color-sidekick);
    border-width: 2px;
    border-radius: 30px;
    min-width: 200px;
    font-size: 16px;
    font-weight: 400;
    margin: var(--section-margin) auto;
    width: 10vw;
}

.article-unsubscribe{
    color:var(--color-segway)
}
.article-unsubscribe:hover{
    background-color:#2a688e;
    border-color:#2a688e
}
.sidenav-title{
    font-size:15px;
    position:relative
}
.sidenav-item{
    border-radius:4px;
    color:#444;
    display:block;
    font-weight:300;
    margin-bottom:10px;
    padding:10px
}
.sidenav-item.current-article,.sidenav-item:hover{
    background-color:var(--color-dreamcast);
    color:var(--color-ghost)
}

.related-articles{
  background-color: var(--color-zune);
  border-radius: 0 0 10px 0;
  padding: 0 0 10px 20px;
  flex-basis: 50%;
}

.recent-articles{
  background-color: var(--color-betamax);
  border-radius: 0 0 0 10px;
  padding: 0 0 10px 20px;
  flex-basis: 50%;
}

.recent-articles h3,.related-articles h3{
    font-size:15px;
    margin:20px 0;
    color: var(--color-ghost);
    font-weight: 600;
}
.recent-articles li,.related-articles li{
    margin-bottom:15px;
    color: var(--color-ghost);
}
.attachments .attachment-item{
    padding-left:20px;
    position:relative;
    margin-bottom:10px
}
.attachments .attachment-item:last-child{
    margin-bottom:0
}
.attachments .attachment-item::before{
    color:#444;
    content:"\1F4CE";
    font-size:15px;
    left:0;
    position:absolute;
    top:5px
}
[dir=rtl] .attachments .attachment-item{
    padding-left:0;
    padding-right:20px
}
[dir=rtl] .attachments .attachment-item::before{
    left:auto;
    right:0
}
.upload-dropzone span{
    color:#777
}
.share{
    padding:0;
    white-space:nowrap
}
.comment,.comment-overview{
    border-bottom:1px solid #ddd;
    padding:20px 0
}
.share a,.share li{
    display:inline-block
}
.share a{
    border-radius:50%;
    height:25px;
    line-height:25px;
    overflow:hidden;
    width:25px
}
.share a::before{
    color:#777;
    display:block;
    font-size:23px;
    text-align:center;
    width:100%
}
.share a:hover::before{
    color:var(--color-dreamcast)
}
.share-twitter::before{
    content:"\e901"
}
.share-facebook::before{
    content:"\e903"
}
.share-linkedin::before{
    content:"\e900"
}
.share-googleplus::before{
    content:"\e902"
}
.comment-heading{
    margin-bottom:5px;
    margin-top:0
}
.comment-overview{
    border-top:1px solid #ddd
}
.comment-overview p{
    margin-top:0
}
.comment-callout{
    color:#777;
    display:inline-block;
    font-weight:300;
    font-size:13px;
    margin-bottom:0
}
.comment-callout a{
    color:var(--color-dreamcast)
}
.comment-sorter{
    display:inline-block;
    float:right
}
.comment-sorter a{
    color:#777;
    font-weight:300;
    font-size:13px
}
[dir=rtl] .comment-sorter{
    float:left
}
.comment-wrapper{
    display:flex;
    justify-content:space-between;
    position:relative
}
.comment-wrapper.comment-official{
    border:1px solid var(--color-dreamcast);
    padding:40px 20px 20px
}
.comment-info{
    min-width:0;
    padding-right:20px;
    width:100%
}
[dir=rtl] .comment-info{
    padding-right:0;
    padding-left:20px
}
.comment-author{
    align-items:flex-end;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px
}
@media (min-width:960px){
    .comment-wrapper.comment-official{
        padding-top:20px
    }
    .comment-author{
        justify-content:space-between
    }
}
.comment-avatar{
    margin-right:10px
}
[dir=rtl] .comment-avatar{
    margin-left:10px;
    margin-right:0
}
.comment-meta{
    flex:1 0 auto
}
.comment-labels{
    flex-basis:100%
}
.comment .status-label:not(.status-label-official){
    margin-top:10px
}
@media (min-width:960px){
    .comment-labels{
        flex-basis:auto
    }
    .comment .status-label:not(.status-label-official){
        margin-top:0
    }
}
.comment-form{
    display:flex;
    padding-top:30px;
    word-wrap:break-word
}
.comment-container{
    width:100%
}
.comment-form-controls{
    display:none;
    margin-top:10px;
    text-align:left
}
@media (min-width:960px){
    [dir=ltr] .comment-form-controls{
        text-align:right
    }
}
.actions,.community-footer,.post-sidebar,.status-label-pending,.striped-list-number,.vote{
    text-align:center
}
.comment-form-controls input[type=submit]{
    margin-top:15px
}
@media (min-width:1024px){
    [dir=rtl] .comment-form-controls input[type=submit]{
        margin-left:0;
        margin-right:15px
    }
}
.comment-form-controls input[type=checkbox]{
    margin-right:5px
}
.comment-form-controls input[type=checkbox] [dir=rtl]{
    margin-left:5px
}
.comment-ccs{
    display:none
}
.comment-mark-as-solved,.vote{
    display:inline-block
}
.comment-attachments,.comment-ccs+textarea{
    margin-top:10px
}
.comment-attachments a{
    color:var(--color-dreamcast)
}
.comment-body{
    line-height:1.6
}
.comment-body img{
    height:auto;
    max-width:100%
}
.comment-body ol,.comment-body ul{
    padding-left:20px;
    list-style-position:outside;
    margin:20px 0 20px 20px
}
.comment-body ol>ol,.comment-body ol>ul,.comment-body ul>ol,.comment-body ul>ul{
    margin:0
}

.comment-body code{
    background:#eaeaea;
    border:1px solid #ddd;
    border-radius:3px;
    padding:0 5px;
    margin:0 2px
}
.comment-body pre{
    background:#eaeaea;
    border:1px solid #ddd;
    border-radius:3px;
    padding:10px 15px;
    overflow:auto;
    white-space:pre
}
.comment-body blockquote{
    border-left:1px solid #ddd;
    color:#777;
    font-style:italic;
    padding:0 15px
}
.vote{
    width:35px
}
.vote-sum{
    color:#777;
    display:block;
    margin:3px 0
}
[dir=rtl] .vote-sum{
    direction:ltr;
    unicode-bidi:bidi-override
}
.vote-down:hover::before,.vote-up:hover::before{
    color:var(--color-dreamcast)
}
.vote-down::before,.vote-up::before{
    color:#777;
    font-size:24px
}
.vote-up::before{
    content:"\2B06"
}
.vote-down::before{
    content:"\2B07"
}
.vote-voted::before{
    color:var(--color-dreamcast)
}
.vote-voted:hover::before{
    color:#2a688e
}
.actions{
    flex-shrink:0
}
.actions .dropdown-toggle{
    font-size:0;
    margin:15px 0
}
.actions .dropdown-toggle:active::before,.actions .dropdown-toggle:focus::before,.actions .dropdown-toggle:hover::before{
    background-color:var(--color-segway)
}
.actions .dropdown-toggle::before{
    background-color:transparent;
    border-radius:50%;
    color:#777;
    content:"\2699";
    display:block;
    font-size:13px;
    margin:auto;
    padding:5px
}
.community-hero{
    margin-bottom:10px
}
.community-footer{
    padding-top:50px
}
.community-activity,.community-featured-posts{
    padding-top:40px;
    width:100%
}
.community-header{
    margin-bottom:30px
}
.community-header h4{
    margin-bottom:0
}
.post-to-community{
    margin-top:10px
}
@media (min-width:960px){
    .post-to-community{
        margin:0
    }
    .topic-header{
        padding-bottom:10px
    }
}
.topics{
    max-width:none;
    width:100%
}
.topics-item .meta-group{
    justify-content:center;
    margin-top:20px
}
.topic-header{
    border-bottom:1px solid #ddd;
    font-size:13px
}
.topic-header .dropdown{
    display:block;
    border-top:1px solid #ddd;
    padding:10px 0
}
.no-posts-with-filter{
    margin-top:20px;
    margin-bottom:20px
}
.community-follow{
    margin-bottom:10px;
    width:100%
}
@media (min-width:960px){
    .topic-header .dropdown{
        border-top:0;
        display:inline-block;
        margin-right:20px;
        padding:0
    }
    .community-follow{
        margin-bottom:0;
        width:auto
    }
}
.community-follow .dropdown{
    width:100%
}
.community-follow [role=button]{
    line-height:30px;
    padding:0 10px 0 15px;
    position:relative;
    width:100%
}
.community-follow [role=button]:hover{
    background-color:var(--color-dreamcast)
}
.community-follow [role=button]:focus::after,.community-follow [role=button]:hover::after{
    border-color:var(--color-segway);
    color:var(--color-segway)
}
.community-follow [role=button][aria-selected=true]{
    background-color:var(--color-dreamcast);
    color:var(--color-segway)
}
.community-follow [role=button][aria-selected=true]::after{
    border-left:1px solid var(--color-segway);
    color:var(--color-segway)
}
.community-follow [role=button][aria-selected=true]:hover{
    background-color:#2a688e;
    border-color:#2a688e
}
.community-follow [role=button]::after{
    border-left:1px solid var(--color-dreamcast);
    content:attr(data-follower-count);
    color:var(--color-dreamcast);
    display:inline-block;
    margin-left:15px;
    padding-left:10px;
    position:absolute;
    right:10px
}
[dir=rtl] .community-follow [role=button]::after{
    border-left:0;
    border-right:1px solid var(--color-dreamcast);
    margin:0 10px 0 0;
    padding:0 10px 0 0
}
.striped-list{
    padding:0
}
.striped-list-item{
    align-items:flex-start;
    border-bottom:1px solid #ddd;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:20px 0
}
@media (min-width:960px){
    .community-follow [role=button]{
        width:auto
    }
    .community-follow [role=button]::after{
        position:static
    }
    .striped-list-item{
        align-items:center;
        flex-direction:row
    }
}
.striped-list-info{
    flex:2
}
.striped-list-title{
    color:#444;
    margin-bottom:10px;
    margin-right:5px
}
.striped-list-title:active,.striped-list-title:focus,.striped-list-title:hover{
    text-decoration:underline
}
.post-comment-count:hover,.status-label:active,.status-label:focus,.status-label:hover,.subscriptions-unsubscribe a:hover{
    text-decoration:none
}

.striped-list .meta-group{
    margin:5px 0
}
.post,.post-header{
    margin-bottom:10px
}
.striped-list-count{
    color:#777;
    font-weight:300;
    font-size:13px;
    justify-content:flex-start;
    text-transform:capitalize
}
@media (min-width:960px){
    .striped-list-count{
        display:flex;
        flex:1;
        justify-content:space-around
    }
}
.post,.post-info{
    flex:1
}
.striped-list-count-item::after{
    content:"·";
    display:inline-block;
    padding:0 5px
}
.striped-list-count-item:last-child::after{
    display:none
}
.striped-list-number{
    font-weight:300
}
@media (min-width:960px){
    .striped-list-count-item::after{
        display:none
    }
    .striped-list-number{
        color:#444;
        display:block;
        font-weight:400
    }
}
.status-label{
    background-color:#1eb848;
    border-radius:4px;
    color:var(--color-ghost);
    font-size:12px;
    margin-right:2px;
    padding:3px 10px;
    vertical-align:middle;
    white-space:nowrap;
    display:inline-block
}
.status-label-featured,.status-label-official,.status-label-pinned{
    background-color:var(--color-dreamcast)
}
.status-label-official{
    border-radius:0;
    margin-right:0;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:100%
}
@media (min-width:960px){
    .status-label-official{
        border-radius:0 0 4px 4px;
        right:30px;
        width:auto
    }
}
[dir=rtl] .status-label-official{
    left:30px;
    right:auto
}
.status-label-not-planned,.status-label-pending{
    background-color:#eee;
    color:#777
}
.status-label-open{
    background-color:#e03b30
}
.status-label-closed{
    background-color:#ddd
}
.status-label-solved{
    background-color:#999
}
.status-label-new{
    background-color:#ffd12a
}
.status-label-hold{
    background-color:var(--color-hoverboard)
}
.status-label-closed,.status-label-hold,.status-label-new,.status-label-open,.status-label-solved{
    text-transform:lowercase
}
@media (min-width:1024px){
    .post{
        flex:1 0 70%;
        max-width:70%
    }
}
.post-container{
    display:flex;
    flex-direction:column
}
@media (min-width:1024px){
    .post-container{
        flex-direction:row
    }
}
.post-header{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.post-header .status-label{
    vertical-align:super
}
.post-title{
    margin-bottom:20px;
    width:100%
}
.post-title h1{
    display:inline;
    vertical-align:middle
}
@media (min-width:960px){
    .post-header{
        align-items:baseline;
        flex-direction:row
    }
    .post-title{
        margin-bottom:0;
        padding-right:10px
    }
    .post-title h1{
        margin-right:5px
    }
}
.post-author{
    align-items:flex-start;
    display:flex;
    justify-content:space-between
}
.post-avatar{
    margin-bottom:30px
}
.post-content{
    line-height:1.6;
    word-break:break-word
}
.post-info-container{
    align-items:flex-start;
    display:flex;
    justify-content:space-between;
    margin-bottom:40px
}
@media (min-width:1024px){
    .post-info{
        padding-right:20px
    }
}
[dir=rtl] .post-info{
    padding-left:45px;
    padding-right:0
}
.post-meta{
    display:inline-block;
    flex:1;
    margin-left:10px;
    vertical-align:middle
}
[dir=rtl] .post-meta{
    margin-left:0;
    margin-right:10px
}
.post-body img{
    height:auto;
    max-width:100%
}
.post-body ol,.post-body ul{
    padding-left:20px;
    list-style-position:outside;
    margin:20px 0 20px 20px
}
.post-body ol>ol,.post-body ol>ul,.post-body ul>ol,.post-body ul>ul{
    margin:0
}

.post-body code{
    background:#eaeaea;
    border:1px solid #ddd;
    border-radius:3px;
    padding:0 5px;
    margin:0 2px
}
.post-body pre{
    background:#eaeaea;
    border:1px solid #ddd;
    border-radius:3px;
    padding:10px 15px;
    overflow:auto;
    white-space:pre
}
.post-body blockquote{
    border-left:1px solid #ddd;
    color:#777;
    font-style:italic;
    padding:0 15px
}
.post-footer{
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding-bottom:20px
}
.post-comment-count{
    color:#777;
    font-weight:300
}
.post-comment-count .icon-comments{
    color:var(--color-dreamcast);
    content:"\1F4AC";
    display:inline-block;
    font-size:18px;
    padding:5px
}
.post-sidebar{
    border-top:1px solid #ddd;
    flex:1;
    padding:30px 0
}
.post-sidebar h5{
    font-weight:600
}
.post-comments{
    margin-bottom:20px
}
@media (min-width:1024px){
    .post-sidebar{
        border:0;
        flex:1 0 30%;
        padding:0 0 0 50px;
        text-align:initial
    }
    [dir=rtl] .post-sidebar{
        padding:0 50px 0 0
    }
    .post-sidebar h5{
        border-bottom:1px solid #ddd;
        padding-bottom:20px
    }
    .post-comments{
        margin-bottom:0
    }
}
.collapsible-nav{
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    flex-direction:column;
    max-height:45px;
    overflow:hidden;
    font-size:14px
}
@media (min-width:960px){
    .collapsible-nav{
        border:0;
        height:auto;
        flex-direction:row;
        max-height:none
    }
}
.collapsible-nav-list{
    display:flex;
    flex-direction:column
}
.collapsible-nav-list li{
    color:#444;
    line-height:45px;
    order:1
}
.collapsible-nav-list li a{
    color:#444;
    display:block
}
.collapsible-nav-list li[aria-selected=true]{
    order:0;
    position:relative
}
.collapsible-nav-list li[aria-selected=true] a{
    color:#444
}
.collapsible-nav-list li[aria-selected=true]::after{
    top:50%;
    transform:translateY(-50%);
    content:"\25BE";
    position:absolute;
    right:0
}
.collapsible-nav[aria-expanded=true] li[aria-selected=true]::after,.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title::after{
    content:"\2715"
}
@media (min-width:960px){
    .collapsible-nav-list{
        flex-direction:row
    }
    .collapsible-nav-list li{
        line-height:normal;
        margin-right:30px
    }
    [dir=rtl] .collapsible-nav-list li{
        margin-left:30px;
        margin-right:0
    }
    .collapsible-nav-list li a{
        text-decoration:none;
        padding:15px 0
    }
    .collapsible-nav-list li:hover{
        border-bottom:4px solid #ddd
    }
    .collapsible-nav-list li:hover a{
        padding:15px 0 11px;
        text-decoration:none
    }
    .collapsible-nav-list li[aria-selected=true]{
        border-bottom:4px solid var(--color-dreamcast);
        order:1;
        padding:15px 0 11px
    }
    .collapsible-nav-list li[aria-selected=true]::after{
        display:none
    }
}
[dir=rtl] .collapsible-nav-list li[aria-selected=true]::after{
    left:0;
    right:auto
}
.collapsible-nav[aria-expanded=true]{
    max-height:none
}
.collapsible-sidebar{
    flex:1;
    max-height:45px;
    overflow:hidden;
    padding:10px 0;
    position:relative
}
.collapsible-sidebar[aria-expanded=true]{
    max-height:none
}
.collapsible-sidebar-title{
    margin-top:0
}
.collapsible-sidebar-title::after{
    top:50%;
    transform:translateY(-50%);
    content:"\25BE";
    position:absolute;
    right:10px
}
@media (min-width:1024px){
    .collapsible-sidebar{
        max-height:none;
        padding:0
    }
    .collapsible-sidebar-title::after,.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-title::after{
        display:none
    }
}
[dir=rtl] .collapsible-sidebar-title::after{
    left:10px;
    right:auto
}
.my-activities-nav{
    background-color:#2d3a4d;
    border:0;
    margin-bottom:20px
}
.my-activities-sub-nav{
    background-color:transparent;
    border-bottom:1px solid #ddd;
    margin-bottom:30px
}
@media (min-width:960px){
    .my-activities-sub-nav li:hover{
        border-bottom:4px solid #ddd
    }
}
.my-activities-sub-nav li[aria-selected=true]{
    border-color:var(--color-dreamcast)
}
.my-activities-table .striped-list-title{
    display:block;
    margin-bottom:10px;
    max-width:350px;
    white-space:normal
}
.my-activities-table thead{
    display:none
}
@media (min-width:960px){
    .my-activities-table thead{
        display:table-header-group
    }
}
.my-activities-table td:first-child,.my-activities-table th:first-child{
    padding-left:0
}
@media (min-width:1024px){
    .my-activities-table .striped-list-title{
        margin-bottom:0;
        max-width:500px;
        min-width:350px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .my-activities-table td:first-child,.my-activities-table th:first-child{
        width:500px
    }
}
.requests-search,.requests-table-toolbar .request-table-filter{
    width:100%
}
.my-activities-table td:last-child,.my-activities-table th:last-child{
    padding-right:0
}
.my-activities-table td:not(:first-child){
    display:none
}
@media (min-width:960px){
    .my-activities-table td:not(:first-child){
        display:table-cell
    }
}
.requests-table-toolbar{
    align-items:flex-end;
    display:flex;
    flex-direction:column
}
.requests .requests-table-meta,.requests-table-toolbar .request-filter{
    display:block
}
@media (min-width:960px){
    .requests-table-toolbar{
        flex-direction:row
    }
}
.requests-table-toolbar .search{
    flex:1;
    width:100%
}
@media (min-width:960px){
    .requests-table-toolbar .request-table-filter{
        width:auto
    }
    .requests-table-toolbar .request-filter{
        margin:0 0 0 30px
    }
    [dir=rtl] .requests-table-toolbar .request-filter{
        margin:0 30px 0 0
    }
}
.requests-table-toolbar .request-filter-label{
    font-size:13px;
    margin-top:30px
}
.requests-table-toolbar select{
    max-height:40px;
    margin-bottom:30px;
    width:100%
}
.requests-table-toolbar .organization-subscribe,.requests-table-toolbar .organization-unsubscribe{
    line-height:40px;
    max-height:40px;
    padding:0 20px
}
@media (min-width:960px){
    .requests-table-toolbar .request-filter-label{
        margin-top:0
    }
    .requests-table-toolbar select{
        margin-bottom:0;
        max-width:300px;
        width:auto
    }
    .requests-table-toolbar .organization-subscribe,.requests-table-toolbar .organization-unsubscribe{
        margin-left:10px
    }
    [dir=rtl] .requests-table-toolbar .organization-subscribe,[dir=rtl] .requests-table-toolbar .organization-unsubscribe{
        margin:0 10px 0 0
    }
    .requests .requests-table-meta{
        display:none
    }
}
.requests-table-toolbar .organization-unsubscribe{
    background-color:var(--color-dreamcast);
    color:var(--color-segway)
}
.requests-table-toolbar+.requests-search-info{
    margin-top:15px
}
.requests-table-toolbar+.requests-search-info.meta-data::after{
    content:"";
    margin:0
}
.requests-table-toolbar+.requests-search-info+.requests{
    margin-top:20px
}
.requests-table-toolbar+.requests{
    margin-top:40px
}
.requests .requests-table thead{
    display:none
}
@media (min-width:960px){
    .requests .requests-table thead{
        display:table-header-group
    }
}
.requests .requests-table-info{
    display:block
}
@media (min-width:960px){
    .requests .requests-table-info{
        display:table-cell;
        vertical-align:middle;
        width:auto
    }
}
.requests .requests-table .requests-link{
    position:relative
}
.requests .requests-table .requests-sort-symbol{
    position:absolute;
    left:calc(100% + 3px);
    bottom:0;
    font-size:10px
}
.subscriptions-unsubscribe a{
    background:var(--color-dreamcast);
    border-radius:4px;
    color:var(--color-segway);
    display:inline-block;
    font-size:12px;
    line-height:2.34;
    padding:0 20px;
    text-align:center;
    width:100%
}
.subscriptions-unsubscribe a:hover{
    background-color:#2a688e
}
.subscriptions-table td:last-child{
    display:block
}
@media (min-width:960px){
    .subscriptions-unsubscribe a{
        width:auto
    }
    .subscriptions-table td:last-child{
        display:table-cell
    }
}
.subscriptions-table td:first-child{
    display:flex;
    align-items:center
}
.subscriptions-table .user-avatar{
    margin-right:10px
}
.subscriptions .striped-list-title{
    display:inline-block;
    vertical-align:middle
}
.contributions-table td:last-child{
    color:#777;
    font-size:13px;
    font-weight:300
}
@media (min-width:960px){
    .contributions-table td:last-child{
        color:inherit;
        font-size:inherit;
        font-weight:inherit
    }
}
.no-activities{
    color:#777
}
.request-container{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:space-between
}
.request-container .comment-container{
    min-width:0
}
.request-breadcrumbs{
    margin-bottom:40px
}
@media (min-width:1024px){
    .request-container{
        align-items:flex-start;
        flex-direction:row
    }
    .request-breadcrumbs{
        margin-bottom:60px
    }
}
.request-main{
    flex:1 0 auto;
    order:1
}
.request-main .comment-fields,.request-main .request-submit-comment{
    display:none
}
.request-main .comment-fields.shown{
    display:block
}
.request-main .request-submit-comment.shown{
    display:inline
}
.request-main .comment-ccs,.request-main .comment-form-controls{
    display:block
}
.request-main .comment-show-container{
    border-radius:2px;
    border:1px solid #ddd;
    cursor:pointer;
    display:flex;
    padding:8px 15px;
    width:100%
}
.request-main .comment-show-container.hidden,.request-main input#mark_as_solved{
    display:none
}
.request-main .comment-show-container-content{
    align-self:center;
    color:#777;
    margin-left:10px
}
.request-main .form-field.comment-ccs>ul{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-bottom:0
}
.request-main .form-field.comment-ccs>ul[data-hc-focus=true]{
    border:1px solid var(--color-dreamcast)
}
.request-main .form-field.comment-ccs>input[type=text]{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-bottom:0
}
.request-main .comment-ccs+textarea{
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin-top:0
}
.request-main .comment-ccs+textarea:focus{
    border-top:1px solid var(--color-dreamcast)
}
.request-title{
    width:100%
}
@media (min-width:1024px){
    .request-main{
        flex:0 0 66%;
        order:0;
        min-width:0
    }
    .request-title{
        border-bottom:1px solid #ddd;
        margin-bottom:0;
        max-width:66%;
        padding-bottom:20px
    }
}
.request-sidebar{
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    flex:1 0 auto;
    order:0
}
@media (min-width:1024px){
    .request-sidebar{
        background-color:var(--color-segway);
        border:0;
        font-size:13px;
        flex:0 0 auto;
        padding:0 20px;
        width:30%
    }
    .request-sidebar h5{
        display:none
    }
}
.request-sidebar h5{
    font-size:15px;
    font-weight:600;
    position:relative
}
.request-details{
    border-bottom:1px solid #ddd;
    font-size:0;
    margin:0;
    padding-bottom:20px
}
.request-details:last-child{
    border:0
}
.request-details dd,.request-details dt{
    display:inline-block;
    vertical-align:top;
    font-size:13px;
    margin:20px 0 0
}
.request-details dd{
    padding:0 10px;
    width:60%
}
.request-details dd::after{
    content:"\A";
    white-space:pre
}
.request-details dt{
    color:#777;
    font-weight:300;
    width:40%
}
.request-details .request-collaborators{
    display:inline-block
}
.request-attachments dd,.request-attachments dt{
    width:100%
}
.request-attachments dd{
    margin:10px 0 0
}
.request-form textarea{
    min-height:120px
}
.request-follow-up{
    padding-top:20px
}
.search-result-link {
    font-size: 2em;
}
.search-results{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:space-between
}
@media (min-width:1024px){
    .search-results{
        flex-direction:row
    }
}
.search-results-column{
    flex:1
}
@media (min-width:1024px){
    .search-results-column{
        flex:0 0 100%
    }
}
.search-results-list{
    margin-bottom:25px
}
.search-results-list>li{
    border-bottom:1px solid #ddd;
    padding:20px 0
}
.search-results-list>li:first-child{
    border-top:1px solid #ddd
}
.search-result-description{
    margin-top:15px
}
.search-result-meta-count,.search-result-votes{
    color:#777;
    display:inline-block;
    font-size:13px;
    font-weight:300;
    padding:4px 5px;
    position:relative
}
.search-result-meta-count::before,.search-result-votes::before{
    color:var(--color-dreamcast)
}
[dir=ltr] .search-result-meta-count,[dir=ltr] .search-result-votes{
    margin-left:5px
}
[dir=ltr] .search-result-meta-count::before,[dir=ltr] .search-result-votes::before{
    margin-right:3px
}
[dir=rtl] .search-result-meta-count,[dir=rtl] .search-result-votes{
    margin-right:5px
}
[dir=rtl] .search-result-meta-count::before,[dir=rtl] .search-result-votes::before{
    margin-left:3px
}
.search-result-votes::before{
    content:"\1F44D"
}
.search-result-meta-count::before{
    content:"\1F4AC"
}
.search-result .meta-group{
    align-items:center
}
.search-result-breadcrumbs{
    margin:0
}
.search-result-breadcrumbs li:last-child::after{
    display:inline-block;
    margin:0 5px
}
.pagination{
    margin:20px 0;
    text-align:center
}
.pagination *{
    display:inline-block
}
.pagination li{
    border-radius:50%;
    height:40px;
    float:left;
    margin-left:5px;
    width:40px
}
[dir=rtl] .pagination li{
    float:right
}
.pagination li:hover:not(.pagination-current){
    background-color:#f3f3f3
}
.pagination li:hover:not(.pagination-current) a,.pagination li:hover:not(.pagination-current) span{
    color:#444;
    text-decoration:none
}
.pagination a,.pagination span{
    font-size:15px;
    color:#777;
    padding:10px 12px
}
@media (min-width:960px){
    .pagination li{
        height:30px;
        width:30px
    }
    .pagination a,.pagination span{
        font-size:13px;
        padding:5px 12px
    }
}
.pagination-current{
    background-color:var(--color-dreamcast)
}
.pagination-current a,.pagination-current span{
    color:var(--color-segway)
}
.pagination-first{
    border-radius:3px 0 0 3px
}
.pagination-last,[dir=rtl] .pagination-first{
    border-radius:0 3px 3px 0
}
[dir=rtl] .pagination-last{
    border-radius:3px 0 0 3px
}
.meta-group{
    display:block
}
.meta-group *{
    display:inline
}
.meta-data{
    color:#777;
    font-size:13px;
    font-weight:300
}
.meta-data:not(:last-child)::after{
    content:"\00B7";
    margin:0 5px
}
.actions .dropdown-toggle::before,.article-vote::before,.attachments .attachment-item::before,.collapsible-nav-list li[aria-selected=true]::after,.collapsible-sidebar-title::after,.icon,.recent-activity-item-comment span::before,.search-result-meta-count::before,.search-result-votes::before,.search::before,.share a::before,.vote-down::before,.vote-up::before,[class*=" icon-"]::before,[class^=icon-]::before{
    font-family:copenhagen-icons;
    font-style:normal;
    font-weight:400;
    speak:none;
    line-height:1em;
    vertical-align:middle;
    -webkit-font-smoothing:antialiased
}
.icon-lock::before{
    content:"\1F512"
}
.icon-star::before{
    content:"\2605"
}
.icon-linkedin::before{
    content:"\e900"
}
.icon-twitter::before{
    content:"\e901"
}
.icon-googleplus-::before{
    content:"\e902"
}
.icon-facebook::before{
    content:"\e903"
}
.icon-agent::before{
    content:"\1F464"
}
.icon-close::before{
    content:"\2715"
}
.icon-arrow-up::before{
    content:"\2B06"
}
.icon-arrow-down::before{
    content:"\2B07"
}
.icon-attachments::before{
    content:"\1F4CE"
}
.icon-comments::before{
    content:"\1F4AC"
}
.icon-search::before{
    content:"\1F50D"
}
.icon-vote::before{
    content:"\1F44D"
}
.icon-handle::before{
    content:"\25BE"
}
.icon-check::before{
    content:"\2713"
}
.icon-gear::before{
    content:"\2699"
}
.icon-menu::before{
    content:"\2630"
}
.icon-article::before{
    content:"\1F4C4"
}
.icon-post::before{
    content:"\1F4D4"
}
.icon-notification-alert::before{
    content:"\26A0"
}
.icon-notification-error::before{
    content:"\00D7"
}
.icon-notification-info::before{
    content:"\2139"
}
.icon-notification-success::before{
    content:"\2714"
}
.profile-private-badge::after,.profile-section .private-activity::before{
    content:"\1f512";
    vertical-align:middle;
    font-family:copenhagen-icons
}
.profile-header{
    padding:30px 0;
    background-color:var(--color-segway)
}
.profile-header .container{
    display:flex;
    flex-wrap:wrap
}
@media (min-width:960px){
    .profile-header .container{
        flex-wrap:nowrap
    }
}
.profile-header .profile-info{
    flex-basis:100%;
    display:flex;
    flex-wrap:wrap;
    min-width:0
}
.profile-avatar{
    position:relative;
    line-height:0;
    align-self:center;
    margin-right:10px
}
[dir=rtl] .profile-avatar{
    margin-left:10px;
    margin-right:0
}
.profile-avatar .user-avatar{
    width:65px;
    height:65px
}
.profile-avatar .icon-agent::before{
    bottom:0;
    right:0
}
.profile-header .basic-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex-grow:1;
    flex-basis:0;
    min-width:0
}
.profile-header .basic-info .name{
    margin:0
}
.profile-header .options{
    display:flex;
    flex-basis:100%;
    margin-top:12px;
    align-items:flex-start;
    flex-wrap:wrap
}
@media (min-width:960px){
    .profile-header .options{
        flex-wrap:nowrap;
        flex-basis:auto;
        margin-top:0;
        margin-left:10px
    }
    [dir=rtl] .profile-header .options{
        margin-left:0;
        margin-right:10px
    }
    .profile-header .options>:not(:last-child){
        margin-bottom:0;
        margin-right:10px
    }
    [dir=rtl] .profile-header .options>:not(:last-child){
        margin-left:10px;
        margin-right:0
    }
}
.profile-header .options [data-action=edit-profile]{
    background-color:var(--color-dreamcast);
    border:0;
    color:var(--color-segway);
    line-height:normal;
    padding:8px 20px
}
.profile-header .description{
    margin:15px 0;
    flex-basis:100%
}
.profile-stats{
    font-size:13px;
    display:flex;
    flex-direction:column;
    flex-basis:100%
}
.profile-stats .stat{
    display:flex;
    margin-bottom:10px
}
.profile-stats .stat-label{
    color:#777;
    font-weight:300;
    flex:0 0 100px;
    margin-right:10px
}
[dir=rtl] .profile-stats .stat-label{
    margin-left:10px;
    margin-right:0
}
.profile-stats-activity{
    border-top:solid 1px #ddd;
    margin-top:15px
}
.profile-stats-activity .stat:first-child{
    margin-top:10px
}
.profile-stats-counters{
    border-bottom:solid 1px #ddd
}
@media (min-width:960px){
    .profile-stats-activity{
        border-top:0;
        flex-direction:row
    }
    .profile-stats-activity .stat{
        flex-direction:column
    }
    .profile-stats-activity .stat:first-child{
        margin-top:0
    }
    .profile-stats-activity .stat:not(:last-child){
        margin-right:40px
    }
    [dir=rtl] .profile-stats-activity .stat:not(:last-child){
        margin-left:40px;
        margin-right:0
    }
    .profile-stats-activity .stat-label{
        flex:0 1 auto
    }
    .profile-stats-counters{
        flex:0 0 200px;
        border-bottom:0;
        margin-left:40px
    }
    [dir=rtl] .profile-stats-counters{
        margin-left:0;
        margin-right:40px
    }
}
@media (min-width:1024px){
    .profile-stats-counters{
        flex:0 0 270px;
        margin-left:60px
    }
    [dir=rtl] .profile-stats-counters{
        margin-right:60px;
        margin-left:0
    }
}
@media (min-width:960px){
    .profile-stats-counters .stat{
        flex-direction:column
    }
    .profile-stats-counters .stat:not(:last-child){
        margin-bottom:15px
    }
}
@media (min-width:1024px){
    .profile-stats-counters .stat{
        flex-direction:row
    }
}
@media (min-width:960px){
    .profile-stats-counters .stat-label{
        flex:0 1 auto
    }
}
@media (min-width:1024px){
    .profile-stats-counters .stat-label{
        flex:0 0 100px
    }
}
.profile-private-badge{
    flex-basis:100%;
    border:1px solid var(--color-dreamcast);
    border-radius:4px;
    color:var(--color-dreamcast);
    padding:5px 20px;
    font-size:12px;
    text-align:center
}
.profile-private-badge::after{
    margin-left:5px;
    line-height:15px
}
@media (min-width:960px){
    .profile-private-badge{
        flex-basis:auto
    }
}
.profile-nav{
    background-color:#2d3a4d;
    border:0;
    margin-bottom:37px
}
.profile-section{
    width:100%
}
@media (min-width:1024px){
    .profile-section{
        width:calc(100% - 330px)
    }
}
.profile-section-header{
    display:flex;
    flex-wrap:wrap
}
.profile-section-title{
    flex-basis:100%;
    margin-bottom:0
}
.profile-section-description{
    flex-basis:100%;
    padding:10px 0;
    color:#777;
    font-weight:300;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
@media (min-width:960px){
    .profile-section-description{
        flex:1 0 50%;
        padding-bottom:0
    }
}
.profile-section-sorter{
    flex-basis:100%;
    border-top:solid 1px #eee;
    font-size:13px
}
.profile-section-sorter .dropdown-toggle{
    padding:10px 0;
    width:100%
}
.profile-section-sorter .dropdown-toggle::after{
    position:absolute;
    right:0
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after{
    left:0;
    right:initial
}
[dir=rtl] .profile-activity::before,[dir=rtl] .profile-contribution-list>.profile-contribution::before{
    right:0
}
@media (min-width:960px){
    .profile-section-sorter .dropdown-toggle::after{
        position:relative
    }
    .profile-section-sorter{
        flex:0 1 auto;
        padding-top:0;
        border-top:0;
        margin-left:20px
    }
    [dir=rtl] .profile-section-sorter{
        margin-left:0;
        margin-right:20px
    }
}
.profile-contribution{
    padding:20px 0;
    position:relative
}
.profile-contribution-header{
    margin-bottom:5px
}
.profile-contribution-title{
    margin:0 0 5px;
    display:inline;
    line-height:21px;
    font-size:15px;
    vertical-align:middle
}
.profile-contribution-body{
    margin:10px 0
}
.profile-contribution-list>.profile-contribution{
    border-top:1px solid #eee
}
@media (min-width:960px){
    .profile-contribution-list>.profile-contribution{
        padding-left:30px
    }
    [dir=rtl] .profile-contribution-list>.profile-contribution{
        padding-right:30px;
        padding-left:0
    }
}
.profile-contribution-list>.profile-contribution:last-child{
    border-bottom:1px solid #eee
}
.profile-contribution-list>.profile-contribution::before{
    left:0;
    position:absolute;
    font-size:16px;
    color:#ccc;
    font-family:copenhagen-icons;
    line-height:25px
}
.profile-contribution-list .profile-contribution-header{
    margin-left:30px
}
[dir=rtl] .profile-contribution-list .profile-contribution-header{
    padding-right:30px;
    padding-left:0
}
@media (min-width:960px){
    .profile-contribution-list .profile-contribution-header{
        margin-left:0
    }
    [dir=rtl] .profile-contribution-list .profile-contribution-header{
        padding-right:0
    }
}
.profile-comments .profile-contribution-breadcrumbs{
    margin-left:30px
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs{
    padding-right:30px;
    padding-left:0
}
@media (min-width:960px){
    .profile-comments .profile-contribution-breadcrumbs{
        margin-left:0
    }
    [dir=rtl] .profile-comments .profile-contribution-breadcrumbs{
        padding-right:0
    }
    .profile-activity{
        padding-left:20px
    }
    [dir=rtl] .profile-activity{
        padding-right:20px;
        padding-left:0
    }
}
.profile-section .no-activity,.profile-section .private-activity{
    display:block;
    margin-top:40px;
    color:#999
}
.profile-section .private-activity::before{
    font-style:normal;
    font-size:12px;
    font-weight:400;
    margin-right:10px
}
[dir=rtl] .profile-section .private-activity::before{
    margin-right:0;
    margin-left:10px
}
.profile-activity-list{
    margin-top:25px
}
.profile-activity{
    position:relative;
    padding-bottom:30px
}
.profile-activity-header{
    display:flex;
    align-items:center;
    margin-left:35px
}
[dir=rtl] .profile-activity-header{
    margin-left:0;
    margin-right:35px
}
@media (min-width:960px){
    .profile-activity:not(:last-child){
        border-left:1px solid #ddd
    }
    [dir=rtl] .profile-activity:not(:last-child){
        border-left:0;
        border-right:1px solid #ddd
    }
    .profile-activity-header{
        margin-left:0
    }
    [dir=rtl] .profile-activity-header{
        margin-right:0
    }
}
.profile-activity-header .user-avatar{
    width:40px;
    height:40px;
    margin-right:10px;
    min-width:40px;
    align-self:flex-start
}
[dir=rtl] .profile-activity-header .user-avatar{
    margin-left:10px;
    margin-right:0
}
.profile-activity-description{
    margin:0;
    min-width:0;
    width:100%
}
.profile-activity-description span:first-child{
    font-weight:600;
    display:inline
}
.profile-activity-contribution{
    padding:20px;
    margin-top:10px;
    border-radius:8px;
    background-color:var(--color-segway);
}
.profile-activity::before{
    position:absolute;
    left:0;
    width:28px;
    border-radius:50%;
    content:"";
    background-size:14px 14px;
    background-repeat:no-repeat;
    background-color:var(--color-segway);
    background-position:50% 50%;
    text-align:center;
    line-height:40px;
    font-size:16px;
    color:#ccc;
    font-family:copenhagen-icons
}
@media (min-width:960px){
    .profile-activity-contribution{
        margin-top:0;
        margin-left:50px
    }
    [dir=rtl] .profile-activity-contribution{
        margin-left:0;
        margin-right:50px
    }
    .profile-activity::before{
        left:-14px
    }
    [dir=rtl] .profile-activity::before{
        right:-14px
    }
}
.profile-activity-list>li[class$="-article"]::before,.profile-articles>.profile-contribution::before{
    content:"\1f4c4"
}
.profile-activity-list>li[class$="-post"]::before,.profile-posts>.profile-contribution::before{
    content:"\1f4d4"
}
.profile-activity-list>li[class$="-comment"]::before,.profile-comments>.profile-contribution::before{
    content:"\1f4ac";
    line-height:35px
}
.home-content .section .section-tree-title::after,.home-content .section.expand .section-tree-title::after,.id-205239328 .section-tree-title::before,.id-205835808 .section-tree-title::before,.id-205841167 .section-tree-title::before,.id-205842707 .section-tree-title::before,.id-205844687 .section-tree-title::before,.id-205853348 .section-tree-title::before,.id-206663887 .section-tree-title::before,.id-206681787 .section-tree-title::before,.id-206700528 .section-tree-title::before,.id-206706147 .section-tree-title::before,.id-206718808 .section-tree-title::before{
    font-family:tumblr-icons,Blank;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    text-decoration:none;
    text-transform:none
}
@font-face{
    font-family:tumblr-icons;
    src:url("/hc/theming_assets/01HZPRTM7ZHDA0MDVYFE6DXMNN");
    src:url(https://p5.zdassets.com/hc/theme_assets/717332/200092377/tumblr-icons.eot?#iefix) format("embedded-opentype"),url("/hc/theming_assets/01HZPRTRQGXYR0VME2WTG1V87W") format("woff"),url("/hc/theming_assets/01HZPRTP4FWTBZDVMR1GZ7QNJ5") format("truetype"),url("/hc/theming_assets/01HZPRTQM86KMXGT4M0C2MA1S4") format("svg");
    font-weight:400;
    font-style:normal
}
[class*=" icon_"],[class^=icon_]{
    line-height:1
}
[data-icon]:before{
    content:attr(data-icon)
}
.icon_activity:before,.icon_airplane:before,.icon_airplane_legacy:before,.icon_analytics:before,.icon_android:before,.icon_apple:before,.icon_arrow_carrot_down:before,.icon_arrow_carrot_left:before,.icon_arrow_carrot_right:before,.icon_arrow_carrot_thin_left:before,.icon_arrow_carrot_thin_right:before,.icon_arrow_carrot_up:before,.icon_arrow_filled_down:before,.icon_arrow_filled_left:before,.icon_arrow_filled_right:before,.icon_arrow_filled_up:before,.icon_arrow_small_right:before,.icon_arrow_thin_down:before,.icon_arrow_thin_left:before,.icon_arrow_thin_right:before,.icon_arrow_thin_up:before,.icon_arrow_video:before,.icon_arrow_video_12:before,.icon_back:before,.icon_blog_icon:before,.icon_broken_heart_left:before,.icon_broken_heart_right:before,.icon_camera_alert:before,.icon_carousel_arrow_web:before,.icon_cc:before,.icon_checkmark:before,.icon_close:before,.icon_close_thin:before,.icon_close_video_12:before,.icon_customize:before,.icon_delete:before,.icon_desktop:before,.icon_diamond:before,.icon_dotdotdot:before,.icon_drafts:before,.icon_drag:before,.icon_edit:before,.icon_edit_appearance:before,.icon_edit_legacy:before,.icon_edit_pencil:before,.icon_editor_bold:before,.icon_editor_camera:before,.icon_editor_carets:before,.icon_editor_crossout:before,.icon_editor_headline:before,.icon_editor_hr:before,.icon_editor_italic:before,.icon_editor_link:before,.icon_editor_markdown:before,.icon_editor_more:before,.icon_editor_ol:before,.icon_editor_plus:before,.icon_editor_quote:before,.icon_editor_readmore:before,.icon_editor_ul:before,.icon_elevator:before,.icon_embed:before,.icon_explore:before,.icon_explore_inner:before,.icon_explore_outer:before,.icon_explore_tumblr:before,.icon_export:before,.icon_eyeball:before,.icon_eyeball_black:before,.icon_facebook:before,.icon_filter:before,.icon_flag:before,.icon_follow_rounded_small:before,.icon_followers:before,.icon_following:before,.icon_fullscreen:before,.icon_gif-stroke:before,.icon_globe:before,.icon_grip_dots:before,.icon_grip_vertical:before,.icon_hashtag:before,.icon_hd:before,.icon_help:before,.icon_home:before,.icon_image-remove:before,.icon_keyboard:before,.icon_like:before,.icon_like_filled:before,.icon_like_legacy:before,.icon_live_video:before,.icon_lock:before,.icon_lock_12:before,.icon_lock_thick_12:before,.icon_logout:before,.icon_mail:before,.icon_mail_new:before,.icon_manburger:before,.icon_members:before,.icon_members_12:before,.icon_mention:before,.icon_message_plus:before,.icon_messaging:before,.icon_messaging_error:before,.icon_messaging_smiley:before,.icon_money_bubble:before,.icon_nav_settings:before,.icon_next:before,.icon_panel:before,.icon_pause:before,.icon_person:before,.icon_person_plus:before,.icon_photo_plus:before,.icon_photoset:before,.icon_pinterest:before,.icon_play:before,.icon_plus:before,.icon_post_audio:before,.icon_post_audio_small:before,.icon_post_chat:before,.icon_post_chat_inverse:before,.icon_post_chat_small:before,.icon_post_icon:before,.icon_post_link:before,.icon_post_link_inverse:before,.icon_post_link_small:before,.icon_post_photo:before,.icon_post_photo_small:before,.icon_post_quote:before,.icon_post_quote_small:before,.icon_post_text:before,.icon_post_text_small:before,.icon_post_video:before,.icon_post_video_small:before,.icon_postforms_add_photo:before,.icon_postforms_audio:before,.icon_postforms_camera:before,.icon_postforms_caption:before,.icon_postforms_clickthrough:before,.icon_postforms_flash_off:before,.icon_postforms_flash_on:before,.icon_postforms_gif:before,.icon_postforms_globe:before,.icon_postforms_globe_small:before,.icon_postforms_photo:before,.icon_postforms_processing:before,.icon_postforms_refresh:before,.icon_postforms_selfie:before,.icon_postforms_selfie_wink:before,.icon_postforms_video:before,.icon_posts:before,.icon_processing:before,.icon_queue:before,.icon_queue_small:before,.icon_reblog:before,.icon_reblog_graph:before,.icon_reblog_legacy:before,.icon_reblog_sm:before,.icon_reddit:before,.icon_refresh:before,.icon_remove:before,.icon_reply:before,.icon_reply_filled:before,.icon_reposition:before,.icon_rounded_play:before,.icon_search:before,.icon_settings:before,.icon_settings_legacy:before,.icon_sound_off:before,.icon_sound_on:before,.icon_speaker:before,.icon_speaker_cross:before,.icon_speaker_waves:before,.icon_sponsored_dollar:before,.icon_sponsored_rotate:before,.icon_star:before,.icon_star_12:before,.icon_trash:before,.icon_trending_arrow:before,.icon_twitter:before,.icon_user_settings:before,.icon_verified_badge:before,.icon_video_unsupported:before,.icon_view_grid:before,.icon_view_grid_settings:before,.icon_view_list:before,.icon_windows:before,[data-icon]:before{
    display:inline-block;
    font-family:tumblr-icons;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    line-height:1;
    text-decoration:inherit;
    text-rendering:optimizeLegibility;
    text-transform:none;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased
}
.home-content .section-tree-title a:active,.home-content .section-tree-title a:hover,a:hover{
    text-decoration:none
}
.icon_activity:before{
    content:"\EA01"
}
.icon_airplane:before{
    content:"\EA02"
}
.icon_airplane_legacy:before{
    content:"\EA03"
}
.icon_analytics:before{
    content:"\EA04"
}
.icon_android:before{
    content:"\EA05"
}
.icon_apple:before{
    content:"\EA06"
}
.icon_arrow_carrot_down:before{
    content:"\EA07"
}
.icon_arrow_carrot_left:before{
    content:"\EA08"
}
.icon_arrow_carrot_right:before{
    content:"\EA09"
}
.icon_arrow_carrot_thin_left:before{
    content:"\EA0A"
}
.icon_arrow_carrot_thin_right:before{
    content:"\EA0B"
}
.icon_arrow_carrot_up:before{
    content:"\EA0C"
}
.icon_arrow_filled_down:before{
    content:"\EA0D"
}
.icon_arrow_filled_left:before{
    content:"\EA0E"
}
.icon_arrow_filled_right:before{
    content:"\EA0F"
}
.icon_arrow_filled_up:before{
    content:"\EA10"
}
.icon_arrow_small_right:before{
    content:"\EA11"
}
.icon_arrow_thin_down:before{
    content:"\EA12"
}
.icon_arrow_thin_left:before{
    content:"\EA13"
}
.icon_arrow_thin_right:before{
    content:"\EA14"
}
.icon_arrow_thin_up:before{
    content:"\EA15"
}
.icon_arrow_video:before{
    content:"\EA16"
}
.icon_arrow_video_12:before{
    content:"\EA17"
}
.icon_back:before{
    content:"\EA18"
}
.icon_blog_icon:before{
    content:"\EA19"
}
.icon_broken_heart_left:before{
    content:"\EA1A"
}
.icon_broken_heart_right:before{
    content:"\EA1B"
}
.icon_camera_alert:before{
    content:"\EAB2"
}
.icon_carousel_arrow_web:before{
    content:"\EAB7"
}
.icon_cc:before{
    content:"\EA1C"
}
.icon_checkmark:before{
    content:"\EA1D"
}
.icon_close:before{
    content:"\EA1E"
}
.icon_close_thin:before{
    content:"\EABA"
}
.icon_close_video_12:before{
    content:"\EA1F"
}
.icon_customize:before{
    content:"\EA20"
}
.icon_delete:before{
    content:"\EA21"
}
.icon_desktop:before{
    content:"\EA22"
}
.icon_diamond:before{
    content:"\EA23"
}
.icon_dotdotdot:before{
    content:"\EA24"
}
.icon_drafts:before{
    content:"\EA25"
}
.icon_drag:before{
    content:"\EA26"
}
.icon_edit:before{
    content:"\EA27"
}
.icon_edit_appearance:before{
    content:"\EAB3"
}
.icon_edit_legacy:before{
    content:"\EA28"
}
.icon_edit_pencil:before{
    content:"\EA29"
}
.icon_editor_bold:before{
    content:"\EA2A"
}
.icon_editor_camera:before{
    content:"\EA2B"
}
.icon_editor_carets:before{
    content:"\EA2C"
}
.icon_editor_crossout:before{
    content:"\EA2D"
}
.icon_editor_headline:before{
    content:"\EA2E"
}
.icon_editor_hr:before{
    content:"\EA2F"
}
.icon_editor_italic:before{
    content:"\EA30"
}
.icon_editor_link:before{
    content:"\EA31"
}
.icon_editor_markdown:before{
    content:"\EA32"
}
.icon_editor_more:before{
    content:"\EA33"
}
.icon_editor_ol:before{
    content:"\EA34"
}
.icon_editor_plus:before{
    content:"\EA35"
}
.icon_editor_quote:before{
    content:"\EA36"
}
.icon_editor_readmore:before{
    content:"\EA37"
}
.icon_editor_ul:before{
    content:"\EA38"
}
.icon_elevator:before{
    content:"\EA39"
}
.icon_embed:before{
    content:"\EA3A"
}
.icon_explore:before{
    content:"\EA3B"
}
.icon_explore_inner:before{
    content:"\EA3C"
}
.icon_explore_outer:before{
    content:"\EA3D"
}
.icon_explore_tumblr:before{
    content:"\EA3E"
}
.icon_export:before{
    content:"\EA3F"
}
.icon_eyeball:before{
    content:"\EAB8"
}
.icon_eyeball_black:before{
    content:"\EABC"
}
.icon_facebook:before{
    content:"\EA40"
}
.icon_filter:before{
    content:"\EA41"
}
.icon_flag:before{
    content:"\EA42"
}
.icon_follow_rounded_small:before{
    content:"\EA43"
}
.icon_followers:before{
    content:"\EA44"
}
.icon_following:before{
    content:"\EA45"
}
.icon_fullscreen:before{
    content:"\EA46"
}
.icon_gif-stroke:before{
    content:"\EAAE"
}
.icon_globe:before{
    content:"\EA47"
}
.icon_grip_dots:before{
    content:"\EA48"
}
.icon_grip_vertical:before{
    content:"\EA49"
}
.icon_hashtag:before{
    content:"\EAAF"
}
.icon_hd:before{
    content:"\EA4A"
}
.icon_help:before{
    content:"\EA4B"
}
.icon_home:before{
    content:"\EA4C"
}
.icon_image-remove:before{
    content:"\EAAD"
}
.icon_keyboard:before{
    content:"\EA4D"
}
.icon_like:before{
    content:"\EA4E"
}
.icon_like_filled:before{
    content:"\EA4F"
}
.icon_like_legacy:before{
    content:"\EA50"
}
.icon_live_video:before{
    content:"\EAB0"
}
.icon_lock:before{
    content:"\EA51"
}
.icon_lock_12:before{
    content:"\EA52"
}
.icon_lock_thick_12:before{
    content:"\EA53"
}
.icon_logout:before{
    content:"\EA54"
}
.icon_mail:before{
    content:"\EA55"
}
.icon_mail_new:before{
    content:"\EA56"
}
.icon_manburger:before{
    content:"\EA57"
}
.icon_members:before{
    content:"\EA58"
}
.icon_members_12:before{
    content:"\EA59"
}
.icon_mention:before{
    content:"\EA5A"
}
.icon_message_plus:before{
    content:"\EA5B"
}
.icon_messaging:before{
    content:"\EA5C"
}
.icon_messaging_error:before{
    content:"\EA5D"
}
.icon_messaging_smiley:before{
    content:"\EA5E"
}
.icon_money_bubble:before{
    content:"\EA5F"
}
.icon_nav_settings:before{
    content:"\EA60"
}
.icon_next:before{
    content:"\EA61"
}
.icon_panel:before{
    content:"\EAB5"
}
.icon_pause:before{
    content:"\EA62"
}
.icon_person:before{
    content:"\EA63"
}
.icon_person_plus:before{
    content:"\EA64"
}
.icon_photo_plus:before{
    content:"\EA65"
}
.icon_photoset:before{
    content:"\EA66"
}
.icon_pinterest:before{
    content:"\EA67"
}
.icon_play:before{
    content:"\EA68"
}
.icon_plus:before{
    content:"\EA69"
}
.icon_post_audio:before{
    content:"\EA6A"
}
.icon_post_audio_small:before{
    content:"\EA6B"
}
.icon_post_chat:before{
    content:"\EA6C"
}
.icon_post_chat_inverse:before{
    content:"\EA6D"
}
.icon_post_chat_small:before{
    content:"\EA6E"
}
.icon_post_icon:before{
    content:"\EA6F"
}
.icon_post_link:before{
    content:"\EA70"
}
.icon_post_link_inverse:before{
    content:"\EA71"
}
.icon_post_link_small:before{
    content:"\EA72"
}
.icon_post_photo:before{
    content:"\EA73"
}
.icon_post_photo_small:before{
    content:"\EA74"
}
.icon_post_quote:before{
    content:"\EA75"
}
.icon_post_quote_small:before{
    content:"\EA76"
}
.icon_post_text:before{
    content:"\EA77"
}
.icon_post_text_small:before{
    content:"\EA78"
}
.icon_post_video:before{
    content:"\EA79"
}
.icon_post_video_small:before{
    content:"\EA7A"
}
.icon_postforms_add_photo:before{
    content:"\EA7B"
}
.icon_postforms_audio:before{
    content:"\EA7C"
}
.icon_postforms_camera:before{
    content:"\EA7D"
}
.icon_postforms_caption:before{
    content:"\EA7E"
}
.icon_postforms_clickthrough:before{
    content:"\EA7F"
}
.icon_postforms_flash_off:before{
    content:"\EA80"
}
.icon_postforms_flash_on:before{
    content:"\EA81"
}
.icon_postforms_gif:before{
    content:"\EA82"
}
.icon_postforms_globe:before{
    content:"\EA83"
}
.icon_postforms_globe_small:before{
    content:"\EA84"
}
.icon_postforms_photo:before{
    content:"\EA85"
}
.icon_postforms_processing:before{
    content:"\EA86"
}
.icon_postforms_refresh:before{
    content:"\EA87"
}
.icon_postforms_selfie:before{
    content:"\EA88"
}
.icon_postforms_selfie_wink:before{
    content:"\EA89"
}
.icon_postforms_video:before{
    content:"\EA8A"
}
.icon_posts:before{
    content:"\EA8B"
}
.icon_processing:before{
    content:"\EA8C"
}
.icon_queue:before{
    content:"\EA8D"
}
.icon_queue_small:before{
    content:"\EA8E"
}
.icon_reblog:before{
    content:"\EA8F"
}
.icon_reblog_graph:before{
    content:"\EA90"
}
.icon_reblog_legacy:before{
    content:"\EA91"
}
.icon_reblog_sm:before{
    content:"\EA92"
}
.icon_reddit:before{
    content:"\EA93"
}
.icon_refresh:before{
    content:"\EA94"
}
.icon_remove:before{
    content:"\EA95"
}
.icon_reply:before{
    content:"\EA96"
}
.icon_reply_filled:before{
    content:"\EA97"
}
.icon_reposition:before{
    content:"\EA98"
}
.icon_rounded_play:before{
    content:"\EAB6"
}
.icon_search:before{
    content:"\EA99"
}
.icon_settings:before{
    content:"\EA9A"
}
.icon_settings_legacy:before{
    content:"\EA9B"
}
.icon_sound_off:before{
    content:"\EA9C"
}
.icon_sound_on:before{
    content:"\EA9D"
}
.icon_speaker:before{
    content:"\EA9E"
}
.icon_speaker_cross:before{
    content:"\EA9F"
}
.icon_speaker_waves:before{
    content:"\EAA0"
}
.icon_sponsored_dollar:before{
    content:"\EAB4"
}
.icon_sponsored_rotate:before{
    content:"\EAB1"
}
.icon_star:before{
    content:"\EAA1"
}
.icon_star_12:before{
    content:"\EAA2"
}
.icon_trash:before{
    content:"\EAA3"
}
.icon_trending_arrow:before{
    content:"\EAA4"
}
.icon_twitter:before{
    content:"\EAA5"
}
.icon_user_settings:before{
    content:"\EAA6"
}
.icon_verified_badge:before{
    content:"\EAA7"
}
.icon_video_unsupported:before{
    content:"\EAA8"
}
.icon_view_grid:before{
    content:"\EAA9"
}
.icon_view_grid_settings:before{
    content:"\EAAA"
}
.icon_view_list:before{
    content:"\EAAB"
}
.icon_windows:before{
    content:"\EAAC"
}
.show-tumblr-nav{
    overflow:hidden
}
.tumblr-nav li a {
  color: var(--color-dreamcast);
}
.tumblr-nav .button {
  color: var(--color-ghost);
  font-size: 18px;
  font-weight: bold;
}

.support-button {
  padding: 0px 10px 0px 10px;
}

.mobile-nav {
  padding: 20px 10px 10px 10px;
}

.mobile-nav-mask{
    height:0;
    width:0;
    transition:opacity 125ms;
    opacity:0;
    background-color:var(--color-hoverboard)
}
.show-tumblr-nav .mobile-nav-mask{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    opacity:.5
}
.button{
    position:relative
}
.button i{
    position:absolute;
    left:5px;
    line-height:inherit
}
.button.large{
    font-size:15px;
    font-weight:800;
    color:var(--color-ghost);
    border:0;
    background-color:#9aa2ae;
    line-height:45px;
    margin-bottom:20px
}
.button.large i{
    font-size:32px
}
.button.green{
    background-color:var(--color-glass);
}
.button.blue{
    background-color:var(--color-dreamcast);
}

.contact-footer .button{
  color:var(--color-dreamcast);
  display:block;
  padding: 0.8em;
  background-color: unset;
  border-style: solid;
  border-color: var(--color-dreamcast);
  border-width: 2px;
  border-radius: 30px;
  min-width: 200px;
  font-size: 16px;
  font-weight: 500;
  margin: var(--section-margin) auto;
  width: 10vw;
}

.contact-footer p {
  text-align: center;
  font-size: 20px;
}

@font-face {
  font-family: 'favorit';
  src: url('https://static.tumblr.com/0du9egr/18br0m557/favorittumblr-85.otf');
  src: url('https://static.tumblr.com/0du9egr/hbkqzfp1z/favorittumblr-85.otf#iefix') format('embedded-opentype');
  src: url('https://static.tumblr.com/0du9egr/oP0r0m56l/favorittumblr-85.woff') format('woff');
  /*src: url(/hc/theming_assets/01HZPRTNYSVVV43EP0W4C95VV1) format('ttf');*/
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'favorit';
    src: url('https://static.tumblr.com/0du9egr/f5Vr0m544/favorittumblr-medium.otf');
    src: url('https://static.tumblr.com/0du9egr/hoRqzfpb3/favorittumblr-medium.otf#iefix') format('embedded-opentype');
    src: url('https://static.tumblr.com/0du9egr/TCnr0m55w/favorittumblr-medium.woff') format('woff');
    /*src: url(/hc/theming_assets/01HZPRTMK51A87ED8JPY27BNNV) format('ttf');*/
    font-weight: bold;
    font-style: bold;
}

.headerwrapper .header{
    height:54px;
    width:100%;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.2)
}
.headerwrapper .header .logo a{
    display:flex
}
.headerwrapper .header .help-center{
    display:none
}
.headerwrapper .header .hamburger{
    cursor:pointer;
    color:#9aa2ae;
    font-size:32px;
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    left:0
}
.nav-wrapper,.nav-wrapper .language-selector{
    display:none
}
.nav-wrapper{
    margin-left:auto
}
.tumblr-nav{
    display:block;
    position:fixed;
    left:0;
    top:0;
    transform:translateX(-100%);
    transition:all ease 125ms;
    z-index:10;
    background:var(--color-segway);
    width:80%;
    height:100%
}
.tumblr-nav .nav-list{
    height:100%;
    background:var(--color-segway);
    overflow-y:scroll
}

.nav-item .search {
  padding: 20px 10px 20px 10px;
}

.tumblr-nav .nav-list .nav-item a{
    color:var(--color-ghost);
    width:100%;
    padding:10px 5px;
    display:block
}
.tumblr-nav .nav-list .nav-item a.active{
    color:var(--color-dreamcast);
}
.tumblr-nav .nav-list .nav-item:nth-child(2n+1){
    background:var(--color-segway);
}
.show-tumblr-nav .tumblr-nav{
    transform:translateX(0)
}
.tumblr-nav img {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
}
.tumblr-nav h1 {
  text-align: center;
}
.mobile-nav li {
  padding-top: 10px;
  padding-bottom: 10px;
}
.headerwrapper{
    background:var(--color-segway);
    padding-top: 10px;
}

.welcome-banner {
  background: var(--color-segway);
  height: 30vw;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
}
.welcome-banner p {
  font-size: calc(24px + 3vw);
  text-align: center;
  font-weight: 600;
  padding-top: 10vw;
}

.section.hero{
    height:100px;
    margin:0
}
.section.hero .hero-inner{
    width:100%;
    padding:0 20px
}

.section.hero .quick-links{
    display:none
}

@media screen and (max-width: 960px) {
  .section.hero {
    display:none;
  }
}

@media (min-width:960px){
    .headerwrapper .header{
        border-bottom:none
    }
    .headerwrapper .header .hamburger{
        display:none
    }
    .headerwrapper .header .logo{
        position:static;
        padding-left:16px
    }
    .headerwrapper .header .help-center{
        flex:1;
        display:inline-block;
        color:var(--color-ghost);
        margin:0;
        font-size:14px;
        padding-left:12px
    }
    .nav-wrapper{
        display:inline-flex;
        color:var(--color-ghost);
        padding-left: 10px;
    }
    .nav-wrapper .template-dummy-nav{
        display:none
    }
    .nav-wrapper .language-selector{
        display:inline-block;
        margin-right:5px;
        margin-left: 5px;
        vertical-align: middle;
        margin-top: auto;
        margin-bottom: auto;
    }
    .nav-wrapper .language-selector .icon_globe{
        font-size:22px;
        vertical-align:middle;
    }
    .nav-wrapper .language-selector .icon_arrow_carrot_down{
        cursor:pointer
    }
    .nav-wrapper .button{
        padding:5px 20px 5px 20px;
        border-radius:30px;
        background-color: var(--color-dreamcast);
        color:var(--color-ghost);
        margin-right:12px;
        font-weight: 500;
        font-size: 16px;
        border-style: solid;
        border-width: 2px;
        border-color: var(--color-dreamcast);
        color: var(--color-segway)!important;
    }
    .nav-wrapper .button:hover{
        padding:5px 20px 5px 20px;
        border-radius:30px;
        background-color: unset;
        color:var(--color-dreamcast);
        margin-right:12px;
        font-weight: 500;
        font-size: 16px;
        border-style: solid;
        border-width: 2px;
        border-color: var(--color-dreamcast);
        color: var(--color-dreamcast)!important;
    }


    .nav-wrapper .dropdown-toggle{
        margin-right:0;
        padding-right:0
    }
    .nav-wrapper .dropdown-toggle:after{
        content:none
    }
    .nav-wrapper .dropdown-toggle .language-selector{
        margin-right:5px;
    }
    /*
    .tumblr-nav{
        display:block;
        position:relative;
        width:100%;
        transition:none;
        transform:translateX(0);
        background:0 0;
        height:36px
    }
    .tumblr-nav .nav-list .nav-item a{
        padding:0
    }
    .tumblr-nav .nav-list .nav-item:nth-child(2n+1){
        background:0 0
    }
    .tumblr-nav .nav-list{
        background:0 0;
        overflow-y:auto;
        display:flex;
        align-items:center;
        max-width:1160px;
        margin:0 auto;
        padding-left:8px
    }
    .tumblr-nav .nav-item{
        display:inline-block;
        padding:0 9px
    }
    .tumblr-nav .nav-item .nav-link{
        display:block;
        color:var(--color-ghost);
        font-size:14px
    }
    .tumblr-nav .nav-item .nav-link.active{
        color:var(--color-dreamcast);
    }
    */
    .section.hero .hero-inner{
        display:flex;
        align-items:center;
        flex-direction:row;
        justify-content: center;
    }
    .section.hero .links-list,.section.hero .quick-links,.section.hero .quick-links .quick-item{
        display:inherit;
    }

    .links-list ul li {
      display: inline-block;
    }

    .quick-item-one{
      background-color:var(--color-sidekick);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-two{
      background-color:var(--color-dreamcast);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-three{
      background-color:var(--color-rokr);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-four{
      background-color:var(--color-glass);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-five{
      background-color:var(--color-zune);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-six{
      background-color:var(--color-betamax);
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-seven{
      background-color:var(--color-sidekick);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-eight{
      background-color:var(--color-dreamcast);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .quick-item-nine{
      background-color:var(--color-rokr);
      text-align: center;
      border-radius: 50px;
      padding: 8px;
      margin-left: 5px;
    margin-right: 5px;
    }

    .section.hero .hero-inner .search input[type=search]{
        width:600px;
        border:0
    }
    .section.hero .hero-inner .search input[type=search]:focus{
        border:0
    }
    .section.hero .quick-links{
        font-size: 18px;
        font-weight: bold;
        font-family: 'favorit';
        line-height: 1;
        max-width: 1280px;
    }

    .section.hero .quick-links .quick-item a{
        color:var(--color-ghost);
        padding:0 8px
    }
}
.footer{
    background:var(--color-segway);
    color:var(--color-ghost)
}
.footer .top-wrapper{
    display:flex;
    flex-direction:column
}
.footer .section-item{
    padding:0 25px 30px;
    border-bottom:1px solid rgba(255,255,255,.2)
}
.footer .social{
    order:1;
    padding:20px 0
}
.footer .social .t-inc,.footer .social h6,.footer .social span{
    display:none
}
.footer .social ul{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    height:10px;
    padding:5px 60px 0
}
.footer .social ul li{
    padding:0
}
.footer .app{
    order:2
}
.footer .staff{
    order:4
}
.footer .official{
    order:5
}
.footer .info-links{
    order:3
}
.footer h6{
    text-transform:uppercase;
    color:#9aa2ae;
    font-size:12px;
    font-weight:600;
    margin:30px 0 20px
}
.footer ul li{
    padding-bottom:10px
}
.footer ul li a{
    color:var(--color-ghost);
    font-size:16px
}
.footer ul li:last-child{
    padding-bottom:0
}
.footer .button{
    display:block
}
.footer .button:last-child{
    margin:0
}
@media (min-width:960px){
    .footer .top-wrapper{
        flex-direction:row;
        flex-wrap:wrap;
        padding:0 10%;
        border-bottom:1px solid rgba(255,255,255,.2)
    }
    .footer .social{
        padding:0 25px 30px;
        order:3
    }
    .footer .social ul{
        height:auto;
        display:block;
        padding:0
    }
    .footer .social h6,.footer .social ul li a,.footer .social ul span{
        display:inline-block
    }
    .footer .social ul li{
        padding-bottom:10px;
        position:relative
    }
    .footer .social ul li:before{
        content:'';
        display:inline-block;
        width:30px
    }
    .footer .social ul li svg{
        position:absolute;
        left:0;
        top:4px
    }
    .footer .social ul li img{
        position:absolute;
        left:0;
        top:4px
    }
    .footer .col{
        flex:1 0 20%;
        border-bottom:0
    }
    .footer .app{
        order:3;
        padding-bottom:30px
    }
    .footer .staff{
        order:1
    }
    .footer .official{
        order:2
    }
    .footer .info-links{
        order:5;
        flex:0 1 100%;
        display:flex;
        padding:15px 20px
    }
    .footer .info-links .t-inc{
        padding:0;
        margin:0
    }
    .footer .info-links .global-links{
        margin:0 auto
    }
    .footer .info-links .link{
        display:inline-block;
        padding:0 15px
    }
}
.home-content .section .drawer,.home-content .section.id-200813717{
    display:none
}
.home-content{
    padding:0px 15px 0;
    color:#444
}
.home-content .section-heading{
    font-size:21px;
    margin:0;
    font-family: 'favorit'
}
.home-content .page-header{
    padding: 20px var(--section-margin);
    margin:0;
    color: var(--color-ghost);
}
@media screen and (max-width: 960px) {
    .home-content .page-header {
      padding: 20px
    }
  }



.home-content .section-tree-title{
    font-size:16px;
    padding:10px 0;
    font-weight:600;
    color:var(--color-hoverboard);
}
.home-content .section-tree-title a{
    color:inherit
}
/*
.home-content .category-container:nth-child(5n - 1) .section-tree-title{
    color:var(--color-dreamcast)
}
.home-content .category-container:nth-child(5n - 2) .section-tree-title{
    color:#56bc8a
}
.home-content .category-container:nth-child(5n - 3) .section-tree-title{
    color:#f2992e
}
.home-content .category-container:nth-child(5n - 4) .section-tree-title{
    color:#d95e40
}
.home-content .category-container:nth-child(5n - 5) .section-tree-title{
    color:#a77dc2
}
*/
.home-content .section .section-tree-title{
    cursor:pointer;
    position:relative
}
.home-content .section .section-tree-title::after{
    content:"\EA07"
}
.home-content .section .section-tree-title:after{
    position:absolute;
    right:0
}
.home-content .section.expand .drawer{
    display:block
}
.home-content .section.expand .section-tree-title::after{
    content:"\EA0C"
}
/*
.id-205835808 .section-tree-title::before{
    content:"\EAAF"
}
.id-205853348 .section-tree-title::before{
    content:"\EA60"
}
.id-205844687 .section-tree-title::before{
    content:"\EA51"
}
.id-206663887 .section-tree-title::before{
    content:"\EA6F"
}
.id-206681787 .section-tree-title::before{
    content:"\EA3E"
}
.id-205239328 .section-tree-title::before{
    content:"\EA99"
}
.id-205841167 .section-tree-title::before{
    content:"\EAAF"
}
.id-205842707 .section-tree-title::before{
    content:"\EA3B"
}
.id-206700528 .section-tree-title::before{
    content:"\EAB3"
}
.id-206706147 .section-tree-title::before{
    content:"\EA59"
}
.id-206718808 .section-tree-title::before{
    content:"\EA8B"
}
*/

.first-item {
  background-image: url('https://64.media.tumblr.com/eaa44ab75d080f6e768c198e977392b1/9bda393a0fb6843c-77/s250x400/b947af7ce65c7366b5eb946278515a9d1be71dc8.gifv');
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  margin-right: 2%;
  flex-basis: 32%;
  display: flex;
  flex-direction: column;
  min-height: 10vw;
}
.second-item {
  background-image: url('https://64.media.tumblr.com/0b06f4f8f6d891b991716397aeebca04/f53f677c4ea911d3-25/s250x400/26781df9d60261152e7445cae89b496614203510.gifv');
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  flex-basis: 32%;
  display: flex;
  flex-direction: column;
  min-height: 10vw;
}
.third-item {
  background-image: url('https://64.media.tumblr.com/bdd5f2d9e6cea8dc9a1831b51a323e63/74bfaf5d838e08ad-22/s250x400/13c2509bdf88d88d0d136de7cf74f52c3f00cbd7.gifv');
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  margin-left: 2%;
  flex-basis: 32%;
  display: flex;
  flex-direction: column;
  min-height: 10vw;
}

/*mobile styling for carousel*/

@media screen and (max-width: 960px) {
  .first-item {
    min-height: 20vw;
  }
  .second-item {
    min-height: 20vw;
  }
  .third-item {
    min-height: 20vw;
  }
}

.top-items .carousel-mask{
    display:flex;
    justify-content:center;
    align-items:center;
    padding-bottom:10px;
    padding-top: 10px;
}
/*
.top-items .carousel-mask .item img {
    width: 100%;
    border-radius: 6px;
    display: block;
}
*/

.top-items .carousel-mask .item{
    position:relative;
    border-radius:6px;
    display:block;
}
.top-items .carousel-mask .item .mask{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.top-items .carousel-mask .item .mask span{
    color:var(--color-ghost);
    font-weight:800;
    font-size:19px;
    max-width:160px;
    text-align:center
}
.article-votes,td,th{
    text-align:left
}
.top-items .carousel-mask .item:last-child{
    margin-right:0
}

@media (min-width:960px){
    .home-content{
        padding:0px 5% 20px;
        max-width:1280px;
        margin:0 auto
    }
    .home-content .top-items{
        margin-bottom:20px;
        margin-top: 20px;
    }
    .home-content .section{
        flex:0 0 30%
    }
    .home-content .section .drawer{
        display:block
    }
    .home-content .section .section-tree-title{
        cursor:default;
        font-size:22px
    }
    .home-content .section .section-tree-title:after,.home-content .section.expand .section-tree-title::after{
        content:''
    }
    .home-content .category-content{
      /*  display:flex */
    }
    .home-content .category-content .page-header{
        flex:0 0 34%;
        /*padding-top:0*/
    }
    .home-content .category-content .page-header .section-heading{
        font-size:35px;
        padding-right:40px;
        line-height:42px
    }
    .home-content .category-content .section-tree{
        flex-grow:1;
        padding: 20px var(--section-margin);
    }
}
@media screen and (max-width: 960px) {
  .category-content .section-tree {
    padding: 20px;
}
}

.announcements{
    padding: 30px 5% 0px;
    max-width: 1280px;
    margin: 0 auto;
}
.announcements .announcement{
    display:block;
    color:var(--color-ghost);
    margin-bottom:10px;
    border-radius:3px;
    background:url("https://tumblr.zendesk.com/hc/article_attachments/4409641344535/tumblrBot.png") 10px center no-repeat var(--color-dreamcast);
    background-size:30px;
    font-family: 'favorit';
    font-weight: bold;
    font-size: 16px;
}
.announcements .announcement:last-child{
    margin-bottom:0
}
.announcements .announcement a{
    padding:10px 45px;
    display:block;
}
.article-votes .article-votes-controls{
    display:inline-block
}
.article-votes .article-votes-count{
    display:block
}
.article-votes .article-vote{
    min-width:0;
    margin:0;
    font-weight:800;
    border:0;
    padding:0 5px 0 6px
}
.article-votes .article-vote:hover{
    background:0 0;
    text-decoration:none
}
td,tr.header th{
    background:var(--color-ghost)
}
.article-votes .article-vote:hover:after{
    color:inherit
}
.article-votes .article-vote:before{
    content:'';
    display:none
}
.article-votes .article-vote-up{
    color:#56bc8a
}
.article-votes .article-vote-down{
    color:#d95e40
}
/*
.article-header,.article-header h1{
    margin: 5px 1vw 5px 1vw;
}
*/
.article-sidebar{
    border-bottom:0;
    display: flex;
    flex-direction: row;
}
.article-sidebar h3{
    color:var(--color-ghost);
    font-family: 'favorit';
    font-size:22px;
    font-weight:600;
    margin-bottom:5px;
}
.article-sidebar ul li{
    margin:0;
}
@media (min-width:960px){
    .article-sidebar{
        flex:0 0 34%;
        padding-top:0
    }
    .sub-nav .search{
        width:34%
    }
}
.category-container{
    padding-bottom:20px
}
.carousel.active{
    position:relative;
    padding: 10px;
    display:block;
    overflow:hidden;
}
.carousel.active .carousel-mask{
    position:relative;
    display:inline-block;
    top:0;
    font-size:0;
    border-bottom:0
}
.carousel.active .item{
    display:inline-block;
    margin-right:20px
}
.carousel.active .item:last-child{
    margin-right:0
}
td ul,td ul li,th ul,th ul li{
    margin:5px 0!important
}
.carousel.active .flipper{
    top:0;
    bottom:0;
    position:absolute;
    width:20%;
    cursor:pointer
}
.carousel.active .flipper.left{
    left:0
}
.carousel.active .flipper.right{
    right:0
}
@media (min-width:960px){
    .flipper{
        display:none
    }
}

table {
  border: 1px solid var(--color-hoverboard);
  border-collapse: collapse;
  margin: 10px 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid var(--color-hoverboard);
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
  border: 1px solid var(--color-hoverboard);
}

table th {
  font-size: 14px;
}

@media screen and (max-width: 600px) {

  table thead {
    border: 1px solid var(--color-hoverboard);
    clip: rect(0 0 0 0);
    overflow: hidden;
    padding: 0;
    position: absolute;
  }

  table tr {
    margin-bottom: .625em;
  }

  table td {
    border: 1px solid var(--color-hoverboard);
    font-size: .8em;
    text-align: left;
  }
}

td.yes{
    background:url(https://static.tumblr.com/sd4dp5h/C0cm1aw0o/check.png) 50% 50% no-repeat!important
}
.article-content a {
    text-decoration: underline;
    color: var(--color-dreamcast);
}

/*Icon classes*/
span.tumblr-icon-share:after {
  content: "";
  background: url("https://help.tumblr.com/hc/article_attachments/4406611493527/shareIcon.png");
  background-size: contain;
  height: 16px;
  width: 16px;
  display: inline-block;
  position: relative;
}


span.tumblr-icon-snowman::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='managed-icon__snowman' fill='var(--icon-color-primary, currentcolor)' viewBox='0 0 15 18.9'%3E%3Cpath d='M7.5 8.8c2.6 0 4.7-2 4.7-4.4S10.1 0 7.5 0 2.8 2 2.8 4.4C2.9 6.8 5 8.8 7.5 8.8zm0 1.5c-4.2 0-7.5 3.2-7.5 7.4 0 .6.5 1.2 1.2 1.2h12.6c.7 0 1.2-.5 1.2-1.2 0-4.1-3.3-7.4-7.5-7.4z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
}

span.tumblr-icon-settings::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='managed-icon__settings' fill='var(--icon-color-primary, %23000000)' viewBox='0 0 24 24'%3E%3Cpath d='M24 10.526l-.36-.12-2.94-.962-.78-1.925 1.5-3.248-1.92-1.985-.36.18-2.76 1.444-1.86-.782L13.32 0h-2.58l-.12.421-1.08 2.707-1.86.782L4.5 2.346 2.58 4.33l1.56 3.188-.78 1.925L0 10.586v2.828l.36.12 2.94 1.083.78 1.924-1.5 3.309 1.92 1.985.36-.18 2.76-1.444 1.86.781L10.68 24h2.58l.12-.36 1.08-2.587 1.86-.782 3.18 1.564 1.92-1.985-.18-.361-1.38-2.827.78-1.925 3.3-1.203v-3.008H24zM7.2 11.97c0-2.647 2.16-4.812 4.8-4.812 2.64 0 4.8 2.165 4.8 4.812 0 2.647-2.16 4.812-4.8 4.812-2.64 0-4.8-2.165-4.8-4.812z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
}

/*side by side image & text*/
@media screen and (min-width: 980px) {
	.flex {
	  display: flex;
	  flex-wrap: wrap;
	}

	.flex-image-text {
 	 flex-direction: row;
 	 margin-bottom: var(--section-margin);
	}
  
  .flex-image-text img {
    max-width: 50%;
  }

	.flex-image-text:nth-last-of-type(2n) {
  	flex-direction: row-reverse;
	}

	.flex-text-left, .flex-text-right {
 	 width: 40%;
	}
}