.theme--classic {
    background: white;
  }
  .theme--classic .link-btn-style:nth-child(1) {
    background: #1778f2;
  }
  .theme--classic .link-btn-style:nth-child(2) {
    background: #c32aa3;
  }
  .theme--classic .link-btn-style:nth-child(3) {
    background: #fffc00;
  }
  .theme--classic .link-btn-style:nth-child(4) {
    background: #007bb5;
  }
  .theme--classic.body-container .display-name {
    color: rgb(48, 48, 102);
  }
  .theme--classic.body-container .location path {
    fill: rgb(121, 121, 255);
  }
  .theme--classic.body-container .bio, .theme--classic.body-container label {
    color: rgb(115, 115, 170);
  }
  .theme--classic.body-container .copy-container > input,
  .theme--classic.body-container .copy-container > textarea {
    border: 1px solid #dedeff;
  }
  .theme--classic.body-container .link-el.snapchat .link-content::after {
    border-color: black;
  }
  .theme--classic.body-container .link-content:hover {
    opacity: 1;
  }
  .theme--classic.body-container .link-content::after {
    border-color: white;
    opacity: 1;
  }
  .theme--classic.body-container .link-content.new-link {
    background: repeating-linear-gradient(-45deg, rgba(121, 121, 255, 0.05), rgba(121, 121, 255, 0.05) 10px, rgba(121, 121, 255, 0.1) 10px, rgba(121, 121, 255, 0.1) 20px);
    border: 2px dashed rgb(48, 48, 102);
    color: rgb(48, 48, 102);
  }
  .theme--classic.body-container .link-content.new-link:hover {
    opacity: 0.75;
  }
  .theme--classic.body-container .link-el.snapchat .link-content .icon:not(.service) {
    color: black;
    opacity: 0.5;
  }
  .theme--classic.body-container .link-el.snapchat .link-content .icon:not(.service):hover {
    opacity: 1;
  }
  .theme--classic.body-container .link-content .icon:not(.service) {
    color: white;
    opacity: 0.5;
  }
  .theme--classic.body-container .link-content .icon:not(.service):hover {
    opacity: 1;
  }
  * {
    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;
  }
  
  h1,
  h2,
  h3,
  h4,
  p,
  blockquote,
  figure,
  ol,
  ul {
    margin: 0;
    padding: 0;
  }
  
  main,
  li {
    display: block;
  }
  
  h1,
  h2,
  h3,
  h4 {
    font-size: inherit;
  }
  
  strong {
    font-weight: bold;
  }
  
  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;
  }
  
  body {
    -webkit-backface-visibility: hidden;
  }
  
  * {
    -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: rgb(255, 74, 102);
  }
  .icon.orange svg {
    fill: rgb(255, 155, 0);
  }
  .icon.green svg {
    fill: rgb(107, 200, 24);
  }
  .icon.yellow svg {
    fill: rgb(255, 222, 31);
  }
  .icon.blue svg {
    fill: rgb(51, 203, 223);
  }
  .icon.gray svg {
    fill: #b4bec8;
  }
  .icon.lightGray svg {
    fill: #f6f8fc;
  }
  .icon.purple svg {
    fill: rgb(121, 121, 255);
  }
  .icon.success svg {
    fill: rgb(107, 200, 24);
  }
  .icon.alert svg {
    fill: rgb(255, 74, 102);
  }
  .icon.error svg {
    fill: rgb(255, 74, 102);
  }
  .icon.info svg {
    fill: rgb(51, 203, 223);
  }
  .icon.black svg {
    fill: black;
  }
  .icon.white svg {
    fill: white;
  }
  .icon.text--light svg {
    fill: rgb(115, 115, 170);
  }
  .icon.large svg {
    height: 11.25rem;
    width: 11.25rem;
  }
  .icon.circle {
    background: black;
    border-radius: 30px;
    box-sizing: border-box;
    color: white;
    height: 1.25rem;
    padding: 0.125rem;
    width: 1.25rem;
  }
  .icon.circle.red {
    background: rgb(255, 74, 102);
  }
  .icon.circle.orange {
    background: rgb(255, 155, 0);
  }
  .icon.circle.green {
    background: rgb(107, 200, 24);
  }
  .icon.circle.yellow {
    background: rgb(255, 222, 31);
  }
  .icon.circle.blue {
    background: rgb(51, 203, 223);
  }
  .icon.circle.gray {
    background: #b4bec8;
  }
  .icon.circle.lightGray {
    background: #f6f8fc;
  }
  .icon.circle.purple {
    background: rgb(121, 121, 255);
  }
  .icon.circle.success {
    background: rgb(107, 200, 24);
  }
  .icon.circle.alert {
    background: rgb(255, 74, 102);
  }
  .icon.circle.error {
    background: rgb(255, 74, 102);
  }
  .icon.circle.info {
    background: rgb(51, 203, 223);
  }
  .icon.circle.black {
    background: black;
  }
  .icon.circle.white {
    background: white;
  }
  .icon.circle.text--light {
    background: rgb(115, 115, 170);
  }
  .icon.circle svg {
    fill: white;
  }
  .icon.circle.large {
    border-radius: 12.5rem;
    height: 9.375rem;
    padding: 1.25rem;
    width: 9.375rem;
  }
  .icon.huge svg {
    fill: rgb(115, 115, 170);
    height: 12.5rem;
    width: 12.5rem;
  }
  .icon.tooltip {
    background: rgb(51, 203, 223);
    border-radius: 20px;
    cursor: pointer;
    fill: white;
    height: 0.5rem;
    margin-left: 0.3125rem;
    padding: 0.125rem;
    position: relative;
    width: 0.5rem;
  }
  
  .card-icon {
    height: 1.25rem;
  }
  
  .profiles {
    background: white;
  }
  @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: center;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1.1);
    width: 100%;
  }
  
  .profile-media {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    width: 100%;
    z-index: 1;
  }
  
  .branding-bar {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .branding-bar .unsplash-credit {
    font-size: 12px;
    margin-top: 0.9375rem;
    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 0;
    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: rgb(48, 48, 102);
    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 white;
    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: white;
    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 rgb(121, 121, 255);
    border-radius: 1.5625rem;
    color: rgb(121, 121, 255);
    display: flex;
    font-size: 0.875rem;
    margin: 0.3125rem 0;
    padding: 0.5rem 0.9375rem 0.5rem 0.625rem;
    width: max-content;
  }
  .location .icon {
    margin-right: 0.3125rem;
  }
  .location .icon svg {
    height: 1rem;
    width: 1rem;
  }
  
  .bio {
    color: rgb(115, 115, 170);
    margin: 10px 0;
    white-space: pre-wrap;
  }
  
  textarea#profile_bio {
    height: 6.25rem;
  }
  
  .profile-twitch-player,
  .profile-music-player,
  .profile-video {
    border-radius: 0.9375rem;
    height: 15.625rem;
    overflow: hidden;
  }
  @media (min-width: 34.375rem) {
    .profile-twitch-player,
    .profile-music-player,
    .profile-video {
      height: 20.9375rem;
    }
  }
  .profile-twitch-player iframe,
  .profile-music-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 rgb(115, 115, 170);
    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, black, black 10px, transparent 10px, 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, white, white 10px, rgba(115, 115, 170, 0.05) 10px, rgba(115, 115, 170, 0.05) 20px);
    border: 2px dashed rgb(48, 48, 102);
    color: rgb(48, 48, 102);
    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: white;
    font-size: 1rem;
  }
  #subscribe-form-message.hide {
    display: none;
  }
  #subscribe-form-message svg {
    margin-right: 0.9375rem;
  }
  #subscribe-form-message.success svg {
    color: rgb(107, 200, 24);
  }
  #subscribe-form-message.error svg {
    color: rgb(255, 74, 102);
  }
  
  .link-el.subscribe-form .link-icon,
  .link-el.subscribe-form .link-name {
    transition: 0.3s;
  }
  .link-el.subscribe-form[data-open=true] .link-icon {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-200px);
  }
  .link-el.subscribe-form[data-open=true] .link-name {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-200px);
  }
  .link-el.subscribe-form[data-open=true] form {
    opacity: 1;
    pointer-events: all;
  }
  .link-el.subscribe-form[data-open=true] form input,
  .link-el.subscribe-form[data-open=true] form button {
    transform: translateX(0);
  }
  .link-el.subscribe-form[data-open=true] .link-content::after {
    opacity: 0;
    transform: translateX(50px) rotate(-45deg);
  }
  .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: white;
    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::placeholder {
    color: white;
    opacity: 0.5;
  }
  .link-el.subscribe-form form button {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6.25rem;
    color: white;
    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;
    user-select: none;
  }
  .link-content .link-name {
    overflow: hidden;
    padding-right: 0.9375rem;
    text-overflow: ellipsis;
  }
  .link-content .icon.move,
  .link-content .icon.close {
    color: black;
    display: flex;
    margin-left: auto;
    opacity: 0.4;
    padding: 1.0625rem;
    position: relative;
    transition: 0.3s;
  }
  .link-content .icon.move:hover,
  .link-content .icon.close: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: center center;
    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: white;
  }
  .theme--classic .amino-apps .link-content,
  .theme--dark .amino-apps .link-content {
    background: #0cdb8a;
    color: white;
  }
  .theme--classic .anchorfm .link-content,
  .theme--dark .anchorfm .link-content {
    background: #8940fa;
    color: white;
  }
  .theme--classic .apple-app-store .link-content,
  .theme--dark .apple-app-store .link-content {
    background: #1c97f4;
    color: white;
  }
  .theme--classic .apple-music .link-content,
  .theme--dark .apple-music .link-content {
    background: #ea4cc0;
    color: white;
  }
  .theme--classic .apple-podcasts .link-content,
  .theme--dark .apple-podcasts .link-content {
    background: #d56dfb;
    color: white;
  }
  .theme--classic .audiomack .link-content,
  .theme--dark .audiomack .link-content {
    background: #ffa200;
    color: white;
  }
  .theme--classic .bandcamp .link-content,
  .theme--dark .bandcamp .link-content {
    background: #629aa9;
    color: white;
  }
  .theme--classic .beatstars .link-content,
  .theme--dark .beatstars .link-content {
    background: #e8210a;
    color: white;
  }
  .theme--classic .behance .link-content,
  .theme--dark .behance .link-content {
    background: #0054f8;
    color: white;
  }
  .theme--classic .bitbucket .link-content,
  .theme--dark .bitbucket .link-content {
    background: #0747a6;
    color: white;
  }
  .theme--classic .buymeacoffee .link-content,
  .theme--dark .buymeacoffee .link-content {
    background: #FFDD00;
    color: black;
  }
  .theme--classic .buymeacoffee .link-content .icon.service,
  .theme--dark .buymeacoffee .link-content .icon.service {
    color: black;
  }
  .theme--classic .buymeacoffee .link-content .icon.service svg path#inside,
  .theme--dark .buymeacoffee .link-content .icon.service svg path#inside {
    fill: white;
  }
  .theme--classic .blogger .link-content,
  .theme--dark .blogger .link-content {
    background: #ff5722;
    color: white;
  }
  .theme--classic .calendly .link-content,
  .theme--dark .calendly .link-content {
    background: white;
    color: #444752;
  }
  .theme--classic .cash-app .link-content,
  .theme--dark .cash-app .link-content {
    background: #00d632;
    color: white;
  }
  .theme--classic .deezer .link-content,
  .theme--dark .deezer .link-content {
    background: #ff0000;
    color: white;
  }
  .theme--classic .deviantart .link-content,
  .theme--dark .deviantart .link-content {
    background: #05cc47;
    color: white;
  }
  .theme--classic .discord .link-content,
  .theme--dark .discord .link-content {
    background: #7289da;
    color: white;
  }
  .theme--classic .distrokid .link-content,
  .theme--dark .distrokid .link-content {
    background: #0f78b8;
    color: white;
  }
  .theme--classic .dribbble .link-content,
  .theme--dark .dribbble .link-content {
    background: #ea4c89;
    color: white;
  }
  .theme--classic .dropbox .link-content,
  .theme--dark .dropbox .link-content {
    background: #007ee5;
    color: white;
  }
  .theme--classic .email .link-content,
  .theme--dark .email .link-content {
    background: #4c4c4c;
    color: white;
  }
  .theme--classic .etsy .link-content,
  .theme--dark .etsy .link-content {
    background: #eb6d20;
    color: white;
  }
  .theme--classic .eventbrite .link-content,
  .theme--dark .eventbrite .link-content {
    background: #f05537;
    color: white;
  }
  .theme--classic .facebook-messenger .link-content,
  .theme--dark .facebook-messenger .link-content {
    background: #0078ff;
    color: white;
  }
  .theme--classic .facebook .link-content,
  .theme--dark .facebook .link-content {
    background: #1778f2;
    color: white;
  }
  .theme--classic .flickr .link-content,
  .theme--dark .flickr .link-content {
    background: #006add;
    color: white;
  }
  .theme--classic .github .link-content,
  .theme--dark .github .link-content {
    background: #333333;
    color: white;
  }
  .theme--classic .gofundme .link-content,
  .theme--dark .gofundme .link-content {
    background: #03866d;
    color: white;
  }
  .theme--classic .google-docs .link-content,
  .theme--dark .google-docs .link-content {
    background: #4285f4;
    color: white;
  }
  .theme--classic .google-drive .link-content,
  .theme--dark .google-drive .link-content {
    background: #0f9d58;
    color: white;
  }
  .theme--classic .google-forms .link-content,
  .theme--dark .google-forms .link-content {
    background: #673ab8;
    color: white;
  }
  .theme--classic .google-play-apps .link-content,
  .theme--dark .google-play-apps .link-content {
    background: #689f38;
    color: white;
  }
  .theme--classic .google-play-music .link-content,
  .theme--dark .google-play-music .link-content {
    background: #ef6c00;
    color: white;
  }
  .theme--classic .google-plus .link-content,
  .theme--dark .google-plus .link-content {
    background: #dd4b39;
    color: white;
  }
  .theme--classic .google-sheets .link-content,
  .theme--dark .google-sheets .link-content {
    background: #0f9d58;
    color: white;
  }
  .theme--classic .instagram .link-content,
  .theme--dark .instagram .link-content {
    background: #c32aa3;
    color: white;
  }
  .theme--classic .ko-fi .link-content,
  .theme--dark .ko-fi .link-content {
    background: #4b96b6;
    color: white;
  }
  .theme--classic .lastfm .link-content,
  .theme--dark .lastfm .link-content {
    background: #d51007;
    color: white;
  }
  .theme--classic .line .link-content,
  .theme--dark .line .link-content {
    background: #00c300;
    color: white;
  }
  .theme--classic .linkedin .link-content,
  .theme--dark .linkedin .link-content {
    background: #007bb5;
    color: white;
  }
  .theme--classic .mediafire .link-content,
  .theme--dark .mediafire .link-content {
    background: #0045a6;
    color: white;
  }
  .theme--classic .medium .link-content,
  .theme--dark .medium .link-content {
    background: #02b875;
    color: white;
  }
  .theme--classic .mixer .link-content,
  .theme--dark .mixer .link-content {
    background: #00bcf2;
    color: white;
  }
  .theme--classic .onlyfans .link-content,
  .theme--dark .onlyfans .link-content {
    background: #00aff0;
    color: white;
  }
  .theme--classic .other .link-content,
  .theme--dark .other .link-content {
    background: rgb(121, 121, 255);
    color: white;
  }
  .theme--classic .pandora .link-content,
  .theme--dark .pandora .link-content {
    background: #2d60f8;
    color: white;
  }
  .theme--classic .patreon .link-content,
  .theme--dark .patreon .link-content {
    background: #f96854;
    color: white;
  }
  .theme--classic .paypal .link-content,
  .theme--dark .paypal .link-content {
    background: #012269;
    color: white;
  }
  .theme--classic .periscope .link-content,
  .theme--dark .periscope .link-content {
    background: #40a4c4;
    color: white;
  }
  .theme--classic .phone .link-content,
  .theme--dark .phone .link-content {
    background: #4cd964;
    color: white;
  }
  .theme--classic .pinterest .link-content,
  .theme--dark .pinterest .link-content {
    background: #bd081c;
    color: white;
  }
  .theme--classic .poshmark .link-content,
  .theme--dark .poshmark .link-content {
    background: #822432;
    color: white;
  }
  .theme--classic .redbubble .link-content,
  .theme--dark .redbubble .link-content {
    background: #cd121e;
    color: white;
  }
  .theme--classic .reddit .link-content,
  .theme--dark .reddit .link-content {
    background: #ff4500;
    color: white;
  }
  .theme--classic .shopee .link-content,
  .theme--dark .shopee .link-content {
    background: #f53d2d;
    color: white;
  }
  .theme--classic .slack .link-content,
  .theme--dark .slack .link-content {
    background: #611f69;
    color: white;
  }
  .theme--classic .sms .link-content,
  .theme--dark .sms .link-content {
    background: #4cd964;
    color: white;
  }
  .theme--classic .snapchat .link-content,
  .theme--dark .snapchat .link-content {
    background: #fffc00;
    color: black;
  }
  .theme--classic .snapchat .link-content .icon.service,
  .theme--dark .snapchat .link-content .icon.service {
    color: black;
  }
  .theme--classic .snapchat .link-content .icon.service svg path,
  .theme--dark .snapchat .link-content .icon.service svg path {
    fill: white;
    stroke: black;
    stroke-width: 10px;
  }
  .theme--classic .soundcloud .link-content,
  .theme--dark .soundcloud .link-content {
    background: #ff5500;
    color: white;
  }
  .theme--classic .spotify .link-content,
  .theme--dark .spotify .link-content {
    background: #1ed760;
    color: white;
  }
  .theme--classic .steam .link-content,
  .theme--dark .steam .link-content {
    background: #00aeef;
    color: white;
  }
  .theme--classic .telegram .link-content,
  .theme--dark .telegram .link-content {
    background: #0088cc;
    color: white;
  }
  .theme--classic .tellonym .link-content,
  .theme--dark .tellonym .link-content {
    background: #ff4486;
    color: white;
  }
  .theme--classic .tidal .link-content,
  .theme--dark .tidal .link-content {
    background: black;
    color: white;
  }
  .theme--classic .tiktok .link-content,
  .theme--dark .tiktok .link-content {
    background: #f63449;
    color: white;
  }
  .theme--classic .tumblr .link-content,
  .theme--dark .tumblr .link-content {
    background: #2c4762;
    color: white;
  }
  .theme--classic .twitch .link-content,
  .theme--dark .twitch .link-content {
    background: #8d45f8;
    color: white;
  }
  .theme--classic .x .link-content,
  .theme--dark .x .link-content {
    background: #000000;
    color: white;
  }
  .theme--classic .venmo .link-content,
  .theme--dark .venmo .link-content {
    background: #3d95ce;
    color: white;
  }
  .theme--classic .vimeo .link-content,
  .theme--dark .vimeo .link-content {
    background: #1ab7ea;
    color: white;
  }
  .theme--classic .vsco .link-content,
  .theme--dark .vsco .link-content {
    background: black;
    color: white;
  }
  .theme--classic .wattpad .link-content,
  .theme--dark .wattpad .link-content {
    background: #ff6122;
    color: white;
  }
  .theme--classic .whatsapp .link-content,
  .theme--dark .whatsapp .link-content {
    background: #4fce5d;
    color: white;
  }
  .theme--classic .youtube .link-content,
  .theme--dark .youtube .link-content {
    background: #ff0000;
    color: white;
  }
  .thumbnail-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 0.625rem;
  }
  .thumbnail-container a {
    color: rgb(115, 115, 170);
    cursor: pointer;
    margin-top: 0.9375rem;
  }
  .thumbnail-container a:hover {
    text-decoration: underline;
  }
  
  .link-thumbnail-upload {
    background: #f2f4fc;
    background-position: center center;
    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 input[type=file] {
    display: none;
  }
  .link-thumbnail-upload label .overlay {
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border: 4px dotted white;
    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: white;
    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: rgb(115, 115, 170);
    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: rgb(48, 48, 102);
    font-size: 1rem;
    margin-bottom: 0.3125rem;
  }
  ul.link-list .link-details .link-url {
    color: rgb(115, 115, 170);
    font-size: 0.6875rem;
  }
  ul.link-list .link-details .link-url:hover {
    color: rgb(121, 121, 255);
    text-decoration: underline;
  }
  ul.link-list .link-count {
    color: rgb(115, 115, 170);
    font-size: 1.5rem;
    margin-left: auto;
    user-select: none;
  }
  ul.link-list .link-badge {
    margin-left: auto;
  }
  
  .animation-preview {
    align-items: center;
    background: rgb(121, 121, 255);
    border-radius: 0.9375rem;
    color: white;
    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: rgb(121, 121, 255);
  }
  ul.icon-links li a:hover svg {
    opacity: 0.75;
  }
  
  .animation--jello {
    animation: link-jello 3s ease infinite;
    position: relative;
    z-index: 2;
  }
  
  .animation--wobble {
    animation: link-wobble 3s ease infinite;
    position: relative;
    z-index: 2;
  }
  
  .animation--bounce {
    animation: link-bounce 3s ease infinite;
    position: relative;
    z-index: 2;
  }
  
  .animation--pulse {
    animation: link-pulse 3s ease infinite;
    position: relative;
    z-index: 2;
  }
  
  .animation--vibrate {
    animation: link-vibrate 3s ease infinite;
    position: relative;
    z-index: 2;
  }
  
  .animation--shake {
    animation: link-shake 3s ease infinite;
    position: relative;
    z-index: 2;
  }
  
  @keyframes link-jello {
    0% {
      transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
    }
  }
  @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-bounce {
    0% {
      animation-timing-function: ease-in;
      opacity: 1;
      transform: translateY(-45px);
    }
    8% {
      opacity: 1;
    }
    13.3333333333% {
      animation-timing-function: ease-in;
      transform: translateY(-24px);
    }
    21.6666666667% {
      animation-timing-function: ease-in;
      transform: translateY(-12px);
    }
    27.3333333333% {
      animation-timing-function: ease-in;
      transform: translateY(-6px);
    }
    31% {
      animation-timing-function: ease-in;
      transform: translateY(-4px);
    }
    8.3333333333%, 18.3333333333%, 25%, 29% {
      animation-timing-function: ease-out;
      transform: translateY(0px);
    }
    33.3333333333% {
      animation-timing-function: ease-out;
      opacity: 1;
      transform: translateY(0px);
    }
  }
  @keyframes link-pulse {
    from {
      animation-timing-function: ease-out;
      transform: scale(1);
      transform-origin: center center;
    }
    5% {
      animation-timing-function: ease-in;
      transform: scale(1.09);
    }
    8.5% {
      animation-timing-function: ease-out;
      transform: scale(1.02);
    }
    16.5% {
      animation-timing-function: ease-in;
      transform: scale(1.13);
    }
    22.5% {
      animation-timing-function: ease-out;
      transform: scale(1);
    }
  }
  @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-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);
    }
  }