.theme--dark {
        background: #1b1b38;
      }
      .theme--dark .link-btn-style:first-child {
        background: #1778f2;
      }
      .theme--dark .link-btn-style:nth-child(2) {
        background: #c32aa3;
      }
      .theme--dark .link-btn-style:nth-child(3) {
        background: #fffc00;
      }
      .theme--dark .link-btn-style:nth-child(4) {
        background: #007bb5;
      }
      .theme--dark.body-container .display-name {
        color: #fff;
      }
      .theme--dark.body-container .location path {
        fill: #7979ff;
      }
      .theme--dark.body-container .bio,
      .theme--dark.body-container label {
        color: rgba(201, 201, 255, 0.85);
      }
      .theme--dark.body-container .copy-container input,
      .theme--dark.body-container .copy-container textarea {
        background: hsla(0, 0%, 100%, 0.1);
        color: #fff;
        border: none;
      }
      .theme--dark.body-container .copy-container input:focus,
      .theme--dark.body-container .copy-container textarea:focus {
        background: hsla(0, 0%, 100%, 0.2);
      }
      .theme--dark.body-container .copy-container input::-moz-placeholder,
      .theme--dark.body-container .copy-container textarea::-moz-placeholder {
        color: hsla(0, 0%, 100%, 0.5);
      }
      .theme--dark.body-container .copy-container input:-ms-input-placeholder,
      .theme--dark.body-container
        .copy-container
        textarea:-ms-input-placeholder {
        color: hsla(0, 0%, 100%, 0.5);
      }
      .theme--dark.body-container .copy-container input::-ms-input-placeholder,
      .theme--dark.body-container
        .copy-container
        textarea::-ms-input-placeholder {
        color: hsla(0, 0%, 100%, 0.5);
      }
      .theme--dark.body-container .copy-container input::placeholder,
      .theme--dark.body-container .copy-container textarea::placeholder {
        color: hsla(0, 0%, 100%, 0.5);
      }
      .theme--dark.body-container .link-el.snapchat .link-content:after {
        border-color: #000;
      }
      .theme--dark.body-container .link-content:hover {
        opacity: 1;
      }
      .theme--dark.body-container .link-content:after {
        border-color: #fff;
        opacity: 1;
      }
      .theme--dark.body-container
        .link-el.snapchat
        .link-content
        .icon:not(.service) {
        color: #000;
        opacity: 0.5;
      }
      .theme--dark.body-container
        .link-el.snapchat
        .link-content
        .icon:not(.service):hover {
        opacity: 1;
      }
      .theme--dark.body-container .link-content .icon:not(.service) {
        color: #fff;
        opacity: 0.5;
      }
      .theme--dark.body-container .link-content .icon:not(.service):hover {
        opacity: 1;
      }
      .theme--dark.body-container .logo-wordmark--my {
        fill: #fff;
      }
      * {
        box-sizing: border-box;
      }
      html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      body {
        margin: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
      }
      blockquote,
      figure,
      h1,
      h2,
      h3,
      h4,
      ol,
      p,
      ul {
        margin: 0;
        padding: 0;
      }
      li,
      main {
        display: block;
      }
      h1,
      h2,
      h3,
      h4 {
        font-size: inherit;
      }
      strong {
        font-weight: 700;
      }
      a,
      button {
        color: inherit;
        transition: 0.3s;
      }
      a {
        text-decoration: none;
      }
      button {
        overflow: visible;
        border: 0;
        font: inherit;
        -webkit-font-smoothing: inherit;
        letter-spacing: inherit;
        background: none;
        margin: 0;
        cursor: pointer;
      }
      ::-moz-focus-inner {
        border: 0;
        padding: 0;
      }
      :focus {
        outline: 0;
      }
      img {
        max-width: 100%;
        height: auto;
        border: 0;
      }
    
      * {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        font-family: Raleway, sans-serif;
        outline: 0;
        outline-style: none;
      }
      #gradient-svg {
        height: 0;
        position: absolute;
        width: 0;
      }
      .icon {
        align-items: center;
        display: flex;
        justify-content: center;
      }
      .icon svg {
        fill: currentColor;
        height: 1.25rem;
        width: 1.25rem;
      }
      .icon.red svg {
        fill: #ff4a66;
      }
      .icon.orange svg {
        fill: #ff9b00;
      }
      .icon.green svg {
        fill: #6bc818;
      }
      .icon.yellow svg {
        fill: #ffde1f;
      }
      .icon.blue svg {
        fill: #33cbdf;
      }
      .icon.gray svg {
        fill: #b4bec8;
      }
      .icon.lightGray svg {
        fill: #f6f8fc;
      }
      .icon.purple svg {
        fill: #7979ff;
      }
      .icon.success svg {
        fill: #6bc818;
      }
      .icon.alert svg,
      .icon.error svg {
        fill: #ff4a66;
      }
      .icon.info svg {
        fill: #33cbdf;
      }
      .icon.black svg {
        fill: #000;
      }
      .icon.white svg {
        fill: #fff;
      }
      .icon.text--light svg {
        fill: #7373aa;
      }
      .icon.large svg {
        height: 11.25rem;
        width: 11.25rem;
      }
      .icon.circle {
        background: #000;
        border-radius: 30px;
        box-sizing: border-box;
        color: #fff;
        height: 1.25rem;
        padding: 0.125rem;
        width: 1.25rem;
      }
      .icon.circle.red {
        background: #ff4a66;
      }
      .icon.circle.orange {
        background: #ff9b00;
      }
      .icon.circle.green {
        background: #6bc818;
      }
      .icon.circle.yellow {
        background: #ffde1f;
      }
      .icon.circle.blue {
        background: #33cbdf;
      }
      .icon.circle.gray {
        background: #b4bec8;
      }
      .icon.circle.lightGray {
        background: #f6f8fc;
      }
      .icon.circle.purple {
        background: #7979ff;
      }
      .icon.circle.success {
        background: #6bc818;
      }
      .icon.circle.alert,
      .icon.circle.error {
        background: #ff4a66;
      }
      .icon.circle.info {
        background: #33cbdf;
      }
      .icon.circle.black {
        background: #000;
      }
      .icon.circle.white {
        background: #fff;
      }
      .icon.circle.text--light {
        background: #7373aa;
      }
      .icon.circle svg {
        fill: #fff;
      }
      .icon.circle.large {
        border-radius: 12.5rem;
        height: 9.375rem;
        padding: 1.25rem;
        width: 9.375rem;
      }
      .icon.huge svg {
        fill: #7373aa;
        height: 12.5rem;
        width: 12.5rem;
      }
      .icon.tooltip {
        background: #0be1fd;
        border-radius: 20px;
        cursor: pointer;
        fill: #fff;
        height: 0.5rem;
        margin-left: 0.3125rem;
        padding: 0.125rem;
        position: relative;
        width: 0.5rem;
      }
      .card-icon {
        height: 1.25rem;
      }
      .profiles { margin-top: 0px;
        padding: 0;
        background: rgb(223, 3, 3);
      }
      @media (min-width: 34.375rem) {
        .profiles {
          align-items: center;
        }
      }
      .body-container {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: calc(100vh - 3.75rem);
        overflow: hidden;
        padding-bottom: 1.25rem;
        position: relative;
        width: 100%;
      }
      @media (min-width: 64rem) {
        .body-container {
          margin: 0 0 0 5rem;
          min-height: calc(100vh - 5rem);
          width: calc(100% - 5rem);
        }
      }
      .body-container.no-menu {
        margin: 0;
        min-height: 100vh;
        width: 100%;
      }
      .body-container:before {
        background-position: 50%;
        background-size: cover;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: scale(1.1);
        width: 100%;
      }
      .profile-media {
        flex-grow: 1;
        z-index: 1;
      }
      .branding-bar,
      .profile-media {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding: 0px;
        margin: 0px;
      }
      .branding-bar .unsplash-credit {
        font-size: 12px;
        margin-top: 0px;
        position: relative;
      }
      .branding-bar .unsplash-credit span {
        opacity: 0.6;
      }
      .branding-bar .unsplash-credit a {
        display: inline-block;
        opacity: 0.7;
        text-decoration: underline;
        transition: 0.3s;
      }
      .branding-bar .unsplash-credit a:hover {
        opacity: 1;
      }
      a.branding {
        display: block;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 1;
      }
      a.branding svg {
        display: block;
        height: 1.875rem;
        opacity: 0.5;
        transition: 0.3s;
      }
      a.branding svg:hover {
        opacity: 1;
      }
      .copy-container {
        margin: 1.25rem 0 0.9375rem;
        position: relative;
        z-index: 1;
      }
      .copy-container .input-container {
        max-width: 25rem;
        position: relative;
        width: calc(100vw - 40px);
      }
      @media (min-width: 64rem) {
        .copy-container .input-container {
          width: 100vw;
        }
      }
      .copy-container .input-container input {
        margin-bottom: 0;
      }
      .copy-container input {
        border-radius: 3.125rem;
      }
      .copy-container button.button {
        border-radius: 3.125rem;
        margin-bottom: 0;
        position: absolute;
        right: 0;
        top: 0;
      }
      .profile-container {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        margin: 0 auto;
        max-width: 37.5rem;
        padding: 1.25rem 0;
        width: calc(100% - 40px);
      }
      @media (min-width: 34.375rem) {
        .profile-container {
          padding: 2.5rem 0;
        }
      }
      form.profile-header {
        margin-bottom: 0;
      }
      .profile-header {
        align-items: center;
        color: #303066;
        display: flex;
        flex-direction: column;
        margin-bottom: 0.625rem;
        position: relative;
      }
      @media (min-width: 34.375rem) {
        .profile-header {
          align-items: flex-start;
          margin-bottom: 0.9375rem;
          flex-direction: row;
        }
      }
      .profile-header .form-inputs {
        flex-grow: 1;
      }
      .profile-header .form-inputs .input-wrapper {
        margin-bottom: 1.5625rem;
        padding: 0;
        width: 100%;
      }
      @media (max-width: 34.375rem) {
        .profile-header .form-inputs {
          width: 100%;
        }
      }
      .profile-header .form-inputs button.button {
        margin-left: auto;
      }
      .edit-profile {
        position: absolute;
        right: 0;
        top: 0;
      }
      .application .profile-image,
      .profile-image-container .profile-image {
        background-size: cover;
        border-radius: 100%;
        box-shadow: 0 7px 10px rgba(50, 50, 93, 0.1),
          0 3px 4px rgba(0, 0, 0, 0.06);
        height: 7.5rem;
        min-height: 7.5rem;
        min-width: 7.5rem;
        overflow: hidden;
        position: relative;
        width: 7.5rem;
      }
      @media (min-width: 34.375rem) {
        .application .profile-image,
        .profile-image-container .profile-image {
          height: 9.375rem;
          min-height: 9.375rem;
          min-width: 9.375rem;
          width: 9.375rem;
        }
      }
      .application .profile-image label,
      .profile-image-container .profile-image label {
        border-radius: 150px;
        cursor: pointer;
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
      }
      .application .profile-image label input[type="file"],
      .profile-image-container .profile-image label input[type="file"] {
        display: none;
      }
      .application .profile-image label .overlay,
      .profile-image-container .profile-image label .overlay {
        align-items: center;
        background: rgba(0, 0, 0, 0.3);
        border: 4px dotted #fff;
        border-radius: 150px;
        border-spacing: 13px;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: 0.3s;
        width: 100%;
      }
      @media (min-width: 64rem) {
        .application .profile-image label .overlay,
        .profile-image-container .profile-image label .overlay {
          opacity: 0;
          transform: scale(1.3);
        }
      }
      .application .profile-image label .overlay span.icon svg,
      .profile-image-container .profile-image label .overlay span.icon svg {
        color: #fff;
        height: 1.875rem;
        width: 1.875rem;
      }
      .application .profile-image label:hover .overlay,
      .application .profile-image label[data-overlay] .overlay,
      .profile-image-container .profile-image label:hover .overlay,
      .profile-image-container .profile-image label[data-overlay] .overlay {
        opacity: 1;
        transform: scale(1);
      }
      .profile-info {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        margin-top: 1.25rem;
        flex-direction: column;
        flex-grow: 1;
        flex-basis: 1%;
        width: 100%;
      }
      @media (min-width: 34.375rem) {
        .profile-info {
          align-items: flex-start;
          margin-top: 0;
          padding-left: 1.875rem;
        }
      }
      .display-name {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.875rem;
        padding-bottom: 0.5rem;
        padding-left: 0;
        word-break: break-word;
      }
      .display-name span {
        white-space: nowrap;
      }
      .display-name span:last-of-type {
        align-items: center;
        display: flex;
      }
      @media (max-width: 34.375rem) {
        .display-name {
          justify-content: center;
          text-align: center;
          width: 100%;
        }
      }
      .display-name .verified {
        align-items: center;
        cursor: pointer;
      }
      .location {
        align-items: center;
        border: 2px solid #7979ff;
        border-radius: 1.5625rem;
        color: #7979ff;
        display: flex;
        font-size: 0.875rem;
        margin: 0.3125rem 0;
        padding: 0.5rem 0.9375rem 0.5rem 0.625rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
      }
      .location .icon {
        margin-right: 0.3125rem;
      }
      .location .icon svg {
        height: 1rem;
        width: 1rem;
      }
      .bio {
        color: #7373aa;
        margin: 10px 0;
      }
      textarea#profile_bio {
        height: 6.25rem;
      }
      .profile-music-player,
      .profile-twitch-player,
      .profile-video {
        border-radius: 0.9375rem;
        height: 15.625rem;
        overflow: hidden;
      }
      @media (min-width: 34.375rem) {
        .profile-music-player,
        .profile-twitch-player,
        .profile-video {
          height: 20.9375rem;
        }
      }
      .profile-music-player iframe,
      .profile-twitch-player iframe,
      .profile-video iframe {
        height: 100%;
        width: 100%;
      }
      .profile-music-player {
        height: 18.75rem;
      }
      .profile-twitch-player {
        border-radius: 0.9375rem;
      }
      .profile-twitch-player--channel {
        height: calc(100vh - 11.25rem);
        max-height: 43.75rem;
      }
      .profile-twitch-player div {
        height: 100%;
        width: 100%;
      }
      [data-controller] .profile-links {
        margin-top: 0;
      }
      .profile-links {
        display: flex;
        flex-direction: column;
        margin-top: 0.625rem;
      }
      @media (min-width: 34.375rem) {
        .profile-links {
          margin-top: 0.9375rem;
        }
      }
      .profile-links:first-of-type {
        margin-bottom: 1.25rem;
      }
      .profile-links:first-of-type,
      .profile-links:last-of-type {
        margin-bottom: 0;
      }
      .profile-links > li {
        margin-bottom: 1.25rem;
      }
      .profile-links > li.placeholder {
        border: 2px dashed #7373aa;
        border-radius: 0.9375rem;
        height: 4.375rem;
      }
      .profile-links > li.moving .link-content {
        box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.35);
      }
      .profile-links > li.moving .link-content:after {
        content: "";
        background: repeating-linear-gradient(
          -45deg,
          #000,
          #000 10px,
          transparent 0,
          transparent 20px
        );
        height: 100%;
        opacity: 0.1;
        position: absolute;
        top: 0;
        width: 100%;
      }
      .profile-links > li[data-open="true"] .link-el .link-content {
        border-radius: 0.9375rem 0.9375rem 0 0;
      }
      .profile-links > li[data-open="true"] .icon.close {
        display: block;
        position: relative;
      }
      .profile-links > li[data-open="true"] .widget {
        border-radius: 0 0 0.9375rem 0.9375rem;
        max-height: 43.75rem;
        opacity: 1;
      }
      .profile-links > li[data-open="false"] .link-content {
        border-radius: 0.9375rem;
      }
      .profile-links > li[data-open="false"] .widget {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
      }
      .profile-links > li .widget {
        margin-bottom: 0;
        transition: 0.6s cubic-bezier(0.2, 0, 0, 1);
      }
      .link-content,
      .link-el {
        position: relative;
      }
      .link-content .widget,
      .link-el .widget {
        max-width: 100%;
      }
      .link-el.new-link .link-content {
        background: repeating-linear-gradient(
          -45deg,
          #fff,
          #fff 10px,
          rgba(115, 115, 170, 0.05) 0,
          rgba(115, 115, 170, 0.05) 20px
        );
        border: 2px dashed #303066;
        color: #303066;
        transition: 0.3s;
      }
      .link-el.new-link .link-content:hover {
        opacity: 0.7;
      }
      .link-el.new-link .link-content .link-icon {
        height: 4.125rem;
      }
      .link-el.new-link .link-content .icon.service {
        padding: 0.9375rem;
      }
      #subscribe-form-message {
        align-items: center;
        background: rgba(0, 0, 0, 0.75);
        border-radius: 0.9375rem;
        display: flex;
        margin-bottom: 1.25rem;
        padding: 0.9375rem;
      }
      #subscribe-form-message p {
        color: #fff;
        font-size: 1rem;
      }
      #subscribe-form-message.hide {
        display: none;
      }
      #subscribe-form-message svg {
        margin-right: 0.9375rem;
      }
      #subscribe-form-message.success svg {
        color: #6bc818;
      }
      #subscribe-form-message.error svg {
        color: #ff4a66;
      }
      .link-el.subscribe-form .link-icon,
      .link-el.subscribe-form .link-name {
        transition: 0.3s;
      }
  
      .link-el.subscribe-form form {
        align-items: center;
        display: flex;
        height: 4.375rem;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: 0.3s;
        width: 100%;
      }
      .link-el.subscribe-form form input {
        background: transparent;
        border: 0;
        color: #fff;
        font-size: 1rem;
        height: 100%;
        line-height: 100%;
        margin-bottom: 0;
        padding-left: 1.25rem;
        transform: translateX(200px);
        width: 100%;
      }
      .link-el.subscribe-form form input::-moz-placeholder {
        color: #fff;
        opacity: 0.5;
      }
      .link-el.subscribe-form form input:-ms-input-placeholder {
        color: #fff;
        opacity: 0.5;
      }
      .link-el.subscribe-form form input::-ms-input-placeholder {
        color: #fff;
        opacity: 0.5;
      }
      .link-el.subscribe-form form input::placeholder {
        color: #fff;
        opacity: 0.5;
      }
      .link-el.subscribe-form form button {
        background: hsla(0, 0%, 100%, 0.2);
        border-radius: 6.25rem;
        color: #fff;
        font-size: 0.8125rem;
        font-weight: 600;
        margin-right: 0.9375rem;
        padding: 0.5rem 0.9375rem;
        transition: 0.3s;
        transform: translateX(-50px);
      }
      .link-el.subscribe-form form button:hover {
        opacity: 0.65;
      }
      .body-container:not(.theme--custom) .link-content {
        border-radius: 0.9375rem;
      }
      .link-content {
        align-items: center;
        box-shadow: 0 7px 10px rgba(50, 50, 93, 0.1),
          0 3px 4px rgba(0, 0, 0, 0.06);
        cursor: pointer;
        display: flex;
        overflow: hidden;
        transition: 0.2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .link-content .link-name {
        overflow: hidden;
        padding-right: 0.9375rem;
        text-overflow: ellipsis;
      }
      .link-content .icon.close,
      .link-content .icon.move {
        color: #000;
        display: flex;
        margin-left: auto;
        opacity: 0.4;
        padding: 1.0625rem;
        position: relative;
        transition: 0.3s;
      }
      .link-content .icon.close:hover,
      .link-content .icon.move:hover {
        opacity: 1;
      }
      .link-content .icon.close {
        display: none;
        position: absolute;
      }
      .link-content .icon.move {
        cursor: move;
      }
      .link-content .link-icon {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        height: 4.375rem;
        margin-right: 0.9375rem;
        position: relative;
        width: 4.375rem;
      }
      .link-content .link-icon .icon.service {
        padding: 0.9375rem;
      }
      .link-content .link-icon .icon.service svg {
        height: 2.5rem;
        width: 2.5rem;
      }
      .link-content .link-icon .thumb {
        background-position: 50%;
        background-size: cover;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
      }
      .theme--classic .amazon .link-content,
      .theme--dark .amazon .link-content {
        background: #ff9b00;
        color: #fff;
      }
      .theme--classic .amino-apps .link-content,
      .theme--dark .amino-apps .link-content {
        background: #0cdb8a;
        color: #fff;
      }
      .theme--classic .anchorfm .link-content,
      .theme--dark .anchorfm .link-content {
        background: #8940fa;
        color: #fff;
      }
      .theme--classic .apple-app-store .link-content,
      .theme--dark .apple-app-store .link-content {
        background: #1c97f4;
        color: #fff;
      }
      .theme--classic .apple-music .link-content,
      .theme--dark .apple-music .link-content {
        background: #ea4cc0;
        color: #fff;
      }
      .theme--classic .apple-podcasts .link-content,
      .theme--dark .apple-podcasts .link-content {
        background: #d56dfb;
        color: #fff;
      }
      .theme--classic .audiomack .link-content,
      .theme--dark .audiomack .link-content {
        background: #ffa200;
        color: #fff;
      }
      .theme--classic .bandcamp .link-content,
      .theme--dark .bandcamp .link-content {
        background: #629aa9;
        color: #fff;
      }
      .theme--classic .beatstars .link-content,
      .theme--dark .beatstars .link-content {
        background: #e8210a;
        color: #fff;
      }
      .theme--classic .behance .link-content,
      .theme--dark .behance .link-content {
        background: #0054f8;
        color: #fff;
      }
      .theme--classic .bitbucket .link-content,
      .theme--dark .bitbucket .link-content {
        background: #0747a6;
        color: #fff;
      }
      .theme--classic .buymeacoffee .link-content,
      .theme--dark .buymeacoffee .link-content {
        background: #fd0;
        color: #000;
      }
      .theme--classic .buymeacoffee .link-content .icon.service,
      .theme--dark .buymeacoffee .link-content .icon.service {
        color: #000;
      }
      .theme--classic .buymeacoffee .link-content .icon.service svg path#inside,
      .theme--dark .buymeacoffee .link-content .icon.service svg path#inside {
        fill: #fff;
      }
      .theme--classic .blogger .link-content,
      .theme--dark .blogger .link-content {
        background: #ff5722;
        color: #fff;
      }
      .theme--classic .calendly .link-content,
      .theme--dark .calendly .link-content {
        background: #fff;
        color: #444752;
      }
      .theme--classic .cash-app .link-content,
      .theme--dark .cash-app .link-content {
        background: #00d632;
        color: #fff;
      }
      .theme--classic .deezer .link-content,
      .theme--dark .deezer .link-content {
        background: red;
        color: #fff;
      }
      .theme--classic .deviantart .link-content,
      .theme--dark .deviantart .link-content {
        background: #05cc47;
        color: #fff;
      }
      .theme--classic .discord .link-content,
      .theme--dark .discord .link-content {
        background: #7289da;
        color: #fff;
      }
      .theme--classic .distrokid .link-content,
      .theme--dark .distrokid .link-content {
        background: #0f78b8;
        color: #fff;
      }
      .theme--classic .dribbble .link-content,
      .theme--dark .dribbble .link-content {
        background: #ea4c89;
        color: #fff;
      }
      .theme--classic .dropbox .link-content,
      .theme--dark .dropbox .link-content {
        background: #007ee5;
        color: #fff;
      }
      .theme--classic .email .link-content,
      .theme--dark .email .link-content {
        background: #4c4c4c;
        color: #fff;
      }
      .theme--classic .etsy .link-content,
      .theme--dark .etsy .link-content {
        background: #eb6d20;
        color: #fff;
      }
      .theme--classic .eventbrite .link-content,
      .theme--dark .eventbrite .link-content {
        background: #f05537;
        color: #fff;
      }
      .theme--classic .facebook-messenger .link-content,
      .theme--dark .facebook-messenger .link-content {
        background: #0078ff;
        color: #fff;
      }
      .theme--classic .facebook .link-content,
      .theme--dark .facebook .link-content {
        background: #1778f2;
        color: #fff;
      }
      .theme--classic .flickr .link-content,
      .theme--dark .flickr .link-content {
        background: #006add;
        color: #fff;
      }
      .theme--classic .github .link-content,
      .theme--dark .github .link-content {
        background: #333;
        color: #fff;
      }
      .theme--classic .gofundme .link-content,
      .theme--dark .gofundme .link-content {
        background: #03866d;
        color: #fff;
      }
      .theme--classic .google-docs .link-content,
      .theme--dark .google-docs .link-content {
        background: #4285f4;
        color: #fff;
      }
      .theme--classic .google-drive .link-content,
      .theme--dark .google-drive .link-content {
        background: #0f9d58;
        color: #fff;
      }
      .theme--classic .google-forms .link-content,
      .theme--dark .google-forms .link-content {
        background: #673ab8;
        color: #fff;
      }
      .theme--classic .google-play-apps .link-content,
      .theme--dark .google-play-apps .link-content {
        background: #689f38;
        color: #fff;
      }
      .theme--classic .google-play-music .link-content,
      .theme--dark .google-play-music .link-content {
        background: #ef6c00;
        color: #fff;
      }
      .theme--classic .google-plus .link-content,
      .theme--dark .google-plus .link-content {
        background: #dd4b39;
        color: #fff;
      }
      .theme--classic .google-sheets .link-content,
      .theme--dark .google-sheets .link-content {
        background: #0f9d58;
        color: #fff;
      }
      .theme--classic .instagram .link-content,
      .theme--dark .instagram .link-content {
        background: #c32aa3;
        color: #fff;
      }
      .theme--classic .ko-fi .link-content,
      .theme--dark .ko-fi .link-content {
        background: #4b96b6;
        color: #fff;
      }
      .theme--classic .lastfm .link-content,
      .theme--dark .lastfm .link-content {
        background: #d51007;
        color: #fff;
      }
      .theme--classic .line .link-content,
      .theme--dark .line .link-content {
        background: #00c300;
        color: #fff;
      }
      .theme--classic .linkedin .link-content,
      .theme--dark .linkedin .link-content {
        background: #007bb5;
        color: #fff;
      }
      .theme--classic .mediafire .link-content,
      .theme--dark .mediafire .link-content {
        background: #0045a6;
        color: #fff;
      }
      .theme--classic .medium .link-content,
      .theme--dark .medium .link-content {
        background: #02b875;
        color: #fff;
      }
      .theme--classic .mixer .link-content,
      .theme--dark .mixer .link-content {
        background: #00bcf2;
        color: #fff;
      }
      .theme--classic .onlyfans .link-content,
      .theme--dark .onlyfans .link-content {
        background: #00aff0;
        color: #fff;
      }
      .theme--classic .other .link-content,
      .theme--dark .other .link-content {
        background: #7979ff;
        color: #fff;
      }
      .theme--classic .pandora .link-content,
      .theme--dark .pandora .link-content {
        background: #2d60f8;
        color: #fff;
      }
      .theme--classic .patreon .link-content,
      .theme--dark .patreon .link-content {
        background: #f96854;
        color: #fff;
      }
      .theme--classic .paypal .link-content,
      .theme--dark .paypal .link-content {
        background: #012269;
        color: #fff;
      }
      .theme--classic .periscope .link-content,
      .theme--dark .periscope .link-content {
        background: #40a4c4;
        color: #fff;
      }
      .theme--classic .phone .link-content,
      .theme--dark .phone .link-content {
        background: #4cd964;
        color: #fff;
      }
      .theme--classic .pinterest .link-content,
      .theme--dark .pinterest .link-content {
        background: #bd081c;
        color: #fff;
      }
      .theme--classic .poshmark .link-content,
      .theme--dark .poshmark .link-content {
        background: #822432;
        color: #fff;
      }
      .theme--classic .redbubble .link-content,
      .theme--dark .redbubble .link-content {
        background: #cd121e;
        color: #fff;
      }
      .theme--classic .reddit .link-content,
      .theme--dark .reddit .link-content {
        background: #ff4500;
        color: #fff;
      }
      .theme--classic .shopee .link-content,
      .theme--dark .shopee .link-content {
        background: #f53d2d;
        color: #fff;
      }
      .theme--classic .slack .link-content,
      .theme--dark .slack .link-content {
        background: #611f69;
        color: #fff;
      }
      .theme--classic .sms .link-content,
      .theme--dark .sms .link-content {
        background: #4cd964;
        color: #fff;
      }
      .theme--classic .snapchat .link-content,
      .theme--dark .snapchat .link-content {
        background: #fffc00;
        color: #000;
      }
      .theme--classic .snapchat .link-content .icon.service,
      .theme--dark .snapchat .link-content .icon.service {
        color: #000;
      }
      .theme--classic .snapchat .link-content .icon.service svg path,
      .theme--dark .snapchat .link-content .icon.service svg path {
        fill: #fff;
        stroke: #000;
        stroke-width: 10px;
      }
      .theme--classic .soundcloud .link-content,
      .theme--dark .soundcloud .link-content {
        background: #f50;
        color: #fff;
      }
      .theme--classic .spotify .link-content,
      .theme--dark .spotify .link-content {
        background: #1ed760;
        color: #fff;
      }
      .theme--classic .steam .link-content,
      .theme--dark .steam .link-content {
        background: #00aeef;
        color: #fff;
      }
      .theme--classic .telegram .link-content,
      .theme--dark .telegram .link-content {
        background: #08c;
        color: #fff;
      }
      .theme--classic .tellonym .link-content,
      .theme--dark .tellonym .link-content {
        background: #ff4486;
        color: #fff;
      }
      .theme--classic .tidal .link-content,
      .theme--dark .tidal .link-content {
        background: #000;
        color: #fff;
      }
      .theme--classic .tiktok .link-content,
      .theme--dark .tiktok .link-content {
        background: #f63449;
        color: #fff;
      }
      .theme--classic .tumblr .link-content,
      .theme--dark .tumblr .link-content {
        background: #2c4762;
        color: #fff;
      }
      .theme--classic .twitch .link-content,
      .theme--dark .twitch .link-content {
        background: #8d45f8;
        color: #fff;
      }
      .theme--classic .twitter .link-content,
      .theme--dark .twitter .link-content {
        background: #1da1f2;
        color: #fff;
      }
      .theme--classic .venmo .link-content,
      .theme--dark .venmo .link-content {
        background: #3d95ce;
        color: #fff;
      }
      .theme--classic .vimeo .link-content,
      .theme--dark .vimeo .link-content {
        background: #1ab7ea;
        color: #fff;
      }
      .theme--classic .vsco .link-content,
      .theme--dark .vsco .link-content {
        background: #000;
        color: #fff;
      }
      .theme--classic .wattpad .link-content,
      .theme--dark .wattpad .link-content {
        background: #ff6122;
        color: #fff;
      }
      .theme--classic .whatsapp .link-content,
      .theme--dark .whatsapp .link-content {
        background: #4fce5d;
        color: #fff;
      }
      .theme--classic .youtube .link-content,
      .theme--dark .youtube .link-content {
        background: red;
        color: #fff;
      }
      .thumbnail-container {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 1.25rem 1.25rem 0.625rem;
      }
      .thumbnail-container a {
        color: #7373aa;
        cursor: pointer;
        margin-top: 0.9375rem;
      }
      .thumbnail-container a:hover {
        text-decoration: underline;
      }
      .link-thumbnail-upload {
        background: #f2f4fc;
        background-position: 50%;
        background-size: cover;
        border-radius: 0.9375rem;
        box-shadow: 0 7px 10px rgba(50, 50, 93, 0.1),
          0 3px 4px rgba(0, 0, 0, 0.06);
        height: 9.375rem;
        overflow: hidden;
        position: relative;
        width: 9.375rem;
      }
      .link-thumbnail-upload label {
        border-radius: 0.9375rem;
        cursor: pointer;
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
      }
    
      .link-thumbnail-upload label .overlay {
        align-items: center;
        background: rgba(0, 0, 0, 0.3);
        border: 4px dotted #fff;
        border-radius: 0.9375rem;
        border-spacing: 13px;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: 0.3s;
        width: 100%;
      }
      @media (min-width: 64rem) {
        .link-thumbnail-upload label .overlay {
          opacity: 0;
          transform: scale(1.3);
        }
      }
      .link-thumbnail-upload label .overlay span.icon svg {
        color: #fff;
        height: 1.875rem;
        width: 1.875rem;
      }
      .link-thumbnail-upload label:hover .overlay {
        opacity: 1;
        transform: scale(1);
      }
      ul.link-list li {
        align-items: center;
        border-bottom: 1px solid #dedeff;
        display: flex;
        padding: 1.25rem;
        transition: 0.3s;
      }
      ul.link-list li:last-child {
        border-bottom: 0;
      }
      ul.link-list li:not(.no-results):hover {
        background: #f2f4fc;
      }
      ul.link-list li.no-results {
        background: #f2f4fc;
        color: #7373aa;
        justify-content: center;
      }
      ul.link-list .link-details {
        display: flex;
        flex-direction: column;
        max-width: 80%;
        white-space: nowrap;
      }
      ul.link-list .link-details .link-name,
      ul.link-list .link-details .link-url {
        overflow: hidden;
        text-overflow: ellipsis;
      }
      ul.link-list .link-details .link-name {
        color: #303066;
        font-size: 1rem;
        margin-bottom: 0.3125rem;
      }
      ul.link-list .link-details .link-url {
        color: #7373aa;
        font-size: 0.6875rem;
      }
      ul.link-list .link-details .link-url:hover {
        color: #7979ff;
        text-decoration: underline;
      }
      ul.link-list .link-count {
        color: #7373aa;
        font-size: 1.5rem;
        margin-left: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      ul.link-list .link-badge {
        margin-left: auto;
      }
      .animation-preview {
        align-items: center;
        background: #7979ff;
        border-radius: 0.9375rem;
        color: #fff;
        display: flex;
        height: 3.125rem;
        justify-content: center;
        margin: 1.25rem auto 1.875rem;
        max-width: 21.875rem;
        width: calc(100% - 40px);
        z-index: 0 !important;
      }
      .upgrade-message {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding-top: 0.625rem;
      }
      @media (min-width: 64rem) {
        .upgrade-message {
          flex-direction: row;
        }
      }
      .upgrade-message a.button {
        margin-bottom: 0.625rem;
      }
      @media (min-width: 64rem) {
        .upgrade-message a.button {
          margin-bottom: 0;
          margin-left: auto;
          margin-right: 1.25rem;
        }
      }
      ul.icon-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      ul.icon-links li {
        margin: 0.625rem;
      }
      ul.icon-links li svg {
        height: 2.5rem;
        opacity: 1;
        transition: 0.3s;
        width: 2.5rem;
      }
      @media (min-width: 64rem) {
        ul.icon-links li svg {
          height: 3.125rem;
          width: 3.125rem;
        }
      }
      ul.icon-links li a {
        color: #7979ff;
      }
      ul.icon-links li a:hover svg {
        opacity: 0.75;
      }
      .animation--jello {
        -webkit-animation: link-jello 3s ease infinite;
        animation: link-jello 3s ease infinite;
        position: relative;
        z-index: 2;
      }
      .animation--wobble {
        -webkit-animation: link-wobble 3s ease infinite;
        animation: link-wobble 3s ease infinite;
        position: relative;
        z-index: 2;
      }
      .animation--bounce {
        -webkit-animation: link-bounce 3s ease infinite;
        animation: link-bounce 3s ease infinite;
        position: relative;
        z-index: 2;
      }
      .animation--pulse {
        -webkit-animation: link-pulse 3s ease infinite;
        animation: link-pulse 3s ease infinite;
        position: relative;
        z-index: 2;
      }
      .animation--vibrate {
        -webkit-animation: link-vibrate 3s ease infinite;
        animation: link-vibrate 3s ease infinite;
        position: relative;
        z-index: 2;
      }
      .animation--shake {
        -webkit-animation: link-shake 3s ease infinite;
        animation: link-shake 3s ease infinite;
        position: relative;
        z-index: 2;
      }
      @-webkit-keyframes link-jello {
        0% {
          transform: scaleX(1);
        }
        9% {
          transform: scale3d(1.25, 0.75, 1);
        }
        12% {
          transform: scale3d(0.75, 1.25, 1);
        }
        15% {
          transform: scale3d(1.15, 0.85, 1);
        }
        19.5% {
          transform: scale3d(0.95, 1.05, 1);
        }
        22.5% {
          transform: scale3d(1.05, 0.95, 1);
        }
        30% {
          transform: scaleX(1);
        }
      }
      @keyframes link-jello {
        0% {
          transform: scaleX(1);
        }
        9% {
          transform: scale3d(1.25, 0.75, 1);
        }
        12% {
          transform: scale3d(0.75, 1.25, 1);
        }
        15% {
          transform: scale3d(1.15, 0.85, 1);
        }
        19.5% {
          transform: scale3d(0.95, 1.05, 1);
        }
        22.5% {
          transform: scale3d(1.05, 0.95, 1);
        }
        30% {
          transform: scaleX(1);
        }
      }
      @-webkit-keyframes link-wobble {
        0%,
        26.6666666667% {
          transform: translateX(0);
          transform-origin: 50% 50%;
        }
        4% {
          transform: translateX(-30px) rotate(-6deg);
        }
        8% {
          transform: translateX(15px) rotate(6deg);
        }
        12% {
          transform: translateX(-15px) rotate(-3.6deg);
        }
        16% {
          transform: translateX(9px) rotate(2.4deg);
        }
        20% {
          transform: translateX(-6px) rotate(-1.2deg);
        }
      }
      @keyframes link-wobble {
        0%,
        26.6666666667% {
          transform: translateX(0);
          transform-origin: 50% 50%;
        }
        4% {
          transform: translateX(-30px) rotate(-6deg);
        }
        8% {
          transform: translateX(15px) rotate(6deg);
        }
        12% {
          transform: translateX(-15px) rotate(-3.6deg);
        }
        16% {
          transform: translateX(9px) rotate(2.4deg);
        }
        20% {
          transform: translateX(-6px) rotate(-1.2deg);
        }
      }
      @-webkit-keyframes link-bounce {
        0% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 1;
          transform: translateY(-45px);
        }
        8% {
          opacity: 1;
        }
        13.3333333333% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-24px);
        }
        21.6666666667% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-12px);
        }
        27.3333333333% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-6px);
        }
        31% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-4px);
        }
        8.3333333333%,
        18.3333333333%,
        25%,
        29% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: translateY(0);
        }
        33.3333333333% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          opacity: 1;
          transform: translateY(0);
        }
      }
      @keyframes link-bounce {
        0% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 1;
          transform: translateY(-45px);
        }
        8% {
          opacity: 1;
        }
        13.3333333333% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-24px);
        }
        21.6666666667% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-12px);
        }
        27.3333333333% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-6px);
        }
        31% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: translateY(-4px);
        }
        8.3333333333%,
        18.3333333333%,
        25%,
        29% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: translateY(0);
        }
        33.3333333333% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          opacity: 1;
          transform: translateY(0);
        }
      }
      @-webkit-keyframes link-pulse {
        0% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: scale(1);
          transform-origin: center center;
        }
        5% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: scale(1.09);
        }
        8.5% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: scale(1.02);
        }
        16.5% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: scale(1.13);
        }
        22.5% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: scale(1);
        }
      }
      @keyframes link-pulse {
        0% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: scale(1);
          transform-origin: center center;
        }
        5% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: scale(1.09);
        }
        8.5% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: scale(1.02);
        }
        16.5% {
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          transform: scale(1.13);
        }
        22.5% {
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          transform: scale(1);
        }
      }
      @-webkit-keyframes link-vibrate {
        0% {
          transform: translate(0);
        }
        2% {
          transform: translate(-2px, 2px);
        }
        4% {
          transform: translate(-2px, -2px);
        }
        6% {
          transform: translate(2px, 2px);
        }
        8% {
          transform: translate(2px, -2px);
        }
        10% {
          transform: translate(0);
        }
      }
      @keyframes link-vibrate {
        0% {
          transform: translate(0);
        }
        2% {
          transform: translate(-2px, 2px);
        }
        4% {
          transform: translate(-2px, -2px);
        }
        6% {
          transform: translate(2px, 2px);
        }
        8% {
          transform: translate(2px, -2px);
        }
        10% {
          transform: translate(0);
        }
      }
      @-webkit-keyframes link-shake {
        0%,
        26.6666666667% {
          transform: translateX(0);
        }
        2.6666666667%,
        8%,
        13.3333333333%,
        18.6666666667% {
          transform: translateX(-10px);
        }
        5.3333333333%,
        10.6666666667%,
        16% {
          transform: translateX(10px);
        }
        21.3333333333% {
          transform: translateX(8px);
        }
        24% {
          transform: translateX(-8px);
        }
      }
      @keyframes link-shake {
        0%,
        26.6666666667% {
          transform: translateX(0);
        }
        2.6666666667%,
        8%,
        13.3333333333%,
        18.6666666667% {
          transform: translateX(-10px);
        }
        5.3333333333%,
        10.6666666667%,
        16% {
          transform: translateX(10px);
        }
        21.3333333333% {
          transform: translateX(8px);
        }
        24% {
          transform: translateX(-8px);
        }
      }

	  #cleversoft img {
    transition: 0.3s;
    filter: grayscale(1);
    border-radius: 50%;
    padding: 4px;
    width: 45px; height: 47px;
  
    margin-top: 20px;
    margin-bottom: 10pox;
    
    
}
#cleversoft:hover img {
    transition: 0.3s;
    filter: grayscale(0);
    box-shadow: 2px 44px 143px 62px rgba(240, 219, 32, 0.79);
    -webkit-box-shadow: 2px 44px 143px 62px rgba(255, 196, 0, 0.79);
    -moz-box-shadow: 2px 44px 143px 62px rgba(240, 219, 32, 0.79);
  
}