.informative-tooltip {
    position: absolute;
    padding: .8em;
    max-width: 200px;
    z-index: 4000;
    border-radius: 3px;
    background: #474747;
    font-size: 12px;
    color: #FFF
}

.informative-tooltip.arrow:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0
}

.informative-tooltip.arrow.up-left:before,
.informative-tooltip.arrow.up-center:before,
.informative-tooltip.arrow.up-right:before {
    top: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #474747
}

.informative-tooltip.arrow.up-center:before {
    left: 50%;
    margin-left: -5px
}

.informative-tooltip.arrow.up-left:before {
    left: 10px
}

.informative-tooltip.arrow.up-right:before {
    right: 10px
}

.informative-tooltip.arrow.down-left:before,
.informative-tooltip.arrow.down-center:before,
.informative-tooltip.arrow.down-right:before {
    bottom: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #474747
}

.informative-tooltip.arrow.down-center:before {
    left: 50%;
    margin-left: -5px
}

.informative-tooltip.arrow.down-left:before {
    left: 10px
}

.informative-tooltip.arrow.down-right:before {
    right: 10px
}

.informative-tooltip.arrow.left-top:before,
.informative-tooltip.arrow.left-center:before,
.informative-tooltip.arrow.left-bottom:before {
    left: -4px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #474747
}

.informative-tooltip.arrow.left-center:before {
    top: 50%;
    margin-top: -5px
}

.informative-tooltip.arrow.left-top:before {
    top: 10px
}

.informative-tooltip.arrow.left-bottom:before {
    bottom: 10px
}

.informative-tooltip.arrow.right-top:before,
.informative-tooltip.arrow.right-center:before,
.informative-tooltip.arrow.right-bottom:before {
    right: -4px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #474747
}

.informative-tooltip.arrow.right-center:before {
    top: 50%;
    margin-top: -5px
}

.informative-tooltip.arrow.right-top:before {
    top: 10px
}

.informative-tooltip.arrow.right-bottom:before {
    bottom: 10px
}

.informative-tooltip.error {
    background: #dc3d4c;
    color: white
}

.informative-tooltip.display-above,
.informative-tooltip.display-right {
    top: 0;
    max-width: none
}

.informative-tooltip.display-above:before,
.informative-tooltip.display-right:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent
}

.informative-tooltip.display-above.size-200,
.informative-tooltip.display-right.size-200 {
    width: 200px
}

.informative-tooltip.display-above.error:before,
.informative-tooltip.display-right.error:before {
    border-top-color: #dc3d4c
}

.informative-tooltip.display-above {
    left: 50%;
    transform: translate(-50%, -110%)
}

.informative-tooltip.display-above:before {
    bottom: -4px;
    left: 50%;
    margin-left: -5px;
    border-bottom-width: 0;
    border-top-color: #474747
}

.informative-tooltip.display-right {
    right: 50%;
    transform: translate(115%, 0%)
}

.informative-tooltip.display-right:before {
    left: -4px;
    top: 50%;
    margin-top: -5px;
    border-left-width: 0;
    border-right-color: #474747
}

.has-tooltip {
    position: relative
}

.has-tooltip .informative-tooltip {
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms ease, transform 300ms ease
}

.has-tooltip:hover .informative-tooltip {
    opacity: 1;
    visibility: visible
}

.has-tooltip.on-hover .tooltip-above.arrow.down-right {
    right: -6px;
    top: -10px;
    -webkit-transform: translate(0, -80%);
    transform: translate(0, -80%)
}

.has-tooltip.on-hover:hover .tooltip-above.arrow.down-right {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.has-tooltip .informative-tooltip.display-above {
    transform: translate(-50%, -80%)
}

.has-tooltip:hover .informative-tooltip.display-above {
    transform: translate(-50%, -110%)
}

.has-tooltip .informative-tooltip.display-right {
    transform: translate(120%, 0%)
}

.has-tooltip:hover .informative-tooltip.display-right {
    transform: translate(115%, 0%)
}

.css-tooltip {
    position: relative
}

.css-tooltip[data-title]:hover:after {
    content: attr(data-title);
    background: #474747;
    padding: .8em;
    margin-left: 5px;
    max-width: 200px;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
    position: absolute;
    z-index: 1031;
    left: 0;
    top: 100%
}

.definition-tooltip {
    color: var(--theme-link-color);
    cursor: pointer
}

.tooltip-new-feature {
    position: absolute;
    bottom: -24px;
    background: #F48024;
    color: #FFF;
    border-radius: 3px;
    padding: 3px 6px;
    display: inline-block
}

.tooltip-new-feature:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #F48024;
    top: 0;
    left: 10px;
    margin-top: -5px
}

.timeline .header h4,
.cv-story .header h4,
.timeline .personal h4,
.cv-story .personal h4 {
    margin-bottom: 12px
}

.timeline .header h4,
.cv-story .header h4,
.timeline .personal h4,
.cv-story .personal h4 {
    color: var(--black-900);
    font-size: 24px;
    font-weight: 700
}

.timeline-wrapper {
    display: flex
}

.timeline-wrapper .timeline {
    flex-shrink: 0;
    width: 800px;
    margin: 0 auto 40px auto
}

.timeline-wrapper .timeline.requirements-for-jobs .visible-jobs-only {
    display: block
}

.timeline-wrapper .timeline .visible-jobs-only {
    display: none
}

.footer-notice {
    color: var(--black-200);
    font-size: 11px;
    margin: 60px 0 -44px 0
}

.footer-notice>a {
    display: inline-block;
    width: 70px;
    height: 11px;
    background-image: url("../img/svg/timeline.svg"), none;
    background-repeat: no-repeat;
    background-position: 0 -460px;
    position: relative;
    top: 2px
}

.timeline-wrapper .footer-notice {
    text-align: center
}

a.story-tab:not(.has-icon) span.icon-warning-label {
    display: none
}

#tabs .has-icon,
.tabs .has-icon {
    position: relative;
    padding-left: 34px !important
}

#tabs .icon-warning-label,
.tabs .icon-warning-label {
    position: absolute;
    left: 7px;
    top: 10px
}

/* .icon-github,
.icon-twitter {
    background-image: url("/web/20210506171630im_/https://cdn.sstatic.net/Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("/web/20210506171630im_/https://cdn.sstatic.net/Img/user-profile-sprite.svg?v=d88bb7069e3d"), none;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle
} */

.icon-github {
    background-position: 0 -114px
}

.icon-twitter {
    background-position: 0 -131px
}

.timeline-wrapper:before,
.timeline-wrapper:after {
    content: "";
    display: table
}

.timeline-wrapper:after {
    clear: both
}

.timeline-wrapper .timeline-sidebar {
    margin-left: 30px;
    flex-shrink: 0
}

.timeline-sidebar {
    width: 230px
}

.timeline-sidebar .timeline-sidebar-title {
    font-size: 16px;
    font-weight: 400
}

.timeline-sidebar .timeline-sidebar-title span[class^="icon"] {
    margin-right: 4px
}

.timeline-sidebar .timeline-sidebar-title .icon-warning-gray {
    position: relative;
    top: -1px
}

.timeline-sidebar h3 {
    color: var(--black-500)
}

.timeline-sidebar h3:before,
.timeline-sidebar h3:after {
    content: "";
    display: table
}

.timeline-sidebar h3:after {
    clear: both
}

.timeline-sidebar h3 .inline-edit {
    float: right;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    top: 3px
}

.timeline-sidebar .timeline-sidebar-module {
    margin-bottom: 26px
}

.timeline-sidebar .public-links .icon-external-link {
    position: relative;
    top: -1px
}

.timeline-sidebar .timeline-sidebar-module .public-links {
    margin-left: 0;
    list-style: none
}

.timeline-sidebar .timeline-sidebar-module .public-links li:not(:last-of-type) {
    margin-bottom: 10px
}

.timeline-sidebar .timeline-sidebar-module .public-links .help-text {
    display: block;
    color: var(--black-350)
}

.timeline-sidebar .timeline-sidebar-module .privacy-switch-btn {
    margin-right: 10px
}

.timeline-sidebar .timeline-sidebar-module .privacy-helper {
    color: var(--black-500);
    position: relative;
    top: 1px
}

.timeline-sidebar .timeline-sidebar-module .privacy-helper [class^="icon"] {
    margin-right: 4px
}

.timeline-sidebar .timeline-sidebar-module .privacy-helper.has-tooltip {
    cursor: default
}

.timeline-sidebar .timeline-sidebar-module .if-unwanted-private {
    color: var(--black-500);
    padding-left: 17px
}

.timeline-sidebar .timeline-sidebar-module .if-unwanted-private ul {
    margin-left: 0
}

.timeline-sidebar .timeline-sidebar-module .if-unwanted-private ul li {
    display: block
}

.timeline-sidebar .timeline-sidebar-module .if-unwanted-private ul li:before,
.timeline-sidebar .timeline-sidebar-module .if-unwanted-private ul li:after {
    content: "";
    display: table
}

.timeline-sidebar .timeline-sidebar-module .if-unwanted-private ul li:after {
    clear: both
}

.timeline-sidebar .timeline-sidebar-module .if-unwanted-private ul li:not(:last-child) {
    margin-bottom: 6px
}

.timeline-sidebar .timeline-sidebar-module .if-unwanted-private ul [class^="icon-check"] {
    float: right
}

.timeline-sidebar .message .message-ctas {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center
}

.sidebar-profile {
    position: relative;
    padding: 0;
    width: 100%
}

.sidebar-profile .-header,
.sidebar-profile .-footer {
    position: relative;
    width: 100%
}

