.toggle-announcement {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    overflow:hidden
}

.announcements.detail-shown > .announcement, .announcements.detail-shown ~ * {
    -webkit-transition: visibility .3s ease-out;
    -o-transition: visibility .3s ease-out;
    transition: visibility .3s ease-out;
    visibility:hidden
}

.announcements .announcement {
    border: 1px solid #d2d2d7;
    padding: 15px 20px;
    border-radius: 4px;
    margin:20px 40px 10px
}

.announcements .announcement:first-child {
    margin-top:43px
}

@media only screen and (max-width: 320px) {
    .announcements .announcement {
        text-align: center;
        margin:20px 10px
    }
}

.announcements .announcement .description {
    display: block;
    font-weight: 200;
    font-size: 20px;
    line-height: 25px;
    margin:0
}

.announcements .announcement .description.inline {
    display:inline
}

@media only screen and (max-width: 320px) {
    .announcements .announcement .description {
        display:none !important
    }
}

.announcements .announcement .description > * {
    line-height: 1.33;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size:4
}

.announcements .announcement .description > * p {
    margin: 0;
    padding:0
}

.announcements .announcement .description > * p img {
    display:block
}

.announcements .announcement .description > * img {
    max-width: 100%;
    height:auto
}

.announcements .announcement .description > * a {
    word-wrap:break-word
}

.announcements .announcement .description > * em {
    font-style:italic
}

.announcements .announcement .description > * .iframe-placeholder, .announcements .announcement .description > * iframe {
    max-width: 100%;
    width: 640px;
    height:390px
}

@media only screen and (max-width: 1024px) {
    .announcements .announcement .description > * .iframe-placeholder, .announcements .announcement .description > * iframe {
        width: 100vw;
        height:56.25vw
    }
}

.announcements .announcement .description > * .iframe-placeholder:focus, .announcements .announcement .description > * iframe:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.announcements .announcement .description > * .iframe-placeholder:focus[data-focus=key]:focus, .announcements .announcement .description > * iframe:focus[data-focus=key]:focus {
    outline: 3px solid #50a1ff;
    outline-offset:1px
}

.announcements .announcement .description > * blockquote {
    border: 1px solid #eee;
    border-left: 2px solid #ccc;
    margin: 10px 20px;
    padding: 10px;
    background-color:#eee
}

.announcements .announcement .description > * blockquote blockquote {
    background-color: #eef;
    border-color:#eef #eef #eef #ccf
}

.announcements .announcement .description > * blockquote blockquote blockquote {
    background-color: #efe;
    border-color:#efe #efe #efe #cfc
}

.announcements .announcement .description > * blockquote blockquote blockquote blockquote {
    background-color: #fee;
    border-color:#fee #fee #fee #fcc
}

.announcements .announcement .description > * blockquote + blockquote {
    margin-top: -20px;
    padding-top:0
}

.announcements .announcement .description > * .header1, .announcements .announcement .description > * .header-1 {
    margin: 0;
    line-height:1.1em
}

.announcements .announcement .description > * blockquote.header-1 {
    margin:0 20px
}

.announcements .announcement .description > * blockquote + blockquote.header-1 {
    margin-top:-10px
}

.announcements .announcement .description > * .header2, .announcements .announcement .description > * .header-2 {
    margin: 0;
    line-height:1.1em
}

.announcements .announcement .description > * blockquote.header-2 {
    margin:0 20px
}

.announcements .announcement .description > * blockquote + blockquote.header-2 {
    margin-top:-10px
}

.announcements .announcement .description > * .header3, .announcements .announcement .description > * .header-3 {
    margin: 0;
    line-height:1.1em
}

.announcements .announcement .description > * blockquote.header-3 {
    margin:0 20px
}

.announcements .announcement .description > * blockquote + blockquote.header-3 {
    margin-top:-10px
}

.announcements .announcement .description > * .header4, .announcements .announcement .description > * .header-4 {
    margin: 0;
    line-height:1.1em
}

.announcements .announcement .description > * blockquote.header-4 {
    margin:0 20px
}

.announcements .announcement .description > * blockquote + blockquote.header-4 {
    margin-top:-10px
}

.announcements .announcement .description > * .header5, .announcements .announcement .description > * .header-5 {
    margin: 0;
    line-height:1.1em
}

.announcements .announcement .description > * blockquote.header-5 {
    margin:0 20px
}

.announcements .announcement .description > * blockquote + blockquote.header-5 {
    margin-top:-10px
}

.announcements .announcement .description > * .header6, .announcements .announcement .description > * .header-6 {
    margin: 0;
    line-height:1.1em
}

.announcements .announcement .description > * blockquote.header-6 {
    margin:0 20px
}

.announcements .announcement .description > * blockquote + blockquote.header-6 {
    margin-top:-10px
}

.announcements .announcement .description > * table:not(.code-block) {
    font-size: 17px;
    line-height: 24px;
    border: 1px solid #d2d2d7;
    margin-bottom:32px
}

.announcements .announcement .description > * table:not(.code-block).scrollable {
    overflow: auto;
    max-width: 100%;
    display:block
}

.announcements .announcement .description > * table:not(.code-block) caption {
    padding-bottom:5px
}

.announcements .announcement .description > * table:not(.code-block) thead {
    border-bottom:1px solid #d2d2d7
}

.announcements .announcement .description > * table:not(.code-block) thead tr {
    background-color:#f5f5f7
}

.announcements .announcement .description > * table:not(.code-block) thead tr th {
    font-weight: 600;
    text-align:center
}

.announcements .announcement .description > * table:not(.code-block) tr {
    background-color:#fff
}

.announcements .announcement .description > * table:not(.code-block) tr:nth-child(2n) {
    background-color:#f5f5f7
}

.announcements .announcement .description > * table:not(.code-block) tr td, .announcements .announcement .description > * table:not(.code-block) tr th {
    padding:10px 15px
}

.announcements .announcement .description > * :not(blockquote):not(pre):not(code):not(.code-block):not(ul):not(ol):last-child {
    padding-bottom: 0;
    margin-bottom:0
}

.announcements .announcement .description > * .align-center {
    text-align:center
}

.announcements .announcement .description > * .align-right {
    text-align:right
}

.announcements .announcement .description > * .indent-1 {
    margin-left:32px
}

