.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
}

.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
}

.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
}

.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-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    margin-top: 0;
    border-bottom:1px solid #d2d2d7
}

.content-post-list:last-of-type {
    border-bottom:none
}

@media only screen and (max-width: 767px) {
    .content-post-list {
        width: 100%;
        padding-bottom:15px
    }
}

.content-post-list .stats {
    -ms-flex-item-align: center;
    align-self:center
}

.content-post-list .stats .unwatch-icon + .tooltip, .content-post-list .stats .watch-icon + .tooltip {
    left: 70px;
    bottom:30px
}

.content-post-list .stats .internal-view .tooltip {
    bottom:94px
}

.content-post-list .stats .internal-view .tooltip.replies {
    bottom:60px
}

.content-post-list .stats .public-view .tooltip {
    bottom:64px
}

.content-post-list .stats .public-view .tooltip.replies {
    bottom:30px
}

.content-post-list .stats .tooltip-wrapper {
    display:block
}

.content-post-list .stats .tooltip-wrapper .tooltip {
    color:#1d1d1f
}

.content-post-list .stats .post-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-collapse: collapse;
    width:55px
}

.content-post-list .stats .post-action .action-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.content-post-list .stats .post-action .action-icons:not(:last-child) {
    margin-bottom:10px
}

.content-post-list .stats .post-action .action-icons .action-number {
    text-align:center
}

.content-post-list .stats .post-action .apple-recommended {
    color:#000
}

.content-post-list .stats .post-action .apple-recommended:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='41' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M41 7.947v15.14c0 1.666-.314 3.09-.937 4.272a6.374 6.374 0 01-2.723 2.725c-1.189.63-2.634.946-4.338.946H19.09l-6.843 6.05c-.337.312-.632.547-.88.697-.244.15-.519.223-.82.223-.415 0-.744-.139-.984-.412-.24-.277-.357-.646-.357-1.108v-5.45H7.994c-1.7 0-3.145-.311-4.338-.939a6.328 6.328 0 01-2.723-2.713C.31 26.197 0 24.765 0 23.088V7.947C0 6.268.31 4.84.933 3.663A6.411 6.411 0 013.656.95C4.85.319 6.294 0 7.994 0h25.008c1.704 0 3.149.32 4.338.95a6.374 6.374 0 012.723 2.725c.623 1.182.937 2.606.937 4.272' fill='%23000'/%3E%3Cpath d='M22.892 8.189c.61-.739 1.044-1.763 1.044-2.787A1.99 1.99 0 0023.898 5c-.994.04-2.178.674-2.892 1.517-.56.648-1.083 1.672-1.083 2.709 0 .155.026.311.038.363.065.013.166.026.268.026.892 0 2.013-.61 2.663-1.426m4.598 3.63c-.114.09-2.127 1.243-2.127 3.81 0 2.968 2.56 4.018 2.637 4.044-.013.064-.408 1.439-1.35 2.839-.841 1.23-1.72 2.462-3.058 2.462-1.337 0-1.681-.79-3.223-.79-1.503 0-2.038.816-3.26.816-1.224 0-2.077-1.14-3.058-2.54C12.917 20.813 12 18.26 12 15.836c0-3.888 2.484-5.95 4.93-5.95 1.3 0 2.382.87 3.197.87.777 0 1.988-.921 3.465-.921.56 0 2.573.052 3.898 1.983' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .post-action .solved {
    color:#2ea342
}

.content-post-list .stats .post-action .solved:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.312 14.857c.283 0 .494-.143.835-.458l2.62-2.363 4.908.007C14.838 12.05 16 10.862 16 8.763V3.28C16 1.181 14.838 0 12.675 0h-9.35C1.162 0 0 1.174 0 3.28v5.484c0 2.105 1.162 3.272 3.325 3.272h.341v2.084c0 .444.232.737.646.737zm7.856-10.286H4.982c-.226 0-.41-.25-.41-.576 0-.307.184-.566.41-.566h7.186c.225 0 .403.259.403.566 0 .327-.178.576-.403.576zm0 2.286H4.982c-.226 0-.41-.257-.41-.58 0-.306.184-.563.41-.563h7.186c.225 0 .403.257.403.562 0 .324-.178.581-.403.581zM9.865 9.143H5c-.235 0-.428-.248-.428-.562C4.571 8.257 4.764 8 5 8h4.866c.235 0 .42.257.42.581 0 .314-.185.562-.42.562z' fill='%232EA342'/%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .post-action .down-voted {
    color:#e30000
}