.sidebar-profile .-header .-title,
.sidebar-profile .-footer .-title,
.sidebar-profile .-header .-subtitle,
.sidebar-profile .-footer .-subtitle,
.sidebar-profile .-header .-copy,
.sidebar-profile .-footer .-copy {
    position: relative;
    width: 100%;
    font-weight: 400;
    line-height: 1.46153846
}

.sidebar-profile .-header .-title,
.sidebar-profile .-footer .-title {
    margin-bottom: 8px;
    color: var(--black-800);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.13333333
}

.sidebar-profile .-header .-subtitle,
.sidebar-profile .-footer .-subtitle {
    margin-bottom: 4px;
    color: var(--black-700);
    font-size: 15px
}

.sidebar-profile .-header .-copy,
.sidebar-profile .-footer .-copy {
    color: var(--black-500);
    font-size: 12px
}

.sidebar-profile .-header .-copy:last-of-type,
.sidebar-profile .-footer .-copy:last-of-type {
    margin-bottom: 0
}

.sidebar-profile .-header .-link,
.sidebar-profile .-footer .-link {
    color: var(--powder-500)
}

.sidebar-profile .-header .-link:hover,
.sidebar-profile .-footer .-link:hover {
    color: var(--powder-600)
}

.sidebar-profile .-header {
    margin-top: 4px;
    margin-bottom: 12px
}

.sidebar-profile .-footer {
    margin-top: 12px;
    margin-bottom: 24px
}

.sidebar-profile .-footer .-copy {
    color: var(--black-400)
}

.sidebar-profile .-footer .-link {
    flex: 0 auto
}

.sidebar-profile .-checklist {
    margin: 0;
    padding: 0
}

.sidebar-profile .-checklist>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar-profile._hide-jobs .-subtitle {
    color: var(--black-800)
}

.sidebar-profile.is-visible {
    height: auto;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s cubic-bezier(.165, .84, .44, 1) 0s, height 200ms ease-in 100s, opacity 400ms cubic-bezier(.165, .84, .44, 1) 200ms
}

.sidebar-profile.is-hidden {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 600ms cubic-bezier(.165, .84, .44, 1) 0s, height 200ms ease-in 300ms, visibility 0s cubic-bezier(.165, .84, .44, 1) 600ms
}

.activity-recommendations .sidebar-profile .-header {
    margin-bottom: 8px
}

.activity-recommendations .sidebar-profile .-header .-subtitle {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1.26666667
}

.activity-recommendations .sidebar-profile .-jobs {
    margin-bottom: 32px
}

.activity-recommendations .sidebar-profile._hide-jobs.is-visible {
    margin-top: -8px;
    margin-bottom: 32px
}

.activity-recommendations .sidebar-profile._hide-jobs .-link-settings {
    margin-right: -6px
}

.activity-recommendations .sidebar-profile._hide-jobs .-link-settings .-link {
    margin-left: 6px;
    margin-right: 6px;
    font-size: 12px;
    color: var(--powder-500)
}

.activity-recommendations .sidebar-profile._hide-jobs .-link-settings .-link:hover {
    color: var(--powder-600)
}

.activity-recommendations .sidebar-profile._hide-jobs .-title {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--black-400)
}

.sticky.timeline-sidebar {
    flex-basis: 230px
}

.sticky.timeline-sidebar.sticky-bottom {
    position: relative
}

.sticky.job-requirements-form {
    position: fixed;
    width: 230px;
    top: 0
}

.sticky.job-requirements-form.sticky-bottom {
    position: absolute;
    bottom: 0;
    top: auto
}

.careers-import.careers-import-success>p {
    font-weight: bold
}

.careers-import.careers-import-success ul {
    margin: 0 0 10px 0;
    list-style: none
}

.careers-import.careers-import-success ul:last-of-type {
    margin-bottom: 0
}

.careers-import.careers-import-success ul li {
    position: relative;
    padding-right: 26px
}

.careers-import.careers-import-success ul li:not(:last-child) {
    margin-bottom: 10px
}

.careers-import.careers-import-success ul li span[class^="icon-check"] {
    position: absolute;
    top: 0;
    right: 0
}

.import-careers-cv-form input[type="submit"] {
    padding: 0;
    margin: 0;
    vertical-align: inherit;
    min-height: 0;
    border: 0
}

.import-careers-cv-form input[type="submit"]:hover {
    background-color: inherit
}

.timeline .header {
    margin: 0 auto;
    text-align: center;
    max-width: 620px
}

.timeline .header .job a,
.timeline .header .meta a {
    color: var(--black-500)
}

.timeline .header .job a:hover,
.timeline .header .meta a:hover {
    color: var(--black-700)
}

.timeline .header .job a:hover .meta-icon,
.timeline .header .meta a:hover .meta-icon {
    color: var(--black-500)
}

.timeline .header .job {
    margin-bottom: 8px;
    font-size: 19px;
    color: var(--black-500);
    line-height: 1.15789474
}

.timeline .header .meta {
    margin-bottom: 12px;
    color: var(--black-500)
}

.timeline .header .meta-icon {
    color: var(--black-350)
}

.timeline .header .avatar-wrapper {
    border: 1px solid var(--black-075);
    border-radius: 3px;
    background: white;
    padding: 10px 10px 0 10px;
    margin: 30px auto 20px auto;
    width: 158px;
    height: 158px;
    display: inline-block
}

.timeline .header .avatar-wrapper.avatar-edit {
    margin-top: 0;
    position: relative;
    text-align: center;
    height: auto
}

.timeline .header .avatar-wrapper.avatar-edit .img {
    height: auto
}

.timeline .header .avatar-wrapper.avatar-edit .remove {
    font-size: 11px
}

.timeline .header .avatar-wrapper.avatar-edit .img-wrapper {
    position: relative;
    height: 136px;
    overflow: hidden
}

.timeline .header .avatar-wrapper.avatar-edit .picture-upload-zone {
    display: block;
    position: absolute;
    height: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    background: var(--black-400);
    cursor: pointer
}

.timeline .header .avatar-wrapper.avatar-edit .picture-upload-zone:hover {
    background: var(--black-200)
}

.timeline .header .avatar-wrapper.avatar-edit .picture-upload-zone .text {
    color: var(--white);
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    display: block
}

.timeline .header .avatar-wrapper.avatar-edit .picture-upload-zone .img {
    width: 14px;
    height: 12px;
    background-image: url("../img/svg/timeline.svg"), none;
    background-repeat: no-repeat;
    background-position: -73px -90px;
    display: inline-block;
    margin-right: 4px
}

.timeline .header .avatar-wrapper img {
    border-radius: 3px;
    max-width: 100%;
    height: auto
}

.timeline .header .avatar-wrapper .avatar {
    position: relative;
    width: 136px;
    height: 136px;
    overflow: hidden
}

.timeline .header .avatar-wrapper .avatar-community,
.timeline .header .avatar-wrapper .avatar-employer {
    width: 170px;
    float: left
}

.timeline .header .avatar-wrapper .avatar-cta {
    display: inline-block;
    margin: 20px auto 0 auto
}

.timeline .header .avatar-wrapper .avatar-cta a:first-of-type {
    margin-right: 10px
}

.timeline .header .avatar-wrapper .help {
    display: block;
    color: var(--black-500);
    font-size: 11px
}

.timeline ._hidden {
    display: none !important
}

.timeline .feature-banner {
    padding: 20px 24px;
    margin-top: -12px;
    width: 100%;
    font-size: 12px;
    line-height: 1.26666667;
    text-align: center
}

.timeline .feature-banner p:last-of-type {
    margin-bottom: 0
}

.timeline .feature-banner__background {
    margin-top: 0;
    border: 1px solid var(--black-100);
    background-color: var(--black-025)
}

.timeline .feature-banner--logo {
    margin: 0 auto 16px
}

.timeline .feature-banner--iqs {
    margin-top: -4px;
    margin-bottom: 12px
}

.timeline .feature-banner--items {
    margin-top: 4px;
    margin-bottom: 4px
}

.timeline .feature-banner--headline {
    margin: 0 auto 4px;
    font-size: 17px;
    line-height: 1.26666667;
    color: var(--black-700)
}

.timeline .feature-banner--link {
    margin: 0 auto;
    color: var(--powder-500)
}

.timeline .feature-banner--link:hover {
    color: var(--powder-600)
}

.timeline .network-accounts {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center
}

.timeline .network-accounts .network-account {
    align-items: center;
    display: flex;
    margin-top: 6px;
    padding: 3px 6px;
    background: var(--black-025);
    border: 1px solid var(--black-075);
    border-radius: 3px
}

.timeline .network-accounts .network-account:not(:last-of-type) {
    margin-right: 12px
}

.timeline .network-accounts .network-account .score {
    font-size: 12px;
    display: inline-block;
    padding-left: 3px
}

.timeline header .description,
.timeline .tools {
    font-size: 16px;
    line-height: 1.4em
}

.timeline header .description {
    margin: 30px auto 10px auto
}

.timeline header .description .description-expander-more,
.timeline header .description .description-expander-less,
.timeline header .description .description-expander-label {
    cursor: pointer
}

.timeline header .description.description-ellipsis .description-expander~.description-expander-label {
    display: inline-block
}

.timeline header .description.description-ellipsis .description-content-truncated {
    position: relative
}

.timeline header .description.description-ellipsis .description-content-truncated:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 78%;
    height: 1.5em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%)
}

.timeline header .description .description-expander~.description-content-truncated {
    display: block;
    overflow: hidden;
    max-height: 200px
}

.timeline header .description .description-expander:checked~.description-content-truncated {
    display: none
}