.announcements .announcement .description > * blockquote.indent-1 {
    padding-left: 32px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-1 {
    width: calc(100% - 32px);
    max-width:calc(100% - 32px)
}

.announcements .announcement .description > * .indent-2 {
    margin-left:64px
}

.announcements .announcement .description > * blockquote.indent-2 {
    padding-left: 64px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-2 {
    width: calc(100% - 64px);
    max-width:calc(100% - 64px)
}

.announcements .announcement .description > * .indent-3 {
    margin-left:96px
}

.announcements .announcement .description > * blockquote.indent-3 {
    padding-left: 96px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-3 {
    width: calc(100% - 96px);
    max-width:calc(100% - 96px)
}

.announcements .announcement .description > * .indent-4 {
    margin-left:128px
}

.announcements .announcement .description > * blockquote.indent-4 {
    padding-left: 128px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-4 {
    width: calc(100% - 128px);
    max-width:calc(100% - 128px)
}

.announcements .announcement .description > * .indent-5 {
    margin-left:160px
}

.announcements .announcement .description > * blockquote.indent-5 {
    padding-left: 160px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-5 {
    width: calc(100% - 160px);
    max-width:calc(100% - 160px)
}

.announcements .announcement .description > * .indent-6 {
    margin-left:192px
}

.announcements .announcement .description > * blockquote.indent-6 {
    padding-left: 192px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-6 {
    width: calc(100% - 192px);
    max-width:calc(100% - 192px)
}

.announcements .announcement .description > * .indent-7 {
    margin-left:224px
}

.announcements .announcement .description > * blockquote.indent-7 {
    padding-left: 224px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-7 {
    width: calc(100% - 224px);
    max-width:calc(100% - 224px)
}

.announcements .announcement .description > * .indent-8 {
    margin-left:256px
}

.announcements .announcement .description > * blockquote.indent-8 {
    padding-left: 256px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-8 {
    width: calc(100% - 256px);
    max-width:calc(100% - 256px)
}

.announcements .announcement .description > * .indent-9 {
    margin-left:288px
}

.announcements .announcement .description > * blockquote.indent-9 {
    padding-left: 288px;
    margin-left:20px
}

.announcements .announcement .description > * pre.indent-9 {
    width: calc(100% - 288px);
    max-width:calc(100% - 288px)
}

.announcements .announcement .description > * .log-attachment {
    display: block;
    margin:8px 0
}

.announcements .announcement .description > * .log-attachment a {
    font-size: 14px;
    text-decoration: none;
    color: #86868b;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.announcements .announcement .description > * .log-attachment a:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='40' width='39' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M26 16.529a.377.377 0 00-.112-.265l-4.714-4.176a.464.464 0 00-.262-.088h-7.164c-.411 0-.748.317-.748.705v14.59c0 .388.337.705.748.705h11.504c.411 0 .748-.317.748-.705zm-4.695-3.384l3.386 3.014h-3.012c-.206 0-.374-.159-.374-.353z' fill='%23666'/%3E%3Cpath d='M15 18h9v1h-9zm0 3h9v1h-9zm0 3h9v1h-9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right:5px
}

.announcements .announcement .title {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin:0
}

.announcements .announcement .title.inline {
    display:inline
}

@media only screen and (max-width: 320px) {
    .announcements .announcement .title {
        display: block !important;
        font-size: 22px;
        font-weight: 200;
        margin-bottom:5px
    }
}

.announcements .announcement .title .hide-mobile {
    display:inline
}

@media only screen and (max-width: 320px) {
    .announcements .announcement .title .hide-mobile {
        display:none
    }
}

.announcements .announcement p {
    margin: 0;
    word-break:break-word
}

.announcements .announcement .to-announcement {
    margin:0 auto
}

.announcements .announcement-details {
    position: absolute;
    top: -43px;
    left: 100vw;
    width: 100vw;
    height: calc(100vh - 100px);
    background-color: #e8e8ed;
    overflow: scroll;
    -webkit-overflow-scrolling:touch
}

@media only screen and (max-width: 320px) {
    .announcements .announcement-details :last-child {
        padding-bottom:100px
    }
}

.announcements .announcement-details .from-announcement {
    position: relative;
    display: block;
    width: 28px;
    margin-top: 10px;
    padding: 10px;
    left: 12px;
    cursor:pointer
}

.announcements .announcement-details .from-announcement:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.announcements .announcement-details .from-announcement:focus[data-focus=key]:focus {
    outline: 3px solid #50a1ff;
    outline-offset:1px
}

.announcements .announcement-details .title {
    padding: 0 22px;
    margin-top: 5px;
    font-size: 22px;
    font-weight: 200;
    line-height:26px
}

.announcements .announcement-details .description {
    padding: 0 22px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    outline: none;
    word-break:break-word
}

.announcements .announcement-details .icon-chevronleft {
    padding: 0;
    font-size: 32px;
    font-weight:200
}

.announcements.callout {
    border: 1px solid #d2d2d7;
    padding: .9375rem 10%;
    border-radius: 4px;
    margin: 32px 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.announcements.callout .description {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    word-break: break-word;
    font-weight:500
}

.announcements.callout .description .external-link {
    color: #fff;
    font-weight:400
}

.announcements.callout .description .external-link:focus {
    outline: 3px solid #fff;
    outline-offset:1px
}

.announcements.callout .description .external-link:hover {
    text-decoration:underline
}

.announcements.callout .description .external-link:after {
    content: "\203A";
    display: inline-block;
    padding-left: 4px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform:scale(1.2)
}

.announcements.callout.announcements:first-child {
    margin-top:5px
}

.announcements.callout .icon {
    vertical-align: top;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20px;
    flex:0 1 20px
}

.announcements.callout .icon:before {
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding-right:0
}

.announcements.callout .icon-close {
    color: #d2d2d7;
    float:right
}

.announcements.callout.info {
    background-color: #06c;
    color: #fff;
    margin: 0 0 5px;
    border: none;
    border-radius: 5px;
    text-align:center
}

.announcements.callout.info .title {
    font-weight: 700;
    font-size:16px
}

.announcements.callout.info .description div {
    display:inline
}

.announcements.callout.info + .hero-image {
    margin-top:0
}

.announcements.callout.banner {
    display: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 102, 204, .1);
    border-color: rgba(0, 102, 204, .2);
    margin:16px 0 32px
}

.announcements.callout.banner.shown {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

@media only screen and (max-width: 320px) {
    .announcements.callout.banner {
        padding:.625rem 5px
    }
}

.announcements.callout.banner .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-right:10px
}

@media only screen and (max-width: 320px) {
    .announcements.callout.banner .icon {
        padding-right:0
    }
}

.announcements.callout.banner .icon:before {
    color:#0071e3
}

.announcements.callout.banner .icon-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right:0
}

.announcements.callout.warn {
    background-color: rgba(191, 72, 0, .1);
    border-color:#bf4800
}

.announcements.callout.warn .icon:before {
    color:#bf4800
}

.announcements.callout.warn .title {
    font-weight: bolder;
    margin-bottom:.3125rem
}

.announcements.callout.warn .title + .description {
    padding-left:2.1875rem
}

.announcements.callout.hero-promo {
    border: 0;
    padding:0
}

.announcements.callout.hero-promo .image {
    border: 1px solid #d2d2d7;
    border-radius: 4px;
    width:100%
}

.announcements.callout.locked, .announcements.callout.removed, .announcements.callout.review {
    -ms-flex-wrap: nowrap;
    flex-wrap:nowrap
}

.announcements.callout.locked .icon, .announcements.callout.removed .icon, .announcements.callout.review .icon {
    height:1.25rem
}

.announcements a[href^=tel] {
    color: inherit;
    text-decoration:none
}

.form-field-input .label-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:.625rem
}

.form-field-input .label {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-right:8px
}

@media only screen and (max-width: 320px) {
    .form-field-input .label {
        font-size: 18px;
        font-weight:300
    }
}

.form-field-input .label.with-tooltip {
    display:inline-block
}

.form-field-input .tooltip-wrapper .icon-questionmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='16' width='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-750-18H317v52H-750z'/%3E%3Ctext fill='%23111' font-family='SFProDisplay-Semibold, SF Pro Display' font-size='21' font-weight='500' letter-spacing='.23' transform='translate(-750 -5)'%3E%3Ctspan x='0' y='20'%3EDeveloper Forums%3C/tspan%3E%3C/text%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M7.5 15.5c4.125 0 7.5-3.375 7.5-7.5S11.625.5 7.5.5 0 3.875 0 8s3.375 7.5 7.5 7.5z' fill='%23f2f2f2'/%3E%3Cpath d='M6.365 10.739c0-.493.406-.83.968-.83.581 0 .969.337.969.83 0 .483-.388.83-.969.83-.562 0-.968-.347-.968-.83zm.276-1.522v-.415c-.058-.793.396-1.296.969-1.799.547-.27.894-.512.83-.969.064-.674-.457-.944-.969-.968-.762.024-1.139.526-1.106 1.107H4.98c0-1.634 1.294-2.214 2.49-2.214 1.342 0 2.491.657 2.491 1.937 0 .962-.58 1.397-1.107 1.799-.67.449-.9.613-.968 1.245v.277z' fill='%23888'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 1.0625rem;
    height: 1.0625rem;
    vertical-align: middle;
    background-size:1rem
}

.form-field-input .input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.form-field-input .input-wrapper .input {
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 10px;
    border: .0625rem solid #d2d2d7;
    border-radius: .25rem;
    color: #1d1d1f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background-color:#fff
}

.form-field-input .input-wrapper .input.disabled {
    color: #6e6e73;
    background-color:#f5f5f7
}

.form-field-input .input-wrapper .input::-webkit-input-placeholder {
    color:#6e6e73
}

.form-field-input .input-wrapper .input::-moz-placeholder {
    color:#6e6e73
}

.form-field-input .input-wrapper .input:-ms-input-placeholder {
    color:#6e6e73
}

.form-field-input .input-wrapper .input::-ms-input-placeholder {
    color:#6e6e73
}

.form-field-input .input-wrapper .input::placeholder {
    color:#6e6e73
}

.form-field-input .input-wrapper .input.invalid {
    border-color: #e30000;
    background-color:#fff2f4
}

.form-field-input .input-wrapper .input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.form-field-input .input-wrapper .input:focus[data-focus=key]:focus {
    outline: 3px solid #50a1ff;
    outline-offset:1px
}

.form-field-input .input-wrapper .aria-live .violated-message {
    margin-top: 8px;
    color: #e30000;
    display:block
}

.tooltip-wrapper {
    position: relative;
    display:block
}

.tooltip-wrapper .tooltip {
    position: absolute;
    background-color: #f5f5f7;
    padding: 14px;
    border-radius: .25rem;
    bottom: 40px;
    left: -10px;
    font-size: 14px;
    z-index: 2;
    display: none;
    font-weight: 400;
    color:inherit
}

.tooltip-wrapper .tooltip.white {
    background-color:#fff
}

.tooltip-wrapper .tooltip.white:after {
    border-top:.625rem solid #fff
}

.tooltip-wrapper .tooltip.shown {
    display:block
}

.tooltip-wrapper .tooltip:focus {
    outline:none
}

.tooltip-wrapper .tooltip.small-width {
    width:9.375rem
}

.tooltip-wrapper .tooltip.medium-width {
    width: 18.75rem;
    max-width:50vw
}

.tooltip-wrapper .tooltip.long-width {
    width: 31.25rem;
    max-width:50vw
}

.tooltip-wrapper .tooltip.no-wrap {
    white-space:nowrap
}

.tooltip-wrapper .tooltip:after {
    position: absolute;
    bottom: -10px;
    left: 10px;
    content: " ";
    border-top: .625rem solid #f5f5f7;
    border-left: .625rem solid rgba(0, 0, 0, 0);
    border-right:.625rem solid rgba(0, 0, 0, 0)
}

.tooltip-wrapper .tooltip.align-right {
    left: auto;
    right:-9px
}

.tooltip-wrapper .tooltip.align-right:after {
    left: auto;
    right:8px
}

.tooltip-wrapper .tooltip.bottom {
    bottom: -60px;
    margin-top:2.125rem
}

.tooltip-wrapper .tooltip.bottom:after {
    border: .625rem solid rgba(0, 0, 0, 0);
    border-top: none;
    border-bottom: .625rem solid #f5f5f7;
    bottom:43px
}

.tooltip-wrapper .tooltip .learn-more {
    display: block;
    margin-top:15px
}

.tooltip-wrapper .tooltip .search-help .search-title {
    margin: 10px;
    padding-bottom:8px
}

.tooltip-wrapper .tooltip .search-help .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin:10px
}

.tooltip-wrapper .tooltip .search-help .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex:1
}

.tooltip-wrapper .tooltip .search-help .syntax {
    font-weight: 600;
    font-family:SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.tooltip-wrapper .tooltip-button {
    font-size: 20px;
    color: #d2d2d7;
    margin-left: 5px;
    vertical-align: middle;
    z-index:1
}

.votes-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top:16px
}

.votes-component .up-vote {
    width: 2.375rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 2.375rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='43' width='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 26C0 11.64 11.64 0 26 0s26 11.64 26 26v17H0z' fill='%23979797' opacity='.5'/%3E%3Cpath d='M11.57 27.604c-.38.38-.57.886-.57 1.413 0 1.118.865 1.983 1.983 1.983.528 0 1.034-.19 1.414-.57L26 18.83l11.603 11.6c.38.38.908.57 1.414.57C40.198 31 41 30.072 41 29.017c0-.527-.19-1.033-.57-1.413L27.414 14.591C27.034 14.19 26.506 14 26 14s-1.013.19-1.414.59z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.votes-component .up-vote.voted {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='43' width='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 26C0 11.64 11.64 0 26 0s26 11.64 26 26v17H0z' fill='%2306c'/%3E%3Cpath d='M11.57 27.604c-.38.38-.57.886-.57 1.413 0 1.118.865 1.983 1.983 1.983.528 0 1.034-.19 1.414-.57L26 18.83l11.603 11.6c.38.38.908.57 1.414.57C40.198 31 41 30.072 41 29.017c0-.527-.19-1.033-.57-1.413L27.414 14.591C27.034 14.19 26.506 14 26 14s-1.013.19-1.414.59z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.votes-component .down-vote {
    width: 2.375rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 2.375rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='42' width='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M52 0v16c0 14.36-11.64 26-26 26S0 30.36 0 16V0z' fill='%23979797' opacity='.5'/%3E%3Cpath d='M11.57 14.396c-.38-.38-.57-.886-.57-1.413 0-1.118.865-1.983 1.983-1.983.528 0 1.034.19 1.414.57L26 23.17l11.603-11.6c.38-.38.908-.57 1.414-.57 1.181 0 1.983.928 1.983 1.983 0 .527-.19 1.033-.57 1.413L27.414 27.409c-.38.401-.908.591-1.414.591s-1.013-.19-1.414-.59z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E")
}

.votes-component .down-vote.voted {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='42' width='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M52 0v16c0 14.36-11.64 26-26 26S0 30.36 0 16V0z' fill='%23fae8e8'/%3E%3Cpath d='M11.57 14.396c-.38-.38-.57-.886-.57-1.413 0-1.118.865-1.983 1.983-1.983.528 0 1.034.19 1.414.57L26 23.17l11.603-11.6c.38-.38.908-.57 1.414-.57 1.181 0 1.983.928 1.983 1.983 0 .527-.19 1.033-.57 1.413L27.414 27.409c-.38.401-.908.591-1.414.591s-1.013-.19-1.414-.59z' fill='%23c90000'/%3E%3C/g%3E%3C/svg%3E")
}

.votes-component .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.votes-component .actions .apple-recommended {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='53' width='53' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-352-882h1680v3377H-352z' fill='%23fff'/%3E%3Cpath d='M26.5.809C40.689.809 52.191 12.31 52.191 26.5S40.69 52.191 26.5 52.191.809 40.69.809 26.5 12.31.809 26.5.809zm4.895 16.597l-.322.01c-2.128.124-3.907 1.367-4.952 1.367-1.15 0-2.915-1.295-4.817-1.253-2.476.041-4.775 1.441-6.04 3.667-2.59 4.462-.678 11.076 1.84 14.702 1.222 1.797 2.696 3.772 4.629 3.71 1.839-.074 2.55-1.192 4.775-1.192 2.225 0 2.873 1.191 4.817 1.15 2.016-.042 3.27-1.798 4.493-3.595 1.4-2.048 1.975-4.023 2.017-4.138-.042-.042-3.877-1.504-3.919-5.924-.042-3.7 3.01-5.465 3.166-5.57-1.724-2.56-4.42-2.852-5.36-2.925zm.348-7.055c-1.474.073-3.281.972-4.326 2.236-.93 1.076-1.766 2.842-1.547 4.504 1.662.136 3.313-.836 4.358-2.048 1.013-1.254 1.692-2.957 1.515-4.692z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E")
}

.votes-component .actions .apple-recommended, .votes-component .actions .solve-button {
    width: 2.375rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 2.375rem;
    padding: 4.5px 0;
    margin-top:20px
}

.votes-component .actions .solve-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='52' width='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.252 51.292a3.787 3.787 0 01-5.652-1.515 6.44 6.44 0 00-6.492-3.748 3.787 3.787 0 01-4.137-4.137A6.44 6.44 0 002.223 35.4a3.787 3.787 0 01-1.515-5.652 6.44 6.44 0 000-7.496A3.787 3.787 0 012.223 16.6a6.44 6.44 0 003.748-6.492 3.787 3.787 0 014.137-4.137A6.44 6.44 0 0016.6 2.223 3.787 3.787 0 0122.252.708a6.44 6.44 0 007.496 0A3.787 3.787 0 0135.4 2.223a6.44 6.44 0 006.492 3.748 3.787 3.787 0 014.137 4.137 6.44 6.44 0 003.748 6.492 3.787 3.787 0 011.515 5.652 6.44 6.44 0 000 7.496 3.787 3.787 0 01-1.515 5.652 6.44 6.44 0 00-3.748 6.492 3.787 3.787 0 01-4.137 4.137 6.44 6.44 0 00-6.492 3.748 3.787 3.787 0 01-5.652 1.515 6.44 6.44 0 00-7.496 0zm-5.211-26.365a2.402 2.402 0 00-3.317-.475 2.323 2.323 0 00-.485 3.294l6.312 8.27 18.851-15.815a2.322 2.322 0 00.258-3.319 2.403 2.403 0 00-3.342-.252L20.315 29.217z' fill='%23cbcbcb' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.votes-component .actions .solve-button.solved {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='52' width='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-353-955h1680v3377H-353z' fill='%23fff'/%3E%3Cpath d='M22.19 51.19a3.758 3.758 0 01-5.61-1.502 6.391 6.391 0 00-6.442-3.72 3.758 3.758 0 01-4.106-4.106 6.391 6.391 0 00-3.72-6.443A3.758 3.758 0 01.81 29.81a6.391 6.391 0 000-7.438 3.758 3.758 0 011.503-5.61 6.391 6.391 0 003.72-6.442 3.758 3.758 0 014.106-4.106 6.391 6.391 0 006.443-3.72A3.758 3.758 0 0122.19.99a6.391 6.391 0 007.438 0 3.758 3.758 0 015.61 1.503 6.391 6.391 0 006.442 3.72 3.758 3.758 0 014.106 4.106 6.391 6.391 0 003.72 6.442 3.758 3.758 0 011.503 5.61 6.391 6.391 0 000 7.439 3.758 3.758 0 01-1.503 5.61 6.391 6.391 0 00-3.72 6.442 3.758 3.758 0 01-4.106 4.106 6.391 6.391 0 00-6.442 3.72 3.758 3.758 0 01-5.61 1.503 6.391 6.391 0 00-7.439 0zm-5.172-26.165a2.384 2.384 0 00-3.292-.47 2.306 2.306 0 00-.48 3.269l6.264 8.207 18.708-15.695a2.304 2.304 0 00.256-3.294 2.385 2.385 0 00-3.317-.25l-14.889 12.49z' fill='%232ea342'/%3E%3C/g%3E%3C/svg%3E")
}

.votes-component .actions .views {
    color: #86868b;
    margin-top: 13px;
    white-space:nowrap
}

.votes-component .actions .views:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='10' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237c7c7c' fill-rule='evenodd'%3E%3Cpath d='M11.746 1.392a8.016 8.016 0 013.174 3.052l.156.28-.003.007A7.952 7.952 0 011.053 5l-.147-.276.003-.007a8.016 8.016 0 0110.837-3.326zm-3.748.469a2.89 2.89 0 00-2.887 2.89 2.89 2.89 0 002.887 2.89 2.89 2.89 0 002.888-2.89 2.89 2.89 0 00-2.888-2.89z'/%3E%3Cpath d='M7.99 2.752c.3 0 .585.06.842.167l-.701 1.88 1.8-.819c.107.24.166.505.166.782 0 1.11-.943 2.01-2.106 2.01s-2.107-.9-2.107-2.01.943-2.01 2.107-2.01z'/%3E%3C/g%3E%3C/svg%3E")
}

.votes-component .actions .votes {
    color: #86868b;
    margin:13px 0
}

.votes-component .actions .votes:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='14' width='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.227 12.117h.04c.439 0 .794.354.794.79a.792.792 0 01-.794.791h-1.44c-4.149.302-6.739.039-7.77-.79-1.472-1.185-.393-6.52.241-6.533.005 0 .33-.09.612-.168 1.757-.68 3.094-2.178 4.011-4.492.365-1.827 1.723-1.47 2.049.476 0 .335.36 1.829-1.004 3.46h3.91c.614 0 1.112.496 1.112 1.108s-.498 1.107-1.113 1.107h-.648v.162h1.096c.533 0 .964.43.964.96s-.431.96-.964.96h-1.096v.162h.63c.512 0 .926.413.926.923a.924.924 0 01-.926.922h-.63z' fill='%237c7c7c' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.votes-component .actions .views + .votes {
    margin-top:6px
}

.votes-component .actions .button {
    border-radius: 4px;
    margin-top:20px
}

.list {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    line-height:1.25
}

.highlightTime {
    color:#86868b
}

@media only screen and (max-width: 320px) {
    .listTime {
        white-space:nowrap
    }
}

.postTime {
    color: #86858b;
    font-size: 13px;
    font-weight:400
}

.report-component {
    text-align: left;
    line-height: normal;
    position:relative
}

.report-component .report-component-button {
    color: #e30000;
    z-index: 1;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h7.744c1.783 0 2.43.186 3.082.534.652.349 1.163.86 1.512 1.512.348.652.534 1.299.534 3.082v7.744c0 1.783-.186 2.43-.534 3.082a3.635 3.635 0 01-1.512 1.512c-.652.348-1.299.534-3.082.534H5.128c-1.783 0-2.43-.186-3.082-.534a3.635 3.635 0 01-1.512-1.512C.186 15.302 0 14.655 0 12.872V5.128c0-1.783.186-2.43.534-3.082A3.635 3.635 0 012.046.534C2.698.186 3.345 0 5.128 0z' fill='%23F2F2F2'/%3E%3Cpath d='M9.036 14.96c3.357 0 6.123-2.77 6.123-6.128 0-3.357-2.771-6.123-6.123-6.123-3.357 0-6.123 2.766-6.123 6.123s2.766 6.129 6.123 6.129zm0-1.376a4.734 4.734 0 01-4.74-4.752 4.725 4.725 0 014.74-4.746 4.742 4.742 0 014.752 4.746 4.744 4.744 0 01-4.752 4.752zm0-3.85c.346 0 .55-.193.568-.562l.088-2.613c.018-.381-.263-.645-.662-.645-.404 0-.68.264-.662.639l.088 2.625c.012.357.217.556.58.556zm0 1.975c.404 0 .732-.275.732-.674 0-.392-.322-.668-.732-.668-.416 0-.738.276-.738.668 0 .399.328.674.738.674z' fill='%23178BFB' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: middle;
    background-size:1.125rem
}

.report-component .options-box {
    position: absolute;
    background-color: #fff;
    padding: 16px 0 8px;
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 10px 5px #86868b;
    box-shadow: 0 0 10px 5px #86868b;
    z-index: 2;
    margin-top: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform:translateX(-50%)
}

.report-component .options-box .arrow {
    position: absolute;
    color: #fff;
    text-shadow: 0 -6px 10px #86868b;
    font-size: 32px;
    top:-28px
}

.report-component .options-box.shown {
    display:block
}

.report-component .options-box.left {
    left:-74px
}

.report-component .options-box.left .arrow {
    left: auto;
    right:12.5px
}

.report-component .options-box.right {
    left: 87.5px;
    right:auto
}

.report-component .options-box.center, .report-component .options-box.right .arrow {
    left: auto;
    right:auto
}

.report-component .options-box.center .arrow {
    left: calc(50% - 3px);
    right:auto
}

.report-component .options-box .report-title {
    white-space: nowrap;
    color: #6e6e73;
    padding:0 16px .5rem
}

.report-component .options-box .options {
    margin-left:0
}

.report-component .options-box .options .options-item {
    white-space: nowrap;
    list-style: none;
    padding:8px 16px
}

.report-component .options-box .options .options-item:hover {
    background-color:#f5f5f7
}

.report-component .options-box .options .options-item .disabled {
    color:rgba(110, 110, 115, .5)
}

.copy-to-clipboard-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h7.744c1.783 0 2.43.186 3.082.534.652.349 1.163.86 1.512 1.512.348.652.534 1.299.534 3.082v7.744c0 1.783-.186 2.43-.534 3.082a3.635 3.635 0 01-1.512 1.512c-.652.348-1.299.534-3.082.534H5.128c-1.783 0-2.43-.186-3.082-.534a3.635 3.635 0 01-1.512-1.512C.186 15.302 0 14.655 0 12.872V5.128c0-1.783.186-2.43.534-3.082A3.635 3.635 0 012.046.534C2.698.186 3.345 0 5.128 0z' fill='%23F2F2F2'/%3E%3Cpath d='M9.039 10.83c.34 0 .615-.281.615-.603V4.42l-.053-.861.334.445.768.814c.1.112.252.176.398.176a.523.523 0 00.375-.902L9.52 2.21C9.355 2.053 9.203 2 9.04 2a.644.644 0 00-.475.21L6.607 4.093a.512.512 0 00-.17.38c0 .305.246.522.534.522a.572.572 0 00.41-.176l.761-.814.34-.445-.052.86v5.808c0 .322.27.603.609.603zm3.38 4.746c1.307 0 1.999-.691 1.999-1.986V7.9c0-1.295-.692-1.986-1.998-1.986h-1.541v1.342h1.418c.504 0 .785.258.785.79v5.403c0 .528-.281.785-.785.785H5.775c-.51 0-.779-.257-.779-.785V8.047c0-.533.27-.791.78-.791h1.44V5.914H5.653c-1.3 0-1.998.691-1.998 1.986v5.69c0 1.295.697 1.986 1.998 1.986h6.768z' fill='%23178BFB' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: middle;
    background-size:1.125rem
}

.app-widget-container {
    text-decoration: none !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #fff;
    padding: 6px;
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 10px;
    line-height: normal;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media only screen and (max-width: 767px) {
    .app-widget-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }
}

.app-widget-container .app-image {
    height: 28px;
    width: 28px;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit:cover
}

.app-widget-container .app-image-name-version-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.app-widget-container .app-image-name-version-container .app-name-version-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin:0 30px 0 10px
}

.app-widget-container .app-image-name-version-container .app-name-version-container .app-name {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    line-height:19px
}

.app-widget-container .app-image-name-version-container .app-name-version-container .app-version {
    line-height: normal;
    color:#666
}

.app-widget-container .testflight-link-app-compatibility-container .app-compatibility-container {
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.app-widget-container .testflight-link-app-compatibility-container .app-compatibility-container .app-compatibility-icons .app-compatibility-icon {
    height: 10px;
    margin-right:5px
}

.app-widget-container .testflight-link-app-compatibility-container .testflight-link {
    line-height: 19px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right:10px
}

.content-post {
    margin-top: 0;
    border-top:1px solid #d2d2d7
}

@media only screen and (max-width: 767px) {
    .content-post {
        margin: 0;
        padding:0
    }
}

.content-post .content-post-error-message {
    border: 1px solid #bf4800;
    padding: 15px 20px;
    border-radius: 4px;
    background-color: rgba(191, 72, 0, .1);
    width:calc(100% - 40px)
}

@media only screen and (max-width: 767px) {
    .content-post .content-post-error-message {
        margin-top:30px
    }
}

a .content-post .content-post-error-message .icon:before {
    color:#bf4800
}

.content-post.question {
    border-top: none;
    padding:0
}

.content-post.question .header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5625rem 0;
    border-bottom: 1px solid #d2d2d7;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.content-post.question .header div + div {
    margin-left:5px
}

.content-post.question .header .title {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    line-height: 2.3125rem;
    -webkit-box-flex: 3;
    -ms-flex: 3 3 auto;
    flex: 3 3 auto;
    word-break: break-word;
    margin-right:1.75rem
}

.content-post.question .header .watched-icon {
    position: relative;
    width: 1.75rem;
    min-height: 1.75rem;
    margin: 0;
    border-radius: 4px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-color: #e8e8ed;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92.114 102.708'%3E%3Cpath d='M7.377 83.212h77.36c4.633 0 7.377-2.394 7.377-5.95 0-4.879-4.971-9.292-9.186-13.59-3.257-3.375-4.104-10.298-4.493-15.936-.347-18.73-5.31-31.658-18.285-36.366C58.295 5.034 53.28 0 46.057 0 38.845 0 33.82 5.034 31.964 11.37 18.99 16.078 14.027 29.005 13.628 47.736c-.338 5.638-1.225 12.561-4.431 15.935C4.931 67.97 0 72.382 0 77.263c0 3.555 2.746 5.949 7.377 5.949zm38.68 19.496c8.304 0 14.293-6.009 14.969-12.88H31.089c.625 6.87 6.675 12.879 14.968 12.879z' fill='%23178BFB'/%3E%3C/svg%3E")
}

.content-post.question .header .watched-icon.shown {
    display:block
}

.content-post.question .header .unwatched-icon {
    position: relative;
    width: 1.75rem;
    min-height: 1.75rem;
    margin: 0;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #e8e8ed;
    border-radius: 4px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92.114 102.708'%3E%3Cpath d='M7.377 83.212h77.36c4.633 0 7.377-2.394 7.377-5.95 0-4.879-4.971-9.292-9.186-13.59-3.257-3.375-4.104-10.298-4.493-15.936-.347-18.73-5.31-31.658-18.285-36.366C58.295 5.034 53.28 0 46.057 0 38.845 0 33.82 5.034 31.964 11.37 18.99 16.078 14.027 29.005 13.628 47.736c-.338 5.638-1.225 12.561-4.431 15.935C4.931 67.97 0 72.382 0 77.263c0 3.555 2.746 5.949 7.377 5.949zm38.68 19.496c8.304 0 14.293-6.009 14.969-12.88H31.089c.625 6.87 6.675 12.879 14.968 12.879z'/%3E%3C/svg%3E")
}

.content-post.question .header .unwatched-icon.shown {
    display:block
}

.content-post.question .header .unpinned-posts {
    position: relative;
    border-radius: 4px;
    width: 1.75rem;
    min-height: 1.75rem;
    margin: 0;
    background-size: 10px;
    background-color: #e8e8ed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.848 113.832'%3E%3Cpath d='M7.157 77.356H68.64c4.417 0 7.208-2.748 7.208-6.875 0-14.37-16.038-28.86-37.95-28.86C16.037 41.621 0 56.111 0 70.481c0 4.127 2.8 6.875 7.157 6.875zm-.972-72.19c0 1.492.591 3.109 1.855 4.749 2.493 3.325 8.381 7.935 14.544 11.99l-1.765 25.742h7.802l1.786-29.366c.062-.705-.052-.943-.519-1.182-7.336-3.716-13.023-8.189-13.375-9.159-.414-.622 0-1.07.563-1.07h41.696c.52 0 .925.447.573 1.07-.414.97-6.05 5.443-13.427 9.16-.415.237-.528.475-.467 1.181l1.786 29.364h7.791l-1.816-25.738c6.173-4.057 12.06-8.667 14.553-11.992 1.306-1.639 1.898-3.255 1.898-4.75C69.663 2.2 67.35 0 63.947 0H11.9C8.446 0 6.185 2.199 6.185 5.165zm2.928 64.802c-1.09.001-1.59-.602-1.383-1.952C8.754 59.238 20.042 48.75 37.898 48.75c17.919 0 29.142 10.488 30.22 19.266.207 1.35-.345 1.954-1.435 1.954zm28.785 43.864c1.244 0 4.342-6.242 4.342-13.705v-26.77h-8.633v26.771c0 7.462 3.099 13.704 4.29 13.704z'/%3E%3C/svg%3E")
}

.content-post.question .header .unpinned-posts.shown {
    display:block
}

.content-post.question .header .pinned-posts {
    position: relative;
    width: 1.75rem;
    min-height: 1.75rem;
    margin: 0;
    border-radius: 4px;
    background-size: 10px;
    background-color: #e8e8ed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.848 113.832'%3E%3Cpath d='M0 70.481c0 4.127 2.8 6.875 7.157 6.875h26.45v22.77c0 7.464 3.099 13.707 4.29 13.707 1.246-.001 4.345-6.243 4.345-13.706v-22.77h26.397c4.418-.001 7.209-2.75 7.209-6.877 0-10.353-8.266-21.159-22.01-26.15l-1.599-22.423c7.135-4.057 12.992-8.637 15.505-11.908 1.316-1.701 1.919-3.33 1.919-4.834C69.663 2.2 67.35 0 63.947 0H11.9C8.446 0 6.185 2.199 6.185 5.165c0 1.505.602 3.133 1.877 4.835 2.514 3.27 8.37 7.86 15.495 11.907L22.01 44.329C8.265 49.32 0 60.127 0 70.48z' fill='%23178BFB'/%3E%3C/svg%3E")
}

.content-post.question .header .pinned-posts.shown {
    display:block
}

.content-post.question .header .community {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin:0
}

.content-post.question .header .community .button {
    margin: 0;
    padding:.25rem 2rem
}

.content-post.question .header .tooltip-wrapper .tooltip.align-right {
    right:-3px
}

.content-post.question .content .column-right .post .post-content {
    padding: 16px 0;
    min-height: 60px;
    word-break:break-word
}

.content-post.question .content .column-right .post .post-content > * {
    line-height: 1.33;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-break:break-word
}

.content-post.question .content .column-right .post .post-content > * p {
    margin: 0;
    padding:0
}

.content-post.question .content .column-right .post .post-content > * p img {
    display:block
}

.content-post.question .content .column-right .post .post-content > * img {
    max-width: 100%;
    height:auto
}

.content-post.question .content .column-right .post .post-content > * a {
    word-wrap:break-word
}

.content-post.question .content .column-right .post .post-content > * em {
    font-style:italic
}

.content-post.question .content .column-right .post .post-content > * .iframe-placeholder, .content-post.question .content .column-right .post .post-content > * iframe {
    max-width: 100%;
    width: 640px;
    height:390px
}

@media only screen and (max-width: 1024px) {
    .content-post.question .content .column-right .post .post-content > * .iframe-placeholder, .content-post.question .content .column-right .post .post-content > * iframe {
        width: 100vw;
        height:56.25vw
    }
}

.content-post.question .content .column-right .post .post-content > * .iframe-placeholder:focus, .content-post.question .content .column-right .post .post-content > * iframe:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.content-post.question .content .column-right .post .post-content > * .iframe-placeholder:focus[data-focus=key]:focus, .content-post.question .content .column-right .post .post-content > * iframe:focus[data-focus=key]:focus {
    outline: 3px solid #50a1ff;
    outline-offset:1px
}

.content-post.question .content .column-right .post .post-content > * blockquote {
    border: 1px solid #eee;
    border-left: 2px solid #ccc;
    margin: 10px 20px;
    padding: 10px;
    background-color:#eee
}

.content-post.question .content .column-right .post .post-content > * blockquote blockquote {
    background-color: #eef;
    border-color:#eef #eef #eef #ccf
}

.content-post.question .content .column-right .post .post-content > * blockquote blockquote blockquote {
    background-color: #efe;
    border-color:#efe #efe #efe #cfc
}

.content-post.question .content .column-right .post .post-content > * blockquote blockquote blockquote blockquote {
    background-color: #fee;
    border-color:#fee #fee #fee #fcc
}

.content-post.question .content .column-right .post .post-content > * blockquote + blockquote {
    margin-top: -20px;
    padding-top:0
}

.content-post.question .content .column-right .post .post-content > * .header1, .content-post.question .content .column-right .post .post-content > * .header-1 {
    margin: 0;
    line-height:1.1em
}

.content-post.question .content .column-right .post .post-content > * blockquote.header-1 {
    margin:0 20px
}

.content-post.question .content .column-right .post .post-content > * blockquote + blockquote.header-1 {
    margin-top:-10px
}

.content-post.question .content .column-right .post .post-content > * .header2, .content-post.question .content .column-right .post .post-content > * .header-2 {
    margin: 0;
    line-height:1.1em
}

.content-post.question .content .column-right .post .post-content > * blockquote.header-2 {
    margin:0 20px
}

.content-post.question .content .column-right .post .post-content > * blockquote + blockquote.header-2 {
    margin-top:-10px
}

.content-post.question .content .column-right .post .post-content > * .header3, .content-post.question .content .column-right .post .post-content > * .header-3 {
    margin: 0;
    line-height:1.1em
}

.content-post.question .content .column-right .post .post-content > * blockquote.header-3 {
    margin:0 20px
}

.content-post.question .content .column-right .post .post-content > * blockquote + blockquote.header-3 {
    margin-top:-10px
}

.content-post.question .content .column-right .post .post-content > * .header4, .content-post.question .content .column-right .post .post-content > * .header-4 {
    margin: 0;
    line-height:1.1em
}

.content-post.question .content .column-right .post .post-content > * blockquote.header-4 {
    margin:0 20px
}

.content-post.question .content .column-right .post .post-content > * blockquote + blockquote.header-4 {
    margin-top:-10px
}

.content-post.question .content .column-right .post .post-content > * .header5, .content-post.question .content .column-right .post .post-content > * .header-5 {
    margin: 0;
    line-height:1.1em
}

.content-post.question .content .column-right .post .post-content > * blockquote.header-5 {
    margin:0 20px
}

.content-post.question .content .column-right .post .post-content > * blockquote + blockquote.header-5 {
    margin-top:-10px
}

.content-post.question .content .column-right .post .post-content > * .header6, .content-post.question .content .column-right .post .post-content > * .header-6 {
    margin: 0;
    line-height:1.1em
}

.content-post.question .content .column-right .post .post-content > * blockquote.header-6 {
    margin:0 20px
}

.content-post.question .content .column-right .post .post-content > * blockquote + blockquote.header-6 {
    margin-top:-10px
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) {
    font-size: 17px;
    line-height: 24px;
    border: 1px solid #d2d2d7;
    margin-bottom:32px
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block).scrollable {
    overflow: auto;
    max-width: 100%;
    display:block
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) caption {
    padding-bottom:5px
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) thead {
    border-bottom:1px solid #d2d2d7
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) thead tr {
    background-color:#f5f5f7
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) thead tr th {
    font-weight: 600;
    text-align:center
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) tr {
    background-color:#fff
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) tr:nth-child(2n) {
    background-color:#f5f5f7
}

.content-post.question .content .column-right .post .post-content > * table:not(.code-block) tr td, .content-post.question .content .column-right .post .post-content > * table:not(.code-block) tr th {
    padding:10px 15px
}

.content-post.question .content .column-right .post .post-content > * :not(blockquote):not(pre):not(code):not(.code-block):not(ul):not(ol):last-child {
    padding-bottom: 0;
    margin-bottom:0
}

.content-post.question .content .column-right .post .post-content > * .align-center {
    text-align:center
}

.content-post.question .content .column-right .post .post-content > * .align-right {
    text-align:right
}

.content-post.question .content .column-right .post .post-content > * .indent-1 {
    margin-left:32px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-1 {
    padding-left: 32px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-1 {
    width: calc(100% - 32px);
    max-width:calc(100% - 32px)
}

.content-post.question .content .column-right .post .post-content > * .indent-2 {
    margin-left:64px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-2 {
    padding-left: 64px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-2 {
    width: calc(100% - 64px);
    max-width:calc(100% - 64px)
}

.content-post.question .content .column-right .post .post-content > * .indent-3 {
    margin-left:96px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-3 {
    padding-left: 96px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-3 {
    width: calc(100% - 96px);
    max-width:calc(100% - 96px)
}

.content-post.question .content .column-right .post .post-content > * .indent-4 {
    margin-left:128px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-4 {
    padding-left: 128px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-4 {
    width: calc(100% - 128px);
    max-width:calc(100% - 128px)
}

.content-post.question .content .column-right .post .post-content > * .indent-5 {
    margin-left:160px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-5 {
    padding-left: 160px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-5 {
    width: calc(100% - 160px);
    max-width:calc(100% - 160px)
}

.content-post.question .content .column-right .post .post-content > * .indent-6 {
    margin-left:192px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-6 {
    padding-left: 192px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-6 {
    width: calc(100% - 192px);
    max-width:calc(100% - 192px)
}

.content-post.question .content .column-right .post .post-content > * .indent-7 {
    margin-left:224px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-7 {
    padding-left: 224px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-7 {
    width: calc(100% - 224px);
    max-width:calc(100% - 224px)
}

.content-post.question .content .column-right .post .post-content > * .indent-8 {
    margin-left:256px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-8 {
    padding-left: 256px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-8 {
    width: calc(100% - 256px);
    max-width:calc(100% - 256px)
}

.content-post.question .content .column-right .post .post-content > * .indent-9 {
    margin-left:288px
}

.content-post.question .content .column-right .post .post-content > * blockquote.indent-9 {
    padding-left: 288px;
    margin-left:20px
}

.content-post.question .content .column-right .post .post-content > * pre.indent-9 {
    width: calc(100% - 288px);
    max-width:calc(100% - 288px)
}

.content-post.question .content .column-right .post .post-content > * .log-attachment {
    display: block;
    margin:8px 0
}

.content-post.question .content .column-right .post .post-content > * .log-attachment a {
    font-size: 14px;
    text-decoration: none;
    color: #86868b;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.content-post.question .content .column-right .post .post-content > * .log-attachment a:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='40' width='39' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M26 16.529a.377.377 0 00-.112-.265l-4.714-4.176a.464.464 0 00-.262-.088h-7.164c-.411 0-.748.317-.748.705v14.59c0 .388.337.705.748.705h11.504c.411 0 .748-.317.748-.705zm-4.695-3.384l3.386 3.014h-3.012c-.206 0-.374-.159-.374-.353z' fill='%23666'/%3E%3Cpath d='M15 18h9v1h-9zm0 3h9v1h-9zm0 3h9v1h-9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right:5px
}

.content-post.question .content .column-right .post .post-content ul li p {
    margin-top:5px
}

.content-post.question .content .column-right .post .post-content-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-bottom:15px
}

@media only screen and (max-width: 767px) {
    .content-post.question .content .column-right .post .post-content-footer {
        border: none;
        margin-top:0
    }
}

.content-post.question .content .column-right .post .post-content-footer .tags-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align:left
}

@media only screen and (max-width: 767px) {
    .content-post.question .content .column-right .post .post-content-footer .tags-container {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex:1 1 100%
    }
}

.content-post .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    padding-bottom:15px
}

.content-post .content .column-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order:1
}

.content-post .content .column-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 3;
    -ms-flex: 3 3 860px;
    flex: 3 3 860px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left:1.875rem
}

@media only screen and (max-width: 767px) {
    .content-post .content .column-right {
        padding-left:.9375rem
    }
}

.content-post .content .column-right .post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:1
}

.content-post .content .column-right .post .post-content {
    padding: 16px 0;
    font-size: 16px;
    min-height: 60px;
    word-break:break-word
}

.content-post .content .column-right .post .post-content:focus {
    outline:none
}

.content-post .content .column-right .post .post-content > * {
    line-height: 1.33;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-break:break-word
}

.content-post .content .column-right .post .post-content > * p {
    margin: 0;
    padding:0
}

.content-post .content .column-right .post .post-content > * p img {
    display:block
}

.content-post .content .column-right .post .post-content > * img {
    max-width: 100%;
    height:auto
}

.content-post .content .column-right .post .post-content > * a {
    word-wrap:break-word
}

.content-post .content .column-right .post .post-content > * em {
    font-style:italic
}

.content-post .content .column-right .post .post-content > * .iframe-placeholder, .content-post .content .column-right .post .post-content > * iframe {
    max-width: 100%;
    width: 640px;
    height:390px
}

@media only screen and (max-width: 1024px) {
    .content-post .content .column-right .post .post-content > * .iframe-placeholder, .content-post .content .column-right .post .post-content > * iframe {
        width: 100vw;
        height:56.25vw
    }
}

.content-post .content .column-right .post .post-content > * .iframe-placeholder:focus, .content-post .content .column-right .post .post-content > * iframe:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.content-post .content .column-right .post .post-content > * .iframe-placeholder:focus[data-focus=key]:focus, .content-post .content .column-right .post .post-content > * iframe:focus[data-focus=key]:focus {
    outline: 3px solid #50a1ff;
    outline-offset:1px
}

.content-post .content .column-right .post .post-content > * blockquote {
    border: 1px solid #eee;
    border-left: 2px solid #ccc;
    margin: 10px 20px;
    padding: 10px;
    background-color:#eee
}

.content-post .content .column-right .post .post-content > * blockquote blockquote {
    background-color: #eef;
    border-color:#eef #eef #eef #ccf
}

.content-post .content .column-right .post .post-content > * blockquote blockquote blockquote {
    background-color: #efe;
    border-color:#efe #efe #efe #cfc
}

.content-post .content .column-right .post .post-content > * blockquote blockquote blockquote blockquote {
    background-color: #fee;
    border-color:#fee #fee #fee #fcc
}

.content-post .content .column-right .post .post-content > * blockquote + blockquote {
    margin-top: -20px;
    padding-top:0
}

.content-post .content .column-right .post .post-content > * .header1, .content-post .content .column-right .post .post-content > * .header-1 {
    margin: 0;
    line-height:1.1em
}

.content-post .content .column-right .post .post-content > * blockquote.header-1 {
    margin:0 20px
}

.content-post .content .column-right .post .post-content > * blockquote + blockquote.header-1 {
    margin-top:-10px
}

.content-post .content .column-right .post .post-content > * .header2, .content-post .content .column-right .post .post-content > * .header-2 {
    margin: 0;
    line-height:1.1em
}

.content-post .content .column-right .post .post-content > * blockquote.header-2 {
    margin:0 20px
}

.content-post .content .column-right .post .post-content > * blockquote + blockquote.header-2 {
    margin-top:-10px
}

.content-post .content .column-right .post .post-content > * .header3, .content-post .content .column-right .post .post-content > * .header-3 {
    margin: 0;
    line-height:1.1em
}

.content-post .content .column-right .post .post-content > * blockquote.header-3 {
    margin:0 20px
}

.content-post .content .column-right .post .post-content > * blockquote + blockquote.header-3 {
    margin-top:-10px
}

.content-post .content .column-right .post .post-content > * .header4, .content-post .content .column-right .post .post-content > * .header-4 {
    margin: 0;
    line-height:1.1em
}

.content-post .content .column-right .post .post-content > * blockquote.header-4 {
    margin:0 20px
}

.content-post .content .column-right .post .post-content > * blockquote + blockquote.header-4 {
    margin-top:-10px
}

.content-post .content .column-right .post .post-content > * .header5, .content-post .content .column-right .post .post-content > * .header-5 {
    margin: 0;
    line-height:1.1em
}

.content-post .content .column-right .post .post-content > * blockquote.header-5 {
    margin:0 20px
}

.content-post .content .column-right .post .post-content > * blockquote + blockquote.header-5 {
    margin-top:-10px
}

.content-post .content .column-right .post .post-content > * .header6, .content-post .content .column-right .post .post-content > * .header-6 {
    margin: 0;
    line-height:1.1em
}

.content-post .content .column-right .post .post-content > * blockquote.header-6 {
    margin:0 20px
}

.content-post .content .column-right .post .post-content > * blockquote + blockquote.header-6 {
    margin-top:-10px
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) {
    font-size: 17px;
    line-height: 24px;
    border: 1px solid #d2d2d7;
    margin-bottom:32px
}

.content-post .content .column-right .post .post-content > * table:not(.code-block).scrollable {
    overflow: auto;
    max-width: 100%;
    display:block
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) caption {
    padding-bottom:5px
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) thead {
    border-bottom:1px solid #d2d2d7
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) thead tr {
    background-color:#f5f5f7
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) thead tr th {
    font-weight: 600;
    text-align:center
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) tr {
    background-color:#fff
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) tr:nth-child(2n) {
    background-color:#f5f5f7
}

.content-post .content .column-right .post .post-content > * table:not(.code-block) tr td, .content-post .content .column-right .post .post-content > * table:not(.code-block) tr th {
    padding:10px 15px
}

.content-post .content .column-right .post .post-content > * :not(blockquote):not(pre):not(code):not(.code-block):not(ul):not(ol):last-child {
    padding-bottom: 0;
    margin-bottom:0
}

.content-post .content .column-right .post .post-content > * .align-center {
    text-align:center
}

.content-post .content .column-right .post .post-content > * .align-right {
    text-align:right
}

.content-post .content .column-right .post .post-content > * .indent-1 {
    margin-left:32px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-1 {
    padding-left: 32px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-1 {
    width: calc(100% - 32px);
    max-width:calc(100% - 32px)
}

.content-post .content .column-right .post .post-content > * .indent-2 {
    margin-left:64px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-2 {
    padding-left: 64px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-2 {
    width: calc(100% - 64px);
    max-width:calc(100% - 64px)
}

.content-post .content .column-right .post .post-content > * .indent-3 {
    margin-left:96px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-3 {
    padding-left: 96px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-3 {
    width: calc(100% - 96px);
    max-width:calc(100% - 96px)
}

.content-post .content .column-right .post .post-content > * .indent-4 {
    margin-left:128px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-4 {
    padding-left: 128px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-4 {
    width: calc(100% - 128px);
    max-width:calc(100% - 128px)
}

.content-post .content .column-right .post .post-content > * .indent-5 {
    margin-left:160px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-5 {
    padding-left: 160px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-5 {
    width: calc(100% - 160px);
    max-width:calc(100% - 160px)
}

.content-post .content .column-right .post .post-content > * .indent-6 {
    margin-left:192px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-6 {
    padding-left: 192px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-6 {
    width: calc(100% - 192px);
    max-width:calc(100% - 192px)
}

.content-post .content .column-right .post .post-content > * .indent-7 {
    margin-left:224px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-7 {
    padding-left: 224px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-7 {
    width: calc(100% - 224px);
    max-width:calc(100% - 224px)
}

.content-post .content .column-right .post .post-content > * .indent-8 {
    margin-left:256px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-8 {
    padding-left: 256px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-8 {
    width: calc(100% - 256px);
    max-width:calc(100% - 256px)
}

.content-post .content .column-right .post .post-content > * .indent-9 {
    margin-left:288px
}

.content-post .content .column-right .post .post-content > * blockquote.indent-9 {
    padding-left: 288px;
    margin-left:20px
}

.content-post .content .column-right .post .post-content > * pre.indent-9 {
    width: calc(100% - 288px);
    max-width:calc(100% - 288px)
}

.content-post .content .column-right .post .post-content > * .log-attachment {
    display: block;
    margin:8px 0
}

.content-post .content .column-right .post .post-content > * .log-attachment a {
    font-size: 14px;
    text-decoration: none;
    color: #86868b;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.content-post .content .column-right .post .post-content > * .log-attachment a:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='40' width='39' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M26 16.529a.377.377 0 00-.112-.265l-4.714-4.176a.464.464 0 00-.262-.088h-7.164c-.411 0-.748.317-.748.705v14.59c0 .388.337.705.748.705h11.504c.411 0 .748-.317.748-.705zm-4.695-3.384l3.386 3.014h-3.012c-.206 0-.374-.159-.374-.353z' fill='%23666'/%3E%3Cpath d='M15 18h9v1h-9zm0 3h9v1h-9zm0 3h9v1h-9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right:5px
}

.content-post .content .column-right .post .post-content .header1, .content-post .content .column-right .post .post-content .header-1 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 10px;
    line-height:1.2em
}

@media only screen and (max-width: 320px) {
    .content-post .content .column-right .post .post-content .header1, .content-post .content .column-right .post .post-content .header-1 {
        font-size:24px
    }
}

.content-post .content .column-right .post .post-content .header2, .content-post .content .column-right .post .post-content .header-2 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 8px;
    line-height:1.1em
}

@media only screen and (max-width: 320px) {
    .content-post .content .column-right .post .post-content .header2, .content-post .content .column-right .post .post-content .header-2 {
        font-size:22px
    }
}

.content-post .content .column-right .post .post-content .header3, .content-post .content .column-right .post .post-content .header-3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 5px;
    line-height:1.1em
}

@media only screen and (max-width: 320px) {
    .content-post .content .column-right .post .post-content .header3, .content-post .content .column-right .post .post-content .header-3 {
        font-size:20px
    }
}

.content-post .content .column-right .post .post-content .header4, .content-post .content .column-right .post .post-content .header5, .content-post .content .column-right .post .post-content .header6, .content-post .content .column-right .post .post-content .header-4, .content-post .content .column-right .post .post-content .header-5, .content-post .content .column-right .post .post-content .header-6 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom:3px
}

@media only screen and (max-width: 320px) {
    .content-post .content .column-right .post .post-content .header4, .content-post .content .column-right .post .post-content .header5, .content-post .content .column-right .post .post-content .header6, .content-post .content .column-right .post .post-content .header-4, .content-post .content .column-right .post .post-content .header-5, .content-post .content .column-right .post .post-content .header-6 {
        font-size:18px
    }
}

.content-post .content .column-right .post .post-content .strikethru {
    text-decoration:line-through
}

.content-post .content .column-right .post .post-content pre code {
    margin: 5px;
    display: block;
    white-space: pre-wrap;
    border-radius: 3px;
    border: 1px solid #d1d5da;
    padding: 5px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 13px;
    line-height: 17px;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size:2
}

.content-post .content .column-right .post .post-content code, .content-post .content .column-right .post .post-content span.code-inline {
    background-color: #f2f2f2;
    color: #333;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;
    line-height: 1.35em;
    font-family:SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.content-post .content .column-right .post .post-content blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #6a737d;
    color:#6a737d
}

.content-post .content .column-right .post .post-content ul {
    list-style-type:disc
}

.content-post .content .column-right .post .post-content ol, .content-post .content .column-right .post .post-content ul {
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 40px;
    padding-inline-start:40px
}

.content-post .content .column-right .post .post-content li > ul {
    list-style-type:circle
}

.content-post .content .column-right .post .post-content li > ol, .content-post .content .column-right .post .post-content li > ul {
    margin-top: 3px;
    margin-bottom: 3px;
    -webkit-margin-before: .5em;
    margin-block-start: .5em;
    -webkit-margin-after: .5em;
    margin-block-end: .5em;
    -webkit-padding-start: 20px;
    padding-inline-start:20px
}

.content-post .content .column-right .post .post-content ul.todo-list {
    list-style: none;
    padding-left:0
}

.content-post .content .column-right .post .post-content .a11y {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip:rect(1px, 1px, 1px, 1px)
}

.content-post .content .column-right .post .post-content li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-top: 3px;
    margin-bottom:3px
}

.content-post .content .column-right .post .post-content li span.code-inline {
    margin-top: 5px;
    margin-bottom:5px
}

.content-post .content .column-right .post .post-content li:first-child {
    margin-top:0
}

.content-post .content .column-right .post .post-content li:last-child {
    margin-bottom:0
}

.content-post .content .column-right .post .post-content .underline {
    text-decoration:underline
}

.content-post .content .column-right .post .post-content table.code-block {
    font-size: inherit;
    white-space: pre-wrap;
    width:100%
}

.content-post .content .column-right .post .post-content table.code-block:not(.noLineNumbers) {
    counter-reset:rowNumber
}

.content-post .content .column-right .post .post-content table.code-block:not(.noLineNumbers) tr:before {
    counter-increment: rowNumber;
    content:counter(rowNumber)
}

.content-post .content .column-right .post .post-content table.code-block tr:before {
    display: table-cell;
    padding-right: .3em;
    padding-top: 1px;
    text-align: right;
    width: 25px;
    line-height: 1.4;
    color:rgba(27, 31, 35, .3)
}

.content-post .content .column-right .post .post-content ul.tasklist {
    list-style-type: none;
    padding: 0;
    margin:0
}

.content-post .content .column-right .post .post-content li label {
    padding-left:5px
}

.content-post .content .column-right .post .post-content .tasklist-item-checked:before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.30078125 159.98291015625" version="1.1"><g transform="matrix(1 0 0 1 58.56936523437503 115.221435546875)"><path d="M 28.5156 10.4492 L 87.6465 10.4492 C 98.2422 10.4492 103.711 4.98047 103.711 -5.46875 L 103.711 -64.8926 C 103.711 -75.3418 98.2422 -80.8105 87.6465 -80.8105 L 28.5156 -80.8105 C 17.9688 -80.8105 12.4512 -75.3906 12.4512 -64.8926 L 12.4512 -5.46875 C 12.4512 4.98047 17.9688 10.4492 28.5156 10.4492 Z M 29.1504 0.732422 C 24.6582 0.732422 22.168 -1.61133 22.168 -6.34766 L 22.168 -64.0137 C 22.168 -68.75 24.6582 -71.0938 29.1504 -71.0938 L 87.0117 -71.0938 C 91.4551 -71.0938 93.9941 -68.75 93.9941 -64.0137 L 93.9941 -6.34766 C 93.9941 -1.61133 91.4551 0.732422 87.0117 0.732422 Z M 52.832 -12.0605 C 54.6387 -12.0605 56.1523 -12.9395 57.1777 -14.502 L 79.1992 -48.7793 C 79.8828 -49.8047 80.4199 -50.9766 80.4199 -52.0996 C 80.4199 -54.541 78.2715 -56.2012 75.9277 -56.2012 C 74.4629 -56.2012 73.1445 -55.3223 72.1191 -53.7109 L 52.6855 -22.6562 L 43.6035 -34.1309 C 42.4805 -35.6445 41.2598 -36.1816 39.8438 -36.1816 C 37.4023 -36.1816 35.498 -34.2285 35.498 -31.8359 C 35.498 -30.6641 35.9375 -29.541 36.7676 -28.5156 L 48.291 -14.502 C 49.6094 -12.8418 51.0254 -12.0605 52.832 -12.0605 Z" /></g></svg>');
    display: inline-block;
    width: 40px;
    height: 23px;
    vertical-align:-.5em
}

.content-post .content .column-right .post .post-content .tasklist-item-unchecked:before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.30078125 159.98291015625" version="1.1"><g transform="matrix(1 0 0 1 58.56936523437503 115.221435546875)"><path d="M 28.5156 10.4492 L 87.6465 10.4492 C 98.2422 10.4492 103.711 4.98047 103.711 -5.46875 L 103.711 -64.8926 C 103.711 -75.3418 98.2422 -80.8105 87.6465 -80.8105 L 28.5156 -80.8105 C 17.9688 -80.8105 12.4512 -75.3906 12.4512 -64.8926 L 12.4512 -5.46875 C 12.4512 4.98047 17.9688 10.4492 28.5156 10.4492 Z M 29.1504 0.732422 C 24.6582 0.732422 22.168 -1.61133 22.168 -6.34766 L 22.168 -64.0137 C 22.168 -68.75 24.6582 -71.0938 29.1504 -71.0938 L 87.0117 -71.0938 C 91.4551 -71.0938 93.9941 -68.75 93.9941 -64.0137 L 93.9941 -6.34766 C 93.9941 -1.61133 91.4551 0.732422 87.0117 0.732422 Z" /></g></svg>');
    display: inline-block;
    width: 40px;
    height: 23px;
    vertical-align:-.5em
}

.content-post .content .column-right .post .post-content .error-link {
    line-height: 1.2rem;
    background: #ffa;
    outline: 2px dotted #e73;
    outline-offset:2px
}

.content-post .content .column-right .post .post-content [data-lazy=true] {
    max-width: 100%;
    height: auto;
    border:1px solid #d6d6d6
}

@media only screen and (max-width: 767px) {
    .content-post .content .column-right .post .post-content-footer {
        padding: 0;
        margin:0
    }
}

.content-post .content.with-recommended .column-right .post .post-content, .content-post .content.with-solve .column-right .post .post-content {
    min-height:140px
}

.content-post .content.with-recommended.with-solve .column-right .post .post-content {
    min-height:220px
}

.pagination {
    clear: both;
    padding: 16px 0;
    border-top:1px solid #d2d2d7
}

.pagination .pagination-list {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.pagination .pagination-list .first-page, .pagination .pagination-list .last-page, .pagination .pagination-list .next-page, .pagination .pagination-list .previous-page {
    padding: 3px 7px 3px 8px;
    border: 1px solid #d2d2d7;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.25;
    white-space:nowrap
}

.pagination .pagination-list .first-page:after, .pagination .pagination-list .last-page:after, .pagination .pagination-list .next-page:after, .pagination .pagination-list .previous-page:after {
    line-height:1.25
}

.pagination .pagination-list .first-page.blue, .pagination .pagination-list .last-page.blue, .pagination .pagination-list .next-page.blue, .pagination .pagination-list .previous-page.blue {
    background: #0071e3;
    color: #fbfbfd;
    border-radius: 4px;
    border: 0;
    min-width:40px
}

.pagination .pagination-list .first-page.blue:after, .pagination .pagination-list .last-page.blue:after, .pagination .pagination-list .next-page.blue:after, .pagination .pagination-list .previous-page.blue:after {
    line-height: 1;
    color: #fbfbfd;
    font-size:24px
}

.pagination .pagination-list .first-page, .pagination .pagination-list .last-page {
    font-size: 15px;
    padding:6px 10px
}

.pagination .pagination-list .first-page, .pagination .pagination-list .previous-page {
    margin-right:5px
}

.pagination .pagination-list .last-page, .pagination .pagination-list .next-page {
    margin-left:5px
}

.pagination .pagination-list .page-number {
    margin-top: 5px;
    font-size: 15px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    display: inline-block;
    white-space:nowrap
}

@media only screen and (max-width: 320px) {
    .pagination .pagination-list .page-number {
        font-size: 15px;
        font-weight: 400;
        color: #1d1d1f;
        line-height: 3em;
        padding:0 7px
    }
}

.pagination .pagination-list .page-number .form-field-input {
    display:inline-block
}

.pagination .pagination-list .page-number .form-field-input .input {
    max-width: 30px;
    border-radius: 4px;
    border: 1px solid #d2d2d7;
    padding: 3px;
    font-size: 15px;
    font-weight: 200;
    text-align:center
}

.pagination .pagination-list.first-btn-margin {
    margin-left:55px
}

.pagination .pagination-list.prev-btn-margin {
    margin-left:45px
}

.pagination .pagination-list.last-btn-margin {
    margin-right:55px
}

.pagination .pagination-list.last-btn-margin.next-btn-margin {
    margin-right:100px
}

.pagination .pagination-list.next-btn-margin {
    margin-right:45px
}

.pagination .pagination-list.no-last-btn-margin {
    margin-right:55px
}

.pagination-overlay {
    display: none;
    position: fixed;
    right: 0;
    bottom: -2.5rem;
    background-color: #4b4b4b;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    height: 2.5rem;
    line-height: 2.5rem;
    z-index: 99999;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease-in-out 0s;
    transition: -webkit-transform .3s ease-in-out 0s;
    -o-transition: transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s;
    transition:transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s
}

@media only screen and (max-width: 320px) {
    .pagination-overlay {
        display:block
    }
}

.pagination-overlay.shown {
    -webkit-transform: translateY(-2.5rem);
    -ms-transform: translateY(-2.5rem);
    transform:translateY(-2.5rem)
}

@media only screen and (max-width: 320px) {
    [data-rte-container] [data-rte=image] {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.452 3.51h-3.871s-1.115-.748-2.04-2.608c-.482-.967-1.835-.876-1.835-.876H9.291S8.174-.233 7.502.89C6.711 2.215 6.05 3.458 5.42 3.51H1.548C.693 3.51 0 4.203 0 5.058v11.226c0 .855.693 1.548 1.548 1.548h20.904c.855 0 1.548-.693 1.548-1.548V5.058c0-.855-.693-1.549-1.548-1.549zM12 15.896a5.42 5.42 0 11.001-10.84 5.42 5.42 0 010 10.84zm6.774-10.065a.58.58 0 110-1.161.58.58 0 010 1.161zM12 14.735a4.258 4.258 0 100-8.516 4.258 4.258 0 000 8.516zM4.646 1.961a.774.774 0 00-.775-.774H2.323a.774.774 0 00-.774.774v.387h3.097z' fill='%234a4a4a' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
        background-size: 75% !important;
        margin-left:-5px !important
    }

    [data-rte-container] .rte-help-button, [data-rte-container] .rte-help-menu {
        display:none
    }
}

.log-attachment {
    display: block;
    margin:8px 0
}

.log-attachment a {
    font-size: 14px;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.log-attachment a:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='40' width='39' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M26 16.529a.377.377 0 00-.112-.265l-4.714-4.176a.464.464 0 00-.262-.088h-7.164c-.411 0-.748.317-.748.705v14.59c0 .388.337.705.748.705h11.504c.411 0 .748-.317.748-.705zm-4.695-3.384l3.386 3.014h-3.012c-.206 0-.374-.159-.374-.353z' fill='%23666'/%3E%3Cpath d='M15 18h9v1h-9zm0 3h9v1h-9zm0 3h9v1h-9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right:5px
}

.log-attachment-accordion {
    display: block;
    width: 100%;
    max-width: 640px;
    max-height: 40px;
    -webkit-transition: max-height .3s ease-in-out 0s;
    -o-transition: max-height .3s ease-in-out 0s;
    transition: max-height .3s ease-in-out 0s;
    will-change: max-height;
    border-top: 1px solid;
    border-bottom: 1px solid;
    overflow: hidden;
    position: relative;
    white-space:normal
}

.log-attachment-accordion.expanded {
    max-height:300px
}

.log-attachment-accordion.expanded .log-attachment-accordion-toggle:after {
    top: 8px;
    content: "\F006"
}

.log-attachment-accordion .log-attachment-accordion-toggle {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    font-size: 14px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-offset:-6px
}

.log-attachment-accordion .log-attachment-accordion-toggle:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='40' width='39' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='M26 16.529a.377.377 0 00-.112-.265l-4.714-4.176a.464.464 0 00-.262-.088h-7.164c-.411 0-.748.317-.748.705v14.59c0 .388.337.705.748.705h11.504c.411 0 .748-.317.748-.705zm-4.695-3.384l3.386 3.014h-3.012c-.206 0-.374-.159-.374-.353z' fill='%23666'/%3E%3Cpath d='M15 18h9v1h-9zm0 3h9v1h-9zm0 3h9v1h-9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right:5px
}

.log-attachment-accordion .log-attachment-accordion-toggle:after {
    content: "\F000";
    position: absolute;
    top: 6px;
    right: 20px;
    font-size: 24px;
    font-family:Apple Icons
}

.log-attachment-accordion .log-attachment-content-wrapper {
    width: 100%;
    max-height: 260px;
    min-height: 10px;
    overflow: scroll;
    position: relative;
    -webkit-overflow-scrolling:touch
}

.log-attachment-accordion .log-attachment-content-wrapper .log-attachment-content {
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    white-space:pre-wrap
}

.tags-component {
    display:contents
}

.tags-component .list-item {
    margin:0 5px 5px 0
}

.tags-component .list-item .tag {
    padding: 3px 9px;
    border-radius: .25rem;
    white-space: nowrap;
    margin-left: 0;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    color: #1d1d1f;
    background-color: #e8e8ed;
    font-size: 12px;
    font-weight:500
}

@media only screen and (max-width: 767px) {
    .tags-component .list-item .tag {
        max-width: calc(100vw - 165px);
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow:ellipsis
    }
}

.tags-component .list-item .tag.read {
    color:#666
}

.tags-component .list-item .tag.blue {
    background-color: #e8f2fa;
    color:#06c
}

.tags-component .list-item .tag.blue:hover {
    background-color:#d1ebff
}

.tags-component .list-item .tag.white {
    background-color: #fbfbfd;
    color:#06c
}

.tags-component .list-item .tag.white:hover {
    background-color:#e8e8ed
}

.tags-component .list-item .tag:hover {
    background-color: #d7d7d9;
    text-decoration:none
}

.tags-component {
    margin: 0;
    list-style:none
}

.tags-component .list-item {
    display:inline-block
}

.tags-component .list-item .list-tag-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.tags-component .list-item .list-tag-item .tag {
    padding: 3px 9px;
    white-space: nowrap;
    margin-left: 0;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    color: #1d1d1f;
    background-color: #e8e8ed;
    font-size: 12px;
    font-weight: 500;
    border-radius:.25rem
}

.tags-component .list-item .list-tag-item .tag.pinned-tag {
    border-radius:.25rem 0 0 .25rem
}

@media only screen and (max-width: 767px) {
    .tags-component .list-item .list-tag-item .tag {
        max-width: calc(100vw - 165px);
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow:ellipsis
    }
}

.tags-component .list-item .list-tag-item .tag:hover {
    background-color: #d7d7d9;
    text-decoration: none;
    display:block
}

.tags-component .list-item .list-tag-item .pinned-tags {
    border-radius: 0 .25rem .25rem 0;
    position: relative;
    width: 1rem;
    height: 22px;
    min-height: 1rem;
    padding: 3px 11px 3px 0;
    background-size: 9px;
    background-color: #e8e8ed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.665 13.8c.167 0 .589-.85.589-1.584V9.573h2.95c.543 0 .904-.35.904-.878 0-1.21-.96-2.388-2.416-2.977l-.177-2.65c.722-.477 1.371-.994 1.655-1.36.155-.2.233-.406.233-.594 0-.39-.294-.673-.733-.673H1.66c-.439 0-.733.284-.733.673 0 .188.078.394.233.594.284.366.933.883 1.655 1.36l-.177 2.65C1.183 6.307.222 7.484.222 8.695c0 .528.36.878.905.878h2.95v2.643c0 .734.421 1.583.588 1.583zm.944-8.393a5.75 5.75 0 00-1.888 0l.16-2.805c.012-.105-.01-.155-.094-.2-.694-.36-1.233-.766-1.35-.894-.05-.061-.01-.111.045-.111h4.366c.055 0 .094.05.044.11-.116.129-.655.534-1.35.895-.083.045-.105.095-.094.2l.161 2.805zm2.316 3.15h-6.52c-.1 0-.145-.056-.128-.179.144-.988 1.477-2.066 3.388-2.066 1.91 0 3.244 1.078 3.383 2.066.022.123-.023.178-.123.178z'/%3E%3C/svg%3E")
}

.tags-component .list-item .list-tag-item .pinned-tags.shown {
    display:block
}

.tags-component .list-item .list-tag-item .unpinned-tags {
    border-radius: 0 .25rem .25rem 0;
    position: relative;
    width: 1rem;
    height: 22px;
    min-height: 1rem;
    padding: 3px 11px 3px 0;
    background-size: 9px;
    background-color: #e8e8ed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.665 13.8c.167 0 .589-.85.589-1.584V9.573h2.95c.543 0 .904-.35.904-.878 0-1.21-.96-2.433-2.532-3.021l-.184-2.605c.845-.478 1.494-.989 1.778-1.356.155-.2.233-.41.233-.6 0-.388-.294-.672-.733-.672H1.66c-.439 0-.733.284-.733.673 0 .188.078.4.233.6.284.366.933.882 1.778 1.355l-.184 2.605C1.183 6.262.222 7.484.222 8.695c0 .528.36.878.905.878h2.95v2.643c0 .734.421 1.583.588 1.583z' fill='%230070C9'/%3E%3C/svg%3E")
}

.tags-component .list-item .list-tag-item .unpinned-tags.shown {
    display:block
}

.suggest-tags-component .selected-tags-container {
    margin-bottom:31px
}

.suggest-tags-component .tooltip-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align:text-top
}

.suggest-tags-component .tooltip-wrapper .icon-questionmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='16' width='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-750-18H317v52H-750z'/%3E%3Ctext fill='%23111' font-family='SFProDisplay-Semibold, SF Pro Display' font-size='21' font-weight='500' letter-spacing='.23' transform='translate(-750 -5)'%3E%3Ctspan x='0' y='20'%3EDeveloper Forums%3C/tspan%3E%3C/text%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M7.5 15.5c4.125 0 7.5-3.375 7.5-7.5S11.625.5 7.5.5 0 3.875 0 8s3.375 7.5 7.5 7.5z' fill='%23f2f2f2'/%3E%3Cpath d='M6.365 10.739c0-.493.406-.83.968-.83.581 0 .969.337.969.83 0 .483-.388.83-.969.83-.562 0-.968-.347-.968-.83zm.276-1.522v-.415c-.058-.793.396-1.296.969-1.799.547-.27.894-.512.83-.969.064-.674-.457-.944-.969-.968-.762.024-1.139.526-1.106 1.107H4.98c0-1.634 1.294-2.214 2.49-2.214 1.342 0 2.491.657 2.491 1.937 0 .962-.58 1.397-1.107 1.799-.67.449-.9.613-.968 1.245v.277z' fill='%23888'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 1.0625rem;
    height: 1.0625rem;
    vertical-align: middle;
    background-size:1rem
}

.suggest-tags-component .list-item-text {
    vertical-align:middle
}

.suggest-tags-component .tag.remove-tag {
    margin-right: 8px;
    margin-bottom:8px
}

.suggest-tags-component .tag.remove-tag .remove-tag-icon {
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='7' width='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0l1 1-2.501 2.5L7 6 6 7 3.499 4.5 1 7 0 6l2.5-2.5L0 1l1-1 2.499 2.5z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 8px;
    height: 20px;
    background-size: auto;
    background-position: 50%;
    vertical-align: middle;
    margin-left:13px
}

.autocomplete [role=listbox] {
    max-height: 12em;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch
}

.autocomplete [role=listbox]::-webkit-scrollbar {
    -webkit-appearance:none
}

.autocomplete [role=listbox]::-webkit-scrollbar:vertical {
    width:11px
}

.autocomplete [role=listbox]::-webkit-scrollbar:horizontal {
    height:11px
}

.autocomplete [role=listbox]::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #fff;
    background-color:rgba(0, 0, 0, .5)
}

.autocomplete {
    position: relative;
    margin-top:20px
}

ul.suggest-tags {
    position: absolute;
    width: calc(100% - 11px);
    border: 1px solid #d2d2d7;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap:nowrap
}

ul.suggest-tags li {
    margin:2px
}

ul.suggest-tags li.select-tag-list-item.selected span {
    background-color: #0070c9;
    color:#fff
}

ul.suggest-tags li.select-tag-list-item {
    white-space: nowrap;
    font-size: 14px;
    display:block
}

ul.suggest-tags li.select-tag-list-item button {
    background-color:#e8e8ed
}

ul.suggest-tags li.select-tag-list-item button.wwdc-tag:after {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.623 12c.841 0 1.377-.515 1.377-1.303v-9.4C16 .514 15.464 0 14.623 0H1.377C.543 0 0 .515 0 1.296v9.401C0 11.485.543 12 1.377 12h13.246zM2.233 2.436h-.876c-.197 0-.332-.136-.332-.306v-.736c0-.208.142-.345.36-.345h.847c.197 0 .326.13.326.32v.761c0 .17-.129.306-.326.306zm9.933 3.043H3.841c-.204 0-.326-.11-.326-.306V1.349c0-.196.122-.3.326-.3h8.325c.197 0 .32.104.32.3v3.824c0 .195-.123.306-.32.306zm2.477-3.043h-.875c-.197 0-.326-.136-.326-.306v-.762c0-.189.129-.32.326-.32h.848c.224 0 .36.138.36.346v.736c0 .17-.13.306-.333.306zM2.233 4.593h-.876c-.197 0-.332-.143-.332-.306v-.75c0-.188.129-.319.332-.319h.875c.197 0 .326.13.326.32v.749c0 .163-.129.306-.326.306zm12.41 0h-.875c-.197 0-.326-.143-.326-.306v-.75c0-.188.129-.319.326-.319h.875c.203 0 .332.13.332.32v.749c0 .163-.129.306-.332.306zM2.233 6.684h-.876c-.197 0-.332-.137-.332-.306v-.743c0-.195.129-.319.332-.319h.875c.197 0 .326.124.326.32v.742c0 .17-.129.306-.326.306zm12.41 0h-.875c-.197 0-.326-.137-.326-.306v-.743c0-.195.129-.319.326-.319h.875c.203 0 .332.124.332.32v.742c0 .17-.129.306-.332.306zm-2.477 4.267H3.841c-.204 0-.326-.117-.326-.313V6.84c0-.189.122-.306.326-.306h8.325c.197 0 .32.117.32.306v3.798c0 .196-.123.313-.32.313zM2.232 8.795h-.875c-.197 0-.332-.144-.332-.313V7.74c0-.195.129-.319.332-.319h.875c.197 0 .326.124.326.32v.742c0 .17-.129.313-.326.313zm12.41 0h-.874a.311.311 0 01-.326-.313V7.74c0-.195.129-.319.326-.319h.875c.203 0 .332.124.332.32v.742c0 .17-.129.313-.332.313zM2.233 10.95h-.848c-.217 0-.36-.143-.36-.339v-.736c0-.182.136-.312.333-.312h.875c.197 0 .326.13.326.312v.756a.31.31 0 01-.326.32zm12.384 0h-.848c-.197 0-.326-.137-.326-.32v-.755c0-.182.129-.312.326-.312h.875c.203 0 .332.13.332.312v.736c0 .196-.135.34-.36.34z' fill='%2306C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    margin-left: 4px;
    background-size: 20px;
    vertical-align:top
}

@media only screen and (max-width: 767px) {
    ul.suggest-tags .list-item .tag {
        max-width:calc(100% - 40px)
    }
}

.field-label {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height:24px
}

.field-label.sub-field-label {
    font-size: 12px;
    font-weight: 500;
    color:#333
}

@media only screen and (max-width: 320px) {
    .field-label {
        font-size: 18px;
        font-weight:300
    }
}

.field-label label {
    margin-right:8px
}

.field-label.with-tooltip {
    display:inline-block
}

.field-label .label {
    margin-right:8px
}

.field-label .tooltip-wrapper .tooltip-button {
    padding-bottom:0
}

.remove-tag {
    cursor:pointer
}

div.remove-tag {
    cursor: pointer;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    border:1px solid #e30000
}

.associatedTags-error {
    display: block;
    color: #e30000;
    margin-top:5px
}

.form-field-radio .radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    width: 1rem;
    height:1rem
}

.form-field-radio .label {
    vertical-align: middle;
    line-height:1.125rem
}

.form-field-radio .label .text {
    padding-left:1.875rem
}

.form-field-radio .radio ~ .label .indicator {
    position: absolute;
    display: inline-block;
    margin-right: .5rem;
    border: .0625rem solid #d2d2d7;
    border-radius: 50%;
    width: .875rem;
    height:.875rem
}

.form-field-radio .radio:checked ~ .label .indicator {
    background: #fff;
    border: .375rem solid #0071e3;
    width: .25rem;
    height:.25rem
}

.form-field-radio .radio.disabled ~ .label .indicator {
    cursor: not-allowed;
    background:#f5f5f7
}

.form-field-radio .radio:checked.disabled ~ .label .indicator {
    cursor: not-allowed;
    background: #f5f5f7;
    border-color:#d2d2d7
}

.public-private-container {
    margin-bottom:31px
}

.public-private-container .visibility-label {
    margin-bottom: 11px;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-right:8px
}

@media only screen and (max-width: 320px) {
    .public-private-container .visibility-label {
        font-size: 18px;
        font-weight:300
    }
}

.public-private-container .form-field-radio {
    margin-bottom:4px
}

.public-private-container .form-field-radio .tooltip-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align:text-top
}

.public-private-container .form-field-radio .tooltip-wrapper .icon-questionmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='16' width='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-750-18H317v52H-750z'/%3E%3Ctext fill='%23111' font-family='SFProDisplay-Semibold, SF Pro Display' font-size='21' font-weight='500' letter-spacing='.23' transform='translate(-750 -5)'%3E%3Ctspan x='0' y='20'%3EDeveloper Forums%3C/tspan%3E%3C/text%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M7.5 15.5c4.125 0 7.5-3.375 7.5-7.5S11.625.5 7.5.5 0 3.875 0 8s3.375 7.5 7.5 7.5z' fill='%23f2f2f2'/%3E%3Cpath d='M6.365 10.739c0-.493.406-.83.968-.83.581 0 .969.337.969.83 0 .483-.388.83-.969.83-.562 0-.968-.347-.968-.83zm.276-1.522v-.415c-.058-.793.396-1.296.969-1.799.547-.27.894-.512.83-.969.064-.674-.457-.944-.969-.968-.762.024-1.139.526-1.106 1.107H4.98c0-1.634 1.294-2.214 2.49-2.214 1.342 0 2.491.657 2.491 1.937 0 .962-.58 1.397-1.107 1.799-.67.449-.9.613-.968 1.245v.277z' fill='%23888'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 1.0625rem;
    height: 1.0625rem;
    vertical-align: middle;
    background-size:1rem
}

.form-field-checkbox .checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    width: 1rem;
    height:1rem
}

.form-field-checkbox .checkbox:focus {
    outline:none
}

.form-field-checkbox .checkbox:focus + checkbox-label > .indicator {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.form-field-checkbox .checkbox:focus + checkbox-label > .indicator[data-focus=key]:focus {
    outline: 3px solid #50a1ff;
    outline-offset:1px
}

.form-field-checkbox .checkbox-label {
    vertical-align:middle
}

.form-field-checkbox .checkbox ~ .checkbox-label .indicator {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    background-color: #fff;
    border: 1px solid #d2d2d7;
    border-radius: 3px;
    width: .875rem;
    height: .875rem;
    left: 0;
    top:3px
}

.form-field-checkbox .checkbox ~ .checkbox-label .indicator:after {
    position: absolute;
    opacity: 0;
    padding: 0;
    left: .09375rem;
    line-height: 1rem;
    font-size: 1.1875rem;
    vertical-align: middle;
    text-align:center
}

.form-field-checkbox .checkbox:checked ~ .checkbox-label .indicator {
    background: #0071e3;
    border:1px solid #0071e3
}

.form-field-checkbox .checkbox:checked ~ .checkbox-label .indicator:after {
    opacity: 1;
    color:#fff
}

.form-field-checkbox .checkbox.disabled:checked ~ .checkbox-label .indicator:after {
    color:#86868b
}

.form-field-checkbox .checkbox.disabled ~ .checkbox-label .indicator {
    cursor: not-allowed;
    background: #f5f5f7;
    border:1px solid #d2d2d7
}

.editor-wrapper {
    margin-top:15px
}

.title-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding-bottom:10px
}

.title-row, .title-row .form-field-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.title-row .form-field-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.create-form:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.create-form .create-form-general-error {
    display: block;
    min-height: 50px;
    margin-bottom: 20px;
    padding: 0 16px;
    border: 1px solid #e30000;
    border-radius: 6px;
    background-color:rgba(227, 0, 0, .1)
}

.create-form .create-form-general-error .create-form-general-error-message {
    line-height: 50px;
    text-align:center
}

.create-form .notification {
    width: 100%;
    max-width: 100%;
    margin-bottom:10px
}

@media only screen and (max-width: 1024px) {
    .create-form .notification {
        width:100%
    }
}

.create-form .create-post-title-wrapper {
    margin-bottom:15px
}

.create-form .create-post-title-wrapper input {
    width: 100%;
    max-width:100%
}

@media only screen and (max-width: 1024px) {
    .create-form .create-post-title-wrapper input {
        max-width:100%
    }
}

.create-form .create-post-title-wrapper .create-post-title-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-right:8px
}

@media only screen and (max-width: 320px) {
    .create-form .create-post-title-wrapper .create-post-title-label {
        font-size: 18px;
        font-weight:300
    }
}

.create-form .create-post-title-wrapper .form-field.form-field-input {
    padding-top:5px
}

.create-form .create-post-title-wrapper .create-post-title-error {
    display: block;
    color: #e30000;
    margin-top:5px
}

.create-form .create-post-title-wrapper .create-post-title-error .create-form-general-error-message {
    font-size: 12px;
    font-weight: 400;
    line-height:20px
}

.create-form .editor-rte-wrapper {
    overflow: visible;
    margin-bottom:31px
}

.create-form .editor-rte-wrapper .create-post-rte {
    width: 100%;
    max-width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom:31px
}

.create-form .editor-rte-wrapper .create-post-rte .ql-editor {
    padding:10px
}

.create-form .editor-rte-wrapper .create-post-rte .ql-editor.ql-blank:before {
    left:10px
}

.create-form .editor-rte-wrapper .create-post-rte .toolbar.rte-error {
    margin-bottom:5px
}

.create-form .create-post-button {
    border-radius: 5px;
    font-size:18px
}

.create-form .create-post-button.warn-button {
    background-color:#e30000
}

.create-form .show-log-icon:after {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='40' width='39' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23666'%3E%3Cpath d='M27 16.378a.454.454 0 00-.13-.314l-5.438-4.96a.526.526 0 00-.303-.104h-8.266c-.475 0-.863.377-.863.837v17.326c0 .46.388.837.863.837h13.274c.475 0 .863-.377.863-.837zm-5.417-4.018l3.906 3.578h-3.475a.426.426 0 01-.431-.418zm-8.72 16.782V11.816h7.835v3.704c0 .69.583 1.255 1.295 1.255h4.144v12.346z'/%3E%3Cpath d='M14 19h11v1H14zm0 3h11v1H14zm0 3h11v1H14z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    margin-left: 8px;
    background-size: 30px;
    vertical-align:top
}

section.post-preview {
    overflow-wrap:break-word
}

section.post-preview .header1, section.post-preview .header-1 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 10px;
    line-height:1.2em
}

@media only screen and (max-width: 320px) {
    section.post-preview .header1, section.post-preview .header-1 {
        font-size:24px
    }
}

section.post-preview .header2, section.post-preview .header-2 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 8px;
    line-height:1.1em
}

@media only screen and (max-width: 320px) {
    section.post-preview .header2, section.post-preview .header-2 {
        font-size:22px
    }
}

section.post-preview .header3, section.post-preview .header-3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 5px;
    line-height:1.1em
}

@media only screen and (max-width: 320px) {
    section.post-preview .header3, section.post-preview .header-3 {
        font-size:20px
    }
}

section.post-preview .header4, section.post-preview .header5, section.post-preview .header6, section.post-preview .header-4, section.post-preview .header-5, section.post-preview .header-6 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom:3px
}

@media only screen and (max-width: 320px) {
    section.post-preview .header4, section.post-preview .header5, section.post-preview .header6, section.post-preview .header-4, section.post-preview .header-5, section.post-preview .header-6 {
        font-size:18px
    }
}

section.post-preview .strikethru {
    text-decoration:line-through
}

section.post-preview pre code {
    margin: 5px;
    display: block;
    white-space: pre-wrap;
    border-radius: 3px;
    border: 1px solid #d1d5da;
    padding: 5px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 13px;
    line-height: 17px;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size:2
}

section.post-preview code, section.post-preview span.code-inline {
    background-color: #f2f2f2;
    color: #333;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;
    line-height: 1.35em;
    font-family:SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

section.post-preview blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #6a737d;
    color:#6a737d
}

section.post-preview ul {
    list-style-type:disc
}

section.post-preview ol, section.post-preview ul {
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 40px;
    padding-inline-start:40px
}

section.post-preview li > ul {
    list-style-type:circle
}

section.post-preview li > ol, section.post-preview li > ul {
    margin-top: 3px;
    margin-bottom: 3px;
    -webkit-margin-before: .5em;
    margin-block-start: .5em;
    -webkit-margin-after: .5em;
    margin-block-end: .5em;
    -webkit-padding-start: 20px;
    padding-inline-start:20px
}

section.post-preview ul.todo-list {
    list-style: none;
    padding-left:0
}

section.post-preview .a11y {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip:rect(1px, 1px, 1px, 1px)
}

section.post-preview li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-top: 3px;
    margin-bottom:3px
}

section.post-preview li span.code-inline {
    margin-top: 5px;
    margin-bottom:5px
}

section.post-preview li:first-child {
    margin-top:0
}

section.post-preview li:last-child {
    margin-bottom:0
}

section.post-preview .underline {
    text-decoration:underline
}

section.post-preview table.code-block {
    font-size: inherit;
    white-space: pre-wrap;
    width:100%
}

section.post-preview table.code-block:not(.noLineNumbers) {
    counter-reset:rowNumber
}

section.post-preview table.code-block:not(.noLineNumbers) tr:before {
    counter-increment: rowNumber;
    content:counter(rowNumber)
}

section.post-preview table.code-block tr:before {
    display: table-cell;
    padding-right: .3em;
    padding-top: 1px;
    text-align: right;
    width: 25px;
    line-height: 1.4;
    color:rgba(27, 31, 35, .3)
}

section.post-preview ul.tasklist {
    list-style-type: none;
    padding: 0;
    margin:0
}

section.post-preview li label {
    padding-left:5px
}

section.post-preview .tasklist-item-checked:before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.30078125 159.98291015625" version="1.1"><g transform="matrix(1 0 0 1 58.56936523437503 115.221435546875)"><path d="M 28.5156 10.4492 L 87.6465 10.4492 C 98.2422 10.4492 103.711 4.98047 103.711 -5.46875 L 103.711 -64.8926 C 103.711 -75.3418 98.2422 -80.8105 87.6465 -80.8105 L 28.5156 -80.8105 C 17.9688 -80.8105 12.4512 -75.3906 12.4512 -64.8926 L 12.4512 -5.46875 C 12.4512 4.98047 17.9688 10.4492 28.5156 10.4492 Z M 29.1504 0.732422 C 24.6582 0.732422 22.168 -1.61133 22.168 -6.34766 L 22.168 -64.0137 C 22.168 -68.75 24.6582 -71.0938 29.1504 -71.0938 L 87.0117 -71.0938 C 91.4551 -71.0938 93.9941 -68.75 93.9941 -64.0137 L 93.9941 -6.34766 C 93.9941 -1.61133 91.4551 0.732422 87.0117 0.732422 Z M 52.832 -12.0605 C 54.6387 -12.0605 56.1523 -12.9395 57.1777 -14.502 L 79.1992 -48.7793 C 79.8828 -49.8047 80.4199 -50.9766 80.4199 -52.0996 C 80.4199 -54.541 78.2715 -56.2012 75.9277 -56.2012 C 74.4629 -56.2012 73.1445 -55.3223 72.1191 -53.7109 L 52.6855 -22.6562 L 43.6035 -34.1309 C 42.4805 -35.6445 41.2598 -36.1816 39.8438 -36.1816 C 37.4023 -36.1816 35.498 -34.2285 35.498 -31.8359 C 35.498 -30.6641 35.9375 -29.541 36.7676 -28.5156 L 48.291 -14.502 C 49.6094 -12.8418 51.0254 -12.0605 52.832 -12.0605 Z" /></g></svg>');
    display: inline-block;
    width: 40px;
    height: 23px;
    vertical-align:-.5em
}

section.post-preview .tasklist-item-unchecked:before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 233.30078125 159.98291015625" version="1.1"><g transform="matrix(1 0 0 1 58.56936523437503 115.221435546875)"><path d="M 28.5156 10.4492 L 87.6465 10.4492 C 98.2422 10.4492 103.711 4.98047 103.711 -5.46875 L 103.711 -64.8926 C 103.711 -75.3418 98.2422 -80.8105 87.6465 -80.8105 L 28.5156 -80.8105 C 17.9688 -80.8105 12.4512 -75.3906 12.4512 -64.8926 L 12.4512 -5.46875 C 12.4512 4.98047 17.9688 10.4492 28.5156 10.4492 Z M 29.1504 0.732422 C 24.6582 0.732422 22.168 -1.61133 22.168 -6.34766 L 22.168 -64.0137 C 22.168 -68.75 24.6582 -71.0938 29.1504 -71.0938 L 87.0117 -71.0938 C 91.4551 -71.0938 93.9941 -68.75 93.9941 -64.0137 L 93.9941 -6.34766 C 93.9941 -1.61133 91.4551 0.732422 87.0117 0.732422 Z" /></g></svg>');
    display: inline-block;
    width: 40px;
    height: 23px;
    vertical-align:-.5em
}

section.post-preview .error-link {
    line-height: 1.2rem;
    background: #ffa;
    outline: 2px dotted #e73;
    outline-offset:2px
}

section.post-preview [data-lazy=true] {
    max-width: 100%;
    height: auto;
    border:1px solid #d6d6d6
}

.editor-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1em;
    padding:0
}

.editor-table-cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    padding: .2em;
    overflow: hidden;
    list-style:none
}

.editor-table-cell.title {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order:0
}

.editor-table-cell.body-visibility-tags {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order:1
}

@media only screen and (min-width: 1025px) {
    .editor-table-cell.body-visibility-tags .visibility-tags.no-live-preview {
        width:calc(48% + .2em)
    }
}

.editor-table-cell.preview-header {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order:2
}

@media only screen and (min-width: 1025px) {
    .editor-table-cell.preview-header {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order:0
    }
}

.editor-table-cell.preview-header.reply-mode {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order:2
}

.editor-table-cell.preview-body {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding:0 .2em
}

@media only screen and (min-width: 1025px) {
    .editor-table-cell.preview-body {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .editor-table-cell.preview-body.preview-body-hidden {
        height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding:0
    }
}

.editor-table-cell.preview-body.reply-mode {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order:3
}

.editor-table-cell.preview-body:not(.preview-body-hidden) .post-preview {
    margin-bottom:20px
}

.editor-table--2cols > .editor-table-cell {
    width:48%
}

.editor-table--2cols > .editor-table-cell--head.right-col {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-bottom: 1px solid #d2d2d7;
    margin-bottom:20px
}

.editor-table--2cols > .editor-table-cell--head.right-col .form-field-checkbox {
    margin-bottom:40px
}

@media only screen and (min-width: 1025px) {
    .editor-table--2cols > .editor-table-cell--head.right-col {
        margin-bottom:19px
    }

    .editor-table--2cols > .editor-table-cell--head.right-col .form-field-checkbox {
        margin-bottom:15px
    }
}

@media only screen and (min-width: 1025px) {
    .editor-table--2cols > .right-col.question-preview {
        margin-top:-20px
    }
}

@media only screen and (min-width: 1025px) {
    .editor-table--2cols > .right-col {
        margin-left:25px
    }
}

@media only screen and (max-width: 1024px) {
    .editor-table--collapse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .editor-table--collapse > .editor-table-cell {
        width:100% !important
    }

    .editor-table--collapse > .editor-table-cell--foot {
        margin-bottom:1em
    }
}

.post-content-footer .actions .apple-recommend-tooltip .mark-apple-recommended-button, .post-content-footer .actions .apple-recommend-tooltip .unmark-apple-recommended-button, .post-content-footer .actions .edit-post .edit-button, .post-content-footer .actions .moderate-tooltip .moderate-button {
    display: inline-block;
    background-repeat: no-repeat;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: middle;
    background-size:1.125rem
}

.post-content-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

@media only screen and (max-width: 767px) {
    .post-content-footer {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .post-content-footer.question {
        margin-bottom:0
    }
}

.post-content-footer.question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom:15px
}

@media only screen and (max-width: 767px) {
    .post-content-footer.question {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }
}

.post-content-footer.question .reply-button {
    font-size: 16px;
    border-radius: 4px;
    line-height:26px
}

@media only screen and (max-width: 767px) {
    .post-content-footer.question .reply-button {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-top:10px
    }
}

.post-content-footer.comment > * {
    display:inline-block
}

.post-content-footer.comment .author-timestamp-wrapper {
    margin-right:10px
}

@media only screen and (max-width: 767px) {
    .post-content-footer.comment .author-timestamp-wrapper {
        margin-bottom:0
    }
}

.post-content-footer.comment .actions > * {
    margin-right: 10px;
    margin-left:0
}

.post-content-footer .metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

@media only screen and (max-width: 767px) {
    .post-content-footer .metadata {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items:flex-end
    }
}

@media only screen and (max-width: 767px) {
    .post-content-footer .author-timestamp-wrapper {
        margin-bottom:10px
    }
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname {
    display:inline-block
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname .apple-staff-icon {
    position: absolute;
    width: 21px;
    height: 21px;
    margin-top: 1px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='14' width='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .298a6.702 6.702 0 110 13.404A6.702 6.702 0 017 .298zM8.362 4.63c-.63-.036-1.161.357-1.46.357-.3 0-.761-.338-1.257-.327a1.861 1.861 0 00-1.576.957c-.676 1.164-.177 2.889.48 3.835.319.469.703.984 1.207.968.48-.02.665-.311 1.246-.311s.75.31 1.257.3c.526-.011.853-.47 1.172-.938.365-.534.515-1.05.526-1.08-.011-.01-1.011-.392-1.022-1.545-.011-.965.785-1.426.826-1.453-.45-.668-1.153-.744-1.399-.763zm.006-1.843c-.385.02-.856.254-1.129.584-.242.28-.46.741-.403 1.174.433.036.864-.218 1.136-.534.265-.327.442-.771.396-1.224z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname .top-contributor-icon {
    position: absolute;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='42' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='.234%25' y1='49.966%25' x2='99.911%25' y2='49.966%25' id='a'%3E%3Cstop stop-color='%23F7D563' offset='0%25'/%3E%3Cstop stop-color='%23FAC950' offset='50%25'/%3E%3Cstop stop-color='%23F6A610' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M9.274 39.51a2.545 2.545 0 010-1.418l3.999-12.07L2.948 18.75a3.2 3.2 0 01-.946-1.163 1.6 1.6 0 010-1.09c.124-.353.369-.65.691-.837a3.272 3.272 0 011.454-.255h12.725l3.854-12.033c.131-.471.367-.906.69-1.273.277-.257.64-.4 1.019-.4.365.005.716.148.981.4.324.367.56.802.69 1.273l3.855 12.07h12.688a3.2 3.2 0 011.418.254c.332.176.58.477.69.836.146.35.146.742 0 1.091a3.2 3.2 0 01-.981 1.018l-10.325 7.271 3.926 12.143c.195.446.258.938.182 1.418a1.49 1.49 0 01-.545.91 1.236 1.236 0 01-1.055.254 3.018 3.018 0 01-1.308-.619l-10.216-7.453-10.253 7.49c-.38.309-.829.521-1.309.618a1.272 1.272 0 01-1.054-.255 1.49 1.49 0 01-.545-.908z' stroke='%23AF7C00' stroke-width='2' fill='url(%23a)'/%3E%3C/svg%3E")
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname .authorAvatar {
    width: 21px;
    height: 21px;
    vertical-align:middle
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname .employee-author-avatar {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-left:24px
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname .top-contributor-author-avatar {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-left:20px
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname .sub-author-name {
    word-break: break-all;
    margin-left:24px
}

.post-content-footer .author-timestamp-wrapper .content-post-authorname .apple-staff {
    color:#86868b
}

.post-content-footer .actions {
    display:inline-block
}

.post-content-footer .actions > * {
    margin-left:10px
}

.post-content-footer .actions .edit-post {
    display:inline-block
}

.post-content-footer .actions .edit-post .edit-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h7.744c1.783 0 2.43.186 3.082.534.652.349 1.163.86 1.512 1.512.348.652.534 1.299.534 3.082v7.744c0 1.783-.186 2.43-.534 3.082a3.635 3.635 0 01-1.512 1.512c-.652.348-1.299.534-3.082.534H5.128c-1.783 0-2.43-.186-3.082-.534a3.635 3.635 0 01-1.512-1.512C.186 15.302 0 14.655 0 12.872V5.128c0-1.783.186-2.43.534-3.082A3.635 3.635 0 012.046.534C2.698.186 3.345 0 5.128 0z' fill='%23F2F2F2'/%3E%3Cpath d='M14.645 4.22l.457-.48c.24-.252.263-.61.023-.855l-.164-.17c-.217-.217-.58-.17-.82.064l-.475.463.979.979zm-6.85 6.118l1.236-.51 5.192-5.191-.979-.973L8.06 8.855l-.528 1.213c-.07.164.106.334.264.27zm4.482 4.031c1.184 0 1.881-.691 1.881-1.986V6.26l-1.342 1.342v4.634c0 .534-.28.791-.662.791H5.621c-.51 0-.78-.257-.78-.79v-6.4c0-.532.27-.784.78-.784h4.688L11.65 3.71H5.498c-1.3 0-1.998.691-1.998 1.98v6.692c0 1.295.697 1.986 1.998 1.986h6.78z' fill='%23178BFB' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")
}

.post-content-footer .actions .apple-recommend-tooltip, .post-content-footer .actions .content-post-copy, .post-content-footer .actions .content-post-report {
    display:inline-block
}

.post-content-footer .actions .apple-recommend-tooltip .mark-apple-recommended-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h7.744c1.783 0 2.43.186 3.082.534.652.349 1.163.86 1.512 1.512.348.652.534 1.299.534 3.082v7.744c0 1.783-.186 2.43-.534 3.082a3.635 3.635 0 01-1.512 1.512c-.652.348-1.299.534-3.082.534H5.128c-1.783 0-2.43-.186-3.082-.534a3.635 3.635 0 01-1.512-1.512C.186 15.302 0 14.655 0 12.872V5.128c0-1.783.186-2.43.534-3.082A3.635 3.635 0 012.046.534C2.698.186 3.345 0 5.128 0z' fill='%23F2F2F2'/%3E%3Cg transform='translate(2 2)'%3E%3Ccircle fill='%23000' cx='7' cy='7' r='7'/%3E%3Cpath d='M8.469 4.667c.23 0 1.052.018 1.588.732-.046.033-.863.46-.863 1.408 0 1.094 1.042 1.483 1.073 1.493-.005.023-.169.53-.547 1.047-.342.45-.705.91-1.251.91-.547 0-.69-.295-1.313-.295-.618 0-.838.305-1.333.305-.501 0-.853-.423-1.247-.94-.465-.61-.843-1.553-.843-2.445 0-1.436 1.017-2.197 2.018-2.197.526 0 .97.32 1.303.32.316 0 .807-.338 1.415-.338zm-.547-.576c-.31.329-.834.576-1.249.576a.758.758 0 01-.122-.01.626.626 0 01-.018-.145c0-.421.245-.833.502-1.095.332-.344.893-.602 1.348-.617a.675.675 0 01.017.16c0 .416-.198.832-.478 1.13z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.post-content-footer .actions .apple-recommend-tooltip .unmark-apple-recommended-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h7.744c1.783 0 2.43.186 3.082.534.652.349 1.163.86 1.512 1.512.348.652.534 1.299.534 3.082v7.744c0 1.783-.186 2.43-.534 3.082a3.635 3.635 0 01-1.512 1.512c-.652.348-1.299.534-3.082.534H5.128c-1.783 0-2.43-.186-3.082-.534a3.635 3.635 0 01-1.512-1.512C.186 15.302 0 14.655 0 12.872V5.128c0-1.783.186-2.43.534-3.082A3.635 3.635 0 012.046.534C2.698.186 3.345 0 5.128 0z' fill='%23F2F2F2'/%3E%3Cg transform='translate(2 2)'%3E%3Ccircle fill='%23178BFB' cx='7' cy='7' r='7'/%3E%3Cpath d='M8.469 4.667c.23 0 1.052.018 1.588.732-.046.033-.863.46-.863 1.408 0 1.094 1.042 1.483 1.073 1.493-.005.023-.169.53-.547 1.047-.342.45-.705.91-1.251.91-.547 0-.69-.295-1.313-.295-.618 0-.838.305-1.333.305-.501 0-.853-.423-1.247-.94-.465-.61-.843-1.553-.843-2.445 0-1.436 1.017-2.197 2.018-2.197.526 0 .97.32 1.303.32.316 0 .807-.338 1.415-.338zm-.547-.576c-.31.329-.834.576-1.249.576a.758.758 0 01-.122-.01.626.626 0 01-.018-.145c0-.421.245-.833.502-1.095.332-.344.893-.602 1.348-.617a.675.675 0 01.017.16c0 .416-.198.832-.478 1.13z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.post-content-footer .actions .moderate-tooltip {
    display:inline-block
}

.post-content-footer .actions .moderate-tooltip .moderate-button {
    margin: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h7.744c1.783 0 2.43.186 3.082.534.652.349 1.163.86 1.512 1.512.348.652.534 1.299.534 3.082v7.744c0 1.783-.186 2.43-.534 3.082a3.635 3.635 0 01-1.512 1.512c-.652.348-1.299.534-3.082.534H5.128c-1.783 0-2.43-.186-3.082-.534a3.635 3.635 0 01-1.512-1.512C.186 15.302 0 14.655 0 12.872V5.128c0-1.783.186-2.43.534-3.082A3.635 3.635 0 012.046.534C2.698.186 3.345 0 5.128 0z' fill='%23F2F2F2'/%3E%3Cpath d='M5.3 13.344a.78.78 0 00.546-.246l5.378-5.373.932-1.05-.088 2.11v2.238c0 .416.317.762.727.762.404 0 .744-.34.744-.78l-.006-5.87c0-.469-.31-.791-.79-.791H6.864c-.451 0-.773.334-.773.738 0 .398.34.72.761.72h2.15l2.192-.075-1.043.92-5.373 5.378a.803.803 0 00-.246.551c0 .393.363.768.768.768z' fill='%23178BFB' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")
}

.post-content-footer .deleted-deactivated-user {
    color:#666
}

.comment-list-item {
    padding-bottom: 15px;
    border-bottom:1px solid #d2d2d7
}

.comment-list-item:not(:last-of-type) {
    margin-bottom:15px
}

.comment-list-item .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-height:30px
}

.comment-list-item .comment .inline {
    display:inline
}

.comment-list-item .comment .underline {
    text-decoration:underline
}

.comment-list-item .comment .vote {
    margin-right:10px
}

.comment-list-item .comment .vote .upvote-button {
    width: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: .3125rem .5625rem;
    border-radius: .25rem;
    white-space: nowrap;
    color: #1d1d1f;
    background-color: #e8e8ed;
    margin:2px 2px 2px 0
}

.comment-list-item .comment .vote .upvote-button.voted {
    color:#06c
}

.comment-list-item .comment .vote .upvote-button.voted > .upvote-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.227 12.117h.04c.439 0 .794.354.794.79a.792.792 0 01-.794.791h-1.44c-4.149.302-6.739.039-7.77-.79-1.472-1.185-.393-6.52.241-6.533.005 0 .33-.09.612-.168 1.757-.68 3.094-2.178 4.011-4.492.365-1.827 1.723-1.47 2.049.476 0 .335.36 1.829-1.004 3.46h3.91a1.11 1.11 0 011.112 1.108 1.11 1.11 0 01-1.113 1.107h-.648v.162h1.096c.533 0 .964.43.964.96s-.431.96-.964.96h-1.096v.162h.63c.512 0 .926.413.926.923a.924.924 0 01-.926.922h-.63v.162z' fill='%23178BFB' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.comment-list-item .comment .vote .upvote-button .upvote-icon {
    color:#86868b
}

.comment-list-item .comment .vote .upvote-button .upvote-icon:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='14' width='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.227 12.117h.04c.439 0 .794.354.794.79a.792.792 0 01-.794.791h-1.44c-4.149.302-6.739.039-7.77-.79-1.472-1.185-.393-6.52.241-6.533.005 0 .33-.09.612-.168 1.757-.68 3.094-2.178 4.011-4.492.365-1.827 1.723-1.47 2.049.476 0 .335.36 1.829-1.004 3.46h3.91c.614 0 1.112.496 1.112 1.108s-.498 1.107-1.113 1.107h-.648v.162h1.096c.533 0 .964.43.964.96s-.431.96-.964.96h-1.096v.162h.63c.512 0 .926.413.926.923a.924.924 0 01-.926.922h-.63z' fill='%237c7c7c' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.comment-list-item .comment .details {
    padding-left: .625rem;
    width:100%
}

.comment-list-item .comment .details .text .post-content-footer {
    display:inline
}

.comment-section {
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #d2d2d7;
    font-size:13px
}

.comment-section .comments-list {
    list-style-type: none;
    margin-left: 0;
    padding-left: 15px;
    border-left: 1px solid #d2d2d7;
    overflow:visible
}

.comment-section .comments-list + .add-comment-button {
    display: inline-block;
    padding-top:15px
}

.comment-section .more-comments .more-comments-button {
    padding-top: 15px;
    color:#06c
}

.comment-section .add-comment-button {
    color: #06c;
    margin: 0;
    padding-left: 15px;
    border-left:1px solid #d2d2d7
}

@media only screen and (max-width: 767px) {
    .comment-section .add-comment-button {
        margin-bottom:10px
    }
}

.comment-section .comment-editor-wrapper-placeholder {
    overflow: auto;
    padding-left: 15px;
    border-left:1px solid #d2d2d7
}

.confirm-modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    background-color:rgba(0, 0, 0, .5)
}

.confirm-modal-overlay, .confirm-modal-overlay .confirm-modal-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.confirm-modal-overlay .confirm-modal-popup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 845px;
    min-height: 300px;
    padding: 50px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:25px
}

@media only screen and (max-width: 767px) {
    .confirm-modal-overlay .confirm-modal-popup {
        width: calc(100% - 40px);
        padding:20px
    }
}

.confirm-modal-overlay .confirm-modal-popup .confirm-modal-text-container {
    margin-bottom:25px
}

.confirm-modal-overlay .confirm-modal-popup .confirm-modal-text-container .title {
    line-height: 2rem;
    font-size:25px
}

.confirm-modal-overlay .confirm-modal-popup .buttons-container {
    -ms-flex-item-align: end;
    align-self:flex-end
}

.confirm-modal-overlay .confirm-modal-popup .buttons-container button {
    border-radius:4px
}

.confirm-modal-overlay .confirm-modal-popup .buttons-container button:first-child {
    margin-right:18px
}

.confirm-modal-overlay .confirm-modal-popup .error-message {
    border: 1px solid red;
    padding: 5px;
    display: none;
    margin-top:5px
}

.confirm-modal-overlay .apple-recommended-icon {
    display: inline-block;
    background-repeat: no-repeat;
    width: 3.125rem;
    height: 3.125rem;
    vertical-align: middle;
    background-size: 3.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='53' width='53' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-352-882h1680v3377H-352z' fill='%23fff'/%3E%3Cpath d='M26.5.809C40.689.809 52.191 12.31 52.191 26.5S40.69 52.191 26.5 52.191.809 40.69.809 26.5 12.31.809 26.5.809zm4.895 16.597l-.322.01c-2.128.124-3.907 1.367-4.952 1.367-1.15 0-2.915-1.295-4.817-1.253-2.476.041-4.775 1.441-6.04 3.667-2.59 4.462-.678 11.076 1.84 14.702 1.222 1.797 2.696 3.772 4.629 3.71 1.839-.074 2.55-1.192 4.775-1.192 2.225 0 2.873 1.191 4.817 1.15 2.016-.042 3.27-1.798 4.493-3.595 1.4-2.048 1.975-4.023 2.017-4.138-.042-.042-3.877-1.504-3.919-5.924-.042-3.7 3.01-5.465 3.166-5.57-1.724-2.56-4.42-2.852-5.36-2.925zm.348-7.055c-1.474.073-3.281.972-4.326 2.236-.93 1.076-1.766 2.842-1.547 4.504 1.662.136 3.313-.836 4.358-2.048 1.013-1.254 1.692-2.957 1.515-4.692z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
    margin-right:10px
}

.confirm-modal-overlay .spinner {
    display:none
}

.page {
    position: relative;
    width: 100%;
    padding: 0 22px;
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

@media only screen and (max-width: 767px) {
    .page {
        padding:0 14px
    }
}

.page .question .question-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom:1px solid #d2d2d7
}

@media only screen and (max-width: 767px) {
    .page .question .question-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }
}

.page .thread-page-comment-editor .editor-table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom:0
}

.page .thread-page-comment-editor .editor-table .editor-rte-wrapper, .page .thread-page-comment-editor .editor-table .editor-rte-wrapper .create-post-rte {
    margin-bottom:0
}

.page .thread-page-comment-editor .editor-table .comment-button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-item-align: end;
    align-self:flex-end
}

.page .answers .answer-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding: 15px 0;
    margin:16px 0 0
}

@media only screen and (max-width: 767px) {
    .page .answers .answer-title {
        margin:0
    }
}

.page .tooltip-wrapper {
    margin-top:0
}

.page .spinner {
    display: none;
    height: 39px;
    width: 25px;
    background-size:25px 25px
}

.page .rte-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-top:32px
}

.page .rte-title:focus {
    outline:none
}

.page .log-attachment-accordion-toggle {
    top:0
}

.page .log-attachment-content-wrapper {
    top:-10px
}

.page .create-form-general-error {
    display: block;
    min-height: 50px;
    margin-bottom: 20px;
    padding: 0 16px;
    border: 1px solid #e30000;
    border-radius: 6px;
    background-color:rgba(227, 0, 0, .1)
}

.page .create-form-general-error .create-form-general-error-message {
    line-height: 50px;
    text-align:center
}

.create-post-title {
    padding: 10px;
    border-bottom: 1px solid #d2d2d7;
    margin-bottom: 20px
}