.content-post-list .stats .post-action .down-voted:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.312 14.857c.283 0 .494-.143.835-.458l2.62-2.363 4.908.007C14.838 12.05 16 10.862 16 8.763V3.28C16 1.181 14.838 0 12.675 0h-9.35C1.162 0 0 1.174 0 3.28v5.484c0 2.105 1.162 3.272 3.325 3.272h.341v2.084c0 .444.232.737.646.737zm7.856-10.286H4.982c-.226 0-.41-.25-.41-.576 0-.307.184-.566.41-.566h7.186c.225 0 .403.259.403.566 0 .327-.178.576-.403.576zm0 2.286H4.982c-.226 0-.41-.257-.41-.58 0-.306.184-.563.41-.563h7.186c.225 0 .403.257.403.562 0 .324-.178.581-.403.581zM9.865 9.143H5c-.235 0-.428-.248-.428-.562C4.571 8.257 4.764 8 5 8h4.866c.235 0 .42.257.42.581 0 .314-.185.562-.42.562z' fill='%23C90000'/%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .post-action .replies {
    text-align: center;
    color:#86868b
}

.content-post-list .stats .post-action .replies:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.312 14.857c.283 0 .494-.143.835-.458l2.62-2.363 4.908.007C14.838 12.05 16 10.862 16 8.763V3.28C16 1.181 14.838 0 12.675 0h-9.35C1.162 0 0 1.174 0 3.28v5.484c0 2.105 1.162 3.272 3.325 3.272h.341v2.084c0 .444.232.737.646.737zm7.856-10.286H4.982c-.226 0-.41-.25-.41-.576 0-.307.184-.566.41-.566h7.186c.225 0 .403.259.403.566 0 .327-.178.576-.403.576zm0 2.286H4.982c-.226 0-.41-.257-.41-.58 0-.306.184-.563.41-.563h7.186c.225 0 .403.257.403.562 0 .324-.178.581-.403.581zM9.865 9.143H5c-.235 0-.428-.248-.428-.562C4.571 8.257 4.764 8 5 8h4.866c.235 0 .42.257.42.581 0 .314-.185.562-.42.562z' fill='%237C7C7C'/%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .post-action .up-voted {
    text-align: center;
    color:#06c
}

.content-post-list .stats .post-action .up-voted:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: 1rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.312 14.857c.283 0 .494-.143.835-.458l2.62-2.363 4.908.007C14.838 12.05 16 10.862 16 8.763V3.28C16 1.181 14.838 0 12.675 0h-9.35C1.162 0 0 1.174 0 3.28v5.484c0 2.105 1.162 3.272 3.325 3.272h.341v2.084c0 .444.232.737.646.737zm7.856-10.286H4.982c-.226 0-.41-.25-.41-.576 0-.307.184-.566.41-.566h7.186c.225 0 .403.259.403.566 0 .327-.178.576-.403.576zm0 2.286H4.982c-.226 0-.41-.257-.41-.58 0-.306.184-.563.41-.563h7.186c.225 0 .403.257.403.562 0 .324-.178.581-.403.581zM9.865 9.143H5c-.235 0-.428-.248-.428-.562C4.571 8.257 4.764 8 5 8h4.866c.235 0 .42.257.42.581 0 .314-.185.562-.42.562z' fill='%23178BFB'/%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .post-action .votes {
    text-align: center;
    color:#86868b
}

.content-post-list .stats .post-action .votes:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: .9rem;
    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");
    background-position:0
}

.content-post-list .stats .post-action .multi-votes {
    text-align: center;
    color:#06c
}

.content-post-list .stats .post-action .multi-votes:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: .9rem;
    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");
    background-position:0
}

.content-post-list .stats .post-action .negative-votes {
    text-align: center;
    color:#c90000
}