.timeline header .description .description-expander~.description-content-full {
    display: none
}

.timeline header .description .description-expander:checked~.description-content-full {
    display: inline
}

.timeline header .description .description-expander~.description-expander-label::after {
    content: attr(data-more)
}

.timeline header .description .description-expander:checked~.description-expander-label::after {
    content: attr(data-less)
}

.timeline header .description .description-expander~.description-expander-label {
    color: #07C;
    display: none;
    margin-top: 4px
}

.timeline header .description .description-expander:checked~.description-expander-label:after {
    background-image: none;
    width: auto
}

.timeline header .description ul {
    list-style-position: inside;
    margin-left: 0
}

.timeline header .description:not(.placeholder-text)~.tools:before {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: var(--orange);
    margin: 10px auto 15px auto
}

.timeline header .description .description-content-full>*:last-child,
.timeline header .description .description-content-truncated>*:last-child {
    margin-bottom: 0
}

.timeline .header-edit-section:hover .description .description-expander-more,
.timeline .header-edit-section:hover .description .description-expander-less,
.timeline .header-edit-section:hover .description .description-expander-label {
    cursor: pointer
}

.timeline .header-edit-section:hover .description.description-ellipsis .description-expander~.description-expander-label {
    display: inline-block
}

.timeline .header-edit-section:hover .description.description-ellipsis .description-content-truncated {
    position: relative
}

.timeline .header-edit-section:hover .description.description-ellipsis .description-content-truncated:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 78%;
    height: 1.5em;
    background: linear-gradient(to right, rgba(246, 248, 249, 0), rgba(246, 248, 249, 1) 50%)
}

.timeline .header-edit-section:hover .description .description-expander~.description-content-truncated {
    display: block;
    overflow: hidden;
    max-height: 200px
}

.timeline .header-edit-section:hover .description .description-expander:checked~.description-content-truncated {
    display: none
}

.timeline .header-edit-section:hover .description .description-expander~.description-content-full {
    display: none
}

.timeline .header-edit-section:hover .description .description-expander:checked~.description-content-full {
    display: inline
}

.timeline .header-edit-section:hover .description .description-expander~.description-expander-label::after {
    content: attr(data-more)
}

.timeline .header-edit-section:hover .description .description-expander:checked~.description-expander-label::after {
    content: attr(data-less)
}

.timeline .header-edit-section:hover .description .description-expander~.description-expander-label {
    color: #07C;
    display: none;
    margin-top: 4px
}

.timeline .header-edit-section:hover .description .description-expander:checked~.description-expander-label:after {
    background-image: none;
    width: auto
}

.timeline .tools {
    margin-top: 10px;
    margin-bottom: 30px
}

.timeline .objectives {
    margin-top: 30px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap
}

.timeline .objectives>div {
    margin-right: 20px;
    margin-bottom: 15px;
    max-width: 148px
}

.timeline .objectives>div>label {
    display: block
}

.timeline .objectives>div:last-child {
    margin-right: 0
}

.timeline .user-technologies {
    margin: 20px auto;
    text-align: center
}

.timeline .user-technologies label {
    padding-bottom: 4px
}

.timeline .user-technologies label:not(:first-child) {
    margin-top: 20px
}

.timeline .user-technologies .regular label {
    margin-top: 20px
}

.timeline .user-technologies .dislike {
    margin-top: 15px
}

.timeline .user-technologies .dislike .timeline-item-tags {
    display: inline-block;
    margin-left: 4px
}

.timeline .user-technologies .dislike .timeline-item-tags .post-tag .sponsor-tag-img {
    display: none
}

.timeline .user-technologies .tag-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.timeline .user-technologies .top {
    display: flex;
    align-items: center
}

.timeline .user-technologies .top:not(:last-of-type) {
    margin-right: 20px
}

.timeline .user-technologies .top .score {
    width: 60px;
    height: 60px;
    border: 3px solid var(--powder-200);
    border-radius: 50%;
    padding-top: 8px;
    margin-right: 10px;
    flex-shrink: 0;
    cursor: pointer;
    line-height: 1.2
}

.timeline .user-technologies .top .score .number-top {
    color: var(--powder-700);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
}

.timeline .user-technologies .top .score .number {
    color: #4E82C2;
    font-size: 20px
}

.timeline .user-technologies .top .score .number .percent {
    font-size: 13px
}

.timeline .user-technologies .top .tag-wrapper-item {
    text-align: left
}

.timeline .user-technologies .top .tag-wrapper-item a.post-tag.hidden {
    display: none
}

.timeline .user-technologies .top:first-child:nth-last-child(2),
.timeline .user-technologies .top:first-child:nth-last-child(2)~.top {
    max-width: 49%
}

.timeline .user-technologies .top:first-child:nth-last-child(3),
.timeline .user-technologies .top:first-child:nth-last-child(3)~.top {
    max-width: 240px
}

.timeline .last-seen {
    margin-top: 4px;
    width: 100%
}

.header-cta {
    position: relative;
    z-index: 1
}

.header-cta:before,
.header-cta:after {
    content: "";
    display: table
}

.header-cta:after {
    clear: both
}

.header-cta .subtabs {
    float: left;
    width: auto
}

.header-cta .ctas {
    float: right;
    width: 240px;
    text-align: center
}

.header-cta .ctas .main-btn {
    margin-bottom: 10px;
    display: block
}

.header-cta .ctas .informative-tooltip {
    width: 164px
}

.timeline .header-edit-section .header-edit-btn {
    display: none
}

.timeline .top-tags-btn {
    margin-top: 4px
}

.timeline input[name=TitleDisplay].logo {
    padding-left: 30px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 6px 8px
}

.timeline .header-edit-section-open label.block.table {
    margin-top: 20px
}

.timeline .header-edit-section {
    position: relative;
    border-radius: 7px
}

.timeline .header-edit-section:hover .header-edit-btn {
    display: block;
    z-index: 999
}

.timeline .header-edit-section:hover,
.timeline .header-edit-section.editing {
    background: var(--powder-050)
}

.timeline .header-edit-section .header-edit-btn {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px
}

.timeline .header-edit-section.editing {
    padding: 20px;
    margin-bottom: 20px;
    text-align: left
}

.timeline .header-edit-section.editing .display-only,
.timeline .header-edit-section.editing .header-edit-btn {
    display: none
}

.timeline .header-edit-section.editing .header-edit-section-open {
    display: block
}

.timeline .header-edit-section .empty-description {
    border: 1px solid var(--black-075);
    padding: 20px;
    border-radius: 7px
}

.timeline .header-edit-section .empty-description .placeholder-title {
    font-size: 16px;
    color: var(--black-600);
    margin-bottom: 6px
}

.timeline .header-edit-section .empty-description a {
    font-size: 13px
}

.timeline .header-edit-section .empty-description .tools {
    margin-bottom: 0
}

.timeline .header-edit-section .section-divider {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid var(--powder-200)
}

.timeline .header-edit-section .title-corral {
    width: 100%
}

.timeline .header-edit-section .title-corral>label {
    display: block
}

.timeline .header-edit-section .title-corral>input {
    width: 100%
}

.timeline .header-edit-section.header-edit-section-1 input[type="text"],
.timeline .header-edit-section.header-edit-section-1 input[type="url"] {
    width: 100%
}

.timeline .header-edit-section.header-edit-section-1 .help-text {
    margin-bottom: 0
}

.timeline .header-edit-section label.block,
.timeline .header-edit-section .title-corral>label {
    margin-top: 5px
}

.timeline .header-edit-section #form-section-TechStack-Tags {
    width: 100%
}

.timeline .header-edit-section form:before,
.timeline .header-edit-section form:after {
    content: "";
    display: table
}

.timeline .header-edit-section form:after {
    clear: both
}

.timeline .header-edit-section .ctas {
    background: var(--powder-100);
    margin: 20px -20px -20px -20px;
    padding: 15px 20px
}

.timeline .header-edit-section .ctas>* {
    display: inline-block
}

.timeline .header-edit-section .ctas>*:not(:last-child) {
    margin-right: 10px
}

.timeline .header-edit-section .col-6:first-of-type {
    padding-right: 10px
}

.timeline .header-edit-section .col-6:last-of-type {
    padding-left: 10px
}

.timeline .header-edit-section input[type="text"],
.timeline .header-edit-section input[type="url"],
.timeline .header-edit-section textarea.block,
.timeline .header-edit-section .tag-editor {
    margin-bottom: 10px;
    margin-top: 4px
}

.timeline .header-edit-section.header-edit-section-2 .help-text {
    float: right
}

.timeline .header-edit-section .personal-statement {
    height: 7em;
    resize: vertical
}

.timeline .header-edit-section .network-site-table {
    margin-top: 10px
}

.timeline .header-edit-section .network-site-table .item {
    text-align: left
}

.timeline .header-edit-section .network-site-table .favicon-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: var(--black-025);
    border: 1px solid var(--black-075);
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.timeline .header-edit-section .network-site-table .site-info {
    padding: 0 14px 0 8px
}

.timeline .header-edit-section .network-site-table .community-name {
    font-size: 12px
}

.timeline .header-edit-section .network-site-table .rep {
    font-size: 11px;
    color: var(--black-500)
}

.timeline .readings .readings-title {
    font-size: 18px;
    margin: 60px 0 34px 0
}

.timeline .readings .readings-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline .readings .readings-list .readings-item {
    width: 388px;
    min-height: 194px;
    margin: 15px 6px 25px 6px;
    padding: 20px;
    background: var(--powder-025);
    border: 1px solid var(--powder-100);
    display: flex;
    align-items: center;
    position: relative
}

