@font-face {
    font-family: "acumin-pro";
    font-stretch: 101%;
    font-weight: 200 800;
    letter-spacing:.1em;src: url("https://use.typekit.net/af/cd27bb/0000000000000000774be2a6/30/l?primer=a190936a1a773f66ff9849fcff929a5be3e63f0304b5a1b2c716875f8f2cd50a&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/cd27bb/0000000000000000774be2a6/30/d?primer=a190936a1a773f66ff9849fcff929a5be3e63f0304b5a1b2c716875f8f2cd50a&fvd=n4&v=3") format("woff")
}

@font-face {
    font-family: "acumin-pro-wide";
    font-stretch: 115%;
    font-weight: 200 800;
    src: url("https://use.typekit.net/af/cd27bb/0000000000000000774be2a6/30/l?primer=a190936a1a773f66ff9849fcff929a5be3e63f0304b5a1b2c716875f8f2cd50a&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/cd27bb/0000000000000000774be2a6/30/d?primer=a190936a1a773f66ff9849fcff929a5be3e63f0304b5a1b2c716875f8f2cd50a&fvd=n4&v=3") format("woff")
}

@font-face {
    font-family: "adobe-clean";
    src: url("https://use.typekit.net/af/c0160f/00000000000000007735dac8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/c0160f/00000000000000007735dac8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/c0160f/00000000000000007735dac8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "adobe-clean";
    src: url("https://use.typekit.net/af/5c07ba/00000000000000007735dad8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5c07ba/00000000000000007735dad8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5c07ba/00000000000000007735dad8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: "adobe-clean";
    src: url("https://use.typekit.net/af/2dda0a/00000000000000007735dad4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/2dda0a/00000000000000007735dad4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/2dda0a/00000000000000007735dad4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal
}

@font-face {
    font-family: "adobe-clean";
    src: url("https://use.typekit.net/af/cfa6ca/00000000000000007735dadc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/cfa6ca/00000000000000007735dadc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/cfa6ca/00000000000000007735dadc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "adobe-clean-han-japanese";
    font-style: "adobe-clean-han-japanese-normal";
    font-weight: normal,300;
    src: url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff2"),url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff")
}

@font-face {
    font-family: "adobe-clean-han-japanese";
    font-style: "adobe-clean-han-japanese-regular";
    font-weight: normal,400;
    src: url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff2"),url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff")
}

@font-face {
    font-family: "adobe-clean-han-japanese";
    font-style: "adobe-clean-han-japanese-bold";
    font-weight: normal,500;
    src: url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff2"),url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff")
}

@font-face {
    font-family: "adobe-clean-han-japanese";
    font-style: "adobe-clean-han-japanese-extra-bold";
    font-weight: normal,700;
    src: url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff2"),url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff")
}

@font-face {
    font-family: "adobe-clean-han-japanese";
    font-style: "adobe-clean-han-japanese-black";
    font-weight: normal,800;
    src: url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff2"),url("https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/m?features=NONE&v=4&chunks=127.1040.1042.1045.1355.1365.1502.1599.1662&order=0") format("woff")
}
* {
    box-sizing: border-box;
}
html {
    background: #fff;
    color: #000;
    position: relative;
}

legend {
    color: #000
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0
}

abbr,acronym,address,caption,cite,code,dfn,em,strong,th,var,h1,h2,h3,h4,h5,h6 {
    font-style: normal;
    font-variant: normal;
    font-weight: normal
}

input,textarea,select,optgroup,option,button {
    background: #fff;
    font-size: 100%;
    margin: 0;
    padding: 0
}