.content-post-list .stats .post-action .negative-votes:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: .9rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.556 12.447h.04c.44 0 .795.354.795.79a.793.793 0 01-.794.791h-1.44c-4.149.302-6.739.038-7.77-.79-1.472-1.186-.393-6.52.241-6.533.005 0 .33-.09.612-.168 1.757-.68 3.094-2.178 4.01-4.492C6.617.218 7.974.575 8.3 2.52c0 .335.36 1.828-1.004 3.46h3.909a1.11 1.11 0 011.113 1.107 1.11 1.11 0 01-1.113 1.108h-.649v.162h1.097c.532 0 .964.43.964.96s-.432.96-.964.96h-1.097v.162h.63c.512 0 .927.413.927.922 0 .51-.415.923-.926.923h-.63v.162z' fill='%23C90000' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .post-action .views {
    margin-top: 4px;
    text-align: center;
    color:#86868b
}

.content-post-list .stats .post-action .views:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: 1.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237C7C7C' fill-rule='evenodd'%3E%3Cpath d='M13.162 1.99A8.906 8.906 0 0116.7 5.403l.162.292-.004.007A8.835 8.835 0 011.282 6l-.165-.307.004-.007a8.906 8.906 0 0112.04-3.696zm-4.164.522A3.21 3.21 0 005.79 5.724a3.21 3.21 0 003.208 3.211 3.21 3.21 0 003.208-3.211 3.21 3.21 0 00-3.208-3.212z'/%3E%3Cpath d='M8.99 3.502c.332 0 .648.066.935.185l-.78 2.09 2.002-.91c.118.267.183.56.183.869 0 1.234-1.048 2.234-2.34 2.234-1.293 0-2.34-1-2.34-2.234s1.047-2.234 2.34-2.234z'/%3E%3C/g%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .post-action .multi-views {
    color:#06c
}

.content-post-list .stats .post-action .multi-views:before {
    content: " ";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 22px;
    min-height: 13px;
    height: auto;
    display: block;
    margin: auto;
    min-height: .8125rem;
    margin: 0;
    background-size: 1.125rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23178BFB' fill-rule='evenodd'%3E%3Cpath d='M12.162 1.99A8.906 8.906 0 0115.7 5.403l.162.292-.004.007A8.835 8.835 0 01.282 6l-.165-.307.004-.007a8.906 8.906 0 0112.04-3.696zm-4.164.522A3.21 3.21 0 004.79 5.724a3.21 3.21 0 003.208 3.211 3.21 3.21 0 003.208-3.211 3.21 3.21 0 00-3.208-3.212z'/%3E%3Cpath d='M7.99 3.502c.332 0 .648.066.935.185l-.78 2.09 2.002-.91c.118.267.183.56.183.869 0 1.234-1.048 2.234-2.34 2.234-1.293 0-2.34-1-2.34-2.234s1.047-2.234 2.34-2.234z'/%3E%3C/g%3E%3C/svg%3E");
    background-position:0
}

.content-post-list .stats .spinner {
    position: absolute;
    top: -19px;
    right: -19px;
    z-index: 1;
    display:none
}

.content-post-list .summary {
    -webkit-box-flex: 3;
    -ms-flex: 3 3 auto;
    flex: 3 3 auto;
    padding: 15px 14px 0 30px;
    position:relative
}

@media only screen and (max-width: 767px) {
    .content-post-list .summary {
        padding:15px 14px 0 30px
    }
}

.content-post-list .summary .bell-area {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction:row
}

.content-post-list .summary .bell-area, .content-post-list .summary .bell-area .post-title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.content-post-list .summary .bell-area .post-title-container .post-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-family: SF PRO TEXT;
    color: #000;
    word-wrap: break-word;
    word-break:break-word
}

.content-post-list .summary .bell-area .post-title-container .post-title.read {
    font-weight: 500;
    color:#666
}

.content-post-list .summary .bell-area .post-title-container .watched-read-indicator {
    position: absolute;
    right: 38px;
    top: 2px;
    line-height: 13.5px;
    height: 13.5px;
    font-size: 11px;
    color: #666;
    border: 1px solid #666;
    border-radius: .85px;
    margin: 6px;
    padding:0 3px
}

.content-post-list .summary .bell-area .post-title-container .post-read-indicator {
    position: absolute;
    right: 0;
    top: -3px;
    line-height: 13.5px;
    height: 13.5px;
    font-size: 11px;
    color: #666;
    border: 1px solid #666;
    border-radius: .85px;
    margin: 6px;
    padding:0 3px
}

.content-post-list .summary .bell-area .post-title-container .read-watched-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width:80px
}