.timeline .readings .readings-list .readings-item .readings-image {
    width: 140px;
    height: 190px;
    background: var(--white);
    box-shadow: var(--bs-sm);
    margin-top: -36px
}

.timeline .readings .readings-list .readings-item .readings-image.is-empty {
    padding: 12px 6px
}

.timeline .readings .readings-list .readings-item .readings-image.is-empty:before {
    background-image: url('/web/20210506171630im_/https://cdn.sstatic.net/Img/developer-story/reading-placeholder.svg?v=1fcd92a28946'), none;
    background-repeat: no-repeat;
    content: '';
    display: block;
    width: 128px;
    height: 168px
}

.timeline .readings .readings-list .readings-item .description pre,
.timeline .readings .readings-list .readings-item .description code {
    white-space: pre-line
}

.timeline .readings .readings-list .readings-item .readings-item-text {
    margin-left: 20px
}

.timeline .readings .readings-list .readings-item .readings-item-text .readings-item-title {
    font-size: 15px;
    line-height: 1.2em;
    display: inline-block;
    margin-bottom: 8px
}

.timeline .readings .readings-list .readings-item .readings-item-text .readings-item-author {
    color: var(--black-500);
    font-size: 12px;
    max-width: 186px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.timeline .readings .readings-list .readings-item .readings-item-text .readings-item-summary-wrapper {
    margin-top: 8px
}

.timeline .readings .readings-list .readings-item .readings-item-text .readings-item-summary p {
    margin-bottom: 0;
    line-height: 1.3em
}

.timeline .readings .readings-list .readings-item:nth-last-child(n+5),
.timeline .readings .readings-list .readings-item:nth-last-child(n+5)~.readings-item {
    width: 254px;
    min-height: auto;
    margin: 0px 6px 13px 6px;
    padding: 20px 10px;
    align-items: center
}

.timeline .readings .readings-list .readings-item:nth-last-child(n+5) .readings-image,
.timeline .readings .readings-list .readings-item:nth-last-child(n+5)~.readings-item .readings-image {
    width: 70px;
    height: 92px;
    margin-top: 0
}

.timeline .readings .readings-list .readings-item:nth-last-child(n+5) .readings-image.is-empty,
.timeline .readings .readings-list .readings-item:nth-last-child(n+5)~.readings-item .readings-image.is-empty {
    padding: 4px
}

.timeline .readings .readings-list .readings-item:nth-last-child(n+5) .readings-image.is-empty:before,
.timeline .readings .readings-list .readings-item:nth-last-child(n+5)~.readings-item .readings-image.is-empty:before {
    background-size: 100%;
    width: 64px;
    height: 84px
}

.timeline .readings .readings-list .readings-item:nth-last-child(n+5) .readings-item-title,
.timeline .readings .readings-list .readings-item:nth-last-child(n+5)~.readings-item .readings-item-title {
    font-size: 13px;
    margin-bottom: 6px
}

.timeline .readings .readings-list .readings-item:nth-last-child(n+5) .readings-item-author,
.timeline .readings .readings-list .readings-item:nth-last-child(n+5)~.readings-item .readings-item-author {
    max-width: 122px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.timeline .readings .readings-placeholder {
    position: relative
}

.timeline .readings .readings-placeholder .img-wrapper {
    max-width: 260px;
    margin: 0 auto
}

.timeline .readings .readings-placeholder .img-wrapper:before,
.timeline .readings .readings-placeholder .img-wrapper:after {
    content: "";
    display: table
}

.timeline .readings .readings-placeholder .img-wrapper:after {
    clear: both
}

.timeline .readings .readings-placeholder .img {
    background-image: url("/web/20210506171630im_/https://cdn.sstatic.net/Img/developer-story/readings-placeholder.svg?v=f7b5d27fdb0f"), none;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    float: left
}

.timeline .readings .readings-placeholder .placeholder-text {
    max-width: 150px;
    float: right;
    margin-top: 30px
}

.timeline .readings .readings-item .description .description-expander-more,
.timeline .readings .readings-item .description .description-expander-less,
.timeline .readings .readings-item .description .description-expander-label {
    cursor: pointer
}

.timeline .readings .readings-item .description.description-ellipsis .description-expander~.description-expander-label {
    display: inline-block
}

.timeline .readings .readings-item .description.description-ellipsis .description-content-truncated {
    position: relative
}

.timeline .readings .readings-item .description.description-ellipsis .description-content-truncated:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 78%;
    height: 1.5em;
    background: linear-gradient(to right, rgba(246, 248, 249, 0), rgba(246, 248, 249, 1) 50%)
}

.timeline .readings .readings-item .description .description-expander~.description-content-truncated {
    display: block;
    overflow: hidden;
    max-height: 65px
}

.timeline .readings .readings-item .description .description-expander:checked~.description-content-truncated {
    display: none
}

.timeline .readings .readings-item .description .description-expander~.description-content-full {
    display: none
}

.timeline .readings .readings-item .description .description-expander:checked~.description-content-full {
    display: inline
}

.timeline .readings .readings-item .description .description-expander~.description-expander-label::after {
    content: attr(data-more)
}

.timeline .readings .readings-item .description .description-expander:checked~.description-expander-label::after {
    content: attr(data-less)
}

.timeline .readings .readings-item .description .description-expander~.description-expander-label {
    color: #07C;
    display: none;
    margin-top: 4px
}

.timeline .readings .readings-item .description .description-expander:checked~.description-expander-label:after {
    background-image: none;
    width: auto
}

.timeline .readings label.block {
    margin-top: 10px
}

.timeline .readings .edit-table {
    margin-bottom: 20px;
    max-height: 250px;
    overflow: auto
}

.timeline .readings .edit-table .favicon {
    vertical-align: top
}

.timeline-feed {
    max-width: 100%;
    margin: 45px auto;
    position: relative;
    font-size: 0
}

.timeline-feed:before,
.timeline-feed:after {
    content: "";
    display: table
}

.timeline-feed:after {
    clear: both
}

.timeline-feed .timeline-line {
    width: 1px;
    background: var(--black-075);
    position: absolute;
    top: 24px;
    left: 50%;
    bottom: 0
}

.timeline-feed .timeline-item {
    display: inline-block;
    vertical-align: top
}

.timeline-feed .timeline-item:nth-child(even) {
    margin-top: 60px
}

.timeline-feed .timeline-item:nth-child(odd) {
    margin-left: 48px;
    margin-top: 160px;
    margin-bottom: -100px
}

.timeline-feed .timeline-item:nth-child(2) {
    margin-top: 0
}

.timeline-feed .timeline-item:last-of-type {
    margin-bottom: 0
}

.timeline-item {
    position: relative;
    padding: 24px;
    width: calc(50% - 24px);
    border: 1px solid var(--black-075);
    border-radius: 7px;
    font-size: 13px;
    line-height: 1.26666667;
    color: var(--black-800)
}

.timeline-item:not(.edit) .timeline-item-content {
    display: flex;
    align-items: center;
    word-break: break-word
}

.timeline-item:not(.edit) .timeline-item-content.with-description {
    align-items: flex-start
}

.timeline-item .timeline-item-paragraph,
.timeline-item .timeline-item-tags {
    padding-top: 8px
}

.timeline-item .timeline-item-paragraph {
    color: var(--black-600)
}

.timeline-item .timeline-item-paragraph *:last-child {
    margin-bottom: 0
}

.timeline-item .timeline-item-paragraph img {
    max-width: 100%
}

.timeline-item .timeline-item-paragraph pre,
.timeline-item .timeline-item-paragraph code {
    white-space: pre-line
}

.timeline-item .timeline-item-text {
    flex: 1 auto;
    color: var(--black-600)
}

.timeline-item .timeline-item-title {
    font-size: 15px;
    line-height: 1.13333333;
    color: var(--black-800)
}

.timeline-item .description {
    max-width: 334px
}

.timeline-item .description .description-expander-more,
.timeline-item .description .description-expander-less,
.timeline-item .description .description-expander-label {
    cursor: pointer
}

.timeline-item .description.description-ellipsis .description-expander~.description-expander-label {
    display: inline-block
}

.timeline-item .description.description-ellipsis .description-content-truncated {
    position: relative
}

.timeline-item .description.description-ellipsis .description-content-truncated:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 78%;
    height: 1.5em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%)
}

.timeline-item .description .description-expander~.description-content-truncated {
    display: block;
    overflow: hidden;
    max-height: 65px
}

.timeline-item .description .description-expander:checked~.description-content-truncated {
    display: none
}

.timeline-item .description .description-expander~.description-content-full {
    display: none
}

.timeline-item .description .description-expander:checked~.description-content-full {
    display: inline
}

.timeline-item .description .description-expander~.description-expander-label::after {
    content: attr(data-more)
}

.timeline-item .description .description-expander:checked~.description-expander-label::after {
    content: attr(data-less)
}

.timeline-item .description .description-expander~.description-expander-label {
    color: #07C;
    display: none;
    margin-top: 4px
}

.timeline-item .description .description-expander:checked~.description-expander-label:after {
    background-image: none;
    width: auto
}

.timeline-item .list {
    padding: 8px 0
}

.timeline-item .timeline-item-quote {
    font-size: 17px;
    font-style: italic;
    line-height: 1.13333333
}

.timeline-item .timeline-item-quote:before,
.timeline-item .timeline-item-quote:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px
}

.timeline-item .timeline-item-quote:before {
    margin-right: 6px
}

.timeline-item .timeline-item-quote:after {
    position: relative;
    margin-left: 6px;
    top: 6px;
    transform: scaleX(-1) scaleY(-1)
}