input,textarea,select,optgroup,option,button {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

body {
    line-height: 1
}

ol,ul,li {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote::before,blockquote::after,q::before,q::after {
    content: ""
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    text-align: left
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

@font-face {
    font-family: "BeIcons";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/BeIcons/BeIcons.eot");
    src: url("../fonts/BeIcons/BeIcons.eot?#iefix") format("embedded-opentype"),url("../fonts/BeIcons/BeIcons.woff2") format("woff2"),url("../fonts/BeIcons/BeIcons.woff") format("woff"),url("../fonts/BeIcons/BeIcons.ttf") format("truetype"),url("../fonts/BeIcons/BeIcons.svg#Behance") format("svg")
}

.beicons,.beicons-pre::before {
    display: inline-block;
    font-family: "BeIcons";
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal !important;
    height: 16px;
    line-height: 0;
    margin-right: 5px;
    position: relative;
    text-rendering: optimizeLegibility;
    text-transform: none;
    top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.beicons-pre-edit::before,.beicons-pre-rename::before {
    content: "¡";
    top: 2px
}

.beicons-pre-cover::before {
    content: "T";
    top: 2px
}

.beicons-pre-clone::before {
    content: "6"
}

.beicons-pre-unpublish::before {
    content: "5";
    top: 2px
}

.beicons-pre-delete::before {
    content: "3"
}

.beicons-pre-promote::before {
    content: "J"
}

.beicons-pre-privacy::before {
    content: "E"
}

.beicons-pre-owner::before {
    content: "^"
}

.beicons-pre-spam::before {
    content: "<";
    top: 2px
}

.beicons-pre-inbox::before {
    content: "O"
}

.beicons-pre-cog::before {
    content: "N";
    top: 2px
}

.beicons-pre-location::before {
    content: "B";
    margin: 0 -3px 0 -2px;
    top: 2px
}

.beicons-pre-settings::before {
    content: "0"
}

.beicons-pre-x-circle::before {
    content: "d";
    top: 2px
}

.beicons-pre-mail::before {
    content: "A";
    top: 2px
}

.beicons-pre-notes::before {
    content: "V";
    top: 2px
}

.beicons-pre-search::before {
    content: "K"
}

.beicons-pre-check-circle::before {
    content: "e";
    top: 2px
}

.beicons-pre-check::before {
    content: "i"
}

.beicons-pre-eye::before {
    content: "@";
    left: -1px;
    top: 3px
}

.beicons-pre-comment::before {
    content: ">";
    top: 3px
}

.beicons-pre-collection::before {
    content: "R";
    top: 2px
}

.beicons-pre-followers::before {
    content: "`";
    top: 3px
}

.beicons-pre-lock-small::before {
    content: "D";
    top: 2px
}

.beicons-pre-bell::before {
    content: "C";
    top: 3px
}

.beicons-pre-thumb::before {
    content: "?";
    top: 2px
}

.beicons-pre-following::before {
    content: "_";
    top: 3px
}

.beicons-pre-grid::before {
    content: ":";
    top: 3px
}

.beicons-pre-add-projects::before {
    content: "Q"
}

.beicons-pre-members::before {
    content: "]"
}

.beicons-pre-arrow-left::before {
    content: "t"
}

.beicons-pre-arrow-right::before {
    content: "u"
}

.beicons-pre-arrow-right-big::before {
    content: "y"
}

.beicons-pre-arrow-left-big::before {
    content: "x"
}

.beicons-pre-featured-small::before {
    content: "7";
    top: 3px
}

.beicons-pre-x::before {
    content: "h";
    top: 2px
}

.beicons-pre-hamburger::before {
    content: "f"
}

.beicons-pre-dropdown::before {
    content: "{"
}

.beicons-pre-chevronup::before {
    content: "z"
}

.beicons-pre-plus-circle::before {
    content: "c"
}

.beicons-pre-person::before {
    content: "^";
    top: 2px
}

.beicons-pre-upload::before {
    content: "+"
}

.beicons-pre-discover::before {
    content: "a"
}

.beicons-pre-follow::before {
    content: "_"
}

.beicons-pre-badge::before {
    content: "8"
}

.beicons-pre-shuffle::before {
    content: "["
}

.beicons-pre-suitcase::before {
    content: "Z"
}

.beicons-pre-prosite::before {
    content: "W"
}

.beicons-pre-add::before {
    content: "g"
}

.beicons-pre-cc::before {
    content: "(";
    font-size: 21px;
    left: -2px;
    top: 5px !important
}

.beicons-pre-stats::before {
    content: "X"
}

.beicons-pre-file::before {
    content: "Y"
}

.beicons-pre-link::before {
    content: "=";
    top: 2px
}

.beicons-pre-help::before {
    content: "M"
}

.beicons-pre-columns::before {
    content: "1"
}

.beicons-pre-adobe::before {
    content: "."
}

.beicons-pre-dollar::before {
    content: "9"
}

.beicons-pre-dropdown-thin::before {
    content: "k"
}

.beicons-pre-dropdown-arrow::before {
    content: "o"
}

.beicons-pre-share::before {
    content: "P";
    top: 2px
}

.beicons-pre-embed::before {
    content: "*"
}

.beicons-pre-text::before {
    content: ")"
}

.beicons-pre-reorder::before {
    content: "~"
}

.beicons-pre-caption::before {
    content: "$"
}

.beicons-pre-replace::before {
    content: "#"
}

.beicons-pre-trash::before {
    content: "!"
}

.beicons-pre-shoppingcart::before {
    content: "%"
}

.beicons-pre-arrow-up::before {
    content: "v"
}

.beicons-pre-arrow-down::before {
    content: "w"
}

.beicons-pre-organization::before {
    content: "U"
}

.beicons-pre-school::before {
    content: "2"
}

.beicons-pre-plus::before {
    content: "b";
    margin-left: -4px;
    top: 2px
}

.rf-button__container {
    box-sizing: border-box;
    display: inline-block;
    text-align: center
}

.rf-button__container.form-item {
    margin: 0
}

.rf-button__container .rf-icon--share,.rf-button__container .rf-icon--edit,.rf-button__container .rf-icon--teams,.rf-button__container .rf-icon--clone-project {
    transform: scale(0.75)
}

.rf-button__container.rf-button__container--message .rf-button__icon-container {
    margin-left: 2px
}

.rf-button__container.rf-button__container--appreciate .rf-button__icon-container--leading {
    margin-bottom: -1px;
    margin-top: 1px
}

.rf-button {
    background-color: #0057ff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    padding: 6px 15px 8px;
    text-shadow: none;
    transition-duration: 300ms;
    transition-property: background,color,border;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top
}

.rf-button:hover {
    background-color: #003ecb;
    background-image: none;
    text-decoration: none
}

.rf-button:active {
    background-color: #002f9a;
    background-image: none;
    box-shadow: none
}

.rf-button.hide {
    display: none
}

.rf-button__label,.rf-button__icon-container {
    vertical-align: inherit
}

.rf-button__label {
    color: inherit;
    display: inline-block
}

.rf-button__icon-container {
    display: inline-block;
    height: 17px;
    width: 17px
}

.rf-button__icon-container svg {
    fill: #fff;
    height: 100%;
    width: 100%
}

.rf-button__icon-container--leading-wide {
    height: 19px;
    margin-right: 7px;
    width: 18px
}

.rf-button__icon-container--leading {
    margin-left: -4px;
    margin-right: 6px
}

.rf-button__icon-container--leading .rf-icon--triangle {
    transform: rotate(180deg)
}

.rf-button__icon-container--trailing {
    margin-left: 6px;
    margin-right: -4px
}

.rf-button:not(.rf-button--icon-leading) .rf-button__icon-container--leading {
    display: none
}

.rf-button:not(.rf-button--icon-trailing) .rf-button__icon-container--trailing {
    display: none
}

.rf-button--icon-only.rf-button {
    padding-left: 17px;
    padding-right: 17px
}

.rf-button--icon-only .rf-button__label {
    display: none
}

.rf-button--icon-only .rf-button__icon-container {
    margin: 0
}

.rf-button--icon-only .rf-button__icon-container.rf-button__icon-container--leading {
    display: block;
    margin: 0 -5px
}

.rf-button.rf-button--icon-with-arrow .rf-button__icon-container--leading {
    display: inline-block
}

.rf-button.rf-button--icon-with-arrow .rf-button__icon-container--trailing {
    margin-left: 6px;
    margin-right: -7px
}

.rf-button.rf-button--icon-with-arrow .rf-button__icon-container--trailing .rf-icon--triangle {
    margin-top: 1px
}

.rf-button.rf-button--icon-with-arrow .rf-button__label {
    display: none
}

.rf-button--icon-dropdown .rf-button__icon-container.rf-button__icon-container--trailing,.rf-button.rf-button--icon-with-arrow .rf-button__icon-container.rf-button__icon-container--trailing {
    display: inline-block;
    padding-left: 3px;
    transform: rotate(90deg)
}

.rf-button.rf-button--small {
    font-size: 12px;
    padding: 4px 15px
}

.rf-button.rf-button--small .rf-button__icon-container {
    height: 15px;
    width: 15px
}

.rf-button.rf-button--small.rf-button--inline {
    padding-left: 2px;
    padding-right: 2px
}

.rf-button.rf-button--large {
    padding: 7px 18px 8px
}

.rf-button.rf-button--huge {
    font-size: 18px;
    padding: 9px 22px 11px
}

.rf-button.rf-button--huge .rf-button__icon-container {
    height: 22px;
    width: 22px
}

.rf-button--secondary {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    color: #191919;
    font-size: 14px
}

.rf-button--secondary:hover {
    background-color: #f1f1f1
}

.rf-button--secondary:active {
    background-color: #e4e4e4
}

.rf-button--secondary .rf-button__icon-container svg {
    fill: #444
}

.rf-button--tertiary {
    background-color: #058900
}

.rf-button--tertiary:hover {
    background-color: #026700
}

.rf-button--tertiary:active {
    background-color: #024400
}

.rf-button--danger {
    background-color: #d00d00;
    color: #fff
}

.rf-button--danger:hover {
    background-color: #9d0a00
}

.rf-button--danger:active {
    background-color: #840800
}

.rf-button--inline {
    background: transparent;
    background-color: transparent;
    border-color: transparent;
    color: #0057ff;
    font-size: 12px;
    padding: 7px 10px;
    text-shadow: none
}

.rf-button--inline:hover {
    background: transparent;
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline
}

.rf-button--inline:active {
    box-shadow: none
}

.rf-button--disabled {
    background-color: #e8e8e8;
    cursor: default;
    pointer-events: none
}

.rf-button--disabled .rf-button__label {
    color: #fff
}

.rf-button--accessible:focus-visible {
    outline: 1px solid #0057ff;
    outline-offset: 2px
}

.rf-button__container--follow .rf-button--following,.rf-button__container--follow .rf-button--unfollow,.rf-button__container--follow .rf-button__label--following,.rf-button__container--follow .rf-button__label--unfollow {
    display: none
}

.rf-button__container--follow.rf-button__container--follow-wide {
    width: 100%
}

.rf-button__container--follow.rf-button__container--follow-wide .rf-button__label-wide {
    align-items: initial;
    flex: auto;
    font-size: 16px;
    font-weight: bold
}

.rf-button__container--follow.rf-button__container--follow-wide .rf-button--follow-wide {
    padding: 10px 18px
}

.rf-button__container--follow.rf-button__container--follow-wide .rf-button--unfollow .rf-button__label,.rf-button__container--follow.rf-button__container--follow-wide .rf-button--following .rf-button__label {
    font-size: 16px;
    font-weight: bold
}

.rf-button__container--follow.following .rf-button--following,.rf-button__container--follow.following .rf-button__label--following,.rf-button__container--follow .rf-button.following .rf-button--following,.rf-button__container--follow .rf-button.following .rf-button__label--following {
    display: block
}

.rf-button__container--follow.following .rf-button--follow,.rf-button__container--follow.following .rf-button__label--follow,.rf-button__container--follow .rf-button.following .rf-button--follow,.rf-button__container--follow .rf-button.following .rf-button__label--follow {
    display: none
}

.no-has-touch .rf-button__container--follow.following:hover .rf-button--unfollow,.no-has-touch .rf-button__container--follow.following:hover .rf-button__label--unfollow,.no-has-touch .rf-button__container--follow .rf-button.following:hover .rf-button--unfollow,.no-has-touch .rf-button__container--follow .rf-button.following:hover .rf-button__label--unfollow {
    display: block
}

.no-has-touch .rf-button__container--follow.following:hover .rf-button--following,.no-has-touch .rf-button__container--follow.following:hover .rf-button-label--following,.no-has-touch .rf-button__container--follow .rf-button.following:hover .rf-button--following,.no-has-touch .rf-button__container--follow .rf-button.following:hover .rf-button-label--following {
    display: none
}

.no-has-touch .rf-button__container--follow.following.following-hold:hover .rf-button--unfollow,.no-has-touch .rf-button__container--follow.following.following-hold:hover .rf-button__label--unfollow,.no-has-touch .rf-button__container--follow .rf-button.following.following-hold:hover .rf-button--unfollow,.no-has-touch .rf-button__container--follow .rf-button.following.following-hold:hover .rf-button__label--unfollow {
    display: none
}

.no-has-touch .rf-button__container--follow.following.following-hold:hover .rf-button--following,.no-has-touch .rf-button__container--follow.following.following-hold:hover .rf-button__label--following,.no-has-touch .rf-button__container--follow .rf-button.following.following-hold:hover .rf-button--following,.no-has-touch .rf-button__container--follow .rf-button.following.following-hold:hover .rf-button__label--following {
    display: block
}

.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button,.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button--secondary,.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button--danger {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    color: #0057ff;
    padding-left: 0;
    padding-right: 0;
    text-shadow: none
}

.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button:hover,.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button--secondary:hover,.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button--danger:hover {
    background-color: transparent;
    color: #0057ff;
    text-shadow: none
}

.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button:active,.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button--secondary:active,.rf-button__container--follow.rf-button__container--follow-link.rf-button__container>.rf-button--danger:active {
    background-color: transparent;
    box-shadow: none;
    color: #0057ff
}

.rf-button__container--follow.rf-button__container--follow-link.rf-button__container .rf-button--follow .rf-button__label::before {
    color: inherit;
    content: "+ "
}

.rf-button__container--follow.rf-button__container--follow-link.rf-button__container .rf-button--unfollow .rf-button__label::before {
    color: inherit;
    content: "- "
}

.dark-background .rf-button {
    border-color: #191919
}

.rf-button__container--follow:not(.rf-button__container--follow-link) .rf-button--danger:hover,.rf-button__container--follow:not(.rf-button__container--follow-link) .rf-button--danger:active {
    background-color: #d00d00
}

body.project-editor button.btn-primary,body.project-editor button.btn-secondary,body.project-editor button.btn-tertiary,body.project-editor button.btn-action {
    background-color: #0057ff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    padding: 6px 15px 8px;
    text-shadow: none;
    transition-duration: 300ms;
    transition-property: background,color,border;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    display: inline-block
}

body.project-editor button.btn-primary:hover,body.project-editor button.btn-secondary:hover,body.project-editor button.btn-tertiary:hover,body.project-editor button.btn-action:hover {
    background-color: #003ecb;
    background-image: none;
    text-decoration: none
}

body.project-editor button.btn-primary:active,body.project-editor button.btn-secondary:active,body.project-editor button.btn-tertiary:active,body.project-editor button.btn-action:active {
    background-color: #002f9a;
    background-image: none;
    box-shadow: none
}

body.project-editor button.btn-primary.hide,body.project-editor button.btn-secondary.hide,body.project-editor button.btn-tertiary.hide,body.project-editor button.btn-action.hide {
    display: none
}

body.project-editor button.btn-tertiary,body.project-editor button.btn-secondary {
    background: transparent;
    background-color: transparent;
    border-color: transparent;
    color: #0057ff;
    font-size: 12px;
    padding: 7px 10px;
    text-shadow: none
}

body.project-editor button.btn-tertiary:hover,body.project-editor button.btn-secondary:hover {
    background: transparent;
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline
}

body.project-editor button.btn-tertiary:active,body.project-editor button.btn-secondary:active {
    box-shadow: none
}

body.project-editor button.btn-minor {
    color: dimgray
}

body.project-editor button.btn-primary[disabled] {
    background-color: #e8e8e8
}

body.project-editor button.btn-action {
    background-color: #058900
}

body.project-editor button.btn-action:hover {
    background-color: #026700
}

body.project-editor button.btn-action:active {
    background-color: #024400
}

body.project-editor .module-edit-bar button.btn-secondary {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    color: #191919;
    font-size: 14px
}

body.project-editor .module-edit-bar button.btn-secondary:hover {
    background-color: #f1f1f1
}

body.project-editor .module-edit-bar button.btn-secondary:active {
    background-color: #e4e4e4
}

body.project-editor .module-edit-bar button.btn-secondary .rf-button__icon-container svg {
    fill: #444
}

.blue {
    color: #0057ff
}

.grey {
    color: #6d6d6d
}

.medium-grey {
    color: #999
}

.red {
    color: #ef1306
}

.counter-normal {
    color: dimgray
}

.counter-warn {
    color: #2b2b2b
}

.counter-max {
    color: #d40d12
}

.form-item-error .form-text,.form-item-error .form-email,.form-item-error .form-textarea,.form-item-error .ui-selectmenu {
    border-color: #ea400e
}

.form-item-error .form-error {
    background: none;
    clear: both;
    color: #ea400e;
    display: block;
    font-size: 12px;
    font-style: italic;
    font-style: oblique 9deg;
    line-height: normal;
    max-width: none;
    padding: 5px 0 0;
    position: static
}

.form-item-error .form-error::after {
    display: none
}

.messages-floating {
    margin: 20px 0
}

.form-item .message {
    display: inline-block
}

.messages .notice,.messages .error,.messages .failure,.messages .success {
    background-color: #e0e0e0;
    border-radius: 4px;
    color: #3b3b3b;
    padding: 8px 20px 8px 40px;
    position: relative
}

.messages .notice .icon,.messages .error .icon,.messages .failure .icon,.messages .success .icon {
    left: 12px;
    position: absolute;
    top: 8px
}

.messages .notice {
    background-color: #cdf
}

.messages .notice a {
    color: #0057ff
}

.messages .success {
    background-color: #d2eccd
}

.messages .success a {
    color: #1bbf00
}

.messages .error,.messages .failure {
    background-color: #efd7d9;
    top: 0
}

.messages .error a,.messages .failure a {
    color: #f72a02
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.margin-0 {
    margin: 0
}

.margin-top-0 {
    margin-top: 0px
}

.margin-bottom-0 {
    margin-bottom: 0px
}

.margin-right-0 {
    margin-right: 0px
}

.margin-left-0 {
    margin-left: 0px
}

.margin-top-5 {
    margin-top: 5px
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.margin-right-5 {
    margin-right: 5px
}

.margin-left-5 {
    margin-left: 5px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-right-10 {
    margin-right: 10px
}

.margin-left-10 {
    margin-left: 10px
}

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

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-right-15 {
    margin-right: 15px
}

.margin-left-15 {
    margin-left: 15px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-right-20 {
    margin-right: 20px
}

.margin-left-20 {
    margin-left: 20px
}

.auto-width {
    width: auto !important
}


html {
    background-color: #f9f9f9;
    border: 0;
    margin: 0;
    overflow: auto;
    padding: 0
}

body {
    background-color: #fff;
    color: #191919;
    font-family: "acumin-pro","Acumin Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.3
}

body:lang(ja_JP) {
    font-family: "acumin-pro",メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

#_evidon_banner,#_evidon-title,#_evidon-message,#_evidon-accept-button {
    font-family: inherit !important
}

*:not(.beicons):not(.ss-social):lang(ja) {
    font-family: "acumin-pro",メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

pre,code,kbd,samp,tt {
    font-family: "Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    font-size: 11px
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    margin: 0
}

h1 {
    font-size: 36px;
    line-height: 45px
}

h2 {
    font-size: 24px;
    line-height: 30px
}

h3 {
    font-size: 18px;
    line-height: 22px
}

h4 {
    font-size: 16px;
    line-height: 20px
}

h5 {
    font-size: 14px;
    line-height: 18px
}

h6 {
    font-size: 12px;
    line-height: 16px
}

.form-item {
    margin: 10px 0;
    position: relative
}

.clear-left {
    clear: left
}

.form-radio,.form-checkbox {
    background: none
}

.form-fieldset,fieldset {
    border: 1px solid #acacac;
    margin: 10px 0;
    padding: 6px
}

p {
    margin-bottom: 10px
}

blockquote,pre {
    margin: 10px
}

hr {
    background: #3b3b3b;
    border: 0;
    height: 1px
}

strong,.bold {
    font-weight: bold
}

.normal-font-weight {
    font-weight: normal
}

em,cite,.italic {
    font-style: italic;
    font-style: oblique 9deg
}

em:lang(ja) {
    font-style: normal
}

abbr,acronym {
    border-bottom: 1px dotted #3b3b3b;
    cursor: help;
    white-space: nowrap
}

img {
    border: 0
}

ul,ol,dl {
    margin: 0;
    padding: 0
}

ul li,ol li {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.disc li {
    list-style: disc outside
}

ol li,ol.numeric li {
    list-style: decimal outside
}

ol.alpha li {
    list-style: lower-alpha outside
}

ul.disc li,ol.numeric li,ol.alpha li {
    margin-left: 15px
}

dl dd {
    margin-left: 24px
}

th,thead th {
    font-weight: bold;
    text-align: left
}

caption {
    text-align: center
}

a,.fake-link {
    color: var(--be-text-accent);
    cursor: pointer;
    text-decoration: none
}

a:hover,.fake-link:hover {
    text-decoration: underline
}

.light-link {
    color: #0057ff
}

.light-link:hover {
    color: #0057ff
}

.no-fake-link:hover {
    text-decoration: none
}

a.no-ul:hover,.fake-link.no-ul:hover {
    text-decoration: none !important
}

.fake-link.disabled,.fake-link.disabled:hover,.fake-link.disabled,.fake-link.disabled:hover {
    color: #3b3b3b !important;
    cursor: default !important;
    text-decoration: none !important
}

embed,object {
    display: block
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.hide {
    display: none
}

.left {
    float: left
}

.right {
    float: right
}

.cfix {
    zoom:1}

.cfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden
}

.clear {
    clear: both
}

.underline,.underline:hover {
    text-decoration: underline
}

.uppercase {
    text-transform: uppercase
}

.small-text {
    font-size: 11px
}

.tiny-text {
    font-size: 10px
}

.pointer {
    cursor: pointer
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ui-corner,.ui-corner-all {
    border-radius: 4px
}

.ui-corner-top {
    border-radius: 4px 4px 0 0
}

.ui-corner-bottom {
    border-radius: 0 0 4px 4px
}

.ui-corner-left {
    border-radius: 4px 0 0 4px
}

.ui-corner-right {
    border-radius: 0 4px 4px 0
}

.overflow-hidden {
    overflow: hidden
}

.user {
    color: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 0 1px
}

.job-tag {
    background-color: #e8f6e7;
    border-radius: 5px;
    color: #1ba518;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    height: 18px;
    line-height: normal;
    margin-left: 4px;
    padding: 3px 4px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap
}

.job-tag::before {
    font-size: 11px;
    margin-right: -2px
}

.sent-job-tag,.archived-job-tag {
    background-color: #f7f7f7;
    color: #666
}

.inbox-content-container .inbox-list-item .rf-avatar,.inbox-list-item .rf-avatar {
    border: 1px solid #dedede;
    bottom: 0;
    height: 42px;
    left: 0;
    min-height: 42px;
    min-width: 42px;
    position: absolute;
    width: 42px;
    z-index: 1
}

.inbox-content-container .thread .inbox-list-item--sender .rf-avatar {
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.timestamp {
    color: dimgray;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 4px
}

.message {
    font-size: 14px;
    line-height: 20px;
    word-break: break-word
}

.content .inbox-list-item:not(.preview-item) .message,.popup-content .inbox-list-item:not(.preview-item) .message {
    background-color: #f5f8ff;
    border-radius: 20px;
    display: inline-block;
    position: relative
}

.content .inbox-list-item.inbox-list-item--sender:not(.preview-item) .message,.popup-content .inbox-list-item.inbox-list-item--sender:not(.preview-item) .message {
    background-color: transparent;
    border: 1px solid #ccc;
    float: none
}

.inbox-list-item:not(.preview-item) .message--stories-message {
    margin-bottom: 5px;
    position: relative;
    width: 155px
}

.content .inbox-list-item:not(.preview-item) .message--stories-message,.popup-content .inbox-list-item:not(.preview-item) .message--stories-message {
    display: block;
    padding: 13px
}

.stories-message-media--media {
    display: block;
    position: relative;
    width: 100%
}

.stories-message--expired {
    align-items: center;
    background: #f9f9f9;
    display: flex;
    height: 200px;
    justify-content: center;
    width: 100%
}

.stories-message--expired .icon-image {
    fill: #e8e8e8
}

.stories-message-media--annotations {
    left: 0;
    padding: 13px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.message--stories-message {
    z-index: 0
}

.message-sender-name {
    color: #959595;
    display: block;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: -26px
}

.info {
    padding-left: 54px;
    position: relative
}

.message-item:not(.inbox-list-item--sender) .info {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.inbox-list-item--sender .info {
    display: block;
    padding-left: 42px
}

.reply-item .info {
    padding-left: 0
}

.inbox-empty {
    color: #959595;
    -webkit-font-smoothing: antialiased;
    padding: 19px 0;
    text-align: center
}

.indicator {
    position: absolute
}

.unread-indicator {
    background: #0057ff;
    border-radius: 4px;
    bottom: 25px;
    content: "";
    display: none;
    height: 8px;
    left: 5px;
    width: 8px
}

.preview-item .unread-indicator {
    top: 38px
}

.inbox-list-item .form-item-checkbox {
    top: 33px
}

.list-load-more {
    color: #0057ff;
    cursor: pointer;
    display: none;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    text-align: center
}

.capped .list-load-more {
    display: block
}

.inbox-list-header-controls {
    display: none;
    opacity: 0;
    transition: opacity 0.75s ease,margin-top 0s linear 0.75s
}

.show-controls .inbox-list-header-controls {
    display: block;
    margin-top: 0;
    opacity: 1;
    transition: opacity 0.75s ease
}

.inbox-list-item--sender-name {
    margin-top: 26px
}

.inbox-list-item {
    padding: 21px 19px 17px;
    position: relative
}

.activity-container .inbox-list-item {
    padding: 21px 19px 17px
}

.content .inbox-list-item {
    padding: 13px 0 15px
}

.inbox-list-item.unread .unread-indicator {
    display: block
}

.inbox-list-item.unread .user {
    color: #0057ff
}

.inbox-list-item .form-item-checkbox {
    left: 12px;
    margin: 0
}

.inbox-list-item::after {
    clear: both;
    content: "";
    display: block
}

.preview-item {
    background: #fff;
    border-bottom: 1px solid #dedede;
    cursor: pointer;
    transition: background .2s linear
}

.preview-item,.preview-item * {
    box-sizing: border-box
}

.preview-item.active,.no-has-touch .preview-item:hover {
    background: tint(#0057ff, 97%)
}

.preview-item .message {
    height: 20px;
    overflow: hidden
}

.preview-item .tooltipi {
    font-weight: normal;
    left: 0;
    top: 120%
}

.preview-item .meta {
    clear: both;
    float: right;
    text-align: right
}

.preview-item .tags {
    margin-top: 4px
}

.icon--reply {
    fill: #959595;
    margin-right: 4px;
    position: relative;
    top: 1px;
    width: 12px
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.nav-item-notifications {
    display: inline-block;
    margin-left: -8px;
    vertical-align: middle
}

.timeline-container {
    background: none;
    border-radius: 3px;
    color: #3b3b3b;
    font-weight: normal;
    height: auto;
    line-height: 16px;
    position: fixed !important;
    text-align: left;
    width: 420px
}

.timeline-container .messages {
    background: none;
    border-radius: 0;
    margin: 20px 20px 0;
    padding: 0
}

.timeline-container .popup-content {
    padding: 0 !important;
    width: 420px
}

.timeline-container::after {
    border: solid transparent;
    border-color: transparent transparent #fff;
    border-width: 8px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: auto;
    margin-left: -1.8%;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: -15px;
    width: 0
}

.timeline-container .bell-title {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
    font-size: 11px;
    height: 40px;
    line-height: 21px;
    padding: 10px 2.3% 0 3.5%;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 2
}

.timeline-container .bell-title.sticky {
    border-radius: 3px 3px 0 0;
    border-top: 0;
    position: absolute;
    z-index: 3
}

.timeline-container .bell-title.sticky+.bell-title-dummy {
    display: block
}

.timeline-container .bell-title-dummy {
    display: none;
    opacity: 0
}

.timeline-container .notifications-empty {
    color: #5f5f5f;
    font-size: 13px;
    line-height: 18px;
    padding: 25px 35px 22px;
    text-align: center
}

.timeline-container .notifications-empty .notifications-empty-title {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px
}

.timeline-container .notifications-empty .new-work-button {
    border-color: transparent !important;
    margin-top: 12px
}

.timeline-container .loading-spinner {
    height: 24px;
    margin: 50px auto;
    position: static;
    width: 24px
}

.timeline-container .loading-spinner .spinner {
    left: 12px !important;
    top: 12px !important
}

.timeline-container .activity-container-wrap {
    background: #f9f9f9;
    border-radius: 3px;
    max-height: 710px;
    min-height: 60px;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    z-index: 1
}

.timeline-container .activity-container>.notification-group {
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    overflow: hidden;
    padding: 20px 0 0 12%;
    position: relative
}

.timeline-container .activity-container>.notification-group:first-child {
    padding-top: 30px
}

.timeline-container .activity-container>.notification-group:first-child .icon {
    top: 30px
}

.timeline-container .activity-container>.notification-group::before {
    background: #e5e5e5;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 4.7%;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.timeline-container .activity-container>.notification-group::after {
    content: "";
    display: inline-block;
    background: #9d9d9d;
    border: 2px solid #f9f9f9;
    border-radius: 11px;
    height: 10px;
    left: 3.5%;
    position: absolute;
    top: 18px;
    width: 10px;
    z-index: 2
}

.timeline-container .activity-container>.notification-group.unread::after {
    background: linear-gradient(#63b5fd, #0e4396)
}

.timeline-container .notification-group .notification-group {
    animation: fadein 500ms
}

.timeline-container .proposition-group {
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0 20px 4.7%
}

.timeline-container .proposition-group:last-child {
    border-bottom: 0
}

.timeline-container .proposition-group .activity-block {
    cursor: default;
    padding-right: 15px
}

.timeline-container .proposition-group .activity-block .form-button-wrap {
    display: inline;
    position: static
}

.timeline-container .proposition-group .accept {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-52%)
}

.timeline-container .proposition-subject {
    display: inline-block;
    font-weight: bold;
    height: 50px;
    overflow: hidden;
    width: 145px
}

.timeline-container .proposition-reject {
    color: #6d6d6d;
    cursor: pointer;
    float: right;
    font-style: normal;
    text-decoration: underline
}

.timeline-container .rf-avatar {
    float: left;
    height: 40px;
    margin-right: 10px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.timeline-container .detail {
    float: left;
    width: 82%;
    word-wrap: break-word
}

.timeline-container .detail.full-bleed {
    max-width: 93%;
    padding-right: 4.6%
}

.timeline-container .detail img {
    height: auto;
    vertical-align: middle;
    width: 65px
}

.timeline-container .msg {
    max-height: 32px;
    overflow: hidden
}

.timeline-container .msg,.timeline-container .activity-block {
    font-size: 13px
}

.timeline-container .msg {
    margin: 0 0 -5px
}

.timeline-container .msg.extra-padding {
    margin-bottom: 0
}

.timeline-container .graphic,.timeline-container .graphic:hover,.timeline-container a.note-wrap,.timeline-container a.note-wrap:hover {
    color: #3b3b3b;
    position: relative;
    text-decoration: none
}

.timeline-container .time {
    color: #b4b4b4;
    font-size: 11px;
    font-style: italic;
    font-style: oblique 9deg;
    margin-top: 10px
}

.timeline-container .notification-container {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%
}

.timeline-container .notification-group-more {
    background: #fff;
    border-top: 1px solid #eaeaea;
    box-sizing: content-box !important;
    color: #0057ff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-left: -7.3%;
    padding-left: 3.65%;
    padding-right: 7.3%;
    text-align: center;
    width: 100%
}

.timeline-container .notification-group-more:hover {
    background: #fafcfd
}

.timeline-container .activity-block {
    backface-visibility: hidden;
    background: #fff;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    box-shadow: 1px 2px 0 #dedede;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 10px;
    padding: 6px;
    position: relative;
    transition: box-shadow .2s linear
}

.timeline-container .activity-block img {
    backface-visibility: hidden;
    transition: opacity .2s linear
}

.timeline-container .activity-block:hover {
    box-shadow: 1px 2px 0 rgba(0,0,0,.2)
}

.timeline-container .activity-block:hover img {
    opacity: .85
}

.timeline-container .wip-notification,.timeline-container .project-appreciated {
    width: 78px
}

.timeline-container .graphic .wip-reaction-icon {
    bottom: -10px;
    height: 27px;
    position: absolute;
    right: -10px;
    width: 27px
}

.timeline-container .wip-notification__annotation {
    left: 6px;
    position: absolute;
    top: 6px
}

.timeline-container .wip-notification--expired {
    cursor: default
}

.timeline-container .wip-notification--expired .wip-notification__content {
    align-items: center;
    background-color: #f9f9f9;
    display: flex;
    justify-content: center
}

.timeline-container .wip-notification--expired .wip-notification__content .icon {
    fill: #ccc
}

.timeline-container .wip-notification__content {
    min-height: 115px;
    width: 65px
}

.timeline-container .mention img,.timeline-container .project-comment img,.timeline-container .proposition-group img {
    float: left;
    margin-right: 8px
}

.timeline-container .mention,.timeline-container .project-comment,.timeline-container .note {
    height: auto;
    margin-top: 0 !important;
    max-width: 290px;
    overflow: hidden;
    padding-bottom: 6px;
    white-space: normal;
    width: 100%
}

.timeline-container .mention .comment,.timeline-container .project-comment .comment,.timeline-container .note .comment {
    height: 50px;
    overflow: hidden
}

.timeline-container .mention .comment-text::before,.timeline-container .project-comment .comment-text::before,.timeline-container .note .comment-text::before {
    content: "“"
}

.timeline-container .mention .comment-text::after,.timeline-container .project-comment .comment-text::after,.timeline-container .note .comment-text::after {
    content: "”"
}

.timeline-container .friend-name {
    font-weight: bold
}

.timeline-container .friend-name span {
    font-weight: normal
}

.timeline-container .mention-wrap::before,.timeline-container .mention-wrap::after,.timeline-container .project-comment-wrap::before,.timeline-container .project-comment-wrap::after,.timeline-container .note-wrap::before,.timeline-container .note-wrap::after {
    border: 7px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.timeline-container .mention-wrap::before,.timeline-container .project-comment-wrap::before,.timeline-container .note-wrap::before {
    z-index: 2
}

.timeline-container .mention-wrap::after,.timeline-container .project-comment-wrap::after,.timeline-container .note-wrap::after {
    z-index: 1
}

.timeline-container .project-comment-wrap::before,.timeline-container .project-comment-wrap::after {
    left: -13px;
    top: 7px
}

.timeline-container .project-comment-wrap::before {
    border-right-color: #fff
}

.timeline-container .project-comment-wrap::after {
    border-right-color: #ccc;
    top: 9px
}

.timeline-container .mention-wrap {
    margin-top: 10px
}

.timeline-container .mention-wrap::before,.timeline-container .mention-wrap::after {
    left: 13px;
    top: -13px
}

.timeline-container .mention-wrap::before {
    border-bottom-color: #fff
}

.timeline-container .mention-wrap::after {
    border-bottom-color: #ccc;
    top: -14px
}

.timeline-container .mention-wrap .actor {
    display: none
}

.timeline-container .note-wrap {
    display: block;
    margin-top: 10px;
    position: relative
}

.timeline-container .note-wrap::before,.timeline-container .note-wrap::after {
    left: 15px;
    position: absolute
}

.timeline-container .note-wrap::before {
    border-bottom: 7px solid #fff;
    top: -13px
}

.timeline-container .note-wrap::after {
    border-bottom: 7px solid #ccc;
    top: -14px
}

.timeline-container .project-collection {
    height: auto;
    max-width: 290px;
    overflow: hidden;
    padding: 7px 2.5% 36px;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.timeline-container .project-collection::after {
    content: "";
    display: inline-block;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    height: 56px;
    position: absolute;
    right: 6px;
    top: 7px;
    width: 17px
}

.timeline-container .project-collection.user-projects {
    padding-bottom: 7px
}

.timeline-container .collection-project-image-wrap {
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    width: 65px
}

.timeline-container .collection-project-image {
    background-color: transparent;
    border: 0
}

.timeline-container .collection-title {
    background: #f9f9f9;
    border-top: #e5e5e5 solid 1px;
    bottom: 0;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    left: 0;
    line-height: 28px;
    padding-left: 2.3%;
    position: absolute;
    vertical-align: top;
    width: 100%
}

.timeline-container .collection-title::after,.timeline-container .collection-title::before {
    background: none;
    border: 7px solid transparent;
    border-left-color: #97989b;
    border-style: inset inset inset solid;
    content: "";
    position: absolute;
    right: 5px;
    top: 7px
}

.timeline-container .collection-title::after {
    border-left-color: #f9f9f9;
    right: 9px
}

.timeline-container .collection-title-text {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.timeline-container .proposition-object {
    font-weight: bold
}

.timeline-container.inbox .activity-container-wrap {
    background: #fff
}

.timeline-container.inbox .form-item-checkbox {
    display: none
}

.timeline-container.inbox .timestamp,.timeline-container.inbox .tags {
    margin-top: 3px
}

.timeline-container .bell-inbox-controls {
    float: right;
    line-height: 14px;
    margin-top: 2px;
    text-transform: none;
    vertical-align: middle
}

.timeline-container .bell-inbox-view-all {
    border-left: 1px solid #dedede;
    display: inline-block;
    margin-left: 5px;
    padding-left: 8px
}

.timeline-container .bell-inbox-view-all::after {
    border: 3px solid transparent;
    border-left-color: #0057ff;
    content: "";
    display: inline-block;
    margin-left: 6px
}

.timeline-container .list-load-more::after {
    border: 4px solid transparent;
    border-left-color: #0057ff;
    content: "";
    display: inline-block;
    margin-left: 8px
}

.timeline-container .inbox-empty+.list-load-more {
    display: none
}

.timeline-container .livestream__message {
    margin: 0 0 -5px
}

.timeline-container .livestream__block,.timeline-container .jobapproved__block,.timeline-container .creator_subscription__block,.timeline-container .freelanceprojectreviewed__block {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    margin-top: 15px;
    padding: 15px
}

.timeline-container .livestream__preview,.timeline-container .livestream__profile__background,.timeline-container .creator_subscription__preview {
    background-size: cover;
    border-radius: 4px;
    height: 62px;
    position: relative;
    width: 110px
}

.timeline-container .creator_subscription__overlay {
    align-items: center;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
    border-radius: 5px;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.timeline-container .livestream__preview,.timeline-container .creator_subscription__preview {
    background-image: linear-gradient(#696969 0%, #191919 66%);
    overflow: hidden;
    position: relative
}

.timeline-container .creator_subscription__preview {
    background-position: center;
    width: 95px
}

.timeline-container .livestream__profile__background {
    filter: blur(10px);
    position: absolute;
    transform: scale(1.5);
    z-index: 1
}

.timeline-container .livestream__profile__image {
    border: 2px solid #fff;
    border-radius: 100px;
    height: 32px !important;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    width: 32px !important;
    z-index: 2
}

.timeline-container .livestream__header {
    display: flex
}

.timeline-container .livestream__header__title {
    margin-bottom: 0;
    width: 100%
}

.timeline-container .livestream__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    width: 145px
}

.timeline-container .creator_subscription__title {
    font-size: 12px;
    white-space: wrap
}

.timeline-container .livestream__live {
    align-items: center;
    background: #d7373f;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: bold;
    height: 19px;
    line-height: 19px;
    padding: 0 8px;
    text-transform: uppercase
}

.timeline-container .livestream__live__text {
    color: #fff;
    display: inline-block
}

.timeline-container .livestream__tool {
    bottom: 5px;
    height: 20px !important;
    position: absolute;
    right: 5px;
    width: 20px !important;
    z-index: 2
}

.timeline-container .livestream__details,.timeline-container .creator_subscription__details {
    color: #191919;
    font-size: 12px;
    font-weight: bold;
    margin-left: 15px
}

.timeline-container .livestream__details .livestream__button,.timeline-container .livestream__details .creator_subscription__button,.timeline-container .creator_subscription__details .livestream__button,.timeline-container .creator_subscription__details .creator_subscription__button {
    display: inline-block
}

.timeline-container .livestream__button {
    margin-top: 12px
}

@media(max-width: 603px) {
    .timeline-container .detail img {
        width:100%
    }

    .timeline-container .notifications-empty {
        padding: 32px
    }

    .timeline-container.popup.layover .popup-content {
        background: #f9f9f9;
        padding: 60px 0 0;
        top: 45px
    }

    .timeline-container .activity-container-wrap {
        background: none;
        max-height: none;
        overflow: hidden
    }

    .timeline-container .activity-container>.notification-group {
        padding: 17px 0 0 13%
    }

    .timeline-container .activity-container>.notification-group::before {
        left: 8%
    }

    .timeline-container .activity-container>.notification-group::after {
        left: 6.4%
    }

    .timeline-container .msg,.timeline-container .activity-block {
        font-size: 12px
    }

    .timeline-container .activity-block {
        margin-top: 7px
    }

    .timeline-container .project-comment {
        width: 95%
    }

    .timeline-container .project-comment img {
        width: 33%
    }

    .timeline-container .project-collection {
        padding-right: 0;
        width: 95%
    }

    .timeline-container .project-collection .collection-project-image-wrap:nth-child(7) {
        display: none
    }

    .timeline-container .project-collection::after {
        display: none
    }

    .timeline-container .collection-project-image-wrap {
        margin-right: .6%;
        width: 31%
    }

    .timeline-container .project-appreciated {
        width: 34%
    }

    .timeline-container .notification-container {
        margin-bottom: 17px
    }

    .timeline-container .notification-group-more {
        margin-left: -5%
    }

    .timeline-container .time {
        margin-top: 7px
    }

    .timeline-container .inbox-empty+.list-load-more {
        border: 1px solid #dedede;
        border-width: 1px 0;
        display: block
    }

    .timeline-container .proposition-project img {
        width: 33%
    }
}

.user-unverified #navmenui-breadcrumbs {
    clear: both
}

.user-unverified #site-container {
    z-index: 49 !important
}

.activity-page .user-unverified #site-container {
    z-index: 1 !important
}

.user-unverified.activity-page #site-container {
    padding-top: 147px
}

.user-unverified.be-network.project-view #site-container {
    padding-top: 26px
}

#navmenui-breadcrumbs {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#navmenui-breadcrumbs {
    height: 15px;
    line-height: 12px;
    margin-top: -13px
}

#navmenui-breadcrumbs .breadcrumb {
    color: #404040;
    display: inline-block
}

#navmenui-breadcrumbs .rf-icon--arrow-font-right {
    color: #7d7d7d;
    display: inline-block;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 9px;
    position: relative
}

#nav-tertiary {
    border-bottom: 1px solid #e3e3e3;
    height: 27px
}

#nav-tertiary .nav-item {
    border-left: 1px solid #e3e3e3;
    display: block;
    float: left;
    height: 27px;
    overflow: hidden;
    padding: 0 20px;
    position: relative
}

#nav-tertiary .nav-item .nav-item-link {
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 20px
}

#nav-tertiary .nav-item:first-child {
    border-left: 0;
    padding-left: 0
}

#nav-tertiary .nav-item.active .nav-item-link {
    border-bottom: 2px solid #0057ff;
    color: #0057ff
}

#nav-tertiary .nav-item.nav-item-large {
    height: 37px
}

#nav-tertiary .nav-item.nav-item-large .nav-link {
    height: 35px
}

#nav-tertiary .nav-item.nav-item-large .nav-text {
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    line-height: 35px
}

#nav-tertiary .nav-item-link {
    border-bottom: 2px solid transparent;
    color: #242424;
    display: block;
    height: 25px;
    position: relative
}

#nav-tertiary .nav-item-link:hover {
    border-bottom: 2px solid #666;
    color: #666;
    text-decoration: none
}

body {
    padding-top: 0 !important
}

.rf-primary-nav.rf-primary-nav--main {
    position: fixed;
    top: 0;
    width: 100%
}

.nav-ts-button {
    margin-left: 2px
}

@media(max-width: 1310px) {
    .search-active .nav-ts-button {
        opacity:0
    }
}

.nav-ts-button,.nav-new-work-button {
    display: inline-block;
    opacity: 1;
    position: relative;
    top: -2px;
    transition: opacity .2s ease
}

@media(max-width: 1130px) {
    .search-active .nav-new-work-button {
        opacity:0
    }
}

.nav-new-work-button .new-work-text {
    margin-right: 5px
}

.new-work-button .beicons-pre {
    margin: 0 5px 0 -3px
}

.new-work-button .beicons-pre::before {
    font-size: 24px;
    top: 5px
}

#sign-up-button {
    margin-left: 10px;
    margin-right: 12px
}

#already-member {
    display: none
}

#top-panel {
    padding-top: 57px
}