.content-post-list .summary .bell-area .watch-icon {
    position: absolute;
    cursor: default;
    top: 0;
    right: 0;
    width: 1.75rem;
    min-height: 1.75rem;
    margin: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='28' width='28' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h17.744c1.783 0 2.43.186 3.082.534.652.349 1.163.86 1.512 1.512S28 3.345 28 5.128v17.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-.534s-1.163-.86-1.512-1.512C.186 25.302 0 24.655 0 22.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='M21.15 19.957c.923 0 1.488-.504 1.488-1.262 0-.863-.702-1.616-1.432-2.325l-.157-.151-.078-.075c-.637-.622-.78-1.92-.897-3.12-.143-3.3-1.103-5.626-3.425-6.464-.367-1.19-1.327-2.092-2.645-2.092-1.326 0-2.286.902-2.653 2.092-2.313.838-3.29 3.164-3.425 6.464-.108 1.2-.26 2.498-.897 3.12l-.077.075-.156.151c-.725.71-1.434 1.462-1.434 2.325 0 .758.573 1.262 1.488 1.262zm-7.001 3.575c1.575 0 2.723-1.083 2.83-2.383h-5.66c.107 1.3 1.255 2.383 2.83 2.383z' fill='%23178bfb' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")
}

.content-post-list .summary .bell-area .watch-icon.shown {
    display:block
}

.content-post-list .summary .answered-in {
    margin-bottom: 15px;
    font-weight:500
}

.content-post-list .summary .answered-in .answered-in-link {
    word-break:break-word
}

.content-post-list .summary .excerpt {
    margin: 8px 0;
    font-size: 15px;
    font-family: SF PRO TEXT;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break:break-word
}

@media only screen and (max-width: 767px) {
    .content-post-list .summary .excerpt {
        -webkit-line-clamp:4
    }
}

.content-post-list .summary .excerpt > * {
    line-height: 1.33;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size:4
}

.content-post-list .summary .excerpt > * p {
    margin: 0;
    padding:0
}

.content-post-list .summary .excerpt > * p img {
    display:block
}

.content-post-list .summary .excerpt > * img {
    max-width: 100%;
    height:auto
}

.content-post-list .summary .excerpt > * a {
    word-wrap:break-word
}

.content-post-list .summary .excerpt > * em {
    font-style:italic
}

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

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

.content-post-list .summary .excerpt > * .iframe-placeholder:focus, .content-post-list .summary .excerpt > * iframe:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

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

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

.content-post-list .summary .excerpt > * blockquote blockquote {
    background-color: #eef;
    border-color:#eef #eef #eef #ccf
}

.content-post-list .summary .excerpt > * blockquote blockquote blockquote {
    background-color: #efe;
    border-color:#efe #efe #efe #cfc
}

.content-post-list .summary .excerpt > * blockquote blockquote blockquote blockquote {
    background-color: #fee;
    border-color:#fee #fee #fee #fcc
}

.content-post-list .summary .excerpt > * blockquote + blockquote {
    margin-top: -20px;
    padding-top:0
}

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

.content-post-list .summary .excerpt > * blockquote.header-1 {
    margin:0 20px
}

.content-post-list .summary .excerpt > * blockquote + blockquote.header-1 {
    margin-top:-10px
}

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

.content-post-list .summary .excerpt > * blockquote.header-2 {
    margin:0 20px
}

.content-post-list .summary .excerpt > * blockquote + blockquote.header-2 {
    margin-top:-10px
}

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

.content-post-list .summary .excerpt > * blockquote.header-3 {
    margin:0 20px
}

.content-post-list .summary .excerpt > * blockquote + blockquote.header-3 {
    margin-top:-10px
}

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

.content-post-list .summary .excerpt > * blockquote.header-4 {
    margin:0 20px
}

.content-post-list .summary .excerpt > * blockquote + blockquote.header-4 {
    margin-top:-10px
}

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

.content-post-list .summary .excerpt > * blockquote.header-5 {
    margin:0 20px
}

.content-post-list .summary .excerpt > * blockquote + blockquote.header-5 {
    margin-top:-10px
}

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

.content-post-list .summary .excerpt > * blockquote.header-6 {
    margin:0 20px
}

.content-post-list .summary .excerpt > * blockquote + blockquote.header-6 {
    margin-top:-10px
}

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

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

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

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

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

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

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

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

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

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

.content-post-list .summary .excerpt > * .align-center {
    text-align:center
}

.content-post-list .summary .excerpt > * .align-right {
    text-align:right
}