.timeline-item .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.timeline-item .img.logo {
    flex-shrink: 0;
    margin-right: 12px;
    padding: 2px;
    width: 60px
}

.timeline-item .img.logo.align-self {
    align-self: flex-start
}

.timeline-item:not(.edit).img.full {
    display: flex;
    align-items: center;
    margin-top: 12px;
    width: 100%;
    max-width: 334px;
    overflow: hidden
}

.timeline-item:not(.edit).img.full img {
    width: auto;
    max-height: 200px
}

.timeline-item .team-small-avatars a {
    display: inline-block
}

.timeline-item .mini-counts {
    display: inline-block;
    padding: 2px;
    min-width: 34px;
    border: 1px solid var(--black-150);
    font-size: 12px;
    color: var(--black-600);
    text-align: center
}

.timeline-item .mini-counts.answered-accepted {
    border-color: transparent;
    color: var(--white)
}

.timeline-item.deleted-item {
    pointer-events: none;
    opacity: .4;
    background-color: var(--black-300)
}

.timeline-item header {
    position: relative;
    margin-bottom: 4px;
    font-size: 12px;
    color: var(--black-500)
}

.timeline-item header .edit-item {
    position: absolute;
    right: 0;
    padding: 8px;
    cursor: pointer
}

.timeline-item header .edit-item .dropdown {
    display: none;
    top: 24px;
    right: -6px
}

.timeline-item header .edit-item .dropdown li>a,
.timeline-item header .edit-item .dropdown li label {
    display: inline-block;
    padding: 8px 12px;
    font-size: 12px
}

.timeline-item header .edit-item .dropdown li label {
    color: #4E82C2
}

.timeline-item header .edit-item .dropdown li label:hover {
    color: #4CA3D7
}

.timeline-item header .edit-item .item-delete-button label {
    display: inline-block;
    cursor: pointer
}

.timeline-item header .edit-item .item-delete-button input[type="submit"] {
    display: none
}

.timeline-item header .edit-item.icon-settings-off {
    background-position: 4px -352px
}

.timeline-item header .edit-item:hover .dropdown {
    display: block
}

.timeline-item header .edit-item:hover.icon-settings-off {
    background-position: 4px -367px
}

.timeline-item header .timeline-item-date:before {
    content: " \02022 "
}

.timeline-item:before,
.timeline-item:after {
    content: "";
    position: absolute
}

.timeline-item:before {
    box-sizing: border-box;
    top: 16px;
    width: 27px;
    height: 27px;
    border: 2px solid var(--black-350);
    border-radius: 50%;
    background-color: var(--white);
    background-image: url("../img/svg/timeline.svg"), none;
    background-repeat: no-repeat
}

.timeline-item:nth-child(even):before {
    right: -39px
}

.timeline-item:nth-child(odd):before {
    left: -39px
}

.timeline-item .icon-watch,
.timeline-item .icon-star,
.timeline-item .icon-fork {
    display: inline-block;
    width: 14px;
    background-image: url("../img/svg/timeline.svg"), none;
    background-repeat: no-repeat
}

.timeline-item .icon-watch {
    height: 10px;
    background-position: -40px -174px
}

.timeline-item .icon-star {
    height: 14px;
    background-position: 0 -171px
}

.timeline-item .icon-fork {
    width: 9px;
    height: 12px;
    background-position: -22px -172px
}

.timeline-item:after {
    top: 24px
}

.timeline-item:nth-child(even):after {
    right: -8px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid var(--black-150)
}

.timeline-item:nth-child(odd):after {
    left: -8px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid var(--black-150)
}

.timeline-item.add header,
.timeline-item.job header {
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--brc-lighter)
}

.timeline-item.job header:before {
    content: "";
    position: absolute;
    top: -25px;
    left: -25px;
    right: -25px;
    height: 2px;
    background-color: var(--orange-400)
}

.timeline-item.job:before {
    border-color: var(--orange-400);
    background-position: 6px -95px
}

.timeline-item.job .timeline-item-title {
    font-weight: 700
}

.timeline-item.job .logo-blank {
    background-color: var(--black-050);
    color: var(--black-300);
    height: 60px
}

.timeline-item.job .logo-blank.dno {
    display: none
}

.timeline-item.achievement:before {
    background-position: 6px -14px
}

.timeline-item.achievement header {
    padding-top: 4px
}

.timeline-item.achievement .timeline-item-text {
    display: flex
}

.timeline-item.achievement .icon-wrapper {
    float: left;
    margin-right: 12px;
    width: 34px;
    text-align: center
}

.timeline-item.achievement .icon-wrapper .favicon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    padding: 2px;
    width: 34px;
    border-radius: 2px;
    border: 1px solid var(--black-075);
    background-color: var(--black-025)
}

.timeline-item.artifact:before {
    background-position: 6px -34px
}

.timeline-item.opensource:before,
.timeline-item.github:before,
.timeline-item.google:before,
.timeline-item.bitbucket:before,
.timeline-item.sourceforge:before,
.timeline-item.codeplex:before,
.timeline-item.launchpad:before,
.timeline-item.gitlab:before {
    background-position: 6px -55px
}
/* 
.timeline-item.github .img.logo:before,
.timeline-item.google .img.logo:before,
.timeline-item.bitbucket .img.logo:before,
.timeline-item.sourceforge .img.logo:before,
.timeline-item.codeplex .img.logo:before,
.timeline-item.launchpad .img.logo:before,
.timeline-item.gitlab .img.logo:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 42px;
    height: 40px;
    background-image: url("../img/svg/timeline.svg"), none;
    background-repeat: no-repeat
} */

.timeline-item.github .img.logo~header,
.timeline-item.google .img.logo~header,
.timeline-item.bitbucket .img.logo~header,
.timeline-item.sourceforge .img.logo~header,
.timeline-item.codeplex .img.logo~header,
.timeline-item.launchpad .img.logo~header,
.timeline-item.gitlab .img.logo~header {
    padding-top: 8px
}

.timeline-item.github .img.logo~.timeline-item-content .timeline-item-paragraph,
.timeline-item.google .img.logo~.timeline-item-content .timeline-item-paragraph,
.timeline-item.bitbucket .img.logo~.timeline-item-content .timeline-item-paragraph,
.timeline-item.sourceforge .img.logo~.timeline-item-content .timeline-item-paragraph,
.timeline-item.codeplex .img.logo~.timeline-item-content .timeline-item-paragraph,
.timeline-item.launchpad .img.logo~.timeline-item-content .timeline-item-paragraph,
.timeline-item.gitlab .img.logo~.timeline-item-content .timeline-item-paragraph {
    clear: both
}

.timeline-item.github header {
    margin-bottom: 12px
}

.timeline-item.github .-commits {
    margin-bottom: 12px;
    line-height: 1.26666667;
    color: var(--black-500)
}

.timeline-item.github .-commits._last {
    font-size: 12px
}

.timeline-item.github .-commits .-additions {
    color: var(--green-500)
}

.timeline-item.github .-commits .-deletions {
    color: var(--red-400)
}

.timeline-item.github .timeline-item-paragraph {
    padding-top: 0
}

.timeline-item.github .img.logo:before {
    background-position: -120px -532px
}

.timeline-item.github.edit .-commits {
    margin-bottom: 0;
    color: var(--black-600)
}

.timeline-item.github.edit .-commits._last {
    font-size: 13px
}

.timeline-item.github.edit .-commits:first-of-type {
    margin-top: 12px;
    margin-bottom: 2px
}

.timeline-item.github.edit .-commits:last-of-type {
    margin-bottom: 12px
}

.timeline-item.google .img.logo:before {
    background-position: -120px -478px
}

.timeline-item.bitbucket .img.logo:before {
    background-position: -120px -428px
}

.timeline-item.sourceforge .img.logo:before {
    background-position: -120px -274px
}

.timeline-item.codeplex .img.logo:before {
    background-position: -120px -325px
}

.timeline-item.launchpad .img.logo:before {
    background-position: -120px -372px
}

.timeline-item.gitlab .img.logo:before {
    background-position: -120px -220px
}

.timeline-item.assessment {
    padding-bottom: 0;
    border-color: transparent;
    background-color: #231f20
}

.timeline-item.assessment:nth-child(even):after {
    border-left-color: #231f20
}

.timeline-item.assessment:nth-child(odd):after {
    border-right-color: #231f20
}

.timeline-item.assessment .-image {
    width: calc(100% + 46px);
    margin: 0 -24px 12px
}

.timeline-item.assessment .input-group {
    margin-bottom: 8px
}

.timeline-item.assessment .fl-none {
    flex: 0 auto !important
}

.timeline-item.assessment:not(.edit) .timeline-item-tags {
    border: 1px solid var(--black-100);
    background-color: var(--white);
    margin: 0 -25px -1px;
    min-width: calc(100% + 50px);
    padding: 8px 12px
}

.timeline-item.assessment:not(.edit) .timeline-item-tags.mb16 {
    margin-bottom: -1px !important
}

.timeline-item.assessment.edit {
    line-height: 19px
}

.timeline-item.assessment.edit .-instructions li {
    margin: 5px 0
}

.timeline-item.assessment.edit .item-cancel-button._wide {
    margin-top: 10px;
    width: 100%
}

.timeline-item.assessment.edit .timeline-item-tags {
    padding-top: 0
}

.timeline-item.assessment.edit .-card-image {
    max-width: 100%
}

.timeline-item.assessment.edit .f-input[disabled] {
    padding: 6px 10px;
    background-position: right 8px center;
    cursor: default
}