body:not(.project-editor):not(.vue-route) #top-panel {
    min-height: 100vh
}

.custom-radio,.custom-checkbox {
    position: relative
}

.custom-radio input,.custom-checkbox input {
    position: absolute;
    left: -9999px
}

.custom-radio label,.custom-checkbox label {
    display: block;
    position: relative;
    padding: 0 0 0 24px !important;
    cursor: pointer;
    line-height: 18px;
    background: transparent url(../imgs/custom-inputs.png) no-repeat 2000px 2000px
}

.custom-radio label {
    background-position: -180px 0
}

.custom-radio label.hover,.custom-radio label.focus {
    background-position: -162px -18px
}

.custom-radio label.disabled {
    background-position: -144px -36px;
    cursor: default !important
}

.custom-radio label.checked {
    background-position: -126px -54px
}

.custom-radio label.checkedDisabled {
    background-position: -108px -72px;
    cursor: default !important
}

.custom-checkbox label {
    background-position: -90px -90px
}

.custom-checkbox label.hover,.custom-checkbox label.focus {
    background-position: -72px -108px
}

.custom-checkbox label.disabled {
    background-position: -54px -126px;
    cursor: default !important
}

.custom-checkbox label.checked {
    background-position: -36px -144px
}

.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus {
    background-position: -18px -162px
}

.custom-checkbox label.checkedDisabled {
    background-position: 0 -180px;
    cursor: default !important
}

.ui-selectmenu {
    display: block;
    position: relative;
    text-decoration: none !important
}