.content-post-list .summary .excerpt > * .indent-1 {
    margin-left:32px
}

.content-post-list .summary .excerpt > * blockquote.indent-1 {
    padding-left: 32px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-2 {
    margin-left:64px
}

.content-post-list .summary .excerpt > * blockquote.indent-2 {
    padding-left: 64px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-3 {
    margin-left:96px
}

.content-post-list .summary .excerpt > * blockquote.indent-3 {
    padding-left: 96px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-4 {
    margin-left:128px
}

.content-post-list .summary .excerpt > * blockquote.indent-4 {
    padding-left: 128px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-5 {
    margin-left:160px
}

.content-post-list .summary .excerpt > * blockquote.indent-5 {
    padding-left: 160px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-6 {
    margin-left:192px
}

.content-post-list .summary .excerpt > * blockquote.indent-6 {
    padding-left: 192px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-7 {
    margin-left:224px
}

.content-post-list .summary .excerpt > * blockquote.indent-7 {
    padding-left: 224px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-8 {
    margin-left:256px
}

.content-post-list .summary .excerpt > * blockquote.indent-8 {
    padding-left: 256px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .indent-9 {
    margin-left:288px
}

.content-post-list .summary .excerpt > * blockquote.indent-9 {
    padding-left: 288px;
    margin-left:20px
}

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

.content-post-list .summary .excerpt > * .log-attachment {
    display: block;
    margin:8px 0
}

.content-post-list .summary .excerpt > * .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-list .summary .excerpt > * .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-list .summary .excerpt em {
    font-weight: 700;
    font-style:normal
}

.content-post-list .summary .excerpt.read {
    color:#666
}

.content-post-list .summary .authored {
    font-size: 12px;
    font-weight: 400;
    font-family: SF PRO TEXT;
    display: block;
    color: #000;
    margin-top: 8px;
    line-height:20px
}

.content-post-list .summary .authored .author {
    display:inline-block
}

.content-post-list .summary .authored .author .apple-staff-icon {
    position: absolute;
    width: 21px;
    height: 21px;
    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")
}

.content-post-list .summary .authored .author .sub-apple-staff-icon {
    position: absolute;
    width: 21px;
    height: 21px;
    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")
}

.content-post-list .summary .authored .author .apple-staff-name {
    word-break: break-all;
    vertical-align: middle;
    margin-left:24px
}

.content-post-list .summary .authored .author .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")
}

.content-post-list .summary .authored .author .authorAvatar {
    width: 21px;
    height: 21px;
    vertical-align:middle
}

.content-post-list .summary .authored .author .employee-author-avatar {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-left:24px
}

.content-post-list .summary .authored .author .top-contributor-author-avatar {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-left:20px
}

.content-post-list .summary .authored .author .name {
    word-break: break-all;
    vertical-align:middle
}

.content-post-list .summary .authored .author .sub-apple-staff-name {
    word-break: break-all;
    margin-left:24px
}

.content-post-list .summary .authored .author .sub-name {
    word-break:break-all
}

.content-post-list .summary .authored .author .apple-staff {
    color:#86868b
}

.content-post-list .summary .authored .deleted-deactivated-user {
    color:#666
}

.content-post-list .summary .authored .time {
    display: inline-block;
    color:#86858b
}

.content-post-list .summary .authored.read {
    color:#666
}

.nav-bar {
    border-bottom: 1px solid #d2d2d7;
    margin-top: 33px;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.nav-bar, .nav-bar .nav-bar-title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.nav-bar .nav-bar-title-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right:30px
}

.nav-bar .sub-community-home-navigation {
    color: inherit;
    text-decoration: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.nav-bar .nav-title {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    margin-bottom:calc(10px + .125rem)
}

@media only screen and (max-width: 767px) {
    .nav-bar .nav-title {
        font-weight: 700;
        font-size: 24px;
        line-height:30px
    }
}

.nav-bar .tabs-wrapper {
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

@media only screen and (max-width: 767px) {
    .nav-bar .tabs-wrapper {
        overflow-y: scroll;
        padding: 5px;
        margin:-5px -5px -5px 0
    }

    .nav-bar .tabs-wrapper.no-scroll {
        overflow-y:visible
    }
}

.nav-bar .tabs-wrapper .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items:end
}

.nav-bar .tabs-wrapper .nav-tabs .nav-tab {
    margin-right: 30px;
    padding-bottom: 10px;
    white-space:nowrap
}

.nav-bar .tabs-wrapper .nav-tabs .nav-tab.active {
    border-bottom:.125rem solid #06c
}

.nav-bar .tabs-wrapper .nav-tabs .nav-tab:last-child {
    margin-right:0
}

@media only screen and (max-width: 767px) {
    .nav-bar .tabs-wrapper .nav-tabs .nav-tab:last-child {
        padding-right:5px
    }
}

.nav-bar .tabs-wrapper .nav-tabs .nav-tab .nav-tab-text {
    color: #06c;
    font-weight:600
}

.nav-bar .tabs-wrapper .nav-tabs .nav-tab .nav-tab-text:focus[data-focus=mouse], .nav-bar .tabs-wrapper .nav-tabs .nav-tab .nav-tab-text:focus[data-focus=touch] {
    outline:none
}

.nav-bar .tabs-wrapper .nav-tabs .nav-tab .nav-tab-text:hover {
    text-decoration:none
}

.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)
}

.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 .tag-details {
    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;
    border: .0625rem solid #d2d2d7;
    border-radius: .375rem;
    padding: 20px;
    margin-top:30px
}

.page .tag-details .tag-img {
    width: 64px;
    height: 64px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right:20px
}

.page .tag-details .rss-feed {
    display: block;
    text-indent: -9999px;
    height: 32px;
    width: 32px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M5.128 0h17.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.082v17.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 25.302 0 24.655 0 22.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 fill='%23000'%3E%3Cpath d='M17.718 10.24A17.785 17.785 0 005.058 5v3.52c3.845 0 7.457 1.495 10.171 4.21a14.288 14.288 0 014.209 10.17h3.52c0-4.785-1.86-9.28-5.24-12.66'/%3E%3Cpath d='M5.022 10.958v3.52c4.644 0 8.422 3.778 8.422 8.422h3.52c0-6.585-5.357-11.942-11.942-11.942'/%3E%3Cpath d='M7.522 17.955a2.522 2.522 0 110 5.043 2.522 2.522 0 010-5.043'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.page .tag-details .tag-title-and-rss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.page .tag-details .tag-content {
    margin-left: 20px;
    width:100%
}

.page .tag-details .tag-content.no-image {
    margin-left:0
}

.page .tag-details .tag-content .tag-title {
    font-weight: 700;
    font-size: 20px;
    line-height:24px
}

.page .tag-details .tag-content .tag-info {
    margin-top:10px
}

.page .tag-mid-section {
    padding: 25px 0 12px;
    border-bottom:.0625rem solid #d2d2d7
}

.page .pin-tag-section {
    margin:0 0 20px
}

.page .pin-tag-section .pin-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #f5f5f7;
    border-bottom: .0625rem solid #d2d2d7;
    padding: 10px 0 10px 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.page .pin-tag-section .pin-area .top-pin-area {
    position: relative;
    display:-webkit-box
}

.page .pin-tag-section .pin-area .top-pin-area .pinned-posts {
    position: relative;
    cursor: default;
    width: 1rem;
    min-height: 1rem;
    top: 3.3px;
    margin: 0;
    background-size: 10px;
    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")
}

.page .pin-tag-section .pin-area .top-pin-area .pinned-posts.shown {
    display:block
}

.page .pin-tag-section .pin-area .top-pin-area .unpinned-posts {
    position: relative;
    cursor: default;
    width: 1rem;
    min-height: 1rem;
    top: 4.2px;
    margin: 0;
    background-size: 10px;
    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")
}

.page .pin-tag-section .pin-area .top-pin-area .unpinned-posts.shown {
    display:block
}

.page .pin-tag-section .pin-area .top-pin-area .pin-post-title {
    font-size: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    font-family: SF PRO TEXT;
    color: #000;
    word-wrap: break-word;
    word-break: break-word;
    margin:0 10px .5rem 6px
}

.page .pin-tag-section .pin-area .list-item {
    margin:0
}

.page .pin-tag-section .pin-area .tag-text .tag {
    color:#1d1d1f
}

.page .header {
    border-bottom: 1px solid #d2d2d7;
    padding: 20px 0;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.page .header .sort-by .label {
    font-size: 14px;
    color:#06c
}

.page .header .sort-by button {
    color: #06c
}