.timeline-item.assessment.edit .post-tag:hover {
    background-color: var(--powder-100);
    cursor: default
}

.timeline-item.assessment.edit .-month {
    width: 120px
}

.timeline-item.assessment.edit .-year {
    width: 90px
}

.timeline-item.education:before {
    background-position: 6px -74px
}

.timeline-item.certification:before {
    background-position: -16px -74px
}

.timeline-item.education:not(.edit) .img.logo,
.timeline-item.certification:not(.edit) .img.logo {
    height: auto;
    width: auto;
    max-width: 110px
}

.timeline-item.education:not(.edit) .img.logo img,
.timeline-item.certification:not(.edit) .img.logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top
}

.timeline-item.apps:before,
.timeline-item.tech:before,
.timeline-item.other:before {
    background-position: 6px 8px
}

.timeline-item.conference:before {
    background-position: 6px -48px
}

.timeline-item.generic:before {
    background-position: -16px -95px
}

.timeline-item.medium:before {
    background-position: 6px -128px
}

.timeline-item.add:before {
    background-position: -15px 5px
}

.timeline-item .joined-so-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.timeline-item .joined-so-wrapper .img {
    margin-right: 16px;
    width: 126px;
    height: 103px;
    background-image: url("/web/20210506171630im_/https://cdn.sstatic.net/Img/developer-story/joined-so.svg?v=2b71e77155fa");
    background-position: center center;
    background-repeat: no-repeat
}

.timeline-item .joined-so-wrapper .timeline-item-title {
    color: var(--orange-400)
}

.timeline-feed-empty {
    background: var(--powder-025);
    margin: 40px auto 0 auto;
    padding: 40px
}

.timeline-feed-empty .img {
    width: 204px;
    height: 178px;
    margin: 0 auto 30px auto;
    background-image: url("/web/20210506171630im_/https://cdn.sstatic.net/Img/developer-story/timeline-feed-placeholder.svg?v=14e518472d5c"), none;
    background-repeat: no-repeat
}

.timeline-feed-empty .placeholder-text {
    width: 480px;
    margin: 0 auto
}

.timeline-feed-empty .placeholder-text .-title {
    font-size: 16px;
    color: var(--black-750);
    margin-bottom: .5em
}

.timeline-feed-empty .placeholder-text>p {
    color: var(--black-400)
}

.timeline-item.add {
    padding: 20px 16px 8px;
    background: var(--black-025);
    border-color: var(--black-100)
}

.timeline-item.add header {
    margin-bottom: 0
}

.timeline-item.add .add-item-list {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    max-width: 334px
}

.timeline-item.add .add-item-list .item-add {
    color: var(--black-400);
    text-align: center;
    padding: 10px 0;
    width: 20%;
    cursor: pointer
}

.timeline-item.add .add-item-list .item-add:hover {
    color: var(--blue-500)
}

.timeline-item.add .add-item-list .item-add:hover .icon {
    background-position-x: -150px
}

.timeline-item.add .add-item-list .item-add:hover .icon-generic-assessment-big {
    background-position: -48.5px -225px
}

.timeline-item.add .add-item-list .item-add .icon {
    display: inline-block
}

.timeline-item.add .add-item-list .item-add .name {
    display: block;
    font-size: 11px
}

.timeline-item.add .add-item-list .item-add .name.single-line {
    padding-top: 8px
}

.timeline .timeline-item-highlight {
    background: rgba(255, 245, 222, 0.7)
}

.timeline-item .autocomplete .company-tag {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 2px;
    flex-grow: 1;
    position: relative
}

.timeline-item .autocomplete .company-tag .delete-tag {
    position: absolute;
    right: 9px;
    top: calc(50% - 7px);
    margin: 0
}

.timeline-item .list-suggestion-wrapper {
    display: flex;
    flex-wrap: wrap
}

.timeline-item .list-suggestion-wrapper .list-suggestion {
    display: flex;
    align-items: center;
    min-width: 100%;
    margin-top: 10px
}

.timeline-item .list-suggestion-wrapper .list-suggestion .list-suggestion-image {
    max-width: 40px;
    margin-right: 6px
}

.timeline-item .list-suggestion-wrapper .list-suggestion .list-suggestion-image img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.timeline-item.edit input[type="text"],
.header-edit-section input[type="text"],
.timeline-item.edit input[type="email"],
.header-edit-section input[type="email"],
.timeline-item.edit input[type="url"],
.header-edit-section input[type="url"],
.timeline-item.edit textarea,
.header-edit-section textarea {
    width: 100%
}

.timeline-item.edit textarea,
.header-edit-section textarea {
    resize: vertical;
    margin-top: 5px;
    min-height: 80px
}

.timeline-item.edit textarea.short,
.header-edit-section textarea.short {
    min-height: 80px
}

.timeline-item.edit textarea.multi-line,
.header-edit-section textarea.multi-line {
    min-height: 80px
}

.timeline-item.edit input:not(input[type="checkbox"]),
.header-edit-section input:not(input[type="checkbox"]),
.timeline-item.edit select,
.header-edit-section select {
    margin-top: 5px
}

.timeline-item.edit .textarea-with-counter,
.header-edit-section .textarea-with-counter {
    position: relative
}

.timeline-item.edit .textarea-with-counter>textarea,
.header-edit-section .textarea-with-counter>textarea {
    margin-top: 4px !important
}

.timeline-item.edit .textarea-with-counter>.help-text,
.header-edit-section .textarea-with-counter>.help-text {
    position: absolute;
    bottom: 5px;
    right: 5px
}

.timeline-item.edit .help-text.-format,
.header-edit-section .help-text.-format {
    text-align: right
}

.timeline-item.edit .help-text.-format a,
.header-edit-section .help-text.-format a {
    color: var(--black-350);
    text-decoration: underline
}

.timeline-item.edit {
    padding: 20px;
    background: var(--black-025);
    border-color: var(--black-100)
}

.timeline-item.edit.job:before {
    display: none
}

.timeline-item.edit header {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--black-075);
    position: relative
}

.timeline-item.edit header:before,
.timeline-item.edit header:after {
    content: "";
    display: table
}

.timeline-item.edit header:after {
    clear: both
}

.timeline-item.edit .coverable-input {
    margin: 4px 0 5px;
    position: relative
}

.timeline-item.edit .coverable-input input {
    margin: 0
}

.timeline-item.edit .coverable-input .input-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    display: flex
}

.timeline-item.edit label:not(first-of-type):not(.btn) {
    margin-top: 12px
}

.timeline-item.edit label .ajax-loader {
    vertical-align: baseline;
    margin-left: 5px
}

.timeline-item.edit input[type="checkbox"][disabled]+label {
    opacity: .5
}

.timeline-item.edit .block-checkbox {
    margin-top: 10px
}

.timeline-item.edit .date-wrapper .-current {
    margin-top: 10px
}

.timeline-item.edit .date-range,
.timeline-item.edit .date-single {
    margin-top: 5px;
    width: 100%
}

.timeline-item.edit .date-range input[type="text"],
.timeline-item.edit .date-single input[type="text"] {
    margin: 0;
    width: 55px
}

.timeline-item.edit .date-range select,
.timeline-item.edit .date-single select {
    background: var(--white);
    line-height: 34px;
    height: 34px;
    position: relative;
    top: -1px
}

.timeline-item.edit .date-range {
    display: flex;
    justify-content: space-between
}

.timeline-item.edit .date-range.checkbox select:first-of-type,
.timeline-item.edit .date-range.checkbox input:first-of-type {
    margin-right: 10px
}

.timeline-item.edit .date-range .to {
    margin: 12px 6px 0 6px
}

.timeline-item.edit .date-range select {
    margin-right: 4px
}

.timeline-item.edit .date-single select:first-of-type {
    margin-right: 10px
}

.timeline-item.edit fieldset[disabled] * {
    cursor: not-allowed;
    background: rgba(159, 166, 173, 0.1)
}

.timeline-item.edit .centered-checkbox {
    display: flex;
    align-items: center
}

.timeline-item.edit .centered-checkbox label {
    margin-top: 0
}

.timeline-item.edit .img {
    margin: 17px 0;
    padding: 10px;
    position: relative;
    cursor: pointer;
    min-height: 60px;
    background: var(--powder-025);
    border: 1px dashed var(--black-150);
    text-align: center
}

.timeline-item.edit .img.logo {
    float: none;
    width: auto
}

.timeline-item.edit .img.disabled {
    cursor: not-allowed
}

.timeline-item.edit .img:hover {
    background: var(--powder-050)
}

.timeline-item.edit .img:hover .text-wrapper {
    color: #4E82C2
}

.timeline-item.edit .img .text-wrapper {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: var(--black-500);
    margin: 10px 0
}

.timeline-item.edit .img .text-wrapper .icon {
    margin-bottom: 6px
}

.timeline-item.edit .img .text-wrapper .img-size-hint {
    font-weight: 400;
    font-size: 11px;
    display: block;
    margin-top: 1px;
    color: var(--black-200)
}

.timeline-item.edit .img .remove {
    width: 22px;
    height: 22px;
    padding: 4px;
    border-radius: 50%;
    color: var(--black-600);
    text-align: center;
    background: var(--black-150);
    position: absolute;
    top: -7px;
    right: -11px
}

.timeline-item.edit .img .remove:hover {
    background: var(--black-500);
    color: var(--white)
}

.timeline-item.edit .results {
    margin: 20px 0 10px 0;
    max-height: 300px;
    overflow: auto
}

.timeline-item.edit .results label {
    margin-bottom: 10px
}

.timeline-item.edit .results .line {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 10px
}