.ui-selectmenu-status {
    display: block;
    margin: 0 26px 0 0;
    outline: none;
    overflow: hidden;
    padding: 0 5px 0 9px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-selectmenu-icon {
    position: absolute
}

.ui-selectmenu-menu {
    display: none;
    height: auto !important;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-selectmenu-menu li {
    padding: 0
}

.ui-selectmenu-menu a {
    display: block;
    outline: 0;
    text-decoration: none !important
}

.ui-selectmenu-open.ui-selectmenu-menu .form-option a {
    transition: none
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-open .ui-selectmenu-menu {
    display: block
}

.ui-selectmenu {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: block;
    height: 32px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-decoration: none !important
}

.ui-selectmenu,.ui-selectmenu * {
    box-sizing: border-box
}

.ui-selectmenu.ui-state-hover {
    border-color: dimgray
}

.ui-selectmenu.ui-state-active {
    border-color: #0057ff
}

.ui-selectmenu-disabled,.ui-selectmenu-disabled:hover {
    background-color: #f9f9f9;
    cursor: default !important
}

.ui-selectmenu-disabled .ui-selectmenu-status,.ui-selectmenu-disabled:hover .ui-selectmenu-status {
    color: #959595 !important
}

.ui-selectmenu-disabled .ui-selectmenu-icon,.ui-selectmenu-disabled:hover .ui-selectmenu-icon {
    opacity: .5
}

.ui-selectmenu-status {
    color: #191919;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    line-height: 30px
}

.ui-selectmenu-icon {
    align-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 26px
}

.ui-selectmenu-icon::after {
    border: 4px solid transparent;
    border-top-color: #191919;
    content: "";
    display: inline-block;
    height: 0;
    margin: 4px auto 0;
    width: 0
}

.ui-selectmenu-menu {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(25,25,25,.3);
    padding: 9px 0
}

.ui-selectmenu-menu a {
    color: #191919;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 12px;
    transition: none !important
}

.ui-selectmenu-menu .ui-state-disabled a {
    color: #959595
}

.ui-selectmenu-menu.ui-selectmenu-open:hover .ui-selectmenu-item-selected a {
    background: none;
    color: #0057ff
}

.ui-selectmenu-menu.ui-selectmenu-open .ui-selectmenu-menu-popup {
    margin-top: -1px
}

.ui-selectmenu-menu.ui-state-disabled a {
    cursor: default;
    opacity: .3
}

.ui-selectmenu-menu::-webkit-scrollbar {
    border: 1px solid rgba(0,0,0,.05);
    width: 14px
}

.ui-selectmenu-menu::-webkit-scrollbar-thumb {
    background: #bcbcbc;
    border: 3px solid #fff;
    border-radius: 11px
}

.ui-selectmenu-open:hover li.ui-selectmenu-item-selected a:hover,.ui-selectmenu-open a:focus,.ui-selectmenu-open li.ui-selectmenu-item-focus a,.ui-selectmenu-open li.ui-selectmenu-item-selected a {
    background: #0057ff;
    color: #fff
}

.has-touch .hide-touch,.show-touch,.show-phone,.show-tablet {
    display: none
}

.grid-site {
    margin: 0 auto;
    width: 990px
}

#site-container {
    margin: 0 auto;
    width: 990px
}

#primary-content {
    background-color: #fff;
    clear: both
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

::-moz-selection {
    background: #0057ff;
    color: #fff
}

::selection {
    background: #0057ff;
    color: #fff
}

.wait:hover {
    cursor: wait
}

.in-embed .toolbar {
    display: none !important
}

.cookies-popup {
    font-size: 14px;
    line-height: 18px;
    max-width: 450px
}
.header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.header_top {
    background-color: #fff;
    display: flex;
    height: 55px;
    transition: background 300ms;
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 1px solid #ececec;
}


.header_top_nav {
    display: flex;
    height: 100%;
    margin-right: auto;
}

.header_top_nav > li:not(:last-child) {
    margin-right: 24px;
}
.header_top_nav > li:last-child:before {
    content: "";
    border-right: 1px solid #e8e8e8;
    height: 20px;
    margin-top: 18px;
    width: 1px;
    position: absolute;
    left: -24px;
}
.header_top_nav > li.active > a:after {
    opacity: 1;
    transform: translateY(-100%);
}
.header_top_nav > li:last-child {
    margin-left: 24px;
}
.header_top_nav li {
    position: relative;
}
.header_top_nav li a {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
}

.logo {
    padding: 6px 0 8px;
    position: relative;
}

.logo svg {
    height: 16px;
    transform: translateY(2px);
    width: 82px;
}
.header_top_nav > li > a {
    font-size: 16px;
    font-weight: 600;
    gap: 7px;
    margin: 0;
    position: relative;
    text-decoration: none;
}
.header_top_nav > li > a::after {
    background-color: #191919;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transition: transform .15s, opacity .15s;
}
.header_top_nav > li:first-child > a::after{
display: none;
}
.header_top_nav > li:hover > a:after{
    opacity:1;
    transform: unset;
}
.header_top_nav li.panel > a > svg {
    fill: rgb(112 112 112);
    height: 10px;
    margin-top: 2px;
    transform: rotate(-90deg);
    width: 10px;
}

.sub_menu {
    display: none;
    background: #fff;
    border-radius: 5px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    flex-flow: column nowrap;
    position: absolute;
    width: auto;
    z-index: 1004;
    overflow: hidden;
}

.header_top_nav li a span {
    background: linear-gradient(45deg, #0088fd 0%, #003bff 50%, #001faa 100%);
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: default;
    font-family: "acumin-pro-wide", "Acumin Pro Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    width: 34px;
}

.header_top_nav li:hover .sub_menu {
    display: flex;
    position: fixed;
    margin: 0px;
    min-width: 210px;
    padding: 14px 0 22px;
}

.sub_menu li a.large {
    color: dimgray;
    cursor: pointer;
    display: flex;
    padding: 6px 24px;
    transition: color .15s ease-in-out;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.sub_menu li a:hover {
    color: #0057ff;
    color: red;
}

.header_top_nav li hr {
    background-color: #e8e8e8;
    border: none;
    height: 1px;
    margin: 14px 0;
}

.sub_menu li a {
    text-decoration: none;
    color: dimgray;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    padding: 6px 24px;
    transition: color .15s ease-in-out;
}

.sub_menu li a svg {
    fill: rgb(71 71 71);
    margin-right: 0.625rem;
    stroke: rgb(71 71 71);
    width: 0.875rem;
}

.sub_menu li a:hover svg {
    fill: rgb(0 87 255);
    stroke: rgb(0 87 255);
}
.header_top_signup {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.header_top_signup li:not(:last-child) {
    margin-right: 8px;
}

.header_top_signup li a.signup,.header_top_signup li a.login {
    align-items: center;
    background-color: rgb(0 87 255);
    border: 1px solid rgb(0 87 255);
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0.375rem;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    text-wrap: nowrap;
    transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
    text-decoration: none;
}
.header_top_signup li a.signup:hover{
     background-color: rgb(0 62 203);
}
   
.header_top_signup li a.login {
    background-color:rgb(245 248 255);
    border-color:rgb(222 232 255);
    color:rgb(0 87 255);
}
.header_top_signup li a.login:hover {
background-color:rgb(222 232 255);
}
.site-search {
    align-items: center;
    display: flex;
    flex: 1;
    margin: auto;
    max-width: 750px;
    padding-left: 32px;
    padding-right: 32px;
    position: relative;
    width: 100%;
    --result-padding-x: 36px;
    --result-font-size: 20px;
}
.site-search .search-containers {
    position: relative;
    width: 100%;
}

.site-search .search-containers .search-input-wrap {
    background-color: #f9f9f9;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    display: flex;
    height: 32px;
    width: 100%;
}
@media (min-width: 922px) {
   .site-search .search-containers .search-input-wrap {
        transition: background-color .15s linear, border-color .15s linear;
    }
}
.site-search .suggestions-inner > ul > li > ul > li {
    cursor: pointer;
    font-size: var(--result-font-size, 20px);
    font-weight: bold;
    position: relative;
}
.site-search .suggestions-inner > ul > li > ul > li:hover, .site-search .suggestions-inner > ul > li > ul > li:focus-within {
    background-color: #f9f9f9;
}
.site-search .suggestions-inner > ul > li > ul > li > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    color: inherit;
    display: block;
    padding: 5px var(--result-padding-x, 5px);
    text-decoration: none;
}

.site-search .content-type-shortcut {
    padding: 20px var(--result-padding-x, 36px) 10px;
    border-top: 1px solid #e8e8e8;
    margin-top: 10px;
}

.site-search .content-type-shortcut span {
    color: dimgray;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.site-search .content-type-shortcut ul {
    --columns: 2;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(var(--columns), 1fr);
    margin-top: 10px;
    max-width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
@media (min-width: 1440px) {
  .site-search .content-type-shortcut ul {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

.site-search .content-type-shortcut ul li a {
        cursor: pointer;
        display: inline-block;
        font-weight: 600;
        line-height: 1;
        transition-duration: 300ms;
        transition-property: color, background, border;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background: #fff;
        border: 1px solid #e8e8e8;
        color: #191919;
        border-radius: 12px;
        width: 100%;
        text-decoration: none;
        padding: 0;
        margin: 0;
}
.site-search .content-type-shortcut ul li a:hover, .site-search .content-type-shortcut ul li a:focus-within {
    background-color: #f9f9f9;
}
.site-search .content-type-shortcut ul li a .btn-label-wrapper .btn-icon {
    color: #959595;
    fill: currentColor;
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    float: left;
}
.site-search .search-containers .overlay {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .15s linear;
    width: 100%;
    z-index: -1;
}
.site-search .search-containers .overlay.active {
    opacity: .5;
}
.site-search .content-type-shortcut ul li a .btn-label-wrapper .btn-label {
    margin-right: auto;
    margin-top: -1px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid transparent;
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
}


.site-search .content-type-shortcut ul li a .btn-label-wrapper .btn-icon:last-child {
    margin-left: 7px;
    float: right;
    height: auto;
    width: auto;
}

.site-search .content-type-shortcut ul li a .btn-label-wrapper .btn-icon:last-child svg {
    fill: #959595;
    height: 10px;
    width: 10px;
}
.site-search .content-type-shortcut ul li a .btn-label-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 18px;
}
.site-search .search-containers .search-input-wrap .search-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 36px;
    z-index: 1;
}

.site-search .search-containers .search-input-wrap .search-icon svg {
    fill: #959595;
    height: 18px;
    margin-left: 4px;
    margin-top: -1px;
    width: 18px;
}

.site-search .search-containers .search-input-wrap .search-form {
    margin-right: 10px;
}

.site-search .search-containers .search-input-wrap .search-form .search-input {
    font-size: 15px;
    font-weight: 500;
}

.site-search .search-containers .search-input-wrap .search-form .search-input::-webkit-input-placeholder {
        color: #959595;
    }

.site-search .search-by-images {
    height: 100%;
    padding: 0 32px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.site-search .search-by-images .btn-search-image {
    background-color: rgb(255 255 255);
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    border: none;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.site-search .search-by-images .btn-search-image .btn-label {
    pointer-events: all;
    position: absolute;
    z-index: 0;
    right: -1px;
    top: -5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px 18px;
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;
}
.site-search .suggestions-inner > ul > li > span {
    color: dimgray;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-left: var(--result-padding-x, 5px);
    padding-right: var(--result-padding-x, 5px);
    text-transform: uppercase;
}


.site-search .search-by-images .btn-search-image .btn-label svg {
    width: 20px;
    fill: rgb(149 149 149);
}
.slide-panel {
    padding-top: 57px;
}
.banner {
    align-items: center;
   display: flex;
   height: min(74vh, 800px);
   justify-content: center;
   overflow: clip;
   padding-top: 40px;
}

.banner-container {
      align-items: center;
   display: flex
;
   gap: 105px;
   justify-content: center;
   margin-left: min(calc(-1*(1600px - 100vw) / 2), 0);
   width: 1600px;
}

.banner-left,.banner-right {
   align-items: center;
   display: flex;
   justify-content: center;
   margin-top: -40px;
}

.banner-middle {
   align-items: center;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   justify-content: center;
   text-align: center;
}

.banner-left .banner-image-grid,.banner-right .banner-image-grid {
   display: grid;
   grid-template-columns: repeat(11, 1fr);
   grid-template-rows: repeat(16, 1fr);
   height: 576px;
   opacity: .5;
   width: 396px;
}

.banner-left .banner-image-grid .banner-image-link:nth-child(1){
   grid-column: 1 / 5;
   grid-row: 2 / 6;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(2) {
   grid-column: 6/9;
   grid-row: 1/4;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(3) {
   grid-column: 2/5;
   grid-row: 7/10;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(4) {
   grid-column: 6/11;
   grid-row: 5/10;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(5) {
   grid-column: 2/7;
   grid-row: 11/16;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(6) {
   grid-column: 8/12;
   grid-row: 11/15;
}
.banner-right .banner-image-grid .banner-image:nth-child(1){
   grid-column: 3/6;
   grid-row: 5/8;
}
.banner-right .banner-image-grid .banner-image:nth-child(2) {
   grid-column: 7/12;
   grid-row: 1/6;
}
.banner-right .banner-image-grid .banner-image:nth-child(3) {
   grid-column: 1/6;
   grid-row: 9/14;
}
.banner-right .banner-image-grid .banner-image:nth-child(4) {
   grid-column: 7/11;
   grid-row: 7/11;
}
.banner-right .banner-image-grid .banner-image:nth-child(5) {
   grid-column: 7/12;
   grid-row: 12/16;
}

.banner-left .banner-image-grid .banner-image-link:nth-child(1),.banner-left .banner-image-grid .banner-image-link:nth-child(1) img,.banner-right .banner-image-grid .banner-image:nth-child(1),.banner-right .banner-image-grid .banner-image:nth-child(1) img {
   animation: CreatorProPageBanner-fadeIn-lzt .5s .35s ease-in-out forwards;
   opacity: 0;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(2),.banner-left .banner-image-grid .banner-image-link:nth-child(2) img,.banner-right .banner-image-grid .banner-image:nth-child(2),.banner-right .banner-image-grid .banner-image:nth-child(1) img {
   animation: CreatorProPageBanner-fadeIn-lzt 0.5s 0.4s ease-in-out forwards;
   opacity: 0;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(3),.banner-left .banner-image-grid .banner-image-link:nth-child(3) img ,.banner-right .banner-image-grid .banner-image:nth-child(3),.banner-right .banner-image-grid .banner-image:nth-child(1) img{
   animation: CreatorProPageBanner-fadeIn-lzt 0.5s 0.45s ease-in-out forwards;
   opacity: 0;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(4),.banner-left .banner-image-grid .banner-image-link:nth-child(4) img,.banner-right .banner-image-grid .banner-image:nth-child(4),.banner-right .banner-image-grid .banner-image:nth-child(1) img {
   animation: CreatorProPageBanner-fadeIn-lzt 0.5s 0.5s ease-in-out forwards;
   opacity: 0;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(5),.banner-left .banner-image-grid .banner-image-link:nth-child(5) img,.banner-right .banner-image-grid .banner-image:nth-child(5),.banner-right .banner-image-grid .banner-image:nth-child(1) img {
   animation: CreatorProPageBanner-fadeIn-lzt 0.5s 0.55s ease-in-out forwards;
   opacity: 0;
}
.banner-left .banner-image-grid .banner-image-link:nth-child(6),.banner-left .banner-image-grid .banner-image-link:nth-child(6) img ,.banner-right .banner-image-grid .banner-image:nth-child(6),.banner-right .banner-image-grid .banner-image:nth-child(1) img{
   animation: CreatorProPageBanner-fadeIn-lzt 0.5s 0.6s ease-in-out forwards;
   opacity: 0;
}
@keyframes CreatorProPageBanner-fadeIn-lzt {
   0% {
       opacity: 0;
       transform: translateY(55px);
   }
   66% {
       opacity: 1;
       transform: translateY(-5px);
   }
   100% {
       opacity: 1;
       transform: translateY(0);
   }
}

.banner-left .banner-image-grid .banner-image-link img,.banner-right .banner-image-grid .banner-image img {
   aspect-ratio: 1;
   width: 100%;
}

.banner-header {
   font-family: "acumin-pro-wide", "Acumin Pro Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 90px;
   font-weight: 600;
   letter-spacing: -3px;
   line-height: 83px;
   max-width: 70vw;
   animation: CreatorProPageBanner-fadeIn-lzt .5s .25s ease-in-out forwards;
    opacity: 0;
}

.banner-header span {
   color: #0057ff;
}

.banner-subheader {
   color: #707070;
   font-family: "acumin-pro-wide", "Acumin Pro Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 22px;
   font-weight: 400;
   margin: 40px 0 60px;
   max-width: 826px;
   width: 100%;
   animation: CreatorProPageBanner-fadeIn-lzt .5s .3s ease-in-out forwards;
   opacity: 0;
}

.banner-cta {
   align-items: center;
   display: flex;
   gap: 10px;
   justify-content: center;
   width: 100%;
}

.banner-cta .banner-cta-primary,.banner-cta .banner-cta-secondary {
   align-items: center;
   background-color: rgb(0 87 255);
   border: 1px solid rgb(0 87 255);
   border-radius: 100px;
   color: #fff;
   cursor: pointer;
   display: flex;
   font-size: 14px;
   font-weight: 600;
   gap: 0.375rem;
   height: 40px;
   justify-content: center;
   line-height: 1;
   padding: 0 28px;
   position: relative;
   text-wrap: nowrap;
   transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
   white-space: nowrap;
   width: -moz-min-content;
   width: min-content;
   text-decoration: none;
}

.banner-cta .banner-cta-secondary {
   background-color: rgb(245 248 255);
   border-color: rgb(222 232 255);
   color: rgb(0 87 255);
}
.banner-cta .banner-cta-primary:hover{
    background-color: rgb(0 62 203);
}
  
.banner-cta .banner-cta-secondary:hover {
background-color:rgb(222 232 255);
}
.contentLayout {
    display: flex
;
flex-direction: row;
}
.search-bar {
    background-color: #fff;
    flex-grow: 1;
    opacity: 1;
    padding: 0;
    position: relative;
    transition: opacity 200ms;
    width: calc(100% - 24px);
}
.search-bar.active {
    width: calc(100% - 330px);
}
.search-sidebar {
    flex-shrink: 0;
}
.search-sidebar {
    transition: all 0.2s ease-in-out;
    height: 0;
    opacity: 0;
}

.search-sidebar.visible {
    height: auto; 
    opacity: 1;
       width: 330px;
}

.search-sidebar.hidden {
    height: 0;
    opacity: 0;
    width: 0;
}

.search-wrapper {
    background-color: #fff;
    margin-top: 0;
    padding: 20px 24px;
    position: sticky;
    top: 55px;
    z-index: 3;
    align-items: stretch;
    display: flex;
    flex-direction: row;
}

.toggle-wrapper {
align-items: center;
display: flex;
flex-shrink: 0;
left: 0;
max-width: 200px;
overflow: hidden;
position: relative;
transition: max-width .2s ease-in-out;
}

.typeahead-wrapper {
    display: flex;
flex: 4 1 90%;
margin-left: 10px;
position: relative;
transition: margin-left .2s ease-in-out;
}
.toggle-button {
    background-color:rgb(255 255 255);
    align-items: center;
    border: 1px solid rgb(232 232 232);
    border-radius: 100px;
    color: #191919;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 1;
    text-wrap: nowrap;
    text-decoration: none;
    height: 48px;
    left: 0;
    overflow: hidden;
    padding: 0 28px;
    position: relative;
    transition: left .2s ease-in-out;
    white-space: nowrap;
    width: 100%;
}
.toggle-button:hover {
background-color: rgb(240 240 240);
}
.toggle-button .filter-icon {
flex: 0 0 18px;
height: 18px;
margin-right: 5px;
position: relative;
top: 1px;
width: 18px;
fill: #191919;
}

.toggle-button h2 {
font-size: 16px;
}
.search-icon-svg {
    fill: #191919;
    height: 18px;
    width: 18px;
    margin-left: 4px;
    margin-top: -1px;
}

.search-container {
    position: relative;
    width: 100%;
    padding-left: 5px;
    height: 48px;
}

.search-container .search-input-wrap {
    display: flex;
    height: 100%;
    max-height: 50px;
    border-radius: 50px;
    background-color: #f9f9f9;
    width: 100%;
    transition: background-color .15s linear, border-color .15s linear;
    border: 1px solid #e8e8e8;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.search-container .search-input-wrap .search-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 36px;
    z-index: 1;
    margin: 0 5px 0 16px;
}

.search-form {
    flex: 1;
    position: relative;
    text-align: start;
    z-index: 1;
}

.search-form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    margin-top: -1px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 45px;
}
   .search-form input::-webkit-input-placeholder {
        color: #191919;
    }

.suggestions {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    max-height: min(100vh - 100px, 80vh);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    will-change: transform;
    transition: opacity .15s linear;
    left: -1px;
    padding-top: 65px;
    right: -1px;
    top: -1px;
    border-top-right-radius: 15px;
    padding-bottom: 30px;
}
.suggestions.active {
    opacity: 1 !important;
    visibility: visible;
}
.suggestions-inner {
    flex-grow: 1;
    overflow: auto;
    text-align: start;
}

.suggestions-list {
    overflow: hidden;
}

.mobile-close-button {
    display: none;
}

.search-by-image {
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.search-by-image .search-by-image-container {
    background-color: rgb(255 255 255);
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.search-by-image .search-by-image-container .search-img-btn {
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: all;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #191919;
}
.search-by-image .search-by-image-container .search-img-btn:hover {
    background: #f1f1f1;
    border-color: #e8e8e8;
}
.search-by-image .search-by-image-container .search-img-btn .btn-label-wrapper {
    display: flex;
    align-items: center;
        justify-content: center;
    padding: 8px 18px;
}

.search-by-image .search-by-image-container .search-img-btn .btn-label-wrapper .btn-icon {
    float: left;
    margin-right: 7px;
}

.search-by-image .search-by-image-container .search-img-btn .btn-label-wrapper .btn-icon .image-icon {
    fill: rgb(149 149 149);
    vertical-align: middle;
    width: 20px;
}

.search-by-image .search-by-image-container .search-img-btn .btn-label-wrapper .btn-label {
    border: 1px solid transparent;
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
}

.search-by-image .overlay {
    background: rgb(0 0 0);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .3s linear;
    width: 100%;
    z-index: -1;
}

.sort-dropdowns {
    display: flex;
    gap: 15px;
    padding-left: 15px;
}

.filter-dropdown {
    position: relative;
}

.filter-dropdown .dropdown-button {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    min-height: 38px;
    position: relative;
    border-radius: 50px;
    padding: 6px calc((50px / 2) + 3px);
    height: 48px;
}
.filter-dropdown .dropdown-button.active .borderLeft, .filter-dropdown .dropdown-button.active .borderRight,.filter-dropdown .dropdown-button.active .notch {
    border-color: #0057ff;
}
.filter-dropdown .dropdown-button.active .notch .filter-label{
    color: #0057ff;
}
.filter-dropdown .dropdown-button.active > .value-container .filter-value .icon-container svg{
    transform: rotate(270deg);
}
.filter-dropdown .dropdown-button > .value-container {
    align-items: center;
    display: flex;
    min-width: 27px;
    max-width: 150px;
}

.filter-dropdown .dropdown-button .border-container {
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
}

.filter-dropdown .dropdown-button .value-container .filter-value {
align-items: baseline;
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    padding-right: 1px;
}

.filter-dropdown .dropdown-button > .value-container .filter-value > .value-container {
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-dropdown .dropdown-button > .value-container .filter-value .filter-text {
    color: #191919;
    font-size: 15px;
    font-weight: bold;
}

.filter-dropdown .dropdown-button > .value-container .filter-value .icon-container {
    margin-left: auto;
}

.filter-dropdown .dropdown-button > .value-container .filter-value .icon-container svg {
    transform: rotate(90deg) translate(50%);
    transition: transform .2s cubic-bezier(0.19, 1, 0.22, 1);
    width: 5px;
}

.content-container {background-color: #fff;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, .2);margin-top: 3px;position: absolute;z-index: 1;max-height: calc(100vh - 245px);overflow: auto;right: 0;visibility: hidden;}
.content-container.active {
    visibility: visible;
}
.content-container .dropdown-content {
    min-width: 185px;
    padding: 12px 0 15px 20px;
}

.content-container .dropdown-content ul li {
    font-size: 14px;
    padding: 6px 0;
}

.content-container .dropdown-content ul li button {
    background: none;
    border: none;
    color: #191919;
    cursor: pointer;
    font-weight: 600;
    padding: 0;
    text-align: left;
    white-space: nowrap;
}

.content-container .dropdown-content ul li button.selected,.content-container .dropdown-content ul li button:hover {
    color: #0057ff;
}
.borderLeft {
    border-color: #e8e8e8;
    border-width: 1px;
    transition: border-color .2s linear;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-radius: 50px 0 0 50px;
    width: 25px;
}
.filter-dropdown .dropdown-button .border-container:hover .borderLeft,.filter-dropdown .dropdown-button .border-container:hover .borderRight,.filter-dropdown .dropdown-button .border-container:hover .notch{
    border-color: #191919;
}
.borderRight {
    border-color: #e8e8e8;
    border-width: 1px;
    transition: border-color .2s linear;
    border-bottom-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    flex-grow: 1;
    min-width: 4px;
    border-radius: 0 50px 50px 0;
}
.notch {
    border-color: #e8e8e8;
    border-width: 1px;
    transition: border-color .2s linear;
    align-items: center;
    border-bottom-style: solid;
    display: flex;
    white-space: nowrap;
    border-top-style: none;
    width: 27px;
}

.notch .filter-label {
    cursor: pointer;
    transform-origin: left;
    transition: transform .2s cubic-bezier(0.19, 1, 0.22, 1), color .2s linear;
    will-change: transform;
    color: dimgray;
    font-size: 14px;
    font-weight: bold;
    transform: translate(3px, -24px) scale(0.75);
}


.suggestions-list .heading {
    color: dimgray;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
    padding-right: 36px;
    text-transform: uppercase;
    padding-left: calc(36px + 22px);
}

.suggestions-list li ul li.suggestion {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-right: -17px;
    padding-left: 22px;
}

.suggestions-list li ul li.suggestion a {
        --result-padding-x: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    color: inherit;
    display: block;
    text-decoration: none;
    padding: 5px var(--result-padding-x, 5px);
}
.suggestions-list li ul li.suggestion:hover, .suggestions-list li ul li.suggestion:focus-within {
    background-color: #f9f9f9;
}
.accordion-wrapper {
    background-color: #fff;
    border-right: 1px solid #e8e8e8;
    height: calc(100vh - 55px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    padding-bottom: 40px;
    position: sticky;
    top: calc(55px - 1px);
    width: 330px;
}

.sidebar-header-button {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    justify-content: space-between;
    padding: 4px 10px 0;
    position: relative;
    width: 100%;
}

.sidebar-header-button .sidebar-header-label {
    align-items: center;
    display: flex;
}

.sidebar-header-button .sidebar-header-label .filter-icon {fill: #707070;height: 18px;margin-right: 10px;position: relative;}

.sidebar-header-button .sidebar-header-label  .filter-text {
    color: #191919;
    font-size: 14px;
}

.filter-collapse-icon {
    height: 18px;
    transform: rotateZ(180deg);
    width: 18px;
}

.result-type-filter {
    border: none;
    padding: 0 10px 10px;
    margin-top: 7px;
}

.result-type-filter .filter-link {
    cursor: pointer;
    display: block;
    height: 34px;
    margin: 7px 0;
    position: relative;
    text-decoration: none;
}

.result-type-filter .filter-link .filter-label {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 100px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 6px;
    height: 100%;
    justify-content: center;
    width: 100%;
    color: #191919;
    line-height: unset;
    position: unset;
}


.result-type-filter .filter-link .filter-label:hover {
    background: #f0f0f0;
    border-color: #e8e8e8;
}
.result-type-filter .filter-link .filter-label.selected {
    background-color: #f5f8ff;
    border: 1px solid #0057ff;
}

.collapsible-section {
    padding: 10px 0;
    margin-bottom: -10px;
    border-bottom: 1px solid #e8e8e8;
}

.collapsible-section .collapsible-trigger {
    align-items: center;
    background-color: inherit;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    font-weight: 600;
    gap: 10px;
    padding: 10px 15px 10px 10px;
    text-align: left;
    width: 100%;
}

.collapsible-section .collapsible-trigger .chevron-icon {fill: #707070;height: 10px;transform: rotate(90deg);transition-duration: .3s;width: 10px;}
.collapsible-section .collapsible-trigger .chevron-icon.active {
    transform: rotate(-90deg);
}
.collapsible-section .collapsible-trigger .collapsibleSection {
    fill: #707070;
    height: 18px;
    width: 18px;
}
.collapsible-section .collapsible-trigger span {
    color: #191919;
    flex-grow: 1;
    margin: 0;
}

#creative-fields-content {
    border: 0 solid;
    margin: 0;
    overflow-x: hidden;
    padding: 0 10px 10px;
    transition: 150ms ease-in-out;
    max-height: 280px;
    overflow-y: auto;
    height: auto;
    display: none;
}
.collapsible-section .collapsible-trigger .chevron-icon.active {
    transform: rotate(-90deg);
}

#creative-fields-description {
    border-width: 0;!;
    clip: rect(1px, 1px, 1px, 1px);!;
    height: 1px;!;
    overflow: hidden;!;
    padding: 0;!;
    position: absolute;!;
    white-space: nowrap;!;
    width: 1px;!;
}

#creative-fields-content > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 0;
}

.fieldset-header {
    color: #707070;
    font-size: 10px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
}

#creative-fields-content .fieldset {
    border: 0;
    margin: 0 0 10px;
    padding: 0;
}

#creative-fields-content .fieldset .field-label {
    border: 0 solid;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: 4px 0;
}

#creative-fields-content .fieldset .field-label.selected,#creative-fields-content .fieldset .field-label:hover {
    color: #0057ff;
}

.fieldset-legend {
    background-color: #f9f9f9;
    border-radius: 3px;
    color: #707070;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 6px 20px;
    text-transform: uppercase;
    width: 100%;
}
.toggle-wrapper.sidebarToggleButtonHidden {
    max-width: 0;
}
.Search-animated{
    transition: all .2s ease-in-out
}
.search-content {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 2968px;
    padding: 20px 24px;
    position: relative;
}
.search-content::after {
    background-color: #ececec;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.contentGridWrapper {
    position: relative;
    width: 100%;
}

#result-count-and-filters {
    border-width: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.SearchResultCount {
    display: inline-block;
    flex: 1 1 50%;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
}

.filterTagListWrapper {
    align-items: flex-start;
    display: flex;
    position: relative;
    width: 100%;
}


.Projects-container .js-grid {
    display: grid;
    grid-gap: 20px;
    margin: 0 auto;
    max-width: 2968px;
    padding: 0;
    contain: layout;
    container-type: inline-size;
    margin-bottom: 50px;
}
.grid-item {
    position: relative;
    margin-bottom: 50px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.grid {
    grid-template-columns: repeat(4, 1fr);
}

.js-grid.col3 {
    grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 2593px) {
    .grid {
        grid-template-columns: repeat(6, 1fr);
    }
    .js-grid.col3 {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (min-width: 2149px) and (max-width: 2592px) {
    .grid {
        grid-template-columns: repeat(6, 1fr);
    }
    .js-grid.col3 {
        grid-template-columns: repeat(5, 1fr);
    }
}
.grid-item .item-wrapper {
    border-radius: 4px;
    height: 100%;
    max-height: -moz-fit-content;
    max-height: fit-content;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    max-height: 400px;
}

.grid-item .item-wrapper .project-cover {
    max-width: 404px;
    height: 100%;
    margin: 0 auto;
}

.grid-item .item-wrapper .project-cover .project-cover-item {
    min-width: 145px;
    max-width: inherit;
    position: relative;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover {
    position: relative;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper {
    border-radius: 4px;
    display: block;
    padding-top: 78.22%;
    position: relative;
    width: 100%;
    background-color: rgb(240 240 240);
    height: 0;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content {
    border-radius: 4px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .dominant-color {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgb(199, 201, 182);
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .cover-picture img {
    border-radius: 4px;
    display: block;
    overflow: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    transition: opacity .15s linear;
    width: 100%;
    will-change: auto;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /* z-index: 4; */
    width: 100%;
    height: 100%;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .asset-container {
    display: flex;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .add-to-moodboard {
    left: 10px;
    max-width: 50%;
    opacity: 0;
    top: 10px;
    /* z-index: 4; */
    position: relative;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .add-to-moodboard .btn-inverted {
    border-radius: 100px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgba(25, 25, 25, .65);
    border: 1px solid transparent;
    color: #fff;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    height: 32px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .add-to-moodboard .btn-label {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 6px 12px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .add-to-moodboard .btn-label .btn-icon {
    float: left;
    margin-right: 6px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .add-to-moodboard .btn-label .btn-text {
    border: 1px solid transparent;
    display: inline-block;
    max-width: 100%;
    font-size: 12px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .add-to-moodboard .btn-label .btn-icon svg {
    height: 15px;
    fill: #fff;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .overlay {
    color: rgb(255 255 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: auto;
    background: transparent;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .overlay .feature-flags {
    display: flex;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 5;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .overlay .feature-flags .feature-ribbon {
    margin-left: 10px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .overlay .feature-flags .feature-ribbon .ribbon {
    height: 57px;
    overflow: hidden;
    width: auto;
    display: inline-block;
    margin: 0;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .overlay .feature-flags .feature-ribbon .ribbon .ribbon-image {
    image-rendering: pixelated;
    position: relative;
    top: -7px;
    opacity: 0;
    transform: translateY(-10%);
    transition: transform .2s linear, opacity .2s linear;
    transition-delay: 0s;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .cover-content .controls .overlay .cover-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details {
    display: flex;
    flex-wrap: nowrap;
    pointer-events: none;
    position: relative;
    width: 100%;
    height: 53px;
    justify-content: space-between;
    margin: 8px 0 0;
    max-width: initial;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info {
    min-width: 0;
    padding-right: 15px;
    text-align: left;
    line-height: 1.2;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-stats {
    align-self: flex-start;
    margin-top: 2px;
    pointer-events: initial;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .title-owner .title {
    max-height: 39px;
    max-width: 100%;
    overflow: hidden;
    pointer-events: all;
    text-overflow: ellipsis;
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
    padding-bottom: 0;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info  .owner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: all;
    font-size: 12px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile {
    align-items: center;
    display: flex;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .owner-activator {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .owner-activator .owner-name {
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .owner-activator .owner-name .owner-link {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 1px;
    white-space: nowrap;
    display: block;
    color: #191919;
}
.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .owner-activator .owner-name .owner-link.owners-arrow::after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 7px;
    width: 0;
    border-top-color: #191919;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .owner-activator .owner-name .owner-link.owners-arrow {
    padding-right: 12px;
}
.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .owner-activator .owner-name .owner-link.owners-arrow:hover{
    text-decoration: underline !important;
}
.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .badge {
    flex-shrink: 0;
    line-height: 13px;
    padding-left: 6px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .popover {
    width: 34px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .activator {
    display: block;
    position: relative;
    width: inherit;
    z-index: 3;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-info .owner .owner-profile .pill {
    background: linear-gradient(45deg, #0088fd 0%, #003bff 50%, #001faa 100%);
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: default;
    font-family: "acumin-pro-wide", "Acumin Pro Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    width: 34px;
}
.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-stats .stats {
    align-items: center;
    align-self: flex-end;
    display: flex;
    font-weight: bold;
    margin-left: auto;
    white-space: nowrap;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-stats .stats .appreciations-icon {
    fill: #959595;
    margin-right: 4px;
    margin-left: 14px;
    margin-top: -3px;
}

.grid-item .item-wrapper .project-cover .project-cover-item .cover .cover-wrapper .project-details .project-stats .stats .views-icon {
    fill: #959595;
    margin-right: 4px;
    margin-left: 15px;
    margin-top: 0;
}

@media (hover: hover) {
    .grid-item .item-wrapper .project-cover .project-cover-item:hover .cover .cover-wrapper .cover-content .cover-picture img {
        filter: brightness(0.8);
        transition: filter .15s linear;
    }
    .grid-item .item-wrapper .project-cover .project-cover-item:hover .cover .cover-wrapper .cover-content .controls .add-to-moodboard{
        opacity: 1;
    }
    .grid-item .item-wrapper .project-cover .project-cover-item:hover .cover .cover-wrapper .cover-content .controls .overlay .feature-flags .feature-ribbon .ribbon .ribbon-image{
        opacity: 1;
        transform: translateY(0%);
    }
}
.SignUpBlocker {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.64) 60%, white 100%);
    bottom: 0;
    height: 200px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.popup.signup-blocker {
    box-shadow: 0 3px 8px rgba(25, 25, 25, .3);
    left: initial;
    padding: 30px;
    top: initial;
    transform: initial;
    border-radius: 0;
    box-shadow: none;
    cursor: default;
    height: 190px;
    padding: 30px;
    position: relative;
    text-align: center;
    background-color: #fff;
}

.popup-heading {
    font-size: 20px;
    line-height: 1.2;
}

.blocker-message {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin: 30px 0 25px;
    width: 100%;
}

.blocker-action {
    color: #191919;
    text-decoration: underline;
}

.blocker-ending-short {
    display: none;
}

.call-to-action {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 30px;
}

.buttons-container {
    align-items: center;
    display: flex;
}

.signup-btn {
    border-radius: 100px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    background: rgb(0 87 255);
    border: 1px solid #00000000;
    color: rgb(255 255 255);
    height: 40px;
    margin-right: 12px;
    user-select: none;
}
.signup-btn:hover {
    background: rgb(0 62 203);
    border-color: #00000000;
    cursor: pointer;
}
.signup-btn .btn-label {
    padding: 8px 18px;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.signup-btn .btn-label .desktop-label {
    font-size: 16px;
}

.signup-btn .btn-label .phone-label {
    display: none;
}

.or-label {
    color: #959595;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}

.social-btn {
    margin-right: 10px;
    transition-duration: .2s;
    transition-property: filter;
    width: 40px;
}

.social-btn svg {
    height: 40px;
    width: 40px;
}
.social-btn svg:hover {
    filter: brightness(90%);
}

.Facebook-circle-Hk3 {
    fill: #4861a3;
}
.Facebook-icon-Qqf {
    fill: #fff;
}
.footer-container .upsell-banner {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    position: relative;
    width: 100%;
}

.upsell-banner-image {
    aspect-ratio: 1800 / 4;
    height: 4px;
    position: absolute;
    top: 0;
    width: 100%;
}

.upsell-banner-text {
    line-height: 20px;
    margin: 18px 18px 17px;
    max-width: 90vw;
    text-align: center;
}

.upsell-link {
    color: rgb(0 87 255);
    cursor: pointer;
    font-weight: 700;
    background: none;
    border: none;
}

.upsell-link .btn-label {
    padding: 0 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.footer-content {
    background: #191919;
    border-top: 1px solid rgb(112 112 112);
    font-family: "acumin-pro-wide", "Acumin Pro Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 82px 200px 0;
    position: relative;
}
@media (max-width: 1800px) {
    .footer-content {
        padding: 82px 50px 0;
    }
}
.main-footer {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 100px;
}

.footer-link-container {
    flex: 2;
    height: 32px;
    margin: 0 50px 60px 0;
}

.footer-logo {
    fill: #fff;
    height: 32px;
    width: 160px;
    display: inline-block;
}
.footer_right {
    display: grid;
    gap: 40px 50px;
    grid-template-columns: auto auto auto auto;
}

.footer-section {
    width: 200px;
}
.footer-section ul li a span {
    fill: #ccc;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.footer-section ul li a span svg {
    height: 100%;
    width: 100%;
}
.footer-section .StaticFooter-iconClass-JdV .StaticFooter-iconFillClass-zNl {
    fill: #191919;
}
.footer-section-header {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 40px;
}

.footer-section ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    display: flex;
    flex-direction: row;
}

.footer-section ul li {
    font-size: 16px;
    margin-bottom: 19px;
}

.footer-section ul li button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #fff;
    font-size: 16px;
}

.footer-section ul li button:hover {
    text-decoration: underline !important;!i;!;
}

.footer-divider {
    background: #707070;
    margin: 0;
}

.bottom-footer {
    align-items: flex-end;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 35px 0 10px;
}

.adobe-info {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
}

.more-footer-links {
    align-items: center;
    align-self: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 120px;
}

.adobe-logo {
    height: 20px;
    margin: 0 40px 25px 0;
    width: 80px;
}

.adobe-logo a {
    fill: #fff;
}

.all-rights-reserved {
    font-size: 13px;
    margin-bottom: 25px;
}

.more-footer-links li {
    margin-right: 25px;
    padding-bottom: 25px;
}

.cookie-preferences,.language-selector {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 13px;
}

.cookie-preferences:hover, .language-selector:hover {
    text-decoration: underline;
}
.language-selector::after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #fff;
    content: "";
    display: inline-block;
    height: 0;
    left: 3px;
    position: relative;
    top: -2px;
    width: 0;
}

.popover-content {
    background: #fff;
    border-radius: 5px;
    display: flex;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    flex-flow: column nowrap;
    inset: -1000000px auto auto -1000000px;
    position: fixed;
    width: auto;
    z-index: 1004
}
.popover-arrow-wrapper {
    display: block;
    height: calc(100% + 20px);
    left: -10px;
    position: absolute;
    top: -10px;
    width: calc(100% + 20px);
    z-index: -1;
}

.popover-arrow {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    bottom: 5px;
    position: absolute; 
    left: 50px;
}
.popover-arrow:after {
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    transform: rotateZ(45deg);
    width: 15px;
    background-color: #fff;
}
#language-options {
    display: block;
    padding: 15px 0;
}

#language-options li.language-item {
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    align-items: center;
    color: dimgray;
    display: flex;
    margin: 0;
    padding: 0;
}

#language-options li.language-item button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    margin: 0;
    color: #696969;
    display: flex;
    padding: 6px 20px;
    width: 100%;
}

#language-options li.language-item:hover button,#language-options li.language-item.selected button {
    background: #0057ff;
    color: #fff;
}
[hidden] {
    display: none;
}
.header_top_mb {
    background-color: #fff;
    display: none;
    height: 55px;
    transition: background 300ms;
    padding-right: 8px;
}

.logo_mb svg {
    width: 24px;
}

.nav-hamburger-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    margin-top: 1px;
    position: relative;
    z-index: 2;
}

.nav-hamburger-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent !important;
    outline: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    padding-right: 16px;
    padding-top: 20px;
    padding-left: 16px;
}

.nav-hamburger-button .hamburger-icon .hamburger-line {
    background-color: #191919;
    height: 2px;
    margin-bottom: 3px;
    transition-duration: .25s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.nav-hamburger-button .hamburger-icon {
    width: 15px;
}

.logo_mb {
    margin-right: auto;
}

.search_mb {
    align-items: center;
    display: flex;
    padding-left: 12px;
    padding-right: 12px;
}

.search_mb a {
    height: 18px;
    position: relative;
    top: -1px;
    width: 18px;
}
.nav-hamburger-menu {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 12px 0;
    transition: transform .25s cubic-bezier(0.19, 1, 0.22, 1);
    width: 270px;
    will-change: transform;
    z-index: 9999;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(-100%);
}
.nav-hamburger-menu.active {
    transform: translateX(0);
}
.nav-close-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    padding-right: 16px;
    padding-top: 20px;
    display: inline-block;
    position: absolute;
    padding-left: 16px;
    top: 0;
}

.nav-close-button .nav-close-icon {
    margin-right: -2px;
    width: 17px;
}

.nav-close-button .nav-close-icon .nav-close-line {
    background-color: #191919;
    height: 2px;
    margin-bottom: 3px;
    transition-duration: .25s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.nav-close-button .nav-close-icon .nav-close-line:nth-child(1) {
    transform: translateY(4.8px) rotate(45deg);
}
.nav-close-button .nav-close-icon .nav-close-line:nth-child(2) {
    transform: translateY(0px) rotate(-45deg);
}
.login-or-create {
    align-self: flex-end;
    padding-left: 24px;
    padding-right: 24px;
}

.login-or-create .btn-signin {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    line-height: 32px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
}
.option_over {
    background-color: #191919;
    bottom: -1px;
    height: 100vh;
    left: 0;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .25s linear;
    z-index: 9999;
}
.option_over.active{
    opacity: .5;
    visibility: visible;
}
.nav-wrapper {
    overflow-y: auto;
}

.nav-wrapper .core-navigation {
    margin-right: auto;
}

.nav-wrapper .core-navigation .nav-item {
    margin-top: 32px;
}

.nav-wrapper .core-navigation .nav-item a {
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    display: block;
}

.nav-wrapper .core-navigation .nav-item a .nav-label {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 7px;
    margin: 0;
    position: relative;
}

.custom-badge .badge {
    background: linear-gradient(45deg, #0088fd 0%, #003bff 50%, #001faa 100%);
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: default;
    font-family: "acumin-pro-wide", "Acumin Pro Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    width: 34px;
    display: inline-flex;
    align-items: center;
}

.app-links {
    margin-bottom: 24px;
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
}

.app-links li:nth-child(1) .app-link {
    background-image: url(https://a5.behance.net/b13f0549eb5ec41e0b67e959af7c000e50cbd241/svgs/apple-app-store-button.svg);
}
.app-links li:nth-child(2) .app-link {
    background-image: url(https://a5.behance.net/b13f0549eb5ec41e0b67e959af7c000e50cbd241/svgs/google-play-button.svg);
}

.app-links li .app-link {
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    width: 135px;
}

.nav-wrapper .language-selector {
    padding-left: 16px;
    padding-right: 16px;
}

.nav-wrapper .language-selector .language-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px 5px 0;
    visibility: visible;
}

.nav-wrapper .language-selector .triangle-icon {
    display: inline-block;
    height: 10px;
    margin-left: -10px;
    pointer-events: none;
    position: relative;
    top: 1px;
    transform: rotate(90deg);
    width: 10px;
}

.menu-link-container {
    max-width: 180px;
    padding: 5px 16px;
    position: relative;
    width: 100%;
}

.nav-wrapper .sign-up {
    display: flex;
    margin-bottom: auto;
    margin-top: 30px;
    padding-left: 16px;
}

.nav-wrapper .sign-up .btn-signup {
    align-items: center;
    background-color: rgb(0 87 255);
    border: 1px solid rgb(0 87 255);
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0.375rem;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    text-wrap: nowrap;
    transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
    text-decoration: none;
}
.footer_fixed {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.footer_fixed .footer-inner {
    align-items: center;
    backface-visibility: hidden;
    background-color: rgb(255 255 255);
    border-top: 1px solid rgb(232 232 232);
    bottom: 0;
    display: flex;
    height: 33px;
    left: 0;
    width: 100%;
    z-index: 2;
    position: relative;
}

.footer_fixed .footer-inner button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.footer_fixed .footer-inner a {
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    color: rgb(112 112 112);
    display: flex;
    flex-direction: row;
}

.footer_fixed .footer-inner .btn-more, .footer_fixed .footer-inner .btn-lang,.footer_fixed .footer-inner li {
    font-family: inherit;
    font-size: 11px;
    color: rgb(112 112 112);
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: -7.5px;
    padding: calc(7.5px* 2) 25px 7.5px;
    position: relative;
    text-align: center;
}
.footer_fixed .footer-inner .btn-more::before, .footer_fixed .footer-inner .btn-lang::before ,.footer_fixed .footer-inner a:before{
    top: 50%;
    transform: translateY(-50%);
    border-right: 1px #afafaf solid;
    content: "";
    height: 15px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    width: 1px;
}
.footer_fixed .footer-inner .btn-more::after, .footer_fixed .footer-inner .btn-lang::after {
    content: "";
    display: inline-block;
    left: 3px;
    position: relative;
    top: -2px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #afafaf;
    height: 0;
    width: 0;
}


.footer_fixed .footer-inner .footer-links {
    align-items: center;
    display: flex;
    height: 20px;
    list-style: none;
    padding-left: 20px;
}
.footer_fixed.footer-hidden {
    display: none;
}
.footer_fixed .footer-inner .footer-links li a:before {
    display: none;
}

.footer_fixed .footer-inner .footer-links li {padding: calc(7.5px* 2) 0 7.5px;}

.footer_fixed .footer-inner .footer-links li a {
    margin-right: 10px;
}

.footer_fixed .footer-inner .footer-links .btn-cookie {
    margin-right: 10px;
    color: rgb(112 112 112);
}
.footer_fixed .footer-inner .footer-links .btn-cookie:hover,.footer_fixed .footer-inner a:hover,.footer_fixed .footer-inner button:hover {
    color: rgb(0 87 255);
    text-decoration: none;
}

#footer-links li {
    margin: 0;
    padding: 0;
}

#footer-links li a,#footer-links li button {
    display: block;
    padding: 6px 20px;
    width: 100%;
    line-height: 1.3;
    text-align: left;
}

#footer-links {
    padding: 15px 0;
    width: 195px;
}

#footer-links li a:before, #footer-links li button:before,#footer-links li a:after, #footer-links li button:after {
    display: none;
}
.tooltip-inner {
    font-size: 13px;
    line-height: 18px;
    padding: 15px 40px;
    text-align: center;
    width: 100%;
    max-width: 320px;
}

.tooltip-inner a {
    text-decoration: underline;
    display: block;
}


.custom-popover .tooltip-inner {
    max-height: 380px;
    overflow-y: auto;
    padding: 20px;
    max-width: 400px;
    background-color: #fff;
}

.custom-popover .popover-body {
    font-size: 15px;
    width: 360px;
}

.custom-popover .popover-body .user-row .user-info{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-height: 40px;
}
.custom-popover .popover-body .user-row .user-info:not(:last-child) {
    margin-bottom: 15px;
}

.custom-popover .popover-body .user-row .user-info .user-avatar {
    position: relative;
    align-self: center;
    float: left;
    margin-right: 10px;
}

.custom-popover .popover-body .user-row .user-info .user-avatar .avatar-image {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
}

.custom-popover .popover-body .user-row .user-info .user-avatar .avatar-link {
    backface-visibility: hidden;
    background-color: #e8e8e8;
    border-radius: 50%;
    box-sizing: content-box !important;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    transition: filter .2s linear;
}

.custom-popover .popover-body .user-row .user-info .user-details {
    display: inline-block;
    height: 100%;
    max-width: calc(100% - 165px + 20px);
    flex: 1;
    margin-right: 20px;
    min-width: 0;
}

.custom-popover .popover-body .user-row .user-info .user-details .user-name-container {
    align-items: center;
    display: flex;
    max-width: 100%;
}

.custom-popover .popover-body .user-row .user-info .user-details .user-name-container .user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #191919;
    display: block;
    flex-shrink: 1;
    font-size: inherit;
    font-weight: 600;
    max-width: 100%;
    padding-bottom: 3px;
    text-align: left;
    text-decoration: none;
}
.custom-popover .popover-body .user-row .user-info .user-details .user-name-container .user-name:hover{
    text-decoration: underline;
}

.custom-popover .popover-body .user-row .user-info .user-details .user-location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: dimgray;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    max-width: 100%;
    text-align: left;
    transition: color .2s;
    text-decoration: none;
}
.custom-popover .popover-body .user-row .user-info .user-details .user-location:hover {
    color: #191919;
}
.custom-popover .popover-body .user-row .user-info .user-actions {
    align-self: center;
    margin-left: auto;
}

.custom-popover .popover-body .user-row .user-info .user-details .user-location i {
    margin-right: 2px;
    transition: fill .2s;
}

.js-form-button-follow {
    align-items: center;
    background-color: rgb(0 87 255);
    border: 1px solid rgb(0 87 255);
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0.375rem;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    text-wrap: nowrap;
    transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
    text-decoration: none;
}

.qa-form-button-following {
    align-items: center;
    background-color: rgb(0 87 255);
    border: 1px solid rgb(0 87 255);
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0.375rem;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    text-wrap: nowrap;
    transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
    text-decoration: none;
}

.js-form-button-unfollow {
    align-items: center;
    background-color: rgb(0 87 255);
    border: 1px solid rgb(0 87 255);
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0.375rem;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    text-wrap: nowrap;
    transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
    text-decoration: none;
}

.qa-form-button-following {
    display: none;
}

.js-form-button-unfollow {
    display: none;
}
.custom-popover .popover-body .user-row .user-info .user-actions .follow-button a{
    text-decoration:none;
}
.custom-popover .popover-body .user-row .user-info .user-actions .follow-button a:hover {
    background-color: rgb(0 62 203);
}
.custom-popover .popover-body .tooltip-content {
    padding: 20px 20px 0;
}
.custom-popover .popover-body {
    padding: 5px 5px 20px;
    background-color: #fff;
    position: relative;
}

.custom-popover .popover-body .tooltip-content {
    padding: 20px 20px 0;
}

.custom-popover .popover-body .miniprofile-content .user-summary {
    cursor: default;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}

.custom-popover .popover-body .miniprofile-content .user-thumbnail {
    border-radius: 3px;
    display: grid;
    grid-column-gap: 2px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    grid-template-columns: repeat(3, 1fr);
    height: 87.604px;
}

.custom-popover .popover-body .miniprofile-content .user-thumbnail .thumbnail {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: rgb(3, 10, 28);
}

.custom-popover .popover-body .miniprofile-content .user-thumbnail .thumbnail img {
    position: relative;
    width: 100%;
}

.custom-popover .popover-body .miniprofile-content .user-info {
    padding: 0 12px;
    text-align: center;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-avatar {
    border: 2px solid #fff;
    box-shadow: 0 1px 5px rgba(25, 25, 25, .15);
    display: inline-block;
    height: auto;
    left: 0;
    position: relative;
    transform: translate(0, -50%);
    width: auto;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden;
    right: 0;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-avatar img {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-avatar .avatar-link {
    backface-visibility: hidden;
    background-color: #e8e8e8;
    border-radius: 50%;
    box-sizing: content-box !important;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    transition: filter .2s linear;
    height: 80px;
    width: 80px;
    min-height: 80px;
    min-width: 80px;
}
.custom-popover .popover-body .miniprofile-content .user-info .user-avatar .avatar-link:hover {
    filter: brightness(80%);
}
c {
        margin-top: -40px;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-details .user-name-container {
    font-size: 18px;
    font-weight: 600;
    height: 19px;
    margin: 10px auto 6px;
    width: 100%;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-details .user-name-container .user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #191919;
    display: inline-block;
    padding: 0 8px;
    width: 100%;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-details .user-name-container .user-name span:hover {
    text-decoration: underline;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-location {
    color: #707070;
    display: flex;
    font-size: 14px;
    height: 19px;
    justify-content: center;
    margin: 0 10px;
    margin-bottom: 16px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: color .2s;
    white-space: nowrap;
    align-items: center;
}

.custom-popover .popover-body .miniprofile-content .user-info .user-location i {
    margin-right: 5px;
    position: relative;
    top: 1px;
    transition: fill .2s;
}

.custom-popover .popover-body .miniprofile-content .user-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    height: 22px;
    justify-content: center;
    margin: 0 auto;
    margin-top: 16px;
    width: 100%;
}
.custom-popover .popover-body .miniprofile-content .user-summary .Availability {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    height: 22px;
    justify-content: center;
    margin: 0 auto;
    margin-top: 16px;
    width: 100%;
}

.custom-popover .popover-body .miniprofile-content .user-summary .Availability .BadgesRow {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 100%;
    z-index: 1;
}

.custom-popover .popover-body .miniprofile-content .user-summary .Availability .BadgesRow button {
    align-items: center;
    box-shadow: 0 1px 4px rgba(255, 255, 255, .05);
    display: flex;
    height: 32px;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 8px;
    border: 1px solid rgba(177, 37, 192, .1);
    cursor: default;
}

.custom-popover .popover-body .miniprofile-content .user-summary .Availability .BadgesRow .Badge-Freelance span {
    color: #b125c0;
}

.custom-popover .popover-body .miniprofile-content .user-summary .Availability .BadgesRow button span {
    margin: 0;
    max-width: 100px;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    line-height: 1;
    font-weight: 600;
    font-size: 13px;
}

.custom-popover .popover-body .miniprofile-content .user-summary .Availability .BadgesRow .Badge-FullTime {
    color: #0a7494;
}


.custom-popover .popover-body .miniprofile-content .ProfileButtons {
    display: grid;
    padding: 0 20px 0;
    row-gap: 10px;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .StatsSummary {
    align-items: center;
    display: flex;
    margin-top: -10px;
    width: 100%;
    max-width: 320px;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .StatsSummary .Stat {
    flex: 1 1 100%;
    max-width: 33%;
    padding: 10px;
    position: relative;
    text-align: center;
}
.custom-popover .popover-body .miniprofile-content .ProfileButtons .StatsSummary .Stat::after {
    background-color: #ccc;
    content: "";
    display: block;
    height: calc(100% - 20px);
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
}
.custom-popover .popover-body .miniprofile-content .ProfileButtons .StatsSummary .Stat:last-child:after{
    display:none;
}
.custom-popover .popover-body .miniprofile-content .ProfileButtons .StatsSummary .Stat h4 {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .StatsSummary .Stat h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: dimgray;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton a {
    background-color: #0057ff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    text-shadow: none;
    transition-duration: 300ms;
    transition-property: background, color, border;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    height: 32px;
    padding: 6px 18px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton a i {
    margin-right: 7px;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton .Following,.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton .Unfollow {
    display: none;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton .Following {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    color: #191919;
    font-size: 14px;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton .Unfollow {
    background-color: #d00d00;
    color: #fff;
}

.custom-popover .popover-body .miniprofile-content .MessageButton {
    border: 1px solid rgb(0 87 255);
    border-radius: 100px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    gap: 0.375rem;
    height: 30px;
    justify-content: center;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    text-wrap: nowrap;
    transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap;
    text-decoration: none;
    background-color: rgb(245 248 255);
    border-color: rgb(222 232 255);
    color: rgb(0 87 255);
    width: 100%;
    display: flex;
    align-items: center;
}
.custom-popover .popover-body .miniprofile-content .MessageButton:hover {
    background-color: rgb(222 232 255);
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton .Follow:hover {
     background-color: rgb(0 62 203);
}

.custom-popover .popover-body .miniprofile-content .MessageButton i {
    font-size: 18px;
}

.custom-popover .popover-body .miniprofile-content .ProfileButtons .FollowButton a i {
    font-size: 16px;
}
.custom-popover .popover-body .miniprofile-content .user-info .user-details {
    margin-top: -40px;
}
.custom-popover {
    max-width: 400px;
    border: unset;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4))
}
.custom-popover .popover-body .user-row .user-info .user-actions .interaction-button {
    align-items: center;
   background-color: rgb(245 248 255);
border-color: rgb(222 232 255);
color: rgb(0 87 255);
border-radius: 100px;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 600;
gap: 0.375rem;
height: 30px;
justify-content: center;
line-height: 1;
padding: 0 20px;
position: relative;
text-wrap: nowrap;
transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
white-space: nowrap;
width: -moz-min-content;
width: min-content;
text-decoration: none;
}
.custom-popover .popover-body .user-row .user-info .user-actions .interaction-button:hover {
background-color: rgb(222 232 255);
}
.page_details .footer_fixed.footer-hidden {
    display: block;
    z-index: 5;
}

.page_details {
    min-height: 100vh;
}

#site-content {
    padding-top: 55px;
}

.legal-primary-content {
    margin: auto;
    max-width: 800px;
    width: 90%;
}

.legal-header {
    background: #fff;
    border-bottom: 1px solid #d2d2d2;
    font-size: 31px;
    padding-bottom: 10px;
    padding-top: 55px;
    width: 100%;
}

.legal-headline {
    margin: 44px 0 25px;
}

.legal-content {
    padding-bottom: 80px;
    font-size: 13px;
    color: #434343;
    line-height: 20px;
}

.legal-content p {
    margin-bottom: 20px;
}

.legal-content a {
    color: #0057ff;
}
.legal-content a {
    text-decoration: none;
}
.legal-content ul {
    margin-bottom: 20px;
    padding-left: 40px;
}

.legal-content ul li {
    list-style-position: inside;
    list-style-type: disc;
}

.legal-content h4 {
    font-size: 14px;
    margin: 20px 0;
}

.legal-content h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}
.blog-root {
    background: #fff;
}

.blog-root .page-banner-container {
    background-color: #fff;
    margin-top: calc(55px* -1);
    position: relative;
}

.page-banner {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 270px;
    padding-bottom: 35px;
    padding-top: 110px;
    position: relative;
    width: 100%;
}
.page-banner::after {
    background-color: rgba(0, 0, 0, .45);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.page-banner .banner-title {
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -1.3px;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 2px;
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 2;
}
@media (min-width: 1025px) {
   .page-banner .banner-title {
        margin: 2px 30px 15px;
    }
}

.page-banner .banner-desc {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.22px;
    line-height: 1.18;
    margin-bottom: 35px;
    color: #fff;
    margin-top: 0;
    position: relative;
    text-align: center;
    z-index: 2;
}

.page-banner .artist-credit {
    bottom: 10px;
    color: #fff;
    display: flex;
    position: absolute;
    right: 15px;
    text-align: left;
    z-index: 4;
}

.page-banner .artist-credit .artist-link {
    align-items: center;
    color: #959595;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.page-banner .artist-credit .artist-link .artist-name {
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: -1px;
}

.blog-root .content-containers {
    display: block;
    font-family: "acumin-pro", "Acumin Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 64rem;
    padding: 100px 16px 60px;
    padding-top: 48px;
}

.blog-root .content-containers .content > p ,.blog-root .content-containers .content>ul, .blog-root .content-containers .content>ol{
    font-size: 20px;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 600px;
    padding: 0 0 25px;
}


.blog-root .content-containers .content a {
    color: #191919;
    text-decoration: underline;
}

.blog-root .content-containers .content > h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: normal;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-bottom: 8px;
}
.blog-root .content-containers .content>p+p.full-width, .blog-root .content-containers .content>p+blockquote {
    padding-top: 25px;
}
.blog-root .content-containers .content .full-width {
        max-width: 100%;
    padding-bottom: 25px;
}
.blog-root .content-containers .content:not(.beComponents) img, .blog-root .content-containers .content>:not(.beComponents) iframe, .blog-root .content-containers .content>:not(.beComponents) video {
    opacity: 0;
    transform: translate(0, 25px);
    transition: opacity .5s linear, transform 1s;
}
.blog-root .content-containers .content>:not(.beComponents) img {
    width: 100%;
    max-width: 100%;
}
.blog-root .content-containers .content>:not(.beComponents) .Blog-showing-Twg, .blog-root .content-containers .content>:not(.beComponents) img.showing {
    opacity: 1;
    transform: translate(0, 0);
}
.profileContainer {
    background-color: rgb(255 255 255);
    color: rgb(25 25 25);
    min-height: 100vh;
    position: relative;
}
@media (min-width: 1201px) {
  .profile-banner {
        height: 210px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }
}
.profile-banner {
    display: flex;
    justify-content: center;
    transition: background-color .15s linear, height .65s cubic-bezier(0.19, 1, 0.22, 1);
    align-items: center;
    color: rgb(236 236 236);
    height: 266px;
    margin-top: -55px;
    background: linear-gradient(180deg, var(--be-bg-primary) 0%, var(--be-profile-banner-gradient-dark) 100%);
    --be-bg-primary: rgb(255 255 255);
    --be-profile-banner-gradient-dark: rgb(240 240 240);
}


.profile-banner img {
    background-color: var(--be-bg-secondary);
    background-position: center;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .25s linear;
    width: 100%;
}
.page_profile .header_top {
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
    transition: background 300ms, height 0ms 300ms, padding-bottom 0ms 300ms;
    border-bottom-color: rgba(255,255,255,.2);
}
.page_profile .header.fixed .header_top{
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 6px;
}
.page_profile .header.fixed .header_top_nav > li > a{
    color: #191919;
}
.page_profile .header.fixed .header_top_nav li.panel > a > svg {
    fill: rgb(112 112 112);
}
.page_profile .header.fixed  .logo svg{
    fill: #191919;
    color: color;
}
.page_profile .header_top_nav > li > a {
    color: #fff;
}

.page_profile .header_top_nav > li:last-child:before {
     border-color: rgba(255,255,255,.2);
}

.page_profile .header_top_nav li.panel > a > svg {
    fill: #fff;
}

.page_profile .logo svg {
    color: #fff;
    fill: #fff;
}

.page_profile .site-search .search-containers .search-input-wrap {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid rgba(232, 232, 232, 0);
}
.page_profile .site-search .search-containers .search-input-wrap .search-form .search-input::-webkit-input-placeholder {
        color: #fff;
    }

.page_profile .site-search .search-containers .search-input-wrap .search-icon svg {
    fill: #fff;
}

.page_profile .site-search .search-by-images .btn-search-image .btn-label svg {
    fill: #fff;
}
.page_profile.body_search .site-search .search-containers .search-input-wrap .search-icon svg{
    fill:#191919;
}
.page_profile.body_search .site-search .search-containers .search-input-wrap .search-form .search-input::-webkit-input-placeholder {
        color: #959595;
    }

.page_profile.body_search .suggestions {
    top: -5px;
}
.profile-wrap {
    margin: 0 auto;
    max-width: 1760px;
    min-height: 101vh;
    position: relative;
    z-index: 3;
}


@media (min-width: 1913px) {
     .profile-wrap {
        max-width: 2186px;
    }
}
@media (min-width: 1200px) {
    .profile-wrap {
        z-index: inherit;
    }
}
@media (min-width: 1201px) {
    .profile-wrap {
        align-items: flex-start;
        display: flex;
        padding: 60px 50px 110px;
    }
}

.profile-wrap .profile-card {
    position: relative;
    z-index: 2;
    display: grid;
}
@media (min-width: 1201px) {
    .profile-wrap .profile-card {
            --be-sp-8: 2rem;
        max-width: 300px;
        padding: 30px 0 16px;
        background: none;
        box-shadow: none;
                gap: var(--be-sp-8);
        margin-top: 51px;
        width: 100%;
    }
}

.profile-wrap .profile-card .profile-header {
    text-align: start;
}
@media (min-width: 1201px) {
   .profile-wrap .profile-card .profile-header {
        max-width: 300px;
    }
}
.profile-wrap .profile-card .profile-header .avatar-container {
    background-color: rgb(255 255 255);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transition: margin-top .65s cubic-bezier(0.19, 1, 0.22, 1);
    margin-bottom: 12px;
}
.profile-wrap .profile-card .profile-header .avatar-container::after {
    background-color:rgb(255 255 255);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .25s linear;
}
.profile-wrap .profile-card .profile-header .avatar-container .profile_avatar_img {
    height: 100px;
    width: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    overflow: hidden;
}

.profile-wrap .profile-card .profile-header .avatar-container .profile_avatar img {
    aspect-ratio: 1;
    border-radius: inherit;
    display: inline-block;
    width: 100%;
}

.profile-wrap .profile-card .profile-header .avatar-container .profile_avatar {
    height: 106px;
    width: 106px;
}

.profile-wrap .profile-header .user-fullname {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "acumin-pro-wide", "Acumin Pro Wide", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: inherit;
    letter-spacing: -0.03em;
    margin-bottom: 14px;
    min-height: 29px;
    overflow-wrap: break-word;
    text-wrap: wrap;
    text-align: left;
}

.profile-wrap  .profile-header  .user-details-container {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.profile-wrap .profile-header .user-details-container .user-details {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
    margin-bottom: -5px;
    padding-top: 7px;
    color: rgb(112 112 112);
}

.profile-wrap  .profile-header .user-details-container .user-details .user-info,.profile-wrap  .profile-header  .user-details-container .user-details  .user-location a{
    align-items: center;
    color: rgb(25 25 25);
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}
.profile-wrap  .profile-header  .user-details-container .user-details  .user-location{
    margin: 0;
}
.profile-wrap  .profile-header .user-details-container .user-details .user-info svg,.profile-wrap .profile-header .user-details-container .user-details .user-location svg {
    height: 14px;
    margin: var(--creator-pro-margin);
    min-width: 14px;
    transform: translate(0, 1px);
    width: 14px;
    fill: rgb(112 112 112);
    --creator-pro-margin: auto var(--be-sp-2) auto 0;
    --be-sp-2: 0.5rem;
}
.profile-wrap .profile-header .user-details-container .user-details .user-info-website svg {
    height: 14px;
    margin: var(--creator-pro-margin);
    min-width: 14px;
    transform: translate(0, 1px);
    width: 14px;
    stroke: rgb(112 112 112);
    --creator-pro-margin: auto var(--be-sp-2) auto 0;
    --be-sp-2: 0.5rem;
}

.profile-wrap .profile-header .user-details-container .user-details .user-info-website {
    align-items: center;
    color: rgb(25 25 25);
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}
.profile-wrap .profile-header  .user-details-container .user-details .user-info a {
    text-decoration: underline;
}


.profile-wrap .profile-header  .user-details-container .user-interactions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--be-sp-2-5);
    --be-sp-2-5: 0.625rem;
}

.profile-wrap .profile-header .user-details-container .user-interactions button {
    align-items: center;
    background-color: rgb(0 87 255);
    border: 1px solid rgb(0 87 255);
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 0.375rem;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    text-wrap: nowrap;
    transition: background-color 200ms ease-in-out, border-width 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
    text-decoration: none;
    width: 100%;
}

.profile-wrap .profile-header .user-details-container .user-interactions .message-button {
    background-color: rgb(245 248 255);
    border-color: rgb(222 232 255);
    color: rgb(0 87 255);
}
.profile-wrap .profile-header  .user-details-container .user-interactions .follow-button:hover{
     background-color: rgb(0 62 203);
}

.profile-wrap .profile-header  .user-details-container .user-interactions .message-button:hover {
background-color:rgb(222 232 255);
border-color: rgb(191 210 255);
}
.profile-wrap  .profile-header  .user-details-container .user-interactions button svg {
    width: 18px;
}

.profile-wrap .profile-header .user-details-container .user-interactions .message-button svg {
    fill: rgb(0 87 255);
}

.profile-wrap .profile-header .user-details-container .user-interactions .follow-button svg {
    fill: #fff;
}
.profile-wrap .user-info .stats,.profile-wrap  .user-info .links,.profile-wrap .user-info .blocks {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.profile-wrap .user-info h2 {
    color: rgb(112 112 112);
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 11px;
    margin-bottom: 0;
}
@media (min-width: 1201px) {
  .profile-wrap .user-info .stats table{
        margin-top: -9px;
    }
}
.profile-wrap .user-info .stats table {color: rgb(25 25 25);font-size: 15px;line-height: 1.15;margin-bottom: -6px;width: 100%;}

.profile-wrap .user-info .stats table tr {   
    margin-bottom: 10px;
    margin-top: 10px;
}

.profile-wrap .user-info .stats table tr td {
    padding: 5px 0;
}

.profile-wrap .user-info .stats table tr td a {
    color: inherit;
    font-size: 18px;
    text-align: right;
    text-decoration: none;
}

.profile-wrap .user-info .stats h2 {
    display: none;
}

.profile-wrap .user-info .work-experience ul li {
    margin-bottom: 15px;
}

.profile-wrap .user-info .work-experience {
    display: flex;
    gap: 0.625rem;
    flex-direction: column;
}
.profile-wrap .user-info .work-experience ul li .work-experience-title {
    font-weight: bold;
    margin-bottom: 3px;
}

.profile-wrap .user-info .work-experience ul li .work-experience-subtext {
    color: rgb(112 112 112);
}
.profile-wrap .user-info .work-experience a {
    font-size: 14px;
    text-decoration: none !important;
    transition: color .2s;
    color: rgb(112 112 112);
}
.profile-wrap .user-info .work-experience a svg {
    fill: rgb(149 149 149);
    height: 10px;
    margin-bottom: -1px;
    margin-left: 3px;
    opacity: .7;
    width: 10px;
}
.profile-wrap .user-info .work-experience a:hover {
    color: rgb(25 25 25);
}

.profile-wrap .user-info .work-experience a:hover svg{
fill: rgb(25 25 25);
}
.profile-wrap .user-info .teams .profile-info {
    border: 1px solid rgb(232 232 232);
    border-radius: 5px;
    display: flex;
    padding: 15px;
    grid-column-gap: 7px;
    overflow: hidden;
}

.profile-wrap .user-info .teams {
    display: flex;
    gap: 0.625rem;
    flex-direction: column;
}

.profile-wrap .user-info .teams .profile-info .avatar-container{
    backface-visibility: hidden;
    background-color: #e8e8e8;
    border-radius: 50%;
    box-sizing: content-box !important;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    height: 35px;
    width: 35px;
    min-height: 35px;
    min-width: 35px;
    transition: filter .2s linear;
}

.profile-wrap .user-info .teams .avatar-container a img {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: block;
    aspect-ratio: 1;
}
.profile-wrap .user-info .teams .profile-info .info-container {
    margin-left: 3px;
}

.profile-wrap .user-info .teams .profile-info .info-container .name-row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 155px;
    margin-bottom: 2px;
}

.profile-wrap .user-info .teams .profile-info .info-container .name-row a {
    color: rgb(25 25 25);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    overflow-wrap: break-word;
    white-space: normal;
}

.profile-wrap .user-info .teams .profile-info .info-container .location-row a {
    color: rgb(112 112 112);
    font-size: 13px;
    line-height: 1.3;
    text-decoration: none !important;
    transition: color .2s;
}

.profile-wrap .user-info .teams .profile-info .info-container .location-row a:hover {
    color: rgb(25 25 25);
}

.profile-wrap .user-info .teams .profile-info .follow-buttons {
    align-self: center;
    margin-left: auto;
}

.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container {
    display: inline-block;
    text-align: center;
}

.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container a {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    text-shadow: none;
    transition-duration: 300ms;
    transition-property: background, color, border;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    line-height: 1.25;
    cursor: pointer;
    display: block;
    color: inherit;
    font-size: 13px;
    text-decoration:none;
}
.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container a:hover {
    background-color: transparent;
    box-shadow: none;
    color: #0057ff;
}
.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container .follow-button span:before {
    color: inherit;
    content: "+ ";
}
.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container .unfollow-button span::before {
    color: inherit;
    content: "- ";
}
.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container .follow-button span {
    color: inherit;
    display: inline-block;
}
.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container a {
    display: none;
}

.profile-wrap .user-info .teams .profile-info .follow-buttons .follow-container a.active {
    display: inline-block;
}
.profile-wrap .user-info .links .web-reference {
    display: block;
    max-height: 40px;
    padding: 11px 15px;
    transition: background-color .2s;
    border: 1px solid rgb(232 232 232);
    border-radius: 5px;
    text-decoration:none;
}
.profile-wrap .user-info .links .web-reference:hover {
    background-color: rgb(249 249 249);
}
.profile-wrap .user-info .links .web-reference .web-reference-container {
    display: flex;
}

.profile-wrap .user-info .links .web-reference .web-reference-container .web-reference-title {
    color: rgb(112 112 112);
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s;
    white-space: nowrap;
    width: 90%;
}
.profile-wrap .user-info .links .web-reference:hover .web-reference-container .web-reference-title {
    color: rgb(25 25 25);
}
.profile-wrap .user-info .links .web-reference .web-reference-container svg {
    fill: rgb(112 112 112);
    height: 20px;
    margin-left: auto;
    opacity: .7;
    transition: all .2s;
    width: 18px;
}
.user-info-column .member-since {
    color: rgb(112 112 112);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.user-info-column .spam-report a {
    color: inherit;
    text-decoration: none !important;
    transition: color .2s;
}

.user-info-column .spam-report {
    color: rgb(112 112 112);
    font-size: 13px;
    justify-content: center;
    margin: 15px 0 10px;
}
.user-info-column .spam-report:hover {
    color: rgb(25 25 25);
}
.profile-wrap .user-info .blocks .row-header {
    display: none;
}
.profile-wrap .user-info .blocks .info-column .adobe-pro-callout {
    background: url(../imgs/adobe-pro-bg.png) no-repeat;
    background-size: auto 100%;
    border: solid 1px rgb(232 232 232);
    border-radius: 3px;
    padding: 15px;
}
.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row .callout-title {
    display: flex;
    width: 100%;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row .callout-title svg {
    fill: rgb(25 25 25);
    width: auto;
    height: 14px;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row .callout-title h2 {
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin-left: 6px;
    color: rgb(25 25 25);
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id {
    width: 15px;
    align-self: flex-start;
    display: inline-flex;
    justify-content: center;
    margin-bottom: -6px;
    padding-bottom: 6px;
    position: relative;
    cursor: pointer;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-trigger {
    position: relative;
    z-index: 2;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-trigger .info-icon {
    height: 14px;
    width: 14px;
    fill: rgb(149 149 149);
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-content {
    background-color: #fff;
    color: #191919;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    border-radius: 6px;
    position: absolute;
    will-change: transform;
    z-index: 100;
    cursor: initial;
    padding: 30px;
    bottom: calc(100% + 11px);
    right: -12px;
    display: none;
    min-width: 335px;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-content .tooltip-header {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-content .tooltip-header .tooltip-title {
    display: flex;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-content .tooltip-header .tooltip-title svg {
    fill: rgb(25 25 25);
    width: auto;
    height: 14px;
    margin-right: 6px;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-content .tooltip-header .tooltip-text {
    margin-top: 20px;
    min-width: 275px;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-content .tooltip-header .tooltip-text a {
    color: rgb(0 87 255);
    font-weight: bold;
}

.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id:hover .tooltip-content {
    display: block;
}
.profile-wrap .user-info .blocks .info-column .adobe-pro-callout .header-row #adobe-pro-section-id .tooltip-content:after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    width: 0;
    border-top-color: #fff;
    transform: initial;
    position: absolute;
    bottom: -14px;
    right: 15px;
}
.profile-wrap .user-info .blocks .info-column  .project-tools {
    margin-top: 30px;
}

.profile-wrap .user-info .blocks .info-column  .project-tools h2 {
    margin-bottom: 15px;
}

.profile-wrap .user-info .blocks .info-column  .project-tools .tool-item {
    margin-bottom: 8px;
}

.profile-wrap .user-info .blocks .info-column .project-tools .tool-item a {
    background-color: #959595;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
}
.profile-wrap .user-info .blocks .info-column .project-tools .tool-item a::before {
    border: 1px solid #0057ff;
    border-radius: 14px;
    bottom: -4px;
    content: "";
    left: -4px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -4px;
    top: -4px;
    transform: scale(0.8);
    transition: opacity .15s ease, transform .15s ease;
    z-index: 0;
}
.profile-wrap .user-info .blocks .info-column .project-tools .tool-item:nth-child(1) a {
    background-color: #001E36;
}


.profile-wrap .user-info .blocks .info-column .project-tools .tool-item:nth-child(2) a {
    background-color: #00005B;
}

.profile-wrap .user-info .blocks .info-column .project-tools .tool-item:nth-child(3) a {
        background-color: #000B1D;
}

.profile-wrap .user-info .blocks .info-column .project-tools .tool-item .tool-background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    mix-blend-mode: luminosity;
}

.profile-wrap .user-info .blocks .info-column .project-tools .tool-item .tool-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    min-height: 47px;
    padding: 10px 30px 12px;
    position: relative;
    transition: background-color .15s linear;
    border-radius: 6px;
}
.profile-wrap .user-info .blocks .info-column .project-tools .tool-item:hover .tool-overlay {
    background-color: rgba(0, 0, 0, .6);
}
.profile-wrap .user-info .blocks .info-column .project-tools .tool-item .tool-overlay .tool-icon {
    height: 25px;
    margin-right: 5px;
    width: 25px;
}

.profile-wrap .user-info .blocks .info-column .project-tools .tool-item .tool-overlay .tool-label {
    font-size: 15px;
    font-weight: 900;
    margin-bottom: auto;
    margin-left: 5px;
    margin-top: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profile-wrap .profile-card > .user-info .user-info {
    display: flex;
    gap: 0.625rem;
    flex-direction: column;
}

.profile-wrap .profile-card > .user-info .user-info .social-links a {
    border: 1px solid rgb(232 232 232);
    border-radius: 6px;
    position: relative;
    margin-bottom: -1px;
    align-items: center;
    background-clip: border-box;
    color: rgb(25 25 25);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    outline: 0;
    padding: 11px 15px;
    width: 100%;
    text-decoration: none;
    justify-content: space-between;
}
.profile-wrap .profile-card > .user-info .user-info .social-links a:hover {
    background: rgb(249 249 249);
}
.profile-wrap .profile-card > .user-info .user-info .social-links a:first-child:not(:only-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.profile-wrap .profile-card > .user-info .user-info .social-links a:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.profile-wrap .profile-card > .user-info .user-info .social-links a .social-icon {
    align-items: center;
    display: flex;
}

.profile-wrap .profile-card > .user-info .user-info .social-links a .social-icon svg {
    height: 18px;
    margin-right: 8px;
    width: 18px;
}
.Twitter-icon-o8D {
    fill: #fff;
}
.LinkedIn-icon-bjP {
    fill: #fff;
}
.VerifiedSocial-rightSide-Vgs {
    align-items: center;
    display: flex;
}
.VerifiedSocial-linkOut-aGd {
    fill: rgb(112 112 112);
    height: 20px;
    margin-left: auto;
    opacity: .7;
    width: 18px;
}
.profile-wrap .profile-card > .user-info .user-info .social-links a:hover .VerifiedSocial-linkOut-aGd {
    fill: rgb(25 25 25);
    opacity: 1;
}
@media (min-width: 1201px) {
    .profile-wrap .profile-card > .user-info {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        max-width: 300px;
        width: inherit;
    }
}
#profile-contents {
    transition: margin-top .5s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 1201px) {
    #profile-contents {
        flex: 1;
        margin: 150px 0 50px 50px;
        margin-left: 60px;
    }
}

.profile-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
    z-index: 4;
}
@media (min-width: 1201px) {
   .profile-features {
        margin-top: 1px;
        min-height: 65px;
    }
}

.profile-features .feature-item {
    margin: 0 5px;
    position: relative;
}

.profile-features .feature-item .tooltip-wrapper {
    cursor: pointer;
    align-self: flex-start;
    display: inline-flex;
    justify-content: center;
    margin-bottom: -6px;
    padding-bottom: 6px;
    position: relative;
}

.profile-features .feature-item .tooltip-wrapper .tooltip-trigger {
    position: relative;
    z-index: 2;
}

.profile-features .feature-item .tooltip-wrapper .feature-count {
    color: rgb(112 112 112);
    font-size: 11px;
    font-weight: bold;
    margin-top: -10px;
    text-align: center;
    transition: opacity .1s;
    width: 100%;
}

.profile-features .feature-item .tooltip-container {
    background-color: #fff;
    color: #191919;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    border-radius: 6px;
    position: absolute;
    will-change: transform;
    z-index: 100;
    cursor: initial;
    padding: 10px;
    top: calc(100% + 0px);
    right: 0px;
    display: none;
}

.profile-features .feature-item .tooltip-wrapper .tooltip-trigger .feature-link {
    height: 57px;
    overflow: hidden;
    width: auto;
    display: inline-block;
    margin: 0;
}

.profile-features .feature-item .tooltip-wrapper .tooltip-trigger .feature-link img {
    image-rendering: pixelated;
    position: relative;
    top: -7px;
    transition: top .15s ease;
}
.profile-features .feature-item:hover .tooltip-wrapper .tooltip-trigger .feature-link img{
    top: 0;
}
.profile-features .feature-item:hover .feature-count {
    opacity: 0;
}


.profile-features .feature-item .tooltip-container .tooltip-content .tooltip-header {
    padding: 5px 7px;
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    color: dimgray;
    line-height: 2;
    text-transform: uppercase;
    white-space: nowrap;
}

.profile-features .feature-item .tooltip-container .tooltip-content .tooltip-info {
    padding: 0 7px 5px;
    color: dimgray;
    white-space: nowrap;
    width: 100%;
}

.profile-features .feature-item .tooltip-container .tooltip-content .tooltip-info a {
    color: rgb(0 87 255);
    display: inline-block;
    font-weight: bold;
    padding-bottom: 0;
    vertical-align: bottom;
}

.profile-features .feature-item:hover .tooltip-container {
    display: block;
}
.tooltip-triangle-container {
    position: absolute;
    top: -12px;
    transform: initial;
    right: 6px;
}

.tooltip-triangle {
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    position: absolute;
    width: 0;
    border-bottom-color: #fff;
    transform: initial;
}

.tooltip-mask {
    background: #fff;
    height: 6px;
    left: -2px;
    position: relative;
    width: 16px;
    top: 12px;
}
#profile-contents #nav-tab {
    padding-top: 10px;
    margin-bottom: 28px;
    -moz-column-gap: var(--be-sp-7);
    column-gap: var(--be-sp-7);
    --be-sp-7: 1.75rem;
}

#profile-contents #nav-tab button {
    font-size: 14px;
    height: 100%;
    padding:0;
    padding-bottom: 14px;
    font-weight: 600;
    color: rgb(112 112 112);
    border: none;
    margin: 0;
    display: inline-flex;
    outline: none;
}

#profile-contents #nav-tab button.active,#profile-contents #nav-tab button:hover {
    border-bottom: 2px solid;
    color: rgb(25 25 25);
}

#profile-contents #nav-tab button:first-child {
    padding-left: 0;
}
.profile-work-sections {
    display: inline-grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
}
@media (min-width: 1913px) {
      .profile-work-sections {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1201px) and (max-width: 1488px) {
    .profile-work-sections {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1271px) and (max-width: 1530px) {
    #profile-contents .ContentGrid{
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1531px) and (max-width: 1790px) {
    #profile-contents .ContentGrid{
        grid-template-columns: repeat(5, 1fr)
    }
}
@media (min-width: 1489px) and (max-width: 1912px) {
    .profile-work-sections {
        grid-template-columns: repeat(3, 1fr);
    }
   
}
.project-cover {
    position: relative;
    max-width: 419px;
    min-width: 145px;
}

.project-cover .cover {
    position: relative;
}

.project-cover .cover .cover-wrapper {
    border-radius: 4px;
    display: block;
    height: 0;
    padding-top: 78.22%;
    position: relative;
    width: 100%;
    background-color: rgb(240 240 240);
}

.project-cover .cover .cover-wrapper .cover-content {
    border-radius: 4px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.project-cover .cover .cover-wrapper .cover-content .dominant-color {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgb(20, 20, 167);
}

.project-cover .cover .cover-wrapper .cover-content img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    transition: opacity .15s linear;
    width: 100%;
    will-change: auto;
}

.project-cover .cover .cover-wrapper .cover-content .top-right {
    max-width: 70%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.project-cover .cover .cover-wrapper .cover-content .controls-and-privacy-container {
    display: flex;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
    width: -moz-fit-content;
    width: fit-content;
}

.project-cover .cover .cover-wrapper .cover-content .asset-and-subscribed-container {
    display: flex;
}

.project-cover .cover .cover-overlay {
    color: rgb(255 255 255);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
}

.project-cover .cover .cover-overlay .cover-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.project-cover .cover .cover-overlay .project-details {
    display: flex;
    flex-wrap: nowrap;
    pointer-events: none;
    position: relative;
    width: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 81%);
    margin-top: auto;
    padding: 30px 15px 18px;
    border-radius: 0 0 4px 4px;
    flex-shrink: 0;
}

.project-cover .cover .cover-overlay .project-details .project-info {
    min-width: 0;
    padding-right: 15px;
    text-align: left;
}

.project-cover .cover .cover-overlay .project-details .stats {
    align-items: center;
    align-self: flex-end;
    display: flex;
    font-weight: bold;
    margin-left: auto;
    white-space: nowrap;
}

.project-cover .cover .cover-overlay .project-details .project-info a {
    color: inherit;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: -2px;
    max-height: 43px;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 2px;
    pointer-events: all;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}

.project-cover .cover .cover-overlay .project-details .project-info .owners {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: all;
    font-size: 13px;
}

.project-cover .cover .cover-overlay .project-details .project-info .owners .miniprofile-activator-container {
    align-items: center;
    display: flex;
}

.project-cover .cover .cover-overlay .project-details .project-info .owners .miniprofile-activator-container .miniprofile {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-cover .cover .cover-overlay .project-details .project-info .owners .miniprofile-activator-container .miniprofile .popover-activator {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: 3;
    cursor: pointer;
}
.project-cover .cover .cover-overlay .project-details .project-info .owners .miniprofile-activator-container .miniprofile .popover-activator .miniprofile-activator .owner {
    font-size: 13px;
    font-weight: 400;
}
.project-cover .cover .cover-overlay .project-details .project-info .owners .miniprofile-activator-container .miniprofile .popover-activator .miniprofile-activator {
    align-items: center;
    display: flex;
}


.project-cover .cover .cover-overlay .project-details .stats svg:not(:first-child) {
    margin-left: 12px;
}
.project-cover .cover .cover-overlay .project-details .stats svg {
    fill: #fff;
    position: relative;
    margin-right: 5px;
}

.project-cover .cover:hover .cover-overlay {
    opacity: 1;
}
#profile-contents .ContentGrid {
    display: inline-grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
}
.ContentGrid .project-cover .cover .cover-wrapper .cover-content .dominant-color {
    background-color: rgb(229, 221, 200);
}
.projectInfo-projectFooter {
    background-color: #fafafa;
    border-radius: 0 0 3px 3px;
    display: inline-block;
    padding: 90px 100px;
    text-align: center;
    width: 100%;
}

.projectInfo-projectFooter .projectInfo-container {
    position: relative;
    z-index: 1;
}


.ProjectComments-projectComment {
    backface-visibility: hidden;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    margin: 0 20px 20px 0;
    padding: 27px 30px;
    text-align: left;
    width: calc(100% - 405px);
}
.projectCommentInput {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 -30px;
    padding: 0 30px 27px;
}

.projectCommentInput .SignUpPrompt-header {
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 10px;
}

.projectCommentInput .SignUpPrompt-subHeader {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 15px;
}


@media (min-width: 1201px) and (max-width: 1488px) {
    .profile-wrap {
        max-width: 1338px;
    }
}
@media (min-width: 604px) and (max-width: 1038px) {
    .profile-wrap {
        max-width: 888px;
    }
}
@media (min-width: 992px) {
    #profile-contents #nav-tab #nav-info-tab{
        display: none;
    }
}
@media (min-width: 1791px) {
    #profile-contents .ContentGrid {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (min-width: 0) and (max-width: 1200px) {
    .profile-banner {
        position: relative;
    }
    .profile-wrap .profile-card {
        margin-top: -93px;
        padding: 0;
    }
    .profile-wrap .profile-card .profile-header {
        text-align: center;
    }
    .profile-info-sections .profile-wrap {
        max-width: 100%;
    }
    
    .profile-info-sections .profile-wrap .profile-card {
        margin: 0;
        padding: 0;
    }
    
    .profile-info-sections .profile-wrap .profile-card .user-info {
        display: flex;
        flex-flow: column;
        gap: 1.75rem;
    }
}
@media (min-width: 604px) and (max-width: 1200px) {
    .profile-wrap .profile-header .user-details-container {
        flex-direction: row;
    }
    .profile-wrap .profile-header .user-details-container .user-interactions {
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
        flex-direction: unset;
    }
    
    .profile-wrap .profile-header .user-details-container .user-interactions .follow-button {
        flex: 1;
        order: 0;
    }
    
    .profile-wrap .profile-header .user-details-container .user-interactions .message-button {
        order: 2;
        width: 100%;
        flex: 1;
    }
    
    .profile-wrap .profile-header .user-details-container .user-interactions button {
        max-width: 300px;
    }
    
    .profile-wrap .user-info {
        display: none;
    }
    
    .profile-features {
        display: none;
    }
    #profile-contents {
        padding: 15px 30px 30px;
    }
    .profile-work-sections {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #profile-contents .ContentGrid {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 604px) {
    .profile-wrap .profile-card {
        padding: 25px 30px 16px;
    }
}
.project_details {
    margin-top: 83px;
    pointer-events: none;
        padding-bottom: 70px;
    position: relative;
}
@media (min-width: 1025px) {
   .project_details {
        margin-left: auto;
        margin-right: auto;
        max-width: 1400px;
        width: calc(100% - 400px);
        top: 0;
    }
       .project_details_wrapper .sidebar {
        display: block;
        float: right;
        height: 100%;
        position: absolute;
        right: 0;
    }
       .project_details_wrapper .sidebar .user-actions {
        margin-right: -50px;
        position: sticky;
        top: 143px;
        transform: translateX(20px);
        transition: opacity .15s linear;
        will-change: opacity;
        width: 45px;
    }
    .project_details_wrapper .sidebar .user-actions .avatar{
        margin-bottom:6px;
    }
}

.project_details_wrapper {
    pointer-events: all;
    position: relative;
    z-index: 1;
}

.project_details_wrapper .sidebar .user-actions .avatar {
    position: relative;
    pointer-events: all;
    display: inline-block;
}

.project_details_wrapper .sidebar {
    z-index: 3;
}

.project_details_wrapper .sidebar .user-actions .avatar .avatar-link {
    height: 45px;
    width: 45px;
    min-height: 45px;
    min-width: 45px;
    backface-visibility: hidden;
    background-color: #e8e8e8;
    border-radius: 50%;
    box-sizing: content-box !important;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    transition: filter .2s linear;
}

.project_details_wrapper .sidebar .user-actions .avatar .avatar-link img {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
}

.project_details_wrapper .sidebar .user-actions .follow-status {
    cursor: pointer;
    display: flex;
    font-size: 11px;
    font-weight: bold;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: 8px;
    pointer-events: all;
    text-align: center;
    color: dimgray;
    margin-top: 13px;
}

.project_details_wrapper .sidebar .user-actions .follow-status span {
    cursor: pointer;
    display: block;
}

.project_details_wrapper .sidebar .user-actions .follow-status .following-title {
    display: none;
}
.project_details_wrapper .sidebar .user-actions .avatar .follow-button {
    bottom: 3px;
    position: absolute;
    right: 0;
    z-index: 3;
    display: block;
    padding-bottom: 2px;
    margin-bottom: -6px;
    cursor: pointer;
}

.project_details_wrapper .sidebar .user-actions .avatar .follow-button a {
    align-items: center;
    background: #0057ff;
    border-radius: 50%;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px;
    font-size: 0;
}

.project_details_wrapper .sidebar .user-actions .avatar .follow-button .follow svg {
    fill: #fff;
    height: 8px;
    width: 8px;
}

.project_details_wrapper .sidebar .user-actions .avatar .follow-button .following {
    background: #fff;
}

.project_details_wrapper .sidebar .user-actions .avatar .follow-button .unfollow {
    background: #d00d00;
}

.project_details_wrapper .sidebar .user-actions .avatar .follow-button .unfollow svg {
    display: block;
    fill: #fff;
    margin: 0 auto;
    position: relative;
    width: 8px;
}

.project_details_wrapper .sidebar .user-actions .avatar .follow-button .following svg {
    display: block;
    fill: #191919;
    height: 6.22px;
    margin: 0 auto;
    position: relative;
    width: 8px;
}

.project_details_wrapper .sidebar .user-actions .avatar .follow-button .following, .project_details_wrapper .sidebar .user-actions .avatar .follow-button .unfollow {
    display: none;
}

.project_details_wrapper .sidebar .user-actions .action-name {
    cursor: pointer;
    display: flex;
    font-size: 11px;
    font-weight: bold;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: 8px;
    pointer-events: all;
    text-align: center;
    color: dimgray;
    margin-top: 13px;
}
.project-followTitle{
display: block;
cursor: pointer;
}
.project-followingTitle{
    display: none;
    cursor: pointer;
}
.project_details_wrapper .sidebar .user-actions .action-name span.active{
    display: block;
}
.message-button {
    margin-bottom: 10px;
    margin-left: 0;
}

.message-button button {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 100%;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.message-button button svg {
    fill: #191919;
    height: 17px;
    margin: auto;
    width: 17px;
}
.message-button .actionName {
    display: flex;
    justify-content: center;
    margin-bottom: 13px;
    margin-left: -2.5px;
    text-align: center;
    white-space: normal;
    width: 50px;
    word-break: break-word;
    margin-top: 8px;
    pointer-events: all;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: dimgray;
}
.message-button .actionName {
    display: flex;
    justify-content: center;
    margin-bottom: 13px;
    margin-left: -2.5px;
    text-align: center;
    white-space: normal;
    width: 50px;
    word-break: break-word;
    margin-top: 8px;
    pointer-events: all;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: dimgray;
}

.project_details_wrapper .sidebar .user-actions .tools {
    pointer-events: all;
    display: inline-flex;
    justify-content: center;
    margin-bottom: -6px;
    padding-bottom: 6px;
    position: relative;
    flex-flow: column;
}

.project_details_wrapper .sidebar .user-actions .tools .Tooltip-trigger > .tool-link {
    align-items: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 45px;
    justify-content: center;
    width: 45px;
}

.project_details_wrapper .sidebar .user-actions .tools .Tooltip-trigger > .tool-link img {
    height: 50%;
}

.project_details_wrapper .sidebar .user-actions .tools span {
    cursor: pointer;
    display: flex;
    font-size: 11px;
    font-weight: bold;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: 8px;
    pointer-events: all;
    text-align: center;
    color: dimgray;
}

.project_details_wrapper .sidebar .user-actions .save {
    pointer-events: all;
    position: relative;
}
.project_details_wrapper .sidebar .user-actions .share svg {
    fill: #191919;
    height: 17px;
    width: 17px;
}

.project_details_wrapper .sidebar .user-actions .save button,.project_details_wrapper .sidebar .user-actions .appreciate button,.project_details_wrapper .sidebar .user-actions .share button {
        align-items: center;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        overflow: hidden;
        position: relative;
        height: 45px;
        margin-left: 0;
        width: 45px;
}
.project_details_wrapper .sidebar .user-actions .save span,.project_details_wrapper .sidebar .user-actions .share span,.project_details_wrapper .sidebar .user-actions .appreciate span{
    cursor: pointer;
    display: flex;
    font-size: 11px;
    font-weight: bold;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: 8px;
    pointer-events: all;
    text-align: center;
    color: dimgray;
}
.project_details_wrapper .sidebar .user-actions .appreciate button {
    align-items: center;
    background: #0057ff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    height: 45px;
    width: 45px;
    border-color: #0057ff;
}

.project_details_wrapper .sidebar .user-actions .appreciate button svg {
    height: 15px;
    width: 16px;
    fill: #fff;
    margin: -2px 0 0 3px;
}
.project_details_wrapper .sidebar .user-actions .appreciate button:hover{
background: #0046cc;
}
.project_details_wrapper .sidebar .user-actions .save button:hover,.project_details_wrapper .sidebar .user-actions .tools .tool-link:hover,.project_details_wrapper .sidebar .user-actions .share button:hover,.message-button button:hover{
    background-color: #f1f1f1;
}
.Product_details{
    background: #f9f9f9;
}
.project_details_wrapper .tooltip-container {
    background-color: #fff;
    color: #191919;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    border-radius: 6px;
    will-change: transform;
    z-index: 100;
    right: calc(100% + 7px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -3px;
    cursor: initial;
    padding: 10px 19px;
    display: none;
}

.project_details_wrapper .tooltip-container .tooltip-triangle-container {
    top: 35%;
    transform: translateY(-50%);
    right: 0;
}

.project_details_wrapper .tooltip-container .tooltip-content {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
}

.project_details_wrapper .Tooltip-wrapper:hover .tooltip-container {
    display: block;
}

.project_details_wrapper .Tooltip-wrapper {
    position: relative;
}

.project_details_wrapper .tooltip-triangle-container .tooltip-triangle {
    transform: rotate(-90deg);
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    position: absolute;
    width: 0;
    border-top-color: #fff;
}

.project_details_wrapper .tooltip-triangle-container .tooltip-mask {
    display: none;
}
.project_details_wrapper .Tooltip-trigger {
    position: relative;
    z-index: 2;
}
.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container {
    min-width: 310px;
    right: 120%;
    top: 22.5px;
    transform: translateY(-50%);
    width: 100%;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper {
    align-items: flex-start;
    color: #191919;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    max-width: 100%;
    padding: 10px 10px 0px;
    text-align: left;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 5px;
    color: gray;
    cursor: pointer;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item svg {
    margin-bottom: auto;
    vertical-align: middle;
    width: 22px;
    fill: gray;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item .tooltip-list-item-text {
    flex: 1 0 24px;
    line-height: 24px;
    padding-left: 10px;
}
.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item .tooltip-list-item-text::after {
    border-style: solid;
    border-width: 5px;
    content: " ";
    position: absolute;
        left: 100%;
    margin-top: -5px;
    top: 50%;
        border-color: transparent transparent transparent #fff;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top {
    border-bottom: 1px solid transparent;
    border-top: 1px solid dimgray;
    margin-top: 12px;
    padding-top: 12px;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top .tooltip-list-item-text-container {
    flex: 1;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top .tooltip-list-item-text-container .tooltip-list-item-subtext {
    color: #707070;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top .tooltip-list-item-text-container .tooltip-list-item-text {
    color: #191919;
}

.project_details_wrapper .message-button .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top svg {
    fill: #191919;
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-container {
    top: 50%;
    transform: translateY(-50%);
    margin-top: -3px;
    padding: 20px;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-container .tooltip-triangle-container {
    margin-top: -6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.tooltip-content {}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content {
    width: 260px;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tooltip-title {
    color: #959595;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list {
    margin-top: 19px;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-with-text {
    padding-top: 16px;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-with-text li {
    display: inline;
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-with-text li:not(:last-child)::after {
    content: ", ";
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-with-text li a {
    color: #191919;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item:not(:first-child) {
    margin-top: 6px;
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item a {
    background-color: #959595;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item a::before {
    border: 1px solid #0057ff;
    border-radius: 14px;
    bottom: -4px;
    content: "";
    left: -4px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -4px;
    top: -4px;
    transform: scale(0.8);
    transition: opacity .15s ease, transform .15s ease;
    z-index: 0;
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item:not(:first-child) {
    margin-top: 6px;
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item:nth-child(1) a {
    background-color: #00005B;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item:nth-child(2) a {
    background-color: #00005B;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item:nth-child(3) a{
    background-color: #001E36;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item .tool-background {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    mix-blend-mode: luminosity;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item .tool-overlay {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    min-height: 47px;
    padding: 10px 30px 12px;
    position: relative;
    transition: background-color .15s linear;
    align-items: center;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item .tool-overlay .tool-icon {
    height: 25px;
    margin-right: 5px;
    width: 25px;
}

.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item .tool-overlay .tool-label {
    font-size: 15px;
    font-weight: 900;
    margin-bottom: auto;
    margin-left: 5px;
    margin-top: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.project_details_wrapper .sidebar .user-actions .tools .tooltip-content .tools-list .tool-item:hover .tool-overlay {
    background-color: rgba(0, 0, 0, .6);
}
.project_details_wrapper .sidebar .user-actions .avatar .tooltip-container {
    top: calc(100% + 28px);
    right: 0px;
}
.project_details_wrapper .sidebar .user-actions .avatar .tooltip-container .follow-tooltip label{
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
}
.project_details_wrapper .sidebar .user-actions .avatar .tooltip-container .unfollowTooltip {
    display: none;
 
}
.project_details_wrapper .sidebar .user-actions .avatar .tooltip-container .tooltip-triangle-container {
    top: -12px;
    transform: initial;
    right: 16px;
}

.project_details_wrapper .sidebar .user-actions .avatar .tooltip-container .tooltip-triangle-container .tooltip-triangle {
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    position: absolute;
    width: 0;
    border-bottom-color: #fff;
    transform: initial;
}
.project_details_wrapper .sidebar .user-actions .avatar .avatar-link:hover {
    filter: brightness(80%);
}
.custom-popover[data-popper-placement^=left] .popover-arrow {
    left: calc(100% - 15px);
    height: 20px;
    width: 20px;
}

.custom-popover[data-popper-placement^=left] .popover-arrow:before {
    display: none;
}

.custom-popover[data-popper-placement^=left] .popover-arrow:after {
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    transform: rotateZ(45deg);
    width: 14px;
}
.custom-popover[data-popper-placement^=bottom] .popover-arrow {
   top: -5px;
    height: 20px;
    width: 20px;
}

.custom-popover[data-popper-placement^=bottom] .popover-arrow:before {
    display: none;
}

.custom-popover[data-popper-placement^=bottom] .popover-arrow:after {
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    transform: rotateZ(45deg);
    width: 14px;
}
.project_details_main{
    cursor: default;
    width: 100%;
}
.project_details_main .project-top-element {
    background: #fff;
      box-sizing: border-box;
      color: #191919;
      display: flex;
      height: 83px;
      padding: 20px;
      position: absolute;
      top: -83px;
      width: 100%;
  }
  @media (min-width: 1025px) {
     .project_details_main .project-top-element {
          background: transparent;
          padding: 20px 0;
      }
  }
  
  .project_details_main .project-top-element .avatar-container {
      position: relative;
  }
  
  .project_details_main .project-top-element .avatar-container .avatar {
      align-items: center;
      display: flex;
  }
  
  .project_details_main .project-top-element .avatar-container .avatar .avatar-link {
      backface-visibility: hidden;
      background-color: #e8e8e8;
      border-radius: 50%;
      box-sizing: content-box !important;
      display: block;
      line-height: 0;
      overflow: hidden;
      position: relative;
      transition: filter .2s linear;
      height: 40px;
      width: 40px;
      min-height: 40px;
      min-width: 40px;
  }
  
  .project_details_main .project-top-element .avatar-container .avatar .avatar-link img {
      border-radius: 50%;
      display: block;
      height: 100%;
      width: 100%;
      aspect-ratio: 1;
  }
  
  .project_details_main .project-top-element .project-caption {
      flex-grow: 1;
      margin: -2px 0 0 10px;
      max-width: calc(100% - 235px - 40px);
  }
  
  .project_details_main .project-top-element .project-caption .project-title-row {
      align-items: center;
      -moz-column-gap: 8px;
      column-gap: 8px;
      display: flex;
      flex-wrap: wrap;
  }
  
  .project_details_main .project-top-element .project-caption .project-title-row h1 {
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      line-height: inherit;
      margin: 0;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  .project_details_main .project-top-element .project-caption .project-owner-items {
      display: flex;
      font-size: 14px;
      white-space: nowrap;
  }
  
  .project_details_main .project-top-element .project-caption .project-owner-items .project-owner-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: inherit;
  }
  
  .project_details_main .project-top-element .project-caption .project-owner-items .project-separator {
      margin: -1px 10px 0;
      display: inline;
  }
  
  .project_details_main .project-top-element .project-caption .project-owner-items .follow-button-container {
      display: inline;
  }
  
  .project_details_main .project-top-element .project-caption .project-owner-items .follow-button-container a {
      font-size: 14px;
  }
  
  .project_details_main .project-top-element .project-caption .project-owner-items .follow-button-container .following-button,.project_details_main .project-top-element .project-caption .project-owner-items .follow-button-container  .unfollow-button {
      display: none;
  }
  
  .project_details_main .project-top-element .project-feature-container {
      margin-left: auto;
      max-width: 235px;
      position: relative;
      top: -28px;
      transition: top .15s ease;
      image-rendering: pixelated;
  }
  @media (min-width: 1025px) {
     .project_details_main .project-top-element .project-feature-container {
          display: inline-flex;
          right: 0;
      }
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container {
      margin-left: 10px;
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper {
      display: inline-flex;
      justify-content: center;
      margin-bottom: -6px;
      padding-bottom: 6px;
      cursor: pointer;
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper .feature-ribbon {
      height: 57px;
      overflow: hidden;
      width: auto;
      display: inline-block;
      margin: 0;
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper .tooltip-container {
      cursor: initial;
      padding: 10px;
      top: calc(100% + 45px);
      right: auto;
      margin: 0;
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper .tooltip-container .feature-header {
      padding: 5px 7px;
      font-family: inherit;
      font-size: 11px;
      font-weight: bold;
      color: dimgray;
      line-height: 2;
      text-transform: uppercase;
      white-space: nowrap;
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper .tooltip-container .feature-info {
      color: dimgray;
      white-space: nowrap;
      width: 100%;
      padding: 0 7px 5px;
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper .tooltip-container .feature-info a {
      display: inline-block;
      font-weight: bold;
      padding-bottom: 0;
      vertical-align: bottom;
      color: rgb(0 87 255);
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper .tooltip-container .tooltip-triangle {
      border-color: transparent;
      border-style: solid;
      border-width: 7px;
      height: 0;
      position: absolute;
      width: 0;
      border-bottom-color: #fff;
      transform: initial;
  }
  
  .project_details_main .project-top-element .project-feature-container .feature-ribbon-container .tooltip-wrapper .tooltip-container .tooltip-triangle-container {
      top: -12px;
      transform: initial;
      right: 54%;
  }
  
  .project_details_main .project-top-element .project-feature-container:hover {top: -20px;}
  #project-content {
    padding-top: 0px;
    background-color: #161619;
    border-radius: 0;
}
#project-content .project-module {
    padding-bottom: 0px;
}
@media (min-width: 1025px) {
   #project-content {
        border-radius: 3px 3px 0 0;
    }
}
.project-content-wrap {
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
}

.module-container {
    position: relative;
}

.project-module {
    padding: 0 7.1%;
}

.project-module-image {
    text-align: center;
}

.image {
    position: relative;
}
.project-module.image-full, .project-module.embed-full {
    padding-left: 0;
    padding-right: 0;
}


.project-module-image-inner-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.project-module__actions {
    align-items: start;
    cursor: default;
    display: flex;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    width: calc(100% - 20px);
    z-index: 3;
}

.project-module__actions-container {
    display: none;
}
.project-module:hover .project-module__actions-container, .project-module:focus-within .project-module__actions-container {
    display: flex;
}
.project-module__actions-container>* {
    margin-bottom: 10px;
}


.project-module__actions-container .project-module__action {
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    white-space: nowrap;
}

.project-module__actions-container .project-module__action button,.project-module__actions-container .project-module__action a {
    border: 1px solid transparent;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.project-module__actions-container .project-module__action button.btn-inverted {
    background: rgba(25, 25, 25, .65);
    border: 1px solid transparent;
    color: #fff;
}

.project-module__actions-container .project-module__action .btn-inverted .btn-label-wrapper {
    padding: 8px 18px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.project-module__actions-container .project-module__action .btn-inverted .btn-label-wrapper .btn-icon {
    float: left;
}

.project-module__actions-container .project-module__action .btn-inverted .btn-label-wrapper span {
    font-size: 14px;
    border: 1px solid transparent;
    display: inline-block;
    max-width: 100%;
    display: none;
}

.project-module__actions-container .project-module__action button.btn-inverted .btn-label-wrapper .btn-icon svg {
    height: 16px;
    width: 16px;
    fill: #fff;
}

.project-module__actions-container .project-module__action a {
    color: #fff;
    display: block;
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
}

.project-module__actions-container .project-module__action a .btn-icon svg {
    height: 15px;
    width: 15px;
}

#project-content .image-element{
    display: block;
    height: auto;
    position: relative;
    cursor: zoom-in;
}

#project-content .image-element img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    max-height: 100%;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: auto;
    z-index: inherit;
}
.spacer {
    height: 3px;
}

.spacer, .module-separator {
    padding-left: 7.1%;
    padding-right: 7.1%;
}
#project-modules .spacer  .divider {
    display: block;
}
.embed-dimensions {
    max-width: 1200px;
    max-height: 674px;
    margin: 0 auto;
    transition: all .09s linear;
}

.embed-dimensions .embed-aspect-ratio {
    padding-bottom: 56.17%;
    position: relative;
    height: 0px;
}

.embed-dimensions .embed-aspect-ratio iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 auto;
}

.project-module-video {
    margin-bottom: 31px;
}
.grid--main {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px -4px;
    visibility: visible;
}
.project-module-container .project-module-image-full.grid--main {
    max-width: none;
    padding: 0;
}

.grid__item-container {
    display: inline-block;
    margin: 0 2px 4px;
    position: relative;
    overflow: hidden;
    width: 462.222px;
    flex-grow: 462.222;
}

.grid__item-container .grid__item-image {
    position: absolute;
    top: 0;
    vertical-align: bottom;
    width: 100%;
    cursor: zoom-in;
}

.grid__item-container .grid__item-filler {
    cursor: zoom-in;
    display: block;
}
.grid--main .project-module__action {
    align-items: center;
    cursor: default;
    display: none;
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 10;
}

.grid--main .project-module__action .btn-inverted {
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgba(25, 25, 25, .65);
    border: 1px solid transparent;
    color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    white-space: nowrap;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.grid--main .project-module__action .btn-inverted .btn-label-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 18px;
}

.grid--main .project-module__action .btn-inverted .btn-label-wrapper .btn-icon {
    margin-right: 7px;
    float: left;
}

.grid--main .project-module__action .btn-inverted .btn-label-wrapper .btn-icon svg {
    height: 15px;
    fill: #fff;
}

.grid--main .project-module__action .btn-inverted .btn-label-wrapper span {
    border: 1px solid transparent;
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
}

.grid__item-container:hover .project-module__action  {
    display:block;
}
.lightbox-modal {
    align-items: center;
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.lightbox-modal .lightbox-content {
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(25, 25, 25, .2);
    box-sizing: border-box;
    max-height: 100vh;
    min-width: 600px;
    overflow: hidden;
    padding: 30px;
    position: relative;
    text-align: center;
    background: none;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100%;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions {
    position: relative;
    z-index: 2;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-main-image {
    left: 50%;
    position: relative;
    top: 2px;
    transform: translate(-50%);
    max-height: 100vh;
    max-width: calc(100vw - 75px* 2);
    min-height: 30px;
    opacity: 1;
    transition: opacity var(--transition-time) ease;
    cursor: zoom-in;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions {
    z-index: 9;
    margin-left: 15px;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    opacity: 0;
    transition: opacity .2s ease;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .btn-save {
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgba(25, 25, 25, .65);
    border: 1px solid transparent;
    color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    white-space: nowrap;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 8px 18px;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .btn-save svg {
    height: 15px;
    fill: #fff;
    margin-right: 7px;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-close {
    background-color: #343434;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-image: unset;
    z-index: 4;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    box-shadow: unset;
    border: none;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-close svg {
    fill: #fff;
    height: 10px;
    position: relative;
    width: 10px;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper:hover .lightbox-close {
    opacity: 1;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper:hover .lightbox-content-actions .lightbox-image-actions {
    opacity: 1;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-pagination button {
    align-items: center;
    bottom: 20px;
    cursor: pointer;
    display: flex;
    height: 100vh;
    position: absolute;
    top: 0;
    width: 30vw;
    z-index: 1;
    opacity: 0;
    transition: opacity .2s ease;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-pagination .btn-prev {
    left: 0;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-pagination .btn-next {
    right: 0;
}
.lightbox-modal .lightbox-caption {left: 20px;margin-left: 15px;opacity: 0;position: fixed;top: 20px;transition: opacity 1s;z-index: 9;}
.lightbox-modal .lightbox-content .lightbox-slides-wrapper:hover .lightbox-caption {
    opacity: 1;
}
.lightbox-modal .lightbox-caption .lightbox-caption-box{
    align-items: center;
    background: linear-gradient(rgba(0, 0, 0, 0), #000);
    border-radius: 2px;
    bottom: 0;
    display: flex;
    left: 0;
    padding: 15px 30px;
    position: fixed;
    width: 100%;
    z-index: 1004;
}
.lightbox-modal .lightbox-caption .project-link .project-thumbnail {
    border-radius: 2px;
    display: block;
    margin-right: 10px;
    width: 80px;
}

.lightbox-modal .lightbox-caption .project-info {
    color: #fff;
    font-size: 14px;
    text-align: left;
}
.lightbox-modal .lightbox-caption .project-info .project-name {
    color: inherit;
    font-weight: bold;
    text-align: left;
}

.lightbox-modal .lightbox-caption .project-info .project-owners {
    display: flex;
    flex-wrap: wrap;
    margin-top: 9px;
}

.lightbox-modal .lightbox-caption .project-info .project-owners .project-owner {
    color: #fff;
}
.lightbox-modal .lightbox-caption .project-info .project-owners .follow-button {
    display: flex;
}
.lightbox-modal .lightbox-caption .project-info .project-owners .follow-button::before {
    content: "•";
    display: inline-block;
    margin: 0 10px;
}
.lightbox-modal .lightbox-caption .project-info .project-owners .follow-button a {
    border: none;
    font-weight: normal;
    padding: 0;
}

.lightbox-modal .lightbox-caption .project-info .project-owners .follow-button .following-btn, .lightbox-modal .lightbox-caption .project-info .project-owners .follow-button .unfollow-btn {
    display: none;
}
.lightbox-pagination-container {
    align-items: center;
    bottom: 20px;
    cursor: pointer;
    display: flex;
    height: 100vh;
    position: absolute;
    top: 0;
    width: 30vw;
    z-index: 1;
    opacity: 0;
    transition: opacity .2s ease;
}

.lightbox-pagination-container.previous {
    left: 0;
}

.lightbox-pagination-container.next {
    right: 0;
}

.lightbox-pagination-container .pagination-button-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
}

.lightbox-pagination-container.previous .pagination-button-wrapper {
    margin-left: 20px;
    margin-right: auto;
}

.lightbox-pagination-container.next .pagination-button-wrapper {
    margin-left: auto;
    margin-right: 20px;
}

.lightbox-pagination-container .pagination-button-wrapper .btn-inverted {
    background-color: #343434;
    height: 45px;
    margin-bottom: 3px;
    pointer-events: initial;
    width: 45px;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    color: #fff;
}

.lightbox-pagination-container .pagination-button-wrapper .btn-inverted .btn-label-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
}

.lightbox-pagination-container .pagination-button-wrapper .btn-inverted .btn-label-wrapper .btn-label {
    border: 1px solid transparent;
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
}

.lightbox-pagination-container .pagination-button-wrapper .btn-inverted .btn-label-wrapper .btn-label svg {
    fill: #fff;
    height: 13px;
    margin-top: 1px;
    vertical-align: top;
    width: 15px;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-pagination-container.next:hover {
    opacity: 1;
}
.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-pagination-container.previous:hover {
    opacity: 1;
}
.lightbox-pagination-container.next svg {
    margin-left: 1px;
    transform: rotate(180deg);
}
section.project-module-container .image-inner-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

section.project-module-container .image-inner-wrap .actions-container {
    display: none;
}

section.project-module-container .image-inner-wrap .actions-container>* {
    margin-bottom: 10px;
}

section.project-module-container .image-inner-wrap .actions-container .btn-inverted {
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgba(25, 25, 25, .65);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid transparent;
    color: #fff;
}
section.project-module-container .image-inner-wrap .actions-container .similar-images-button-container .btn-inverted .btn-label-wrapper .btn-label {
    display: block;
}

section.project-module-container .image-inner-wrap .actions-container .similar-images-button-container .btn-inverted .btn-label-wrapper .btn-icon {
    margin-right: 7px;
}
section.project-module-container .image-inner-wrap .actions-container .action {
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    white-space: nowrap;
}

section.project-module-container .image-inner-wrap .actions-container .btn-inverted svg {
    height: 16px;
    width: 16px;
    fill: #fff;
}
section.project-module-container .image-inner-wrap:hover .project-module__actions .actions-container{
    display:flex;
 }
section.project-module-container .image-inner-wrap .actions-container .btn-inverted .btn-label-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 18px;
}

section.project-module-container .image-inner-wrap .actions-container .btn-inverted .btn-label-wrapper .btn-label {
    display: none;
}
.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .action-container,.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container {
    margin-bottom: 10px;
    display: inline-flex;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container .btn-inverted {
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgba(25, 25, 25, .65);
    border: 1px solid transparent;
    color: #fff;
}


.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container .btn-label-wrapper {
    padding: 8px 18px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container .btn-label-wrapper .btn-icon {
    margin-right: 7px;
    float: left;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container .btn-label-wrapper .btn-icon svg {
    height: 16px;
    width: 16px;
    fill: #fff;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .action-container .btn-inverted {
    border-radius: 100px;
    cursor: pointer;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgba(25, 25, 25, .65);
    border: 1px solid transparent;
    color: #fff;
    display: block;
    font-family: inherit;
    font-weight: 600;
    line-height: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-decoration: none;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .action-container .btn-inverted .btn-label-wrapper {
    padding: 8px 18px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .action-container .btn-inverted .btn-label-wrapper .btn-icon {
    float: left;
    margin-right: 7px;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .action-container .btn-inverted .btn-label-wrapper .btn-icon svg {
    height: 15px;
    width: 15px;
}

.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container {
    margin-right: 10px;
}
.lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .action-container, .lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container {
    display: none;
}
.lightbox-modal.custom-class .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .action-container, .lightbox-modal.custom-class .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions .similar-images-button-container {
    display: inline-flex;
}
.appreciateBottomContainer {
    display: none;
}
@media (min-width: 1025px) {
    .appreciateBottomContainer {
        background-color: #000;
        color: #fff;
        display: block;
        padding: 50px 0;
        text-align: center;
    }
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper {
    display: inline-flex;
    justify-content: center;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipTrigger {
    position: relative;
    z-index: 2;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipTrigger .appreciateIcon {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    background: #3c3c3c;
    color: #fff;
    flex-direction: column;
    height: 75px;
    margin: 0 auto;
    width: 75px;
}
.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipTrigger .appreciateIcon:hover {
    background: #232323;
    text-decoration: none;
}
.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipTrigger .appreciateIcon svg {
    height: 26px;
    width: 25px;
    fill: #fff;
    margin: -2px 0 0 3px;
}
.Appreciate-count {
    font-size: 10px;
    font-weight: bold;
    margin-top: 3px;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer {
    background-color: #fff;
    border-radius: 3px;
    color: #191919;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    border-radius: 6px;
    position: absolute;
    will-change: transform;
    z-index: 100;
    cursor: initial;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    top: calc(100% + 7px + 0px);
    display: none;
}
.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer .tooltip-triangle-container {
    right: 0;
    left: 48%;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer .tooltip-triangle-container .tooltip-triangle {
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    position: absolute;
    width: 0;
    border-bottom-color: #fff;
    transform: initial;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer .tooltipContent {
    padding: 10px 19px;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer .tooltipContent .loggedOutAppreciation {
    padding: 20px 30px 5px;
    width: 375px;
}
.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer .tooltipContent .loggedOutAppreciation .signUpTitle {
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 10px;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer .tooltipContent .loggedOutAppreciation .signUpMessage {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.15;
    margin-bottom: 20px;
}
 .SignUpContent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper .tooltipContainer .tooltipContent .loggedOutAppreciation .signUpMessage a {
    color: #191919;
    text-decoration: underline;
}

 .SignUpContent .signupButton {
    padding: 0;
    border-radius: 100px;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    transition-duration: 300ms;
    transition-property: color, background, border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgb(0 87 255);
    border: 1px solid #00000000;
    color: rgb(255 255 255);
    white-space: nowrap;
    margin-right: 12px;
    font-size: 14px;
    height: auto;
    cursor: pointer;
}
.SignUpContent .signupButton .phoneLabel {
    display: none;
}
 .SignUpContent .signupButton:hover {
    background-color: rgb(0 62 203);
}
.SignUpContent .SignUpButtons {
    color: #959595;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}

.SignUpContent a {
    transition-duration: .2s;
    transition-property: filter;
    width: 32px;
    margin-right: 10px;
}
 .SignUpContent a:hover {
    filter: brightness(90%);
}
 .SignUpContent .signupButton .btnLabelWrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 18px;
    cursor: pointer;
}

.SignUpContent .signupButton .btnLabelWrapper .btnLabel {
    border: 1px solid transparent;
    display: inline-block;
    max-width: 100%;
}
.appreciateBottomContainer .appreciateBottom .Tooltip-wrapper:hover .tooltipContainer{
    display: block;
}
.appreciateBottomContainer .projectInfoSection {
    padding-top: 18px;
}

.appreciateBottomContainer .projectInfoSection .projectName {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 auto 10px;
}

.appreciateBottomContainer .projectInfoSection  .projectStats {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.appreciateBottomContainer .projectInfoSection .projectStats svg {
    fill: #959595;
    margin-right: 2px;
}

.appreciateBottomContainer .projectInfoSection .projectStats .projectStat {
    color: #959595;
    display: flex;
    font-size: 14px;
    height: 17px;
    line-height: 1.2;
}
.appreciateBottomContainer .projectInfoSection .projectStats .projectStat:not(:last-child) {
    margin-right: 9px;
}

.appreciateBottomContainer .projectInfoSection .projectPublished {
     color: #959595;
    padding-top: 24px;
}
.otherProjects {
    background-color: #191919;
    height: auto;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.otherProjects .otherProjectsHeader {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    left: 50px;
    line-height: 1;
    position: absolute;
    top: 50px;
    z-index: 1;
}

.otherProjects .otherProjectsHeader .userAvatar {
    float: left;
    margin-right: 10px;
}

.otherProjects .otherProjectsHeader .userAvatar .popoverActivator {
    align-items: center;
    display: flex;
}

.otherProjects .otherProjectsHeader .userAvatar .popoverActivator .avatar {
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    backface-visibility: hidden;
    background-color: #e8e8e8;
    border-radius: 50%;
    box-sizing: content-box !important;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    transition: filter .2s linear;
}
.otherProjects .otherProjectsHeader .userAvatar .popoverActivator .avatar:hover {
    filter: brightness(80%);
}
.otherProjects .otherProjectsHeader .userAvatar .popoverActivator .avatar img {
    aspect-ratio: 1;
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
}

.otherProjects .otherProjectsHeader .userInfo {
    display: inline-block;
    padding-top: 1px;
}

.otherProjects .otherProjectsHeader .userInfo .singleOwnerContainer {
    display: flex;
}

.otherProjects .otherProjectsHeader .userInfo .followButtonContainer {
    padding-top: 7px;
}

.otherProjects .otherProjectsHeader .userInfo .singleOwnerContainer .popoverActivator {
    color: #fff;
}

.otherProjects .otherProjectsHeader .userInfo .followButtonContainer .userFollow {
    display: inline-block;
}

.otherProjects .otherProjectsHeader .userInfo .followButtonContainer .userFollow a {
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 600;
    line-height: 1.25;
    text-shadow: none;
    transition-duration: 300ms;
    transition-property: background, color, border;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    background-color: #0057ff;
    background-image: none;
    border: 1px solid transparent;
    font-size: 12px;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
}
.otherProjects .otherProjectsHeader .userInfo .followButtonContainer .userFollow .followButton:hover{
    background-color: rgb(0 62 203);
}

.otherProjects .otherProjectsHeader .userInfo .followButtonContainer .userFollow .followingButton {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    color: #191919;
    display: none;
}

.otherProjects .otherProjectsHeader .userInfo .followButtonContainer .userFollow .unfollowButton {
    background-color: #d00d00;
    color: #fff;
    display: none;
}
.otherProjects .scrollerProjectWrapper {
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 120px 50px 50px;
    text-align: left;
    white-space: nowrap;
}
.projectCommentInput .SignUpContent {
    justify-content: start;
}
.scrollerContainer {
    position: relative;
}
.commentContainer {
    margin-bottom: 45px;
}
.ProjectComments .commentContainer:first-child {
    padding-top: 27px;
}

.commentContainer .comment {
    display: flex;
    position: relative;
}

.commentContainer .comment .avatar {
    float: left;
    height: 50px;
    margin-right: 20px;
    min-height: 50px;
    min-width: 50px;
    width: 50px;
}
.commentContainer .comment .avatar:hover {
    filter: brightness(80%);
}
.commentContainer .comment .avatar img {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
}

.commentContainer .comment .commentTextContainer {
    display: flex;
    flex-direction: column;
    width: calc(100% - 70px);
}

.commentContainer .comment .commentTextContainer .commentInfo {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: -2px 0 5px;
}

.commentContainer .comment .commentTextContainer .commentText {
    color: #484848;
    font-size: 15px;
    line-height: 22px;
    text-align: initial;
    word-wrap: break-word;
}

.commentContainer .comment .commentTextContainer .commentInfo .userName {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: bold;
}

.commentContainer .comment .commentTextContainer .commentInfo .commentTimestamp {
    color: #959595;
}

.commentContainer .comment .commentTextContainer .commentInfo .commentTimestamp:before {
    content: "•";
    margin: 0 4px 0 2px;
}
.ProjectComments-seeMore {
    color: #0057ff;
    cursor: pointer;
    font-size: 16px;
    height: 75px;
    line-height: 73px;
    margin: 40px -30px -27px;
    text-align: center;
    transition: all .15s linear;
}

.ProjectComments-seeMore svg {
    fill: #0057ff;
    height: 10px;
    stroke: #0057ff;
    transform: rotate(270deg);
}
.ProjectComments-seeMore:hover {
    background: #f0f0f0;
    transition: all .15s linear;
}
.ProjectInfo-sideBar {
    display: inline-block;
    max-width: 385px;
    text-align: left;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    box-sizing: border-box;
    color: dimgray;
    display: inline-block;
    margin-bottom: 20px;
    padding: 30px;
    width: 100%;
    font-size: 16px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks h2 {
    color: #707070;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 14px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    min-height: 40px;
    width: inherit;
    margin-bottom: 15px;
}


.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .avatar {
    align-self: center;
    float: left;
    margin-right: 10px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .avatar .avatarLink {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    backface-visibility: hidden;
    background-color: #e8e8e8;
    border-radius: 50%;
    box-sizing: content-box !important;
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
    transition: filter .2s linear;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .avatar .avatarLink:hover {
    filter: brightness(80%);
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .avatar .avatarLink img {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userInfo {
    line-height: 15px;
    max-width: calc(100% - 50px);
    display: inline-block;
    height: 100%;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userInfo .userName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #191919;
    display: block;
    flex-shrink: 1;
    font-size: inherit;
    font-weight: 600;
    max-width: 100%;
    padding-bottom: 3px;
    text-align: left;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userInfo .userLocation {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: dimgray;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    max-width: 100%;
    text-align: left;
    transition: color .2s;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userInfo .userLocation:hover {
    color: #191919;
    text-decoration: none;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userInfo .userLocation svg {
    fill: #959595;
    margin-right: 2px;
    transition: fill .2s;
    width: 8px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userActions {
    align-self: center;
    margin-left: auto;
    padding-top: 19px;
    width: 100%;
    margin-bottom: 15px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton button {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.25;
    padding: 9px 18px;
    text-shadow: none;
    transition-duration: 300ms;
    transition-property: background, color, border;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    width: 100%;
    background-color: rgb(245 248 255);
    border-color: rgb(222 232 255);
    color: rgb(0 87 255);
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userActions a {
    background-color: #0057ff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    padding: 9px 18px;
    text-shadow: none;
    transition-duration: 300ms;
    transition-property: background, color, border;
    transition-timing-function: linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userActions a svg {
    fill: #fff;
    height: 19px;
    margin-right: 7px;
    width: 18px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userActions .following {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    color: #191919;
    font-size: 14px;
    display: none;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userActions .unfollow {
    background-color: #d00d00;
    color: #fff;
    display: none;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userActions  .follow:hover {
    background-color: rgb(0 62 203);
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton button svg {
    width: 18px;
    fill: rgb(0 87 255);
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .userActions .messageButton {
    display: flex;
    max-width: 100%;
    white-space: nowrap;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton button:hover {
       background-color: rgb(222 232 255);
    border-color: rgb(191 210 255);
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton {
    width: 100%;
    position: relative;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton:hover .tooltip-container {
    display: block;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container {
    min-width: 310px;
    left: 50%;
    margin-left: -50%;
    top: calc(100% + 75px);
    background-color: 191919;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper {
    align-items: flex-start;
    color: #191919;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    max-width: 100%;
    padding: 10px 10px 0px;
    text-align: left;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 5px;
    color: #fff;
    cursor: pointer;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item svg {
    margin-bottom: auto;
    vertical-align: middle;
    width: 22px;
    fill: gray;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item .tooltip-list-item-text {
    flex: 1 0 24px;
    line-height: 24px;
    padding-left: 10px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item .tooltip-list-item-text::after {
    border-style: solid;
    border-width: 5px;
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent #191919 transparent;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top {
    border-bottom: 1px solid transparent;
    border-top: 1px solid dimgray;
    margin-top: 12px;
    padding-top: 12px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top .tooltip-list-item-text-container {
    flex: 1;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top .tooltip-list-item-text-container .tooltip-list-item-subtext {
    color: #707070;
    font-size: 11px;
    font-weight: normal;
    padding-left: 10px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top .tooltip-list-item-text-container .tooltip-list-item-text {
    color: #fff;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .userProfile .messageButton .Tooltip-trigger .tooltip-container .tooltip-text-wrapper .tooltip-item.border-top svg {
    fill: #fff;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectStats {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectStats .projectStat {
    color: dimgray;
    display: flex;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    margin-right: 9px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectStats .projectStat svg {
    fill: dimgray;
    margin-right: 2px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectPublished {
    color: #3c3c3c;
    font-size: 12px;
    margin-top: 25px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool {
    margin-bottom: 8px;
}


.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool a {
    background-color: #959595;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool a::before {
    border: 1px solid #0057ff;
    border-radius: 14px;
    bottom: -4px;
    content: "";
    left: -4px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -4px;
    top: -4px;
    transform: scale(0.8);
    transition: opacity .15s ease, transform .15s ease;
    z-index: 0;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool:nth-child(1) a {
    background-color: #00005B;
}


.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool:nth-child(2) a {
    background-color: #00005B;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool:nth-child(3) a {
        background-color: #001E36;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool a > img {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    mix-blend-mode: luminosity;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool .overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    min-height: 47px;
    padding: 10px 30px 12px;
    position: relative;
    transition: background-color .15s linear;
    border-radius: 6px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool:hover .overlay {
    background-color: rgba(0, 0, 0, .6);
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool .overlay > img {
    height: 25px;
    margin-right: 5px;
    width: 25px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .pillShapedTool .overlay p {
    font-size: 15px;
    font-weight: 900;
    margin-bottom: auto;
    margin-left: 5px;
    margin-top: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .toolWithText {
    display: inline-block;
    margin-top: 5px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .toolWithText:not(:last-child)::after {
    content: ", ";
    font-weight: bold;
    margin-right: 2px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTools .toolWithText a {
    color: #191919;
    font-size: 14px;
    font-weight: bold;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields {
    margin-top: 30px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField {
    margin-bottom: 8px;
}


.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField a {
    background-color: #959595;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField a::before {
    border: 1px solid #0057ff;
    border-radius: 14px;
    bottom: -4px;
    content: "";
    left: -4px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -4px;
    top: -4px;
    transform: scale(0.8);
    transition: opacity .15s ease, transform .15s ease;
    z-index: 0;
}


.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField a > img {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    mix-blend-mode: luminosity;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField .overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    justify-content: center;
    min-height: 47px;
    padding: 10px 30px 12px;
    position: relative;
    transition: background-color .15s linear;
    border-radius: 6px;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField:hover .overlay {
    background-color: rgba(0, 0, 0, .6);
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField .overlay > img {
    height: 25px;
    margin-right: 5px;
    width: 25px;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .creativeFields .creativeField .overlay p {
    font-size: 15px;
    font-weight: 900;
    margin-bottom: auto;
    margin-left: 5px;
    margin-top: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTags li {
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    margin: 0 8px 8px 0;
}

.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTags li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 50px;
    color: #191919;
    display: block;
    padding: 7px 20px;
    text-decoration: none;
}
.ProjectInfo-sideBar .projectInfo-infoBlocks .projectTags li a:hover {
    background-color: #f0f0f0;
}
.copyright {
    color: #707070;
}

.copyright .tooltipContainer {
    display: none;
}

.copyright .tooltips {
    display: inline-flex;
    justify-content: center;
    margin-bottom: -6px;
    padding-bottom: 6px;
    position: relative;
    cursor: pointer;
}

.copyright .tooltips .tooltipTrigger {
    position: relative;
    z-index: 2;
}

.copyright .tooltips .tooltipTrigger label {
    color: #3c3c3c;
    display: block;
    margin-top: 5px;
}
.otherProjects .scrollerProjectWrapper .owl-carousel .owl-nav button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 3px 6px rgba(25, 25, 25, .16);
    cursor: pointer;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

.otherProjects .scrollerProjectWrapper .owl-carousel .owl-nav .owl-prev {
    left: -20px;
}

.otherProjects .scrollerProjectWrapper .owl-carousel .owl-nav .owl-next {
    right: -20px;
}

.otherProjects .scrollerProjectWrapper .owl-carousel .owl-nav button i {
    font-size: 16px;
}

.otherProjects .scrollerProjectWrapper .owl-carousel .owl-nav button.disabled {
    display: none;
}
@media (max-width: 1024px) {
    .header_top_mb{
        display: block;
    }
    .header_top{
        display: none;
    }
    .blocker-ending-long,.footer_fixed {
        display: none;
    }
    
    .blocker-ending-short {
        display: inline;
    }
    .signup-btn .btn-label .desktop-label {
        display: none;
    }
    
    .signup-btn .btn-label .phone-label {
        display: inline;
    }
    .Projects-container .js-grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .page-banner .banner-title {
        font-size: 40px;
        padding: 0 8%;
    }
    .page-banner .banner-desc {
        font-size: 20px;
        line-height: 1.1;
        padding: 0 10%;
    }
    .page-banner .artist-credit {
        display: none;
    }
    .page-banner {
        padding-top: 110px;
        min-height: 230px;
        padding-bottom: 0;
    }
    .project_details_wrapper .sidebar{
        position: relative;
        top: -44px;
    }
    .project_details_wrapper .sidebar .user-actions {
        align-items: start;
        margin-left: 20px;
        top: -15px;
        display: flex;
        position: absolute;
        right: 20px;
    }
    
    .project_details_wrapper .sidebar .user-actions .avatar,.project_details_wrapper .sidebar .user-actions .action-name {
        display: none;
    }
    
    .project_details_wrapper .sidebar .user-actions .save span, .project_details_wrapper .sidebar .user-actions .share span, .project_details_wrapper .sidebar .user-actions .appreciate span {
        display: none;
    }
    
    .project_details_wrapper .sidebar .user-actions .save button, .project_details_wrapper .sidebar .user-actions .appreciate button, .project_details_wrapper .sidebar .user-actions .share button {
        width: 32px;
        height: 32px;
        margin-left: 10px;
    }
    
    .project_details_wrapper .sidebar .user-actions .save button svg, .project_details_wrapper .sidebar .user-actions .appreciate button svg, .project_details_wrapper .sidebar .user-actions .share button svg {
        width: 12px;
        height: 12px;
    }
    
    .project_details_main .project-top-element .project-feature-container {
        display: none;
    }
}
@media (max-width: 767px) {
    .project-content-wrap #project-content {
        padding-top: 30px;
    }
    .projectInfo-projectFooter {
        padding: 16px 20px;
    }
    
    .ProjectComments-projectComment {
        width: 100%;
    }
    .lightbox-modal .lightbox-content {
        width: 100%;
        border-radius: 0;
        height: 100%;
        min-width: 100% !important;
        padding: 75px 30px 30px;
    }
    
    .lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-close {
        opacity: 1;
    }
    
    .lightbox-pagination-container {
        opacity: 1;
        z-index: 3;
    }
    
    .lightbox-modal .lightbox-caption {
        display: none;
    }
    
    .lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-image-actions {
        display: none;
    }
    
    .lightbox-modal .lightbox-content .lightbox-slides-wrapper .lightbox-content-actions .lightbox-main-image {
        max-width: 100vw;
    }
    .grid__item-container {
        width: 160px;
        flex-grow: 160;
    }
    .profile-work-sections{
        grid-template-columns: repeat(2, 1fr);
    }
    .profile-wrap .profile-header .user-fullname{
        text-align: center;
    }
    #profile-contents .ContentGrid .project-cover .cover .cover-overlay .project-details .project-info a {
        font-size: 12px;
        max-height: 33px;
    }
    
    #profile-contents .ContentGrid .project-cover .cover .cover-overlay .project-details .owner-info a {
        font-size: 11px;
    }
    
    .project-cover .cover .cover-overlay .project-details {
        font-size: 11px;
    }
    #profile-contents {
        padding: 0 20px 20px;
    }
    #profile-contents #nav-tab {
        justify-content: center;
    }
    .project-cover .cover .cover-overlay {
        opacity: 1;
    }
    #profile-contents .ContentGrid {
        grid-template-columns: repeat(2, 1fr);
    }
    .profile-wrap .profile-header .user-details-container {
        padding: 0 20px;
    }
    .profile-wrap .profile-card{
        margin-bottom: 28px;
    }
    .profile-wrap .profile-header .user-details-container .user-details .user-info, .profile-wrap .profile-header .user-details-container .user-details .user-location a,.profile-wrap .profile-header .user-details-container .user-details .user-info-website{
        justify-content: center;
        width: auto;
    }
    
    .profile-wrap .profile-card > .user-info {
        display: none;
    }
    
    .profile-features {
        display: none;
    }
    .profile-wrap {
        padding-top: 20px;
    }
    .page-banner .banner-title {
        font-size: 30px;
        padding: 0 8%;
    }
    
    .page-banner .banner-desc {
        line-height: 1.3;
        font-size: 20px;
    }
    .custom-popover .popover-body {
        width: 100%;
    }
    .header_top,.slide-panel,.page_details .footer_fixed.footer-hidden{
        display: none;
    }
    .header_top_mb{
        display: block;
    }
    .header_top_mb::after {
        background-color: #ececec;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .sort-dropdowns {
        display: none;
    }
    
    .search-by-image {
        display: none;
    }
    
    .search-wrapper {
        flex-direction: column-reverse;
        padding: 20px 12px;
    }
    
    .typeahead-wrapper {
        margin: 0;
    }
    
    .search-container {
        padding: 0;
        height: 40px;
    }
    
    .toggle-wrapper {
        margin: 15px 0 0;
        display: block;
        max-width: 100%;
    }
    
    .toggle-button {
        width: 100%;
        display: flex;
        height: 38px;
    }
    
    .search-form input {
        height: 39px;
    }
    
    .search-container .search-input-wrap {
        max-height: 40px;
    }
    
    .Projects-container .js-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-content {
        padding: 60px 35px 0;
    }
    
    .footer-section {
        width: 100%;
    }
    
    .footer_right {
        grid-template-columns: auto;
        margin: auto;
    }
    
    .main-footer {
        justify-content: center;
        flex-direction: column;
        padding-bottom: 60px;
    }
    
    .footer-link-container {
        width: 100%;
        text-align: center;
        margin: 0 0 60px 0;
    }
    .adobe-info {
        justify-content: center;
    }
    
    .bottom-footer {
        justify-content: center;
    }
    
    .more-footer-links {
        justify-content: center;
        margin: 0;
    }
    .search-sidebar {
        align-items: center;
        background: #fff;
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 249;
    }
    
    .accordion-wrapper {
        border: none;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .project-cover {
        max-width: 240px;
        min-width: 100%;
    }
    .Projects-container .js-grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .profile-work-sections{
        grid-template-columns: repeat(1, 1fr);
    }
}