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

.selector-item {
    display: block;
    position: relative;
    width: 280px;
    height:4.625rem
}

.selector-item, .selector-item .selector-choice {
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}

.selector-item .selector-choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    padding: 0;
    border: 1px solid #d2d2d7;
    border-radius: 4px;
    cursor:pointer
}

.selector-item .selector-choice:hover {
    border:1px solid #6e6e73
}

.selector-item .selector-choice.selected {
    border:2px solid #0071e3
}

@media only screen and (max-width: 1024px) {
    .selector-item .selector-choice {
        width:100%
    }
}

.selector-item .selector-choice .selector-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events:none
}

.selector-item .selector-choice .selector-content-wrapper.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction:row
}

.selector-item .selector-choice .selector-content-wrapper.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content:space-around
}

.selector-item .selector-choice .selector-content-wrapper.vertical .avatar, .selector-item .selector-choice .selector-content-wrapper.vertical .selector-item-img {
    max-height: 40px;
    width: 40px;
    min-width:40px
}

.selector-item .selector-choice .selector-content-wrapper .avatar, .selector-item .selector-choice .selector-content-wrapper .selector-item-img {
    max-height: 50px;
    width: 50px;
    min-width: 50px;
    margin:0 14px
}

.selector-item .selector-choice .selector-content-wrapper .avatar.avatar, .selector-item .selector-choice .selector-content-wrapper .selector-item-img.avatar {
    border: 1px solid #d2d2d7;
    border-radius:50%
}

.selector-item .selector-choice .selector-content-wrapper .selector-item-text {
    overflow: hidden;
    max-width:100%
}

.selector-item .selector-choice .selector-content-wrapper .selector-item-text .selector-item-title {
    line-height: 20px;
    margin:3px 0
}

.selector-item .selector-choice .selector-content-wrapper .selector-item-text .selector-item-subtitle {
    color: #6e6e73;
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow:ellipsis
}

.notification {
    position: relative;
    width: 100%;
    padding: 0;
    background-color: #e8e8ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    visibility:hidden
}

.notification, .notification.page-specific {
    -webkit-transition: visibility 0s ease .3s, max-height .3s ease-in-out, padding .3s ease-in-out;
    -o-transition: visibility 0s ease .3s, max-height .3s ease-in-out, padding .3s ease-in-out;
    transition:visibility 0s ease .3s, max-height .3s ease-in-out, padding .3s ease-in-out
}

.notification.page-specific {
    max-height: 0;
    will-change:max-height
}

.notification.page-specific.shown {
    padding: 20px;
    max-height: 120px;
    visibility: visible;
    -webkit-transition: visibility 0s ease 0s, max-height .3s ease-in-out, padding .3s ease-in-out;
    -o-transition: visibility 0s ease 0s, max-height .3s ease-in-out, padding .3s ease-in-out;
    transition:visibility 0s ease 0s, max-height .3s ease-in-out, padding .3s ease-in-out
}

.notification.site-wide {
    position: fixed;
    bottom: 0;
    padding: 0 20px;
    z-index: 10000;
    -webkit-transform: translateY(120px);
    -ms-transform: translateY(120px);
    transform:translateY(120px)
}

.notification.site-wide, .notification.site-wide.shown {
    -webkit-transition: visibility .3s ease 0s, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: visibility .3s ease 0s, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out, -webkit-transform .5s ease-in-out;
    -o-transition: visibility .3s ease 0s, transform .5s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
    transition: visibility .3s ease 0s, transform .5s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
    transition:visibility .3s ease 0s, transform .5s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out, -webkit-transform .5s ease-in-out
}

.notification.site-wide.shown {
    padding: 20px;
    visibility: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform:translate(0)
}

.notification .close-notificaiton {
    width: 12px;
    height: 12px;
    font-size: 12px;
    margin: 0;
    padding: 19px;
    position: absolute;
    right: 3px;
    top:3px
}

.notification .close-notificaiton.vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform:translateY(-50%)
}

.notification .notification-content {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.notification .notification-content .notification-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat:no-repeat
}

.notification .notification-body {
    margin: 0 35px;
    text-align:center
}

@media only screen and (max-width: 1024px) {
    .notification .notification-body {
        margin:0 20px
    }
}

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

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

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

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

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

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

@media only screen and (max-width: 1024px) {
    .page {
        min-height:782px
    }
}

@media only screen and (max-width: 767px) {
    .page {
        min-height:802px
    }
}

.page .title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding:31px 0 34px
}

.page .title-row .create-post-button {
    margin-top: 0;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width:fit-content
}

.page .create-form-title {
    font-weight: 700;
    font-size: 34px;
    line-height:41px
}

@media only screen and (max-width: 1024px) {
    .page .create-form-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 30px
    }
}