.timeline-item.edit .results .line .answer-hyperlink,
.timeline-item.edit .results .line .question-hyperlink {
    font-size: 13px
}

.timeline-item.edit .results .line:not(:last-of-type) {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--black-075)
}

.timeline-item.edit .results .line .add {
    margin: 0 10px
}

.timeline-item.edit .results .line .vote {
    height: 22px;
    margin-bottom: 2px
}

.timeline-item.edit.job .help-text:first-of-type,
.timeline-item.edit.education .help-text:first-of-type {
    margin-bottom: 0
}

.timeline-item.edit.job header {
    display: none
}

.timeline-item.edit .timeline-item-actions {
    background: var(--powder-100);
    margin: 20px -20px -20px -20px;
    padding: 15px 20px
}

.timeline-item.edit .timeline-item-actions>* {
    display: inline-block
}

.timeline-item.edit .timeline-item-actions>*:not(:last-child) {
    margin-right: 10px
}

.timeline-item.edit .timeline-item-actions .privacy-switch-btn {
    margin-right: 10px
}

.timeline-item .tag-editor {
    margin-bottom: 5px;
    margin-top: 4px
}

.timeline-item .tag-editor input[type="text"] {
    height: 33px !important;
    margin-top: 0
}

.timeline-item .tag-editor>span {
    position: relative;
    top: -2px
}

.timeline-item .tag-editor .rendered-element {
    margin: 0 3px 0 3px
}

.timeline-item .tag-editor.multi-line {
    white-space: normal;
    overflow-y: scroll
}

.timeline-item .tag-editor.multi-line .rendered-element {
    margin: 6px 0 0 6px
}

.timeline-item .tag-editor.multi-line input {
    margin: 4px 3px 0 6px
}

.timeline-item .tag-suggestions .more-info {
    display: none
}

.timeline-item .date-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.timeline-item .date-wrapper label.block {
    width: auto
}

.timeline-item .timeline-item-warning {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: var(--white);
    display: none;
    align-items: center;
    justify-content: center
}

.timeline-item .timeline-item-warning .text>h4 {
    margin-bottom: 10px
}

.timeline-item .timeline-item-warning .text [class^="btn"]:not(:last-child) {
    margin-right: 6px
}

.timeline .validation-error {
    color: var(--red-400);
    display: inline-block;
    margin-top: 2px;
    font-size: 12px;
    border-radius: 3px
}

.timeline .date-single>.validation-error {
    display: block;
    margin-top: 10px
}

.timeline .date-range .validation-error {
    margin-top: 10px
}

.timeline .header-edit-section-open .validation-error {
    flex-shrink: 0
}

.timeline .header-edit-section-open .inline-field {
    flex-wrap: wrap
}

.timeline .header-edit-section-open .inline-field .validation-error {
    margin-left: 80px
}

.timeline input[aria-describedby*="error"],
.timeline input[aria-invalid="true"],
.timeline select[aria-invalid="true"] {
    border: 1px solid var(--red-300)
}

.timeline input[aria-describedby*="error"]+.tag-editor,
.timeline input[aria-invalid="true"]+.tag-editor,
.timeline select[aria-invalid="true"]+.tag-editor {
    border: 1px solid var(--red-300)
}

.timeline input[aria-describedby*="error"]~.date-range,
.timeline input[aria-invalid="true"]~.date-range,
.timeline select[aria-invalid="true"]~.date-range {
    display: block
}

.timeline input[aria-describedby*="error"]~.date-range .to,
.timeline input[aria-invalid="true"]~.date-range .to,
.timeline select[aria-invalid="true"]~.date-range .to {
    display: block;
    padding: 0
}

.timeline .or-separator {
    color: var(--black-400);
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    margin: 20px auto;
    position: relative
}

.timeline .or-separator:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: var(--black-075);
    position: absolute;
    top: 50%;
    z-index: 1
}

.timeline .or-separator .text {
    position: relative;
    z-index: 2;
    padding: 0 10px;
    background: var(--powder-050)
}

.timeline input[type=submit].dno {
    display: none
}

.fs-category {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.fs-category.has-border {
    width: 100%;
    padding: 4px 0;
    border-top: 1px solid var(--black-100)
}

.ll-body-narrow {
    max-width: 24em
}

.ll-body-medium {
    max-width: 48em
}

.ll-body-wide {
    max-width: 72em
}

.cv-story-wrapper {
    margin: 24px 0
}

.cv-story {
    margin-right: 24px;
    max-width: 800px
}

.cv-story .footer-notice {
    margin: 0
}

.cv-story .post-tag,
.cv-story .tag-more {
    align-items: center;
    margin-top: 0;
    max-height: 25px
}

.cv-story .tag-more {
    display: inline-flex;
    margin-left: 4px
}

.cv-story .hidden {
    display: none
}

.timeline-public .cv-story {
    margin: 0 auto;
    max-width: 800px !important
}

.timeline-sidebar {
    max-width: 230px;
    min-width: 230px;
    margin-left: 24px
}

.cv-section {
    width: 100%
}

.cv-section .fs-category {
    margin-bottom: 8px
}

.cv-story-item,
.cv-preferred-tech,
.cv-top-post,
.cv-job-status,
.cv-reading {
    max-width: 56em !important
}

.cv-image {
    width: 100%;
    height: auto
}

.cv-avatar-image {
    width: 100%;
    max-height: 96px;
    overflow: hidden
}

.cv-avatar {
    position: absolute;
    top: 8px;
    right: 0;
    max-width: 96px
}

.cv-avatar .cv-so-last-seen {
    margin-top: 4px
}

.cv-logo,
.cv-logo-blank {
    width: 48px;
    height: 48px
}

.cv-logo .cv-image,
.cv-logo-blank .cv-image {
    max-height: 48px
}

.cv-logo.dno,
.cv-logo-blank.dno {
    display: none
}

.cv-logo-blank {
    background-color: var(--black-050);
    color: var(--black-300)
}

.cv-tag-percentiles {
    margin-top: -2px
}

.cv-tag-percentiles .svg-icon {
    margin-top: 4px;
    margin-right: 2px;
    height: 16px
}

.cv-tag-percentiles .cv-tag-label {
    margin-top: 4px
}

.cv-header {
    margin: 0 0 16px;
    padding-right: 112px;
    min-height: 128px
}

.cv-header .cv-meta {
    margin-top: 4px;
    margin-bottom: 8px
}

.cv-header .cv-tag-percentiles {
    margin-top: 8px
}

.cv-header .cv-intro-statement p:last-of-type {
    margin-bottom: 0
}

.cv-meta {
    color: var(--black-400)
}

.cv-meta .svg-icon {
    margin-right: 4px;
    width: 16px
}

.cv-item {
    padding-left: 16px
}

.cv-item>*:last-child {
    margin-bottom: 0
}

.cv-item .cv-item-title {
    line-height: 1.2631579
}

.cv-item .cv-item-subtitle {
    margin-bottom: 8px;
    line-height: 1.06666667
}

.cv-item .cv-item-time {
    margin-bottom: 12px
}

.cv-item .cv-item-commits,
.cv-item .timeline-item-tags {
    margin-bottom: 4px
}

.cv-item .timeline-item-tags,
.cv-item .cv-item-copy {
    max-width: 48em
}

.cv-commit-spacer {
    margin: 0 4px
}

.cv-commits-add {
    color: var(--green-400)
}

.cv-commits-delete {
    color: var(--red-400)
}

.cv-story .mini-counts {
    padding: 2px;
    width: 48px;
    min-height: 22px;
    border-radius: 2px;
    border: 1px solid var(--black-100);
    color: var(--black-500)
}

.cv-story .mini-counts.answered-accepted {
    border-color: var(--green-400);
    background-color: var(--green-400);
    color: #FFF
}

.cv-post-answer {
    padding: 8px 4px
}

.cv-post-data {
    margin-bottom: 8px
}

.cv-se-list,
.cv-se-item {
    margin: 0;
    padding: 0
}

.cv-se-title {
    margin-bottom: 4px
}

.cv-se-list-logo {
    padding-right: 8px
}

.cv-se-section {
    width: 100%
}

.cv-reading .cv-item-copy {
    margin-top: 8px
}

.timeline-public * {
    box-sizing: border-box
}

.timeline-public .cv-story {
    margin-top: 40px
}

.timeline-public .timeline-wrapper .timeline {
    top: 0
}

.timeline-public .timeline-public-header {
    height: 42px;
    border-bottom: 1px solid var(--black-075);
    padding-top: 8px;
    position: relative
}

.timeline-public .timeline-public-header .logo {
    background-image: url("/web/20210506171630im_/https://cdn.sstatic.net/Img/logo-so.png?v=f1f0fe99894d");
    background-image: url("/web/20210506171630im_/https://cdn.sstatic.net/Img/logo-so.svg?v=fe90f96b29fb"), none;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 113px;
    height: 22px;
    display: block;
    margin: 0 auto
}

.timeline-public .timeline-public-header .print-btn {
    position: absolute;
    top: 4px;
    right: 12px
}

.timeline-public .timeline-public-header .print-btn [class^="icon"] {
    margin-right: 4px;
    position: relative;
    top: 1px
}

.timeline-public .timeline-public-header .user-profile {
    position: absolute;
    top: 12px;
    left: 12px
}

.col-flex {
    display: flex;
    align-items: center
}

.match-preferences .tag-editor,
.match-preferences .chosen-container,
.match-preferences select.block,
.match-preferences .seniority-selector {
    width: 100% !important;
    min-height: 34px !important;
    margin-bottom: 18px;
    margin-top: 5px
}

.match-preferences .tag-editor {
    padding-top: 3px
}

.match-preferences .salary-info {
    cursor: pointer;
    color: var(--silver-darker);
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block
}

.match-preferences .salary-info .informative-tooltip {
    transform: translate(-90%, -110%) !important
}

.match-preferences .salary-info .informative-tooltip:before {
    left: initial;
    right: 4px;
    margin-left: 0
}

.match-preferences .chosen-container .chosen-choices {
    display: block;
    background-color: var(--white) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
    align-items: center;
    margin: 0;
    padding: 0 calc(.7em - 3px);
    vertical-align: middle;
    line-height: 22px;
    height: auto;
    min-height: 32px;
    width: 100%;
    border: 1px solid var(--black-200);
    border-radius: 3px;
    box-shadow: none
}

.match-preferences .chosen-container .chosen-choices:hover {
    border-color: var(--black-200);
    box-shadow: none
}

.match-preferences .chosen-container .chosen-choices .search-choice-close {
    position: absolute !important;
    right: 4px !important;
    top: 7px !important;
    transition: none
}

.match-preferences .chosen-container .chosen-choices li.search-choice {
    display: inline-flex;
    padding-right: .5em;
    margin: 2px !important
}

.match-preferences .chosen-container .chosen-choices li.search-field {
    float: none;
    padding: 2px 3px;
    margin: 0
}

.match-preferences .chosen-container .chosen-choices li.search-field input[type="text"] {
    margin: 0;
    min-width: 154px;
    color: var(--fc-dark) !important;
    min-height: initial;
    font-size: 13px;
    font-family: inherit;
    line-height: normal
}

.match-preferences .chosen-container.chosen-container-active .chosen-choices {
    border-color: var(--blue-300);
    box-shadow: 0 0 0 4px var(--focus-ring)
}

.match-preferences .chosen-container .chosen-drop {
    padding: 0
}

.match-preferences .chosen-container .chosen-drop .chosen-results li {
    padding: 8px;
    color: var(--black-750)
}

.match-preferences .chosen-container .chosen-drop .chosen-results li.highlighted {
    background: var(--black-050)
}

.match-preferences .chosen-container .chosen-drop .chosen-results li.result-selected {
    display: none
}

.match-preferences .chosen-container .chosen-single {
    padding-left: 8px;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    border-left: 1px solid var(--powder-100)
}

.match-preferences .chosen-container .chosen-single>div {
    width: 14px
}

.match-preferences .chosen-container .chosen-drop,
.match-preferences .chosen-container .chosen-single {
    border-radius: 0
}

.match-preferences .chosen-container .chosen-results {
    padding: 0;
    margin: 0;
    color: var(--black)
}

.match-preferences .chosen-container .chosen-results .active-result {
    padding: 6px 8px;
    font-size: 12px
}

.match-preferences .chosen-container .chosen-results .active-result.result-selected {
    background-color: var(--white);
    display: block
}

.match-preferences .chosen-container .chosen-results .active-result.highlighted {
    background: var(--black-025)
}

.match-preferences .chosen-container .chosen-drop {
    border-top: 1px solid;
    border-color: var(--black-150);
    background: var(--white)
}

.match-preferences #location-home-item.dno {
    display: none
}

.match-preferences .location-results {
    margin-bottom: 18px
}

.match-preferences .location-results .geo-tag {
    margin: 2px 2px 4px 0
}

.matching-preferences .multi-line,
.matching-preferences .tag-editor {
    min-height: 80px;
    overflow-y: scroll
}

.matching-preferences .job-search-status .col-6:not(:last-child) {
    margin-bottom: 10px
}

.matching-preferences .tips {
    margin-top: 20px
}

.matching-preferences .checkboxes-only {
    display: flex
}

.matching-preferences .checkboxes-only label {
    margin-right: 20px
}

.matching-preferences #location-widget .location-wrapper>input {
    padding-right: 160px
}

.matching-preferences #location-widget .location-wrapper .visa-wrapper {
    bottom: 2px;
    top: 2px;
    right: 2px;
    padding: 8px 6px
}

.matching-preferences .location-option {
    margin: 5px 0 10px 0
}

.matching-preferences .location-option label:first-child {
    margin-right: 20px
}

.autocomplete-suggestions.company-page-autocomplete .autocomplete-suggestion .-logo {
    width: 22px;
    height: 22px
}

.autocomplete-suggestions.company-page-autocomplete .autocomplete-suggestion.selected {
    background: var(--black-100)
}

.disliked-company._active:hover {
    border-color: var(--black-300)
}

.disliked-company .-logo {
    width: 18px;
    height: 18px
}

.disliked-company svg.tag-remove:hover {
    background: var(--black-600);
    color: var(--white)
}

.tag-editor input {
    color: var(--fc-medium) !important
}

.has-error {
    border-color: #dc3d4c
}

.error-message {
    color: #C91D2E
}

.buttons-with-padded-spinner .spinner-container {
    padding-right: 10px
}

.story-preferences .option .error-text,
.story-preferences .option .message.text-only {
    margin-top: 8px
}

.story-preferences #privacy .option .help-text {
    margin-top: 2px
}

.story-preferences #slug .title-box p:last-of-type {
    margin-top: 10px
}

.story-preferences #slug .title-box p:last-of-type i {
    margin-right: 6px;
    position: relative;
    top: 2px
}

.story-preferences #slug label.slug {
    margin-bottom: 5px;
    display: inline-block
}

.story-preferences #slug .inline-field:not(:last-child) {
    margin-bottom: 10px
}

.story-preferences #slug .inline-field .inline-column {
    width: 290px
}

.story-preferences #slug .option input[type="text"] {
    margin: 0;
    width: 100%;
    min-width: 0
}

.story-preferences #slug .option .actions {
    margin-left: 10px
}

.story-preferences #slug .custom-slug .inline-column {
    display: flex;
    justify-content: space-between
}

.story-preferences #slug .custom-slug .actions {
    flex-shrink: 0
}

.story-preferences #slug .custom-slug .message,
.story-preferences #slug .custom-slug .error-text {
    margin-top: 10px
}

.story-preferences #slug .always-visible {
    margin-top: 22px
}

.story-preferences #slug .field-wrapper {
    margin-top: 20px
}

.story-preferences #slug .field-wrapper.pushed {
    margin-top: 21px
}

.story-preferences #slug .field-wrapper .link-text {
    margin-top: 5px;
    word-break: break-all
}

.story-preferences .link-text {
    background: #f4f4f4;
    padding: 8px 10px
}

.story-preferences .link-text .disabled,
.story-preferences .link-text .disabled a {
    color: #AAA
}

.users-grid {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

.users-grid .-user {
    border: 1px solid var(--black-050);
    border-radius: 3px;
    padding: 20px 10px 20px 20px;
    margin: 0 20px 20px 0;
    width: calc((100% / 3) - (40px / 3));
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.users-grid .-user .-details {
    padding-left: 15px;
    max-width: calc(100% - 64px);
    flex-grow: 2
}

.users-grid .-user .-details>*:not(:last-child) {
    margin-bottom: 4px
}

.users-grid .-user .-details h3,
.users-grid .-user .-details p {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.users-grid .-user .-details h3 {
    font-weight: 400;
    font-size: 16px
}

.users-grid .-user .-details p {
    margin-bottom: 0;
    color: var(--black-400)
}

.users-grid .-user .-details p:last-child {
    margin-bottom: 0
}

.users-grid .-user:nth-child(3n) {
    margin-right: 0
}

.users-grid .-user .-avatar {
    width: 64px;
    height: 64px
}

.users-grid .-user .-avatar img {
    max-width: 100%;
    height: auto
}

.users-grid .-user.-private .-avatar {
    background: url('/web/20210506171630im_/https://cdn.sstatic.net/Img/user.svg?v=20c64bb67fc9') no-repeat center center var(--powder-050);
    background-size: 50%
}

.users-grid .-user.-private .-details h3 {
    margin-bottom: 0
}

.list-card {
    position: absolute;
    z-index: 4000;
    background: var(--white);
    width: 395px;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 1px 25px rgba(0, 0, 0, 0.15);
    transform: translate(0%, -110%);
    align-items: center;
    border: 1px solid var(--black-075)
}

.list-card:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 9px solid var(--white);
    position: absolute;
    bottom: -7px;
    left: 20px
}

.list-card .-avatar {
    width: 100px;
    height: 100px;
    align-self: flex-start;
    border-radius: 2px;
    background: var(--white);
    padding: 6px;
    border: 1px solid var(--black-075);
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-right: 15px;
    flex: 0 0 auto
}

.list-card .-avatar img {
    border-radius: 3px;
    max-width: 100%;
    height: auto;
    width: 100%
}

.list-card .-avatar .logo-blank {
    background-color: var(--black-050);
    color: var(--black-300);
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.list-card .-details {
    color: var(--black-500);
    font-weight: 400;
    font-size: 13px;
    width: 100%
}

.list-card .-details .-name {
    color: var(--black-700);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

.list-card .-details .-users-list {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0
}

.list-card .-details .-users-list .-user:not(:last-child) {
    margin-right: 4px
}

.list-card .-details .-users-list .avatar {
    width: 26px;
    height: 26px;
    overflow: hidden
}

.list-card .-details .-users-list .avatar img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.list-card .-details .-users-list .avatar.-private {
    background: url('/web/20210506171630im_/https://cdn.sstatic.net/Img/user.svg?v=20c64bb67fc9') no-repeat center center var(--powder-100);
    background-size: 50%
}

.list-card .-details .more {
    display: inline-block;
    margin-top: 2px
}