/* Mastodon Bird UI by @rolle@mementomori.social
   Edit for OCCMv3 by Lastorder-DC
   Licensed under the MIT License — see LICENSE in this directory. */

.layout-single-column .ui__navigation-bar__item {
  color: var(─color-light-text);
}

.layout-single-column .ui__navigation-bar__item.active {
  color: var(─color-accent);
}

.layout-single-column .ui__navigation-bar__item svg {
  width: 24px;
  height: 24px;
  display: block;
  fill: currentColor;
  stroke: none;
}

.layout-single-column .ui__navigation-bar__item svg path {
  display: block;
}

.layout-single-column .ui__navigation-bar__item .icon-with-badge {
  color: inherit;
}

.layout-single-column .ui__navigation-bar__item .icon-with-badge svg {
  width: 24px;
  height: 24px;
  display: block;
  fill: currentColor;
  stroke: none;
}

.layout-single-column .ui__navigation-bar__item .icon-with-badge svg path {
  fill: currentColor;
  stroke: none;
}

.layout-single-column .ui__navigation-bar__item.active .icon-with-badge {
  color: inherit;
}

.layout-single-column .ui__navigation-bar__item.active .icon-with-badge svg {
  fill: currentColor;
  stroke: none;
}

.layout-single-column .ui__navigation-bar__item.active .icon-with-badge svg path {
  fill: currentColor;
  stroke: none;
}

/* Mobile Bottom Navigation Bar Fix
*/
.layout-single-column .ui__navigation-bar .icon-bell {
  mask-image: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

.layout-single-column .ui__navigation-bar .icon-bell svg {
  fill: currentColor !important;
  display: block;
}


/* CSS variables */
:root {

  /* Logos */
  --bg-image: url('https://i.imgur.com/TdNKz4e.png'); /* 페이지 전체 배경 이미지 */
  --logo: url('../images/logos/wordmark_dark.png'); /* 로고 */
  --m-logo: url('../images/logos/m_logo_dark.png'); /* 모바일 로고 */

  --color-column: #0d151ccc;
  --color-bg-compose-form-focus: rgba(25, 37, 48, 0.99);
  --color-bg-compose-form: rgba(25, 37, 48, 0.85);


  --color-brand-longwhile: #60C9C3;
  --color-brand-longwhile-links: #3aa49e;

  --color-brand-longwhile-dim: #8b98a5;

  --color-brand-longwhile-dark: #161e2b;
  --color-brand-longwhile-text-light: #aab3be;

  --color-column-link: #ffffff;
  --color-column-link-hover: #acbbc7;

  --color-noti-hover: #bac9ff29;
  --color-privacy-hover: #1f2a40;

  --color-topaz: #e9edf0;

  --color-border: #3b3b3ba8;
  --color-brand-longwhile-threaded-line: #425364;

  --color-button-text: #f7f9f9;

  --color-brand-longwhile-bg: #0d151c;
  --color-bg-75: #131313bf;
  --color-bg-90: #131316e6;


  --color-fg: #fff;
  --color-privacy-active: #ffffff;
  --color-green: #00ba7c;
  --color-red: #f91880;
  --color-red-75: #f91880bf;
  --color-yellow: #ffac33;
  --color-light-shade: #ffffff05;
  --color-focusable-toot: #ffffff09;
  --color-light-text: #f7f9f9;
  --color-arsenic: #393f4f;
  --color-black-coral: #535971;
  --color-profile-button-hover: #eff1f41a;
  --color-modal-overlay: #5b708366;
  --color-dark-electric-blue: #576078;

  --color-ghost-button-text: var(--color-button-text);
  --color-verified: #79bd9a;
  --color-destructive: #df405a;
  --color-light-fuchsia-pink: #ff8cfd;

  --color-bg: var(--color-brand-longwhile-bg);
  --color-dim: var(--color-brand-longwhile-dim);
  --color-accent: var(--color-brand-longwhile-links);
  --color-accent-dark: var(--color-brand-longwhile);
  --color-dark: var(--color-brand-longwhile-dark);
  --color-thread-line: var(--color-brand-longwhile-threaded-line);
  --color-privacy-hover-option: var(--color-fg);
  --color-privacy-not-active-title: var(--color-fg);
  --color-hashtag: var(--color-accent);
  --color-mention: var(--color-accent);
  --color-link: var(--color-accent);
  --color-mud: var(--color-column);
  --color-lighter-purple: var(--color-brand-longwhile-dim);
  --color-light-purple: var(--color-dim);
  --color-accent-dark-50: (var(--color-accent-dark) 50%);
  --color-brand-longwhile-mud: var(--color-bg-compose-form);


  /* In the original UI this color is lighten($ui-base-color, 12%) */
  --color-outer-space: #42485a;

  /* Font related */
  --font-size: 15px;
  --font-size-smaller: 13px;
  --font-size-12: 12px;
  --font-size-mid: 14px;
  --font-size-bigger: 17px;
  --font-size-title: 19px;
  --font-size-heading: 18px;
  --font-weight-regular: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --line-height: 22px;
  --line-height-mid: 20px;

  /* Grids and gaps */
  --gap-default: 12px;
  --gap-column-link: 12px;

  /* Element sizes */
  --size-avatar: 48px;
  --size-avatar-small: 32px;
  --width-main-panel: 600px;
  --width-side-panel: 260px;
  --width-compose-panel: 350px;
  --border-radius: 16px;
  --border-radius-badges: 4px;
  --badges-distance-from-edge: 12px;

  /* Misc */
  --active-header-box-shadow: 0 1px 0 rgba(140, 141, 255, .3);
  --active-header-radial-gradient: radial-gradient(ellipse, rgba(99, 100, 255, .23) 0, rgba(99, 100, 255, 0) 60%);
  --compose-form-linear-gradient: linear-gradient(180deg, rgba(30, 32, 40, 1) 0%, rgba(30, 32, 40, 1) 53%, rgba(30, 32, 40, 0.8141631652661064) 76%, rgba(30, 32, 40, 0.7077205882352942) 87%, rgba(30, 32, 40, 0.458420868347339) 97%, rgba(30, 32, 40, 0) 100%);

  /* Logo */

  /* Nav Panal Icons */
  /* Note: Nav panel icons now use mask-image with bird-theme-svg files */
  /* Heart icon is kept as inline SVG for compatibility */
  --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E");
  --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");


  /* Icons */

  --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231d9bf0' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231d9bf0' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-nofitication-filter-bar-active: url('data:image/svg+xml, %3Csvg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%231d9bf0" d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366a8.13 8.13 0 0 1 8.129 8.13c0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067A8.005 8.005 0 0 1 1.751 10zm8.005-6a6.005 6.005 0 1 0 .133 12.01l.351-.01h1.761v2.3l5.087-2.81A6.127 6.127 0 0 0 14.122 4H9.756z"/%3E%3Cellipse fill="%238b98a5" fill-rule="evenodd" stroke-width="1.28569" cx="11.835" cy="10.2" rx="9.117" ry="8.123"/%3E%3C/svg%3E%0A');
  --icon-reply-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");


  --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%238b98a5" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A');

  --icon-boost: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%238b98a5' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-status: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%238b98a5' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-notification-filter-bar: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%238b98a5' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");

  --icon-reply: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%238b98a5' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%238b98a5' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-conversation: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%238b98a5' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

  --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%238b98a5' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E');

  --icon-heart: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='20' height='20' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%238b98a5' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E");

  --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%238b98a5"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%238b98a5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E');
  --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%238b98a5" xmlns="http://www.w3.org/2000/svg" color="%238b98a5"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%238b98a5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E');

  --icon-more: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b98a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-more-horizontal'%3E%3Ccircle cx='12' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='1'%3E%3C/circle%3E%3C/svg%3E");
  --icon-more-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b98a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-more-horizontal'%3E%3Ccircle cx='12' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='1'%3E%3C/circle%3E%3C/svg%3E");

  --icon-close: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b98a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-close-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b98a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");

  --icon-plus: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b98a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --icon-cog: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' width='26' height='26' viewBox='0 0 512 512' fill='%238b98a5'%3E%3Cpath d='M456.7 242.27l-26.08-4.2a8 8 0 01-6.6-6.82c-.5-3.2-1-6.41-1.7-9.51a8.08 8.08 0 013.9-8.62l23.09-12.82a8.05 8.05 0 003.9-9.92l-4-11a7.94 7.94 0 00-9.4-5l-25.89 5a8 8 0 01-8.59-4.11q-2.25-4.2-4.8-8.41a8.16 8.16 0 01.7-9.52l17.29-19.94a8 8 0 00.3-10.62l-7.49-9a7.88 7.88 0 00-10.5-1.51l-22.69 13.63a8 8 0 01-9.39-.9c-2.4-2.11-4.9-4.21-7.4-6.22a8 8 0 01-2.5-9.11l9.4-24.75A8 8 0 00365 78.77l-10.2-5.91a8 8 0 00-10.39 2.21l-16.64 20.84a7.15 7.15 0 01-8.5 2.5s-5.6-2.3-9.8-3.71A8 8 0 01304 87l.4-26.45a8.07 8.07 0 00-6.6-8.42l-11.59-2a8.07 8.07 0 00-9.1 5.61l-8.6 25.05a8 8 0 01-7.79 5.41h-9.8a8.07 8.07 0 01-7.79-5.41l-8.6-25.05a8.07 8.07 0 00-9.1-5.61l-11.59 2a8.07 8.07 0 00-6.6 8.42l.4 26.45a8 8 0 01-5.49 7.71c-2.3.9-7.3 2.81-9.7 3.71-2.8 1-6.1.2-8.8-2.91l-16.51-20.34A8 8 0 00156.75 73l-10.2 5.91a7.94 7.94 0 00-3.3 10.09l9.4 24.75a8.06 8.06 0 01-2.5 9.11c-2.5 2-5 4.11-7.4 6.22a8 8 0 01-9.39.9L111 116.14a8 8 0 00-10.5 1.51l-7.49 9a8 8 0 00.3 10.62l17.29 19.94a8 8 0 01.7 9.52q-2.55 4-4.8 8.41a8.11 8.11 0 01-8.59 4.11l-25.89-5a8 8 0 00-9.4 5l-4 11a8.05 8.05 0 003.9 9.92L85.58 213a7.94 7.94 0 013.9 8.62c-.6 3.2-1.2 6.31-1.7 9.51a8.08 8.08 0 01-6.6 6.82l-26.08 4.2a8.09 8.09 0 00-7.1 7.92v11.72a7.86 7.86 0 007.1 7.92l26.08 4.2a8 8 0 016.6 6.82c.5 3.2 1 6.41 1.7 9.51a8.08 8.08 0 01-3.9 8.62L62.49 311.7a8.05 8.05 0 00-3.9 9.92l4 11a7.94 7.94 0 009.4 5l25.89-5a8 8 0 018.59 4.11q2.25 4.2 4.8 8.41a8.16 8.16 0 01-.7 9.52l-17.29 19.96a8 8 0 00-.3 10.62l7.49 9a7.88 7.88 0 0010.5 1.51l22.69-13.63a8 8 0 019.39.9c2.4 2.11 4.9 4.21 7.4 6.22a8 8 0 012.5 9.11l-9.4 24.75a8 8 0 003.3 10.12l10.2 5.91a8 8 0 0010.39-2.21l16.79-20.64c2.1-2.6 5.5-3.7 8.2-2.6 3.4 1.4 5.7 2.2 9.9 3.61a8 8 0 015.49 7.71l-.4 26.45a8.07 8.07 0 006.6 8.42l11.59 2a8.07 8.07 0 009.1-5.61l8.6-25a8 8 0 017.79-5.41h9.8a8.07 8.07 0 017.79 5.41l8.6 25a8.07 8.07 0 009.1 5.61l11.59-2a8.07 8.07 0 006.6-8.42l-.4-26.45a8 8 0 015.49-7.71c4.2-1.41 7-2.51 9.6-3.51s5.8-1 8.3 2.1l17 20.94A8 8 0 00355 439l10.2-5.91a7.93 7.93 0 003.3-10.12l-9.4-24.75a8.08 8.08 0 012.5-9.12c2.5-2 5-4.1 7.4-6.21a8 8 0 019.39-.9L401 395.66a8 8 0 0010.5-1.51l7.49-9a8 8 0 00-.3-10.62l-17.29-19.94a8 8 0 01-.7-9.52q2.55-4.05 4.8-8.41a8.11 8.11 0 018.59-4.11l25.89 5a8 8 0 009.4-5l4-11a8.05 8.05 0 00-3.9-9.92l-23.09-12.82a7.94 7.94 0 01-3.9-8.62c.6-3.2 1.2-6.31 1.7-9.51a8.08 8.08 0 016.6-6.82l26.08-4.2a8.09 8.09 0 007.1-7.92V250a8.25 8.25 0 00-7.27-7.73zM256 112a143.82 143.82 0 01139.38 108.12A16 16 0 01379.85 240H274.61a16 16 0 01-13.91-8.09l-52.1-91.71a16 16 0 019.85-23.39A146.94 146.94 0 01256 112zM112 256a144 144 0 0143.65-103.41 16 16 0 0125.17 3.47L233.06 248a16 16 0 010 15.87l-52.67 91.7a16 16 0 01-25.18 3.36A143.94 143.94 0 01112 256zm144 144a146.9 146.9 0 01-38.19-4.95 16 16 0 01-9.76-23.44l52.58-91.55a16 16 0 0113.88-8H379.9a16 16 0 0115.52 19.88A143.84 143.84 0 01256 400z'/%3E%3C/svg%3E");

  --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E');
  --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E');

  --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%238b98a5" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A');

  --icon-star-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238b98a5' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m330.955-216.328 149.066-89 149.066 90.023-40.305-168.391 131.217-114.347-172.956-14.87L480-671.869l-67.043 158.521-172.956 14.305 131.427 113.796-40.473 168.919ZM212.086-50.608l70.652-305.305L45.52-561.305l312.645-26.579L480-876.176l121.835 288.292 312.645 26.579-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607ZM480-433.87Z'%3E%3C/path%3E%3C/svg%3E");

  --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%238b98a5" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%238b98a5" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E');

  --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238b98a5' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E");

  --icon-sliders: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%238b98a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-sliders'%3E%3Cline x1='4' y1='21' x2='4' y2='14'%3E%3C/line%3E%3Cline x1='4' y1='10' x2='4' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='20' y1='21' x2='20' y2='16'%3E%3C/line%3E%3Cline x1='20' y1='12' x2='20' y2='3'%3E%3C/line%3E%3Cline x1='1' y1='14' x2='7' y2='14'%3E%3C/line%3E%3Cline x1='9' y1='8' x2='15' y2='8'%3E%3C/line%3E%3Cline x1='17' y1='16' x2='23' y2='16'%3E%3C/line%3E%3C/svg%3E");


  --icon-boost-notification-wrapper: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 136 136'%3E%3Cpath fill='%2300ba7c' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-active: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%2300ba7c' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-status-prepend: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"%3E%3Cg%3E%3Cpath fill="%2300ba7c" d="M4.75 3.79l4.603 4.3-1.706 1.82L6 8.38v7.37c0 .97.784 1.75 1.75 1.75H13V20H7.75c-2.347 0-4.25-1.9-4.25-4.25V8.38L1.853 9.91.147 8.09l4.603-4.3zm11.5 2.71H11V4h5.25c2.347 0 4.25 1.9 4.25 4.25v7.37l1.647-1.53 1.706 1.82-4.603 4.3-4.603-4.3 1.706-1.82L18 15.62V8.25c0-.97-.784-1.75-1.75-1.75z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
  --icon-boost-notification-filter-bar-active: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%23f7f9f9' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-star-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffac33' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m330.955-216.328 149.066-89 149.066 90.023-40.305-168.391 131.217-114.347-172.956-14.87L480-671.869l-67.043 158.521-172.956 14.305 131.427 113.796-40.473 168.919ZM212.086-50.608l70.652-305.305L45.52-561.305l312.645-26.579L480-876.176l121.835 288.292 312.645 26.579-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607ZM480-433.87Z'%3E%3C/path%3E%3C/svg%3E");
  --icon-star-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg fill='%23ffac33' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m212.086-50.607 70.652-305.306L45.52-561.305l312.871-26.696L480-876.176l121.609 288.175 312.871 26.696-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607Z'%3E%3C/path%3E%3C/svg%3E");
  --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A');
  --icon-star-active: url("data:image/svg+xml, %3Csvg fill='%23ffac33' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m212.086-50.607 70.652-305.306L45.52-561.305l312.871-26.696L480-876.176l121.609 288.175 312.871 26.696-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607Z'%3E%3C/path%3E%3C/svg%3E");
  --icon-heart-hover: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='20' height='20' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23F91880' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E");
  --icon-heart-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true' fill='%23F91880'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-heart-notification: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23F91880'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-administration: url("data:image/svg+xml, %3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z' fill='none' stroke='%238b98a5' stroke-linejoin='round' stroke-width='36'/%3E%3C/svg%3E");
  --icon-moderation: url("data:image/svg+xml, %3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M80 320V144a32 32 0 0132-32h0a32 32 0 0132 32v112M144 256V80a32 32 0 0132-32h0a32 32 0 0132 32v160M272 241V96a32 32 0 0132-32h0a32 32 0 0132 32v224M208 240V48a32 32 0 0132-32h0a32 32 0 0132 32v192' fill='none' stroke='%23f7f9f9' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3Cpath d='M80 320c0 117.4 64 176 152 176s123.71-39.6 144-88l52.71-144c6.66-18.05 3.64-34.79-11.87-43.6h0c-15.52-8.82-35.91-4.28-44.31 11.68L336 320' fill='none' stroke='%238b98a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='36'/%3E%3C/svg%3E");


  /* Profile icons */
  --icon-github: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"%3E%3Cpath d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"%3E%3C/path%3E%3C/svg%3E');
  --icon-youtube: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"%3E%3Cpath d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"%3E%3C/path%3E%3Cpolygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"%3E%3C/polygon%3E%3C/svg%3E');
  --icon-link: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link-2"%3E%3Cpath d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"%3E%3C/path%3E%3Cline x1="8" y1="12" x2="16" y2="12"%3E%3C/line%3E%3C/svg%3E');
  --icon-twitter: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 512 512"%3E%3Cpath fill="%238b98a5" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/%3E%3C/svg%3E');
  --icon-twitch: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitch"%3E%3Cpath d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7"%3E%3C/path%3E%3C/svg%3E');
  --icon-patreon: url("data:image/svg+xml, %0A%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%238b98a5'%3E%3Ctitle%3EPatreon icon%3C/title%3E%3Cpath d='M15.386.524c-4.764 0-8.64 3.876-8.64 8.64 0 4.75 3.876 8.613 8.64 8.613 4.75 0 8.614-3.864 8.614-8.613C24 4.4 20.136.524 15.386.524M.003 23.537h4.22V.524H.003'/%3E%3C/svg%3E");
  --icon-threads: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='18' fill='%238b98a5' width='18' viewBox='0 0 448 512'%3E%3Cpath d='M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z'/%3E%3C/svg%3E");
  --icon-bluesky: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.467 8.467' width='18' height='18'%3E%3Cpath fill='%238b98a5' d='M67.256 111.972c-.545-.648-.629-.916-.411-1.323.15-.28.477-.52.727-.531.289-.013.204-.113-.236-.274-.862-.316-1.295-1.239-1.295-2.76 0-1.071.058-1.179.643-1.179.65 0 2.043 1.149 2.88 2.374l.446.655.446-.655c.837-1.225 2.23-2.373 2.88-2.373.584 0 .642.107.642 1.178 0 1.528-.435 2.45-1.295 2.74-.686.23-.686.233-.094.424.787.253.78 1.214-.017 1.961-.893.84-1.748.751-2.114-.218-.165-.437-.364-.794-.442-.794-.078 0-.3.357-.493.794-.47 1.06-1.365 1.053-2.267-.02z' transform='translate(-65.776 -105.112)'/%3E%3C/svg%3E");
  --icon-nostr: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 860 847'%3E%3Cpath d='M454.5 1.1c-67.6 10.3-115.8 27.2-160.4 56.4-16.5 10.9-19.3 12-29.1 12-9.5 0-14.6-2-20.8-7.9-5.5-5.1-7.5-9.9-9.2-22-1.9-13.1-6.8-20.4-17.3-25.7l-5.8-3-92.2.3c-68.2.3-93.1.7-95.6 1.6-4.5 1.5-11.4 8.3-15.2 14.8L6 32.8l.2 391.8.3 391.9 2.7 5c1.4 2.8 4.6 6.9 7.1 9.2 8.7 8 .9 7.3 96 8 88.7.6 108.3 0 116.7-3.3 5.9-2.4 13.5-11.7 14.9-18.4 1.4-6.4 1.4-67.7.1-103.3-3-78.6-15.8-158-48.1-297.2-21.2-91.3-27.3-126.1-28.6-162.6-1.5-43.2 7-69.1 28.8-87.6 6.9-5.8 19.7-12.8 29.7-16.2 14.8-5 57.5-12 96.2-15.7 21-2.1 84.2-2.4 104.4-.6 25.3 2.3 54.4 8.4 76 15.9 36.2 12.5 62.9 33.9 75.5 60.4 5.2 10.8 7.6 20.5 9.6 38.2 1.9 16.7 3.6 24 7.4 32.2 7.1 15.3 26.3 28.9 50.7 36 20.1 5.9 42 8.1 86.4 9 33.3.7 41.1 1.5 47.9 5 7.7 3.9 15.4 11.6 18.7 18.7 2.8 6 2.9 6.9 2.9 20.8 0 13.3-.2 14.9-2.4 19.5-1.4 2.8-5.6 8.1-9.5 12-10.8 10.7-28 18.8-48.8 23-13.6 2.7-38.7 3.5-110.3 3.5-73.4 0-79.9.3-96.7 4.5-33.7 8.5-56.9 25.7-70.1 52.1-15.4 30.7-26.8 91.8-31.7 170.4-2.9 46.1-3 159.5-.1 166.5 1.9 4.7 11.1 13.4 15.3 14.5 8.4 2.3 51.4 3 196.8 3 155 0 184.6-.6 191.7-3.5 5.5-2.3 12.1-9.2 13.4-13.9.6-2.1 1.5-10.5 2-18.5 1.9-32.6.2-482.7-2-504.1-4.6-44.3-20-97.2-39.7-136.1-14.5-28.7-30.3-50.8-51.9-72.5-27-27.1-54.5-45.9-89.8-61.4-31.8-13.9-71.3-24.3-104.5-27.5-16.8-1.7-98.5-1.9-108.7-.4z' fill='%238b98a5'/%3E%3Cpath d='M448 211.5c-21.4 5.9-38.1 21.3-45.8 42.7-2.4 6.5-2.7 8.7-2.6 19.8 0 11.3.3 13.3 3 21 3.9 11 8.7 18.2 18.1 27 11.2 10.4 22.4 15.1 39.8 16.5 27.9 2.3 56.6-18.3 64.9-46.5 8.1-27.5-5.4-60.4-30.1-73.3-12.3-6.4-17.5-7.8-30.3-8.3-8.2-.3-13.1 0-17 1.1z' fill='%238b98a5'/%3E%3C/svg%3E");
  --icon-paypal: url("data:image/svg+xml, %0A%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%238b98a5'%3E%3Ctitle%3EPayPal icon%3C/title%3E%3Cpath d='M6.908 24H3.804c-.664 0-1.086-.529-.936-1.18l.149-.674h2.071c.666 0 1.336-.533 1.482-1.182l1.064-4.592c.15-.648.816-1.18 1.48-1.18h.883c3.789 0 6.734-.779 8.84-2.34s3.16-3.6 3.16-6.135c0-1.125-.195-2.055-.588-2.789 0-.016-.016-.031-.016-.046l.135.075c.75.465 1.32 1.064 1.711 1.814.404.75.598 1.68.598 2.791 0 2.535-1.049 4.574-3.164 6.135-2.1 1.545-5.055 2.324-8.834 2.324h-.9c-.66 0-1.334.525-1.484 1.186L8.39 22.812c-.149.645-.81 1.17-1.47 1.17L6.908 24zm-2.677-2.695H1.126c-.663 0-1.084-.529-.936-1.18L4.563 1.182C4.714.529 5.378 0 6.044 0h6.465c1.395 0 2.609.098 3.648.289 1.035.189 1.92.519 2.684.99.736.465 1.322 1.072 1.697 1.818.389.748.584 1.68.584 2.797 0 2.535-1.051 4.574-3.164 6.119-2.1 1.561-5.056 2.326-8.836 2.326h-.883c-.66 0-1.328.524-1.478 1.169L5.7 20.097c-.149.646-.817 1.172-1.485 1.172l.016.036zm7.446-17.369h-1.014c-.666 0-1.332.529-1.48 1.178l-.93 4.02c-.15.648.27 1.179.93 1.179h.766c1.664 0 2.97-.343 3.9-1.021.929-.686 1.395-1.654 1.395-2.912 0-.83-.301-1.445-.9-1.84-.6-.404-1.5-.605-2.686-.605l.019.001z'/%3E%3C/svg%3E");
  --icon-kofi: url("data:image/svg+xml, %3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%238b98a5'%3E%3Ctitle%3EKo-fi icon%3C/title%3E%3Cpath d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E");
  --icon-bandcamp: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%238b98a5' viewBox='0 0 512 512'%3E%3Cpath d='M105.6 191.2C98.1 204.8 33 325.2 33 325.6c0 .2 36.8.3 81.7.2l81.7-.3 37.5-69.4 37.6-69.4.3 70.2.2 70.2 10.3-.3 10.2-.3.3-6.8.3-6.7 3.2 4.2c2.2 2.9 5.6 5.5 10.1 7.8 6.8 3.5 7.1 3.5 19.5 3.5 12.3 0 12.8-.1 19.3-3.3 16.4-8 25.9-28.9 24.5-53.7-1.3-22.4-10.5-38.2-26.5-45.8-6.3-3-7.4-3.2-17.7-3.2-9.8 0-11.6.3-16.7 2.7-3.2 1.5-7.8 4.8-10.3 7.3l-4.5 4.7V185H109.1l-3.5 6.2zm226.1 51c5.3 2.4 8.7 6.5 12.7 14.8 2.9 6.1 3.1 7.2 3.1 18 0 12.9-1 17.1-5.7 24.9-4.7 7.6-11.5 11.4-20.6 11.4-15.3 0-24.4-9.6-27.4-28.6-2.1-13.4 1.5-28.2 8.5-35.5 7.6-7.9 19-9.9 29.4-5zM413.1 223.6c-21.1 5.7-34.1 26-34.1 53.1.1 22.8 9.6 39.9 26.8 48.1 6.5 3.1 8.6 3.6 17.4 4 15 .7 24.1-1.8 33.4-9.4 6.9-5.6 12.9-16.6 14.9-27.7l.7-3.7h-22l-.7 3.7c-1 5.5-3.9 10.6-8.1 14.2-4.8 4.3-7.7 5.3-14.9 5.3-16 .1-25.5-13.2-25.5-35.7 0-23.3 9.4-35.7 27-35.7 10.8 0 17.4 4.4 20.9 13.8l1.9 4.9 10.7.3 10.7.3-.7-4.7c-1.6-10.9-9.8-22.5-19.3-27.3-9.9-5-27.6-6.6-39.1-3.5z'/%3E%3C/svg%3E%0A");
  --icon-facebook: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238b98a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");
  --icon-friendica: url("data:image/svg+xml, %3Csvg fill='%238b98a5' width='18' height='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1523.8 1536'%3E%3Cpath d='M0 276.4v983.2C0 1412 122.8 1536 274.4 1536h975.1c151.6 0 274.4-124 274.4-276.4V276.4C1523.8 124 1401.1 0 1249.4 0h-975C122.8 0 0 124 0 276.4zM1249.4 61.2c118.5 0 213.2 95.3 213.2 215.2v983.2c0 119.9-94.7 215.2-213.2 215.2H518.1V1106h487.5l-1.3-367.7-486.3 2.6V430.1h487.5V61.2h243.9z'/%3E%3C/svg%3E%0A");
  --icon-genderless-pronouns: url("data:image/svg+xml, %3Csvg fill='%238b98a5' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.334 12v-.02a9.354 9.354 0 1 0-2.74 6.614 8.963 8.963 0 0 0 2.74-6.462l-.001-.139V12zM24 12v.036c0 1.67-.349 3.258-.977 4.695l.029-.075c-1.226 2.905-3.491 5.17-6.318 6.367l-.078.029C15.282 23.651 13.682 24 12 24s-3.283-.349-4.733-.978l.077.03c-2.905-1.226-5.17-3.491-6.367-6.318l-.029-.078C.349 15.282 0 13.682 0 12s.349-3.283.978-4.733l-.03.077C2.174 4.439 4.439 2.174 7.266.977l.078-.029C8.718.349 10.318 0 12 0s3.283.349 4.733.978l-.077-.03c2.905 1.226 5.17 3.491 6.367 6.318l.029.078c.599 1.362.948 2.95.948 4.62v.039-.002z'/%3E%3C/svg%3E%0A");
  --icon-wordpress: url("data:image/svg+xml, %3Csvg width='18' height='18' fill='%238b98a5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z'/%3E%3C/svg%3E");
  --icon-mastodon: url("data:image/svg+xml, %0A%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%238b98a5'%3E%3Ctitle%3EMastodon icon%3C/title%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E");
  --icon-verified: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="22" height="22" %3E%3Cpath fill="%236364ff" d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"%3E%3C/path%3E%3C/svg%3E');
  --icon-verified-smaller: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="15" height="15" %3E%3Cpath fill="%236364ff" d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"%3E%3C/path%3E%3C/svg%3E');
  --icon-label: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag"%3E%3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"%3E%3C/path%3E%3Cline x1="7" y1="7" x2="7.01" y2="7"%3E%3C/line%3E%3C/svg%3E');
  --icon-discord: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="18" height="18" %3E%3Cpath fill="%238b98a5" d="M 12.65625 4.90625 L 11.875 5 C 11.875 5 8.371094 5.382813 5.8125 7.4375 L 5.78125 7.4375 L 5.75 7.46875 C 5.175781 7.996094 4.925781 8.644531 4.53125 9.59375 C 4.136719 10.542969 3.714844 11.753906 3.34375 13.09375 C 2.601563 15.777344 2 19.027344 2 22 L 2 22.25 L 2.125 22.5 C 3.050781 24.125 4.695313 25.160156 6.21875 25.875 C 7.742188 26.589844 9.058594 26.96875 9.96875 27 L 10.5625 27.03125 L 10.875 26.5 L 11.96875 24.5625 C 13.128906 24.824219 14.464844 25 16 25 C 17.535156 25 18.871094 24.824219 20.03125 24.5625 L 21.125 26.5 L 21.4375 27.03125 L 22.03125 27 C 22.941406 26.96875 24.257813 26.589844 25.78125 25.875 C 27.304688 25.160156 28.949219 24.125 29.875 22.5 L 30 22.25 L 30 22 C 30 19.027344 29.398438 15.777344 28.65625 13.09375 C 28.285156 11.753906 27.863281 10.542969 27.46875 9.59375 C 27.074219 8.644531 26.824219 7.996094 26.25 7.46875 L 26.21875 7.4375 L 26.1875 7.4375 C 23.628906 5.382813 20.125 5 20.125 5 L 19.34375 4.90625 L 19.0625 5.625 C 19.0625 5.625 18.773438 6.355469 18.59375 7.1875 C 17.460938 7.035156 16.535156 7 16 7 C 15.464844 7 14.539063 7.035156 13.40625 7.1875 C 13.226563 6.355469 12.9375 5.625 12.9375 5.625 Z M 11.28125 7.1875 C 11.324219 7.328125 11.367188 7.449219 11.40625 7.5625 C 10.113281 7.882813 8.734375 8.371094 7.46875 9.15625 L 8.53125 10.84375 C 11.125 9.234375 14.851563 9 16 9 C 17.148438 9 20.875 9.234375 23.46875 10.84375 L 24.53125 9.15625 C 23.265625 8.371094 21.886719 7.882813 20.59375 7.5625 C 20.632813 7.449219 20.675781 7.328125 20.71875 7.1875 C 21.652344 7.375 23.433594 7.804688 24.90625 8.96875 C 24.898438 8.972656 25.28125 9.550781 25.625 10.375 C 25.976563 11.222656 26.367188 12.351563 26.71875 13.625 C 27.394531 16.066406 27.925781 19.039063 27.96875 21.65625 C 27.339844 22.617188 26.171875 23.484375 24.9375 24.0625 C 23.859375 24.566406 23.007813 24.75 22.5 24.84375 L 22 24 C 22.296875 23.890625 22.589844 23.769531 22.84375 23.65625 C 24.382813 22.980469 25.21875 22.25 25.21875 22.25 L 23.90625 20.75 C 23.90625 20.75 23.34375 21.265625 22.03125 21.84375 C 20.71875 22.421875 18.714844 23 16 23 C 13.285156 23 11.28125 22.421875 9.96875 21.84375 C 8.65625 21.265625 8.09375 20.75 8.09375 20.75 L 6.78125 22.25 C 6.78125 22.25 7.617188 22.980469 9.15625 23.65625 C 9.410156 23.769531 9.703125 23.890625 10 24 L 9.5 24.84375 C 8.992188 24.75 8.140625 24.566406 7.0625 24.0625 C 5.828125 23.484375 4.660156 22.617188 4.03125 21.65625 C 4.074219 19.039063 4.605469 16.066406 5.28125 13.625 C 5.632813 12.351563 6.023438 11.222656 6.375 10.375 C 6.71875 9.550781 7.101563 8.972656 7.09375 8.96875 C 8.566406 7.804688 10.347656 7.375 11.28125 7.1875 Z M 12.5 14 C 11.726563 14 11.042969 14.441406 10.625 15 C 10.207031 15.558594 10 16.246094 10 17 C 10 17.753906 10.207031 18.441406 10.625 19 C 11.042969 19.558594 11.726563 20 12.5 20 C 13.273438 20 13.957031 19.558594 14.375 19 C 14.792969 18.441406 15 17.753906 15 17 C 15 16.246094 14.792969 15.558594 14.375 15 C 13.957031 14.441406 13.273438 14 12.5 14 Z M 19.5 14 C 18.726563 14 18.042969 14.441406 17.625 15 C 17.207031 15.558594 17 16.246094 17 17 C 17 17.753906 17.207031 18.441406 17.625 19 C 18.042969 19.558594 18.726563 20 19.5 20 C 20.273438 20 20.957031 19.558594 21.375 19 C 21.792969 18.441406 22 17.753906 22 17 C 22 16.246094 21.792969 15.558594 21.375 15 C 20.957031 14.441406 20.273438 14 19.5 14 Z M 12.5 16 C 12.554688 16 12.625 16.019531 12.75 16.1875 C 12.875 16.355469 13 16.648438 13 17 C 13 17.351563 12.875 17.644531 12.75 17.8125 C 12.625 17.980469 12.554688 18 12.5 18 C 12.445313 18 12.375 17.980469 12.25 17.8125 C 12.125 17.644531 12 17.351563 12 17 C 12 16.648438 12.125 16.355469 12.25 16.1875 C 12.375 16.019531 12.445313 16 12.5 16 Z M 19.5 16 C 19.554688 16 19.625 16.019531 19.75 16.1875 C 19.875 16.355469 20 16.648438 20 17 C 20 17.351563 19.875 17.644531 19.75 17.8125 C 19.625 17.980469 19.554688 18 19.5 18 C 19.445313 18 19.375 17.980469 19.25 17.8125 C 19.125 17.644531 19 17.351563 19 17 C 19 16.648438 19.125 16.355469 19.25 16.1875 C 19.375 16.019531 19.445313 16 19.5 16 Z"/%3E%3C/svg%3E');
  --icon-linkedin: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"%3E%3Cpath d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"%3E%3C/path%3E%3Crect x="2" y="9" width="4" height="12"%3E%3C/rect%3E%3Ccircle cx="4" cy="4" r="2"%3E%3C/circle%3E%3C/svg%3E');
  --icon-instagram: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%238b98a5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"%3E%3Crect x="2" y="2" width="20" height="20" rx="5" ry="5"%3E%3C/rect%3E%3Cpath d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"%3E%3C/path%3E%3Cline x1="17.5" y1="6.5" x2="17.51" y2="6.5"%3E%3C/line%3E%3C/svg%3E');
}



/* High Contrast theme */
body.theme-mastodon-bird-ui-contrast {
  --color-dim: #d2d2d8;

}

/*--------------------------------------------------------------------------------------------------------------*/

/* Light theme */ 
body.theme-mastodon-bird-ui-light {

  /* Logos */
  --bg-image: url('https://i.imgur.com/TdNKz4e.png'); /* 페이지 전체 배경 이미지 */
  --logo: url('https://choiseol.ivyro.net/data/file/ETC/981272356_2XbfxcpD_6b62351ad7d73bf56a8d46384647e4040ab20874.png');
  --m-logo: url('https://choiseol.ivyro.net/data/file/ETC/981272356_2XbfxcpD_6b62351ad7d73bf56a8d46384647e4040ab20874.png');

  --color-column: #ffffff;

  --color-bg-compose-form: rgba(245, 245, 245, 0.88);
  --color-bg-compose-form-focus: rgba(243, 243, 243, 0.99);

  --color-brand-longwhile: #60C9C3;
  --color-brand-longwhile-links: #3aa49e;

  --color-dim: #536471;

  --color-topaz: #2c2c2c;

  --color-light-shade: #243a5705;

  --color-column-link: #171717;
  --color-column-link-hover: #505f6e;

  --color-noti-hover: #bae1ff29;
  --color-privacy-hover: #d6e9f63e;

  --color-border: #eeeeee;
  --color-thread-line: #e1e8ed;

  --color-privacy-active: #fff;
  --color-privacy-hover-option: #3aa49e;


  --color-bg: #fff;
  --color-fg: #000000;
  --color-green: #17bf63;
  --color-red: #e0245e;
  --color-red-75: #e0245ebf;
  --color-focusable-toot: rgba(0, 0, 0, 0);
  --color-light-text: #1a1a1a; // 1a1a1d
  --color-black-coral: #888fa6;
  --color-profile-button-hover: #1e1b231a;
  --color-modal-overlay: #5b688366;
  --account-switcher-manage-overlay: rgba(0, 0, 0, 0.4);
  --account-switcher-manage-shadow: rgba(0, 0, 0, 0.35);
  --color-dark: #f8f8f8;
  --color-dark-electric-blue: #8890a6;
  --color-bg-75: #ffffffbf;
  --color-bg-90: #ffffffe6;
  --color-ghost-button-text: var(--color-accent-dark);
  --color-hashtag: var(--color-accent-dark);
  --color-mention: var(--color-accent-dark);
  --color-privacy-not-active-title: var(--color-fg);
  --color-light-purple: var(--color-dim);
  --color-accent: var(--color-brand-longwhile);
  --color-accent-dark: var(--color-brand-longwhile);
  --color-accent-dark-50: var(--color-brand-longwhile);
  --color-mud: var(--color-bg-compose-form);

  /* Misc */
  --compose-form-linear-gradient: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 53%, rgba(255, 255, 255, 0.8141631652661064) 76%, rgba(255, 255, 255, 0.7077205882352942) 87%, rgba(255, 255, 255, 0.458420868347339) 97%, rgba(255, 255, 255, 0) 100%);

  /* Logo */

  /* Nav Panal Icons */
  /* Note: Nav panel icons now use mask-image with bird-theme-svg files */
  /* Heart icon is kept as inline SVG for compatibility */
  --icon-heart-column-link: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23171717' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E");
  --icon-heart-column-link-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23171717'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");


  /* Icons */

  --icon-bookmark-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231d9bf0' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231d9bf0' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-nofitication-filter-bar-active: url('data:image/svg+xml, %3Csvg viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%231d9bf0" d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366a8.13 8.13 0 0 1 8.129 8.13c0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067A8.005 8.005 0 0 1 1.751 10zm8.005-6a6.005 6.005 0 1 0 .133 12.01l.351-.01h1.761v2.3l5.087-2.81A6.127 6.127 0 0 0 14.122 4H9.756z"/%3E%3Cellipse fill="%23536471" fill-rule="evenodd" stroke-width="1.28569" cx="11.835" cy="10.2" rx="9.117" ry="8.123"/%3E%3C/svg%3E%0A');
  --icon-reply-status-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark-status-hover-red: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d9bf0' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");


  --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23536471" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A');

  --icon-boost: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%23536471' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-status: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%23536471' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-notification-filter-bar: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%23536471' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");

  --icon-reply: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23536471' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23536471' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-reply-conversation: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23536471' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

  --icon-bookmark-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='%23536471' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-bookmark: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"%3E%3Cpath d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"%3E%3C/path%3E%3C/svg%3E');

  --icon-heart: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='20' height='20' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23536471' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E");

  --icon-bell-header-tabs: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="%23536471"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23536471" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E');
  --icon-bell-header-tabs-active: url('data:image/svg+xml, %3Csvg width="18px" height="18px" stroke-width="1.5" viewBox="0 0 24 24" fill="%23536471" xmlns="http://www.w3.org/2000/svg" color="%23536471"%3E%3Cpath d="M18 8.4c0-1.697-.632-3.325-1.757-4.525C15.117 2.675 13.59 2 12 2c-1.591 0-3.117.674-4.243 1.875C6.632 5.075 6 6.703 6 8.4 6 15.867 3 18 3 18h18s-3-2.133-3-9.6zM13.73 21a1.999 1.999 0 01-3.46 0" stroke="%23536471" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E');

  --icon-more: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-more-horizontal'%3E%3Ccircle cx='12' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='1'%3E%3C/circle%3E%3C/svg%3E");
  --icon-more-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-more-horizontal'%3E%3Ccircle cx='12' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='1'%3E%3C/circle%3E%3C/svg%3E");

  --icon-close: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-close-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");

  --icon-plus: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --icon-cog: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' width='26' height='26' viewBox='0 0 512 512' fill='%23536471'%3E%3Cpath d='M456.7 242.27l-26.08-4.2a8 8 0 01-6.6-6.82c-.5-3.2-1-6.41-1.7-9.51a8.08 8.08 0 013.9-8.62l23.09-12.82a8.05 8.05 0 003.9-9.92l-4-11a7.94 7.94 0 00-9.4-5l-25.89 5a8 8 0 01-8.59-4.11q-2.25-4.2-4.8-8.41a8.16 8.16 0 01.7-9.52l17.29-19.94a8 8 0 00.3-10.62l-7.49-9a7.88 7.88 0 00-10.5-1.51l-22.69 13.63a8 8 0 01-9.39-.9c-2.4-2.11-4.9-4.21-7.4-6.22a8 8 0 01-2.5-9.11l9.4-24.75A8 8 0 00365 78.77l-10.2-5.91a8 8 0 00-10.39 2.21l-16.64 20.84a7.15 7.15 0 01-8.5 2.5s-5.6-2.3-9.8-3.71A8 8 0 01304 87l.4-26.45a8.07 8.07 0 00-6.6-8.42l-11.59-2a8.07 8.07 0 00-9.1 5.61l-8.6 25.05a8 8 0 01-7.79 5.41h-9.8a8.07 8.07 0 01-7.79-5.41l-8.6-25.05a8.07 8.07 0 00-9.1-5.61l-11.59 2a8.07 8.07 0 00-6.6 8.42l.4 26.45a8 8 0 01-5.49 7.71c-2.3.9-7.3 2.81-9.7 3.71-2.8 1-6.1.2-8.8-2.91l-16.51-20.34A8 8 0 00156.75 73l-10.2 5.91a7.94 7.94 0 00-3.3 10.09l9.4 24.75a8.06 8.06 0 01-2.5 9.11c-2.5 2-5 4.11-7.4 6.22a8 8 0 01-9.39.9L111 116.14a8 8 0 00-10.5 1.51l-7.49 9a8 8 0 00.3 10.62l17.29 19.94a8 8 0 01.7 9.52q-2.55 4-4.8 8.41a8.11 8.11 0 01-8.59 4.11l-25.89-5a8 8 0 00-9.4 5l-4 11a8.05 8.05 0 003.9 9.92L85.58 213a7.94 7.94 0 013.9 8.62c-.6 3.2-1.2 6.31-1.7 9.51a8.08 8.08 0 01-6.6 6.82l-26.08 4.2a8.09 8.09 0 00-7.1 7.92v11.72a7.86 7.86 0 007.1 7.92l26.08 4.2a8 8 0 016.6 6.82c.5 3.2 1 6.41 1.7 9.51a8.08 8.08 0 01-3.9 8.62L62.49 311.7a8.05 8.05 0 00-3.9 9.92l4 11a7.94 7.94 0 009.4 5l25.89-5a8 8 0 018.59 4.11q2.25 4.2 4.8 8.41a8.16 8.16 0 01-.7 9.52l-17.29 19.96a8 8 0 00-.3 10.62l7.49 9a7.88 7.88 0 0010.5 1.51l22.69-13.63a8 8 0 019.39.9c2.4 2.11 4.9 4.21 7.4 6.22a8 8 0 012.5 9.11l-9.4 24.75a8 8 0 003.3 10.12l10.2 5.91a8 8 0 0010.39-2.21l16.79-20.64c2.1-2.6 5.5-3.7 8.2-2.6 3.4 1.4 5.7 2.2 9.9 3.61a8 8 0 015.49 7.71l-.4 26.45a8.07 8.07 0 006.6 8.42l11.59 2a8.07 8.07 0 009.1-5.61l8.6-25a8 8 0 017.79-5.41h9.8a8.07 8.07 0 017.79 5.41l8.6 25a8.07 8.07 0 009.1 5.61l11.59-2a8.07 8.07 0 006.6-8.42l-.4-26.45a8 8 0 015.49-7.71c4.2-1.41 7-2.51 9.6-3.51s5.8-1 8.3 2.1l17 20.94A8 8 0 00355 439l10.2-5.91a7.93 7.93 0 003.3-10.12l-9.4-24.75a8.08 8.08 0 012.5-9.12c2.5-2 5-4.1 7.4-6.21a8 8 0 019.39-.9L401 395.66a8 8 0 0010.5-1.51l7.49-9a8 8 0 00-.3-10.62l-17.29-19.94a8 8 0 01-.7-9.52q2.55-4.05 4.8-8.41a8.11 8.11 0 018.59-4.11l25.89 5a8 8 0 009.4-5l4-11a8.05 8.05 0 00-3.9-9.92l-23.09-12.82a7.94 7.94 0 01-3.9-8.62c.6-3.2 1.2-6.31 1.7-9.51a8.08 8.08 0 016.6-6.82l26.08-4.2a8.09 8.09 0 007.1-7.92V250a8.25 8.25 0 00-7.27-7.73zM256 112a143.82 143.82 0 01139.38 108.12A16 16 0 01379.85 240H274.61a16 16 0 01-13.91-8.09l-52.1-91.71a16 16 0 019.85-23.39A146.94 146.94 0 01256 112zM112 256a144 144 0 0143.65-103.41 16 16 0 0125.17 3.47L233.06 248a16 16 0 010 15.87l-52.67 91.7a16 16 0 01-25.18 3.36A143.94 143.94 0 01112 256zm144 144a146.9 146.9 0 01-38.19-4.95 16 16 0 01-9.76-23.44l52.58-91.55a16 16 0 0113.88-8H379.9a16 16 0 0115.52 19.88A143.84 143.84 0 01256 400z'/%3E%3C/svg%3E");

  --icon-hashtag: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E');
  --icon-hashtag-active: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"%3E%3Cline x1="4" y1="9" x2="20" y2="9"%3E%3C/line%3E%3Cline x1="4" y1="15" x2="20" y2="15"%3E%3C/line%3E%3Cline x1="10" y1="3" x2="8" y2="21"%3E%3C/line%3E%3Cline x1="16" y1="3" x2="14" y2="21"%3E%3C/line%3E%3C/svg%3E');

  --icon-star: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23536471" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A');

  --icon-star-detailed-status-action-bar: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23536471' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m330.955-216.328 149.066-89 149.066 90.023-40.305-168.391 131.217-114.347-172.956-14.87L480-671.869l-67.043 158.521-172.956 14.305 131.427 113.796-40.473 168.919ZM212.086-50.608l70.652-305.305L45.52-561.305l312.645-26.579L480-876.176l121.835 288.292 312.645 26.579-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607ZM480-433.87Z'%3E%3C/path%3E%3C/svg%3E");

  --icon-home-notification: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Ctitle%3EHome%3C/title%3E%3Cpath d="M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212" fill="none" stroke="%23536471" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3Cpath d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69" fill="none" stroke="%23536471" stroke-linecap="round" stroke-linejoin="round" stroke-width="38"/%3E%3C/svg%3E');

  --icon-search: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23536471' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 3.75a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-8.5 6.5a8.5 8.5 0 1 1 15.176 5.262l4.781 4.781-1.414 1.414-4.781-4.781A8.5 8.5 0 0 1 1.75 10.25z'/%3E%3C/svg%3E");

  --icon-sliders: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-sliders'%3E%3Cline x1='4' y1='21' x2='4' y2='14'%3E%3C/line%3E%3Cline x1='4' y1='10' x2='4' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='20' y1='21' x2='20' y2='16'%3E%3C/line%3E%3Cline x1='20' y1='12' x2='20' y2='3'%3E%3C/line%3E%3Cline x1='1' y1='14' x2='7' y2='14'%3E%3C/line%3E%3Cline x1='9' y1='8' x2='15' y2='8'%3E%3C/line%3E%3Cline x1='17' y1='16' x2='23' y2='16'%3E%3C/line%3E%3C/svg%3E");


  --icon-boost-notification-wrapper: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 136 136'%3E%3Cpath fill='%2300ba7c' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-active: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%2300ba7c' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-boost-status-prepend: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"%3E%3Cg%3E%3Cpath fill="%2300ba7c" d="M4.75 3.79l4.603 4.3-1.706 1.82L6 8.38v7.37c0 .97.784 1.75 1.75 1.75H13V20H7.75c-2.347 0-4.25-1.9-4.25-4.25V8.38L1.853 9.91.147 8.09l4.603-4.3zm11.5 2.71H11V4h5.25c2.347 0 4.25 1.9 4.25 4.25v7.37l1.647-1.53 1.706 1.82-4.603 4.3-4.603-4.3 1.706-1.82L18 15.62V8.25c0-.97-.784-1.75-1.75-1.75z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
  --icon-boost-notification-filter-bar-active: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 136 136'%3E%3Cpath fill='%23f7f9f9' d='M51 23.8c0 .4 2.4 3.1 5.3 6l5.3 5.2h34.6l3.4 3.4 3.4 3.4v47.4l-6.7-6.1-6.8-6.1-4 4-4 4 13.8 13.7 13.7 13.8L122.5 99c7.4-7.4 13.5-13.7 13.5-14-.1-.3-1.7-2.3-3.6-4.4l-3.5-4-6.8 6.8-6.9 6.9-.4-25.4c-.3-23.8-.4-25.7-2.5-29.4-2.7-5.1-5.7-7.9-11.3-10.4-4.1-1.9-6.5-2.1-27.2-2.1-12.6 0-22.8.4-22.8.8zM13 37.5-.4 51l3.8 3.9 3.9 4 6.6-6.1 6.6-6 .5 24.4c.5 26.3.7 27.2 6.6 33.2 6 5.9 6.8 6.1 33.2 6.4 13.3.2 24.2-.1 24.2-.5 0-.5-2.2-3-4.8-5.6l-4.8-4.7-15.9-.1c-17.7 0-21.7-.9-24.9-5.2-2-2.7-2.1-4.2-2.3-26.5l-.2-23.6 6.7 6.7C42.5 55 46 58 46.6 58c.5 0 2.5-1.6 4.4-3.5l3.4-3.5L41 37.5C33.6 30.1 27.3 24 27 24c-.3 0-6.6 6.1-14 13.5z'/%3E%3C/svg%3E%0A");
  --icon-star-detailed-status-action-bar-hover: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffac33' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m330.955-216.328 149.066-89 149.066 90.023-40.305-168.391 131.217-114.347-172.956-14.87L480-671.869l-67.043 158.521-172.956 14.305 131.427 113.796-40.473 168.919ZM212.086-50.608l70.652-305.305L45.52-561.305l312.645-26.579L480-876.176l121.835 288.292 312.645 26.579-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607ZM480-433.87Z'%3E%3C/path%3E%3C/svg%3E");
  --icon-star-detailed-status-action-bar-active: url("data:image/svg+xml, %3Csvg fill='%23ffac33' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m212.086-50.607 70.652-305.306L45.52-561.305l312.871-26.696L480-876.176l121.609 288.175 312.871 26.696-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607Z'%3E%3C/path%3E%3C/svg%3E");
  --icon-star-hover: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" stroke="%23ffac33" stroke-width="5.5" viewBox="0 0 68 68"%3E%3Cpath d="M31.4 3.8c-.7.4-2.5 5-4.1 10.2l-2.9 9.5-9.9.5c-5.5.3-10.6.9-11.3 1.3-.6.5-1.2 1.9-1.2 3.3 0 2 1.5 3.4 8 7.5 4.4 2.8 8 5.5 8 6s-1.3 4.5-3 9.1c-3.6 9.7-3.7 11.4-.9 12.8 2.7 1.5 3.5 1.1 12.4-5.6l7.5-5.6 8.2 6.1c8.4 6.3 11.2 7.1 13.2 3.9.8-1.4.3-3.9-2.2-11-1.8-5.1-3.2-9.6-3.2-9.9 0-.4 3.6-3 8-5.8 6.5-4.1 8-5.5 8-7.5 0-1.4-.6-2.8-1.2-3.3-.7-.4-5.8-1-11.3-1.3l-9.9-.5-2.9-9.5C37.8 4.6 36.9 3 34 3c-.8 0-2 .4-2.6.8z"/%3E%3C/svg%3E%0A');
  --icon-star-active: url("data:image/svg+xml, %3Csvg fill='%23ffac33' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 -960 960 960' class='icon icon-star' aria-hidden='true'%3E%3Cpath d='m212.086-50.607 70.652-305.306L45.52-561.305l312.871-26.696L480-876.176l121.609 288.175 312.871 26.696-237.218 205.392 71.217 305.306L480-213.173 212.086-50.607Z'%3E%3C/path%3E%3C/svg%3E");
  --icon-heart-hover: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='20' height='20' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23F91880' d='M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5C5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903c.745.592 1.54 1.145 2.421 1.7c.299.189.595.37.934.572c.339-.202.635-.383.934-.571z'/%3E%3C/svg%3E");
  --icon-heart-active: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' aria-hidden='true' fill='%23F91880'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-heart-notification: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' fill='%23F91880'%3E%3Cg%3E%3Cpath d='M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --icon-administration: url("data:image/svg+xml, %3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M218.1 167.17c0 13 0 25.6 4.1 37.4-43.1 50.6-156.9 184.3-167.5 194.5a20.17 20.17 0 00-6.7 15c0 8.5 5.2 16.7 9.6 21.3 6.6 6.9 34.8 33 40 28 15.4-15 18.5-19 24.8-25.2 9.5-9.3-1-28.3 2.3-36s6.8-9.2 12.5-10.4 15.8 2.9 23.7 3c8.3.1 12.8-3.4 19-9.2 5-4.6 8.6-8.9 8.7-15.6.2-9-12.8-20.9-3.1-30.4s23.7 6.2 34 5 22.8-15.5 24.1-21.6-11.7-21.8-9.7-30.7c.7-3 6.8-10 11.4-11s25 6.9 29.6 5.9c5.6-1.2 12.1-7.1 17.4-10.4 15.5 6.7 29.6 9.4 47.7 9.4 68.5 0 124-53.4 124-119.2S408.5 48 340 48s-121.9 53.37-121.9 119.17zM400 144a32 32 0 11-32-32 32 32 0 0132 32z' fill='none' stroke='%23536471' stroke-linejoin='round' stroke-width='36'/%3E%3C/svg%3E");
  --icon-moderation: url("data:image/svg+xml, %3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M80 320V144a32 32 0 0132-32h0a32 32 0 0132 32v112M144 256V80a32 32 0 0132-32h0a32 32 0 0132 32v160M272 241V96a32 32 0 0132-32h0a32 32 0 0132 32v224M208 240V48a32 32 0 0132-32h0a32 32 0 0132 32v192' fill='none' stroke='%23f7f9f9' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3Cpath d='M80 320c0 117.4 64 176 152 176s123.71-39.6 144-88l52.71-144c6.66-18.05 3.64-34.79-11.87-43.6h0c-15.52-8.82-35.91-4.28-44.31 11.68L336 320' fill='none' stroke='%23536471' stroke-linecap='round' stroke-linejoin='round' stroke-width='36'/%3E%3C/svg%3E");


  /* Profile icons */
  --icon-github: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"%3E%3Cpath d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"%3E%3C/path%3E%3C/svg%3E');
  --icon-youtube: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"%3E%3Cpath d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"%3E%3C/path%3E%3Cpolygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"%3E%3C/polygon%3E%3C/svg%3E');
  --icon-link: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link-2"%3E%3Cpath d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"%3E%3C/path%3E%3Cline x1="8" y1="12" x2="16" y2="12"%3E%3C/line%3E%3C/svg%3E');
  --icon-twitter: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 512 512"%3E%3Cpath fill="%23536471" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/%3E%3C/svg%3E');
  --icon-twitch: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitch"%3E%3Cpath d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7"%3E%3C/path%3E%3C/svg%3E');
  --icon-patreon: url("data:image/svg+xml, %0A%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23536471'%3E%3Ctitle%3EPatreon icon%3C/title%3E%3Cpath d='M15.386.524c-4.764 0-8.64 3.876-8.64 8.64 0 4.75 3.876 8.613 8.64 8.613 4.75 0 8.614-3.864 8.614-8.613C24 4.4 20.136.524 15.386.524M.003 23.537h4.22V.524H.003'/%3E%3C/svg%3E");
  --icon-threads: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='18' fill='%23536471' width='18' viewBox='0 0 448 512'%3E%3Cpath d='M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z'/%3E%3C/svg%3E");
  --icon-bluesky: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.467 8.467' width='18' height='18'%3E%3Cpath fill='%23536471' d='M67.256 111.972c-.545-.648-.629-.916-.411-1.323.15-.28.477-.52.727-.531.289-.013.204-.113-.236-.274-.862-.316-1.295-1.239-1.295-2.76 0-1.071.058-1.179.643-1.179.65 0 2.043 1.149 2.88 2.374l.446.655.446-.655c.837-1.225 2.23-2.373 2.88-2.373.584 0 .642.107.642 1.178 0 1.528-.435 2.45-1.295 2.74-.686.23-.686.233-.094.424.787.253.78 1.214-.017 1.961-.893.84-1.748.751-2.114-.218-.165-.437-.364-.794-.442-.794-.078 0-.3.357-.493.794-.47 1.06-1.365 1.053-2.267-.02z' transform='translate(-65.776 -105.112)'/%3E%3C/svg%3E");
  --icon-nostr: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 860 847'%3E%3Cpath d='M454.5 1.1c-67.6 10.3-115.8 27.2-160.4 56.4-16.5 10.9-19.3 12-29.1 12-9.5 0-14.6-2-20.8-7.9-5.5-5.1-7.5-9.9-9.2-22-1.9-13.1-6.8-20.4-17.3-25.7l-5.8-3-92.2.3c-68.2.3-93.1.7-95.6 1.6-4.5 1.5-11.4 8.3-15.2 14.8L6 32.8l.2 391.8.3 391.9 2.7 5c1.4 2.8 4.6 6.9 7.1 9.2 8.7 8 .9 7.3 96 8 88.7.6 108.3 0 116.7-3.3 5.9-2.4 13.5-11.7 14.9-18.4 1.4-6.4 1.4-67.7.1-103.3-3-78.6-15.8-158-48.1-297.2-21.2-91.3-27.3-126.1-28.6-162.6-1.5-43.2 7-69.1 28.8-87.6 6.9-5.8 19.7-12.8 29.7-16.2 14.8-5 57.5-12 96.2-15.7 21-2.1 84.2-2.4 104.4-.6 25.3 2.3 54.4 8.4 76 15.9 36.2 12.5 62.9 33.9 75.5 60.4 5.2 10.8 7.6 20.5 9.6 38.2 1.9 16.7 3.6 24 7.4 32.2 7.1 15.3 26.3 28.9 50.7 36 20.1 5.9 42 8.1 86.4 9 33.3.7 41.1 1.5 47.9 5 7.7 3.9 15.4 11.6 18.7 18.7 2.8 6 2.9 6.9 2.9 20.8 0 13.3-.2 14.9-2.4 19.5-1.4 2.8-5.6 8.1-9.5 12-10.8 10.7-28 18.8-48.8 23-13.6 2.7-38.7 3.5-110.3 3.5-73.4 0-79.9.3-96.7 4.5-33.7 8.5-56.9 25.7-70.1 52.1-15.4 30.7-26.8 91.8-31.7 170.4-2.9 46.1-3 159.5-.1 166.5 1.9 4.7 11.1 13.4 15.3 14.5 8.4 2.3 51.4 3 196.8 3 155 0 184.6-.6 191.7-3.5 5.5-2.3 12.1-9.2 13.4-13.9.6-2.1 1.5-10.5 2-18.5 1.9-32.6.2-482.7-2-504.1-4.6-44.3-20-97.2-39.7-136.1-14.5-28.7-30.3-50.8-51.9-72.5-27-27.1-54.5-45.9-89.8-61.4-31.8-13.9-71.3-24.3-104.5-27.5-16.8-1.7-98.5-1.9-108.7-.4z' fill='%23536471'/%3E%3Cpath d='M448 211.5c-21.4 5.9-38.1 21.3-45.8 42.7-2.4 6.5-2.7 8.7-2.6 19.8 0 11.3.3 13.3 3 21 3.9 11 8.7 18.2 18.1 27 11.2 10.4 22.4 15.1 39.8 16.5 27.9 2.3 56.6-18.3 64.9-46.5 8.1-27.5-5.4-60.4-30.1-73.3-12.3-6.4-17.5-7.8-30.3-8.3-8.2-.3-13.1 0-17 1.1z' fill='%23536471'/%3E%3C/svg%3E");
  --icon-paypal: url("data:image/svg+xml, %0A%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23536471'%3E%3Ctitle%3EPayPal icon%3C/title%3E%3Cpath d='M6.908 24H3.804c-.664 0-1.086-.529-.936-1.18l.149-.674h2.071c.666 0 1.336-.533 1.482-1.182l1.064-4.592c.15-.648.816-1.18 1.48-1.18h.883c3.789 0 6.734-.779 8.84-2.34s3.16-3.6 3.16-6.135c0-1.125-.195-2.055-.588-2.789 0-.016-.016-.031-.016-.046l.135.075c.75.465 1.32 1.064 1.711 1.814.404.75.598 1.68.598 2.791 0 2.535-1.049 4.574-3.164 6.135-2.1 1.545-5.055 2.324-8.834 2.324h-.9c-.66 0-1.334.525-1.484 1.186L8.39 22.812c-.149.645-.81 1.17-1.47 1.17L6.908 24zm-2.677-2.695H1.126c-.663 0-1.084-.529-.936-1.18L4.563 1.182C4.714.529 5.378 0 6.044 0h6.465c1.395 0 2.609.098 3.648.289 1.035.189 1.92.519 2.684.99.736.465 1.322 1.072 1.697 1.818.389.748.584 1.68.584 2.797 0 2.535-1.051 4.574-3.164 6.119-2.1 1.561-5.056 2.326-8.836 2.326h-.883c-.66 0-1.328.524-1.478 1.169L5.7 20.097c-.149.646-.817 1.172-1.485 1.172l.016.036zm7.446-17.369h-1.014c-.666 0-1.332.529-1.48 1.178l-.93 4.02c-.15.648.27 1.179.93 1.179h.766c1.664 0 2.97-.343 3.9-1.021.929-.686 1.395-1.654 1.395-2.912 0-.83-.301-1.445-.9-1.84-.6-.404-1.5-.605-2.686-.605l.019.001z'/%3E%3C/svg%3E");
  --icon-kofi: url("data:image/svg+xml, %3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23536471'%3E%3Ctitle%3EKo-fi icon%3C/title%3E%3Cpath d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E");
  --icon-bandcamp: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23536471' viewBox='0 0 512 512'%3E%3Cpath d='M105.6 191.2C98.1 204.8 33 325.2 33 325.6c0 .2 36.8.3 81.7.2l81.7-.3 37.5-69.4 37.6-69.4.3 70.2.2 70.2 10.3-.3 10.2-.3.3-6.8.3-6.7 3.2 4.2c2.2 2.9 5.6 5.5 10.1 7.8 6.8 3.5 7.1 3.5 19.5 3.5 12.3 0 12.8-.1 19.3-3.3 16.4-8 25.9-28.9 24.5-53.7-1.3-22.4-10.5-38.2-26.5-45.8-6.3-3-7.4-3.2-17.7-3.2-9.8 0-11.6.3-16.7 2.7-3.2 1.5-7.8 4.8-10.3 7.3l-4.5 4.7V185H109.1l-3.5 6.2zm226.1 51c5.3 2.4 8.7 6.5 12.7 14.8 2.9 6.1 3.1 7.2 3.1 18 0 12.9-1 17.1-5.7 24.9-4.7 7.6-11.5 11.4-20.6 11.4-15.3 0-24.4-9.6-27.4-28.6-2.1-13.4 1.5-28.2 8.5-35.5 7.6-7.9 19-9.9 29.4-5zM413.1 223.6c-21.1 5.7-34.1 26-34.1 53.1.1 22.8 9.6 39.9 26.8 48.1 6.5 3.1 8.6 3.6 17.4 4 15 .7 24.1-1.8 33.4-9.4 6.9-5.6 12.9-16.6 14.9-27.7l.7-3.7h-22l-.7 3.7c-1 5.5-3.9 10.6-8.1 14.2-4.8 4.3-7.7 5.3-14.9 5.3-16 .1-25.5-13.2-25.5-35.7 0-23.3 9.4-35.7 27-35.7 10.8 0 17.4 4.4 20.9 13.8l1.9 4.9 10.7.3 10.7.3-.7-4.7c-1.6-10.9-9.8-22.5-19.3-27.3-9.9-5-27.6-6.6-39.1-3.5z'/%3E%3C/svg%3E%0A");
  --icon-facebook: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");
  --icon-friendica: url("data:image/svg+xml, %3Csvg fill='%23536471' width='18' height='18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1523.8 1536'%3E%3Cpath d='M0 276.4v983.2C0 1412 122.8 1536 274.4 1536h975.1c151.6 0 274.4-124 274.4-276.4V276.4C1523.8 124 1401.1 0 1249.4 0h-975C122.8 0 0 124 0 276.4zM1249.4 61.2c118.5 0 213.2 95.3 213.2 215.2v983.2c0 119.9-94.7 215.2-213.2 215.2H518.1V1106h487.5l-1.3-367.7-486.3 2.6V430.1h487.5V61.2h243.9z'/%3E%3C/svg%3E%0A");
  --icon-genderless-pronouns: url("data:image/svg+xml, %3Csvg fill='%23536471' width='18' height='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.334 12v-.02a9.354 9.354 0 1 0-2.74 6.614 8.963 8.963 0 0 0 2.74-6.462l-.001-.139V12zM24 12v.036c0 1.67-.349 3.258-.977 4.695l.029-.075c-1.226 2.905-3.491 5.17-6.318 6.367l-.078.029C15.282 23.651 13.682 24 12 24s-3.283-.349-4.733-.978l.077.03c-2.905-1.226-5.17-3.491-6.367-6.318l-.029-.078C.349 15.282 0 13.682 0 12s.349-3.283.978-4.733l-.03.077C2.174 4.439 4.439 2.174 7.266.977l.078-.029C8.718.349 10.318 0 12 0s3.283.349 4.733.978l-.077-.03c2.905 1.226 5.17 3.491 6.367 6.318l.029.078c.599 1.362.948 2.95.948 4.62v.039-.002z'/%3E%3C/svg%3E%0A");
  --icon-wordpress: url("data:image/svg+xml, %3Csvg width='18' height='18' fill='%23536471' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z'/%3E%3C/svg%3E");
  --icon-mastodon: url("data:image/svg+xml, %0A%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='%23536471'%3E%3Ctitle%3EMastodon icon%3C/title%3E%3Cpath d='M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z'/%3E%3C/svg%3E");
  --icon-verified: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="22" height="22" %3E%3Cpath fill="%236364ff" d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"%3E%3C/path%3E%3C/svg%3E');
  --icon-verified-smaller: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="15" height="15" %3E%3Cpath fill="%236364ff" d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"%3E%3C/path%3E%3C/svg%3E');
  --icon-label: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag"%3E%3Cpath d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"%3E%3C/path%3E%3Cline x1="7" y1="7" x2="7.01" y2="7"%3E%3C/line%3E%3C/svg%3E');
  --icon-discord: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="18" height="18" %3E%3Cpath fill="%23536471" d="M 12.65625 4.90625 L 11.875 5 C 11.875 5 8.371094 5.382813 5.8125 7.4375 L 5.78125 7.4375 L 5.75 7.46875 C 5.175781 7.996094 4.925781 8.644531 4.53125 9.59375 C 4.136719 10.542969 3.714844 11.753906 3.34375 13.09375 C 2.601563 15.777344 2 19.027344 2 22 L 2 22.25 L 2.125 22.5 C 3.050781 24.125 4.695313 25.160156 6.21875 25.875 C 7.742188 26.589844 9.058594 26.96875 9.96875 27 L 10.5625 27.03125 L 10.875 26.5 L 11.96875 24.5625 C 13.128906 24.824219 14.464844 25 16 25 C 17.535156 25 18.871094 24.824219 20.03125 24.5625 L 21.125 26.5 L 21.4375 27.03125 L 22.03125 27 C 22.941406 26.96875 24.257813 26.589844 25.78125 25.875 C 27.304688 25.160156 28.949219 24.125 29.875 22.5 L 30 22.25 L 30 22 C 30 19.027344 29.398438 15.777344 28.65625 13.09375 C 28.285156 11.753906 27.863281 10.542969 27.46875 9.59375 C 27.074219 8.644531 26.824219 7.996094 26.25 7.46875 L 26.21875 7.4375 L 26.1875 7.4375 C 23.628906 5.382813 20.125 5 20.125 5 L 19.34375 4.90625 L 19.0625 5.625 C 19.0625 5.625 18.773438 6.355469 18.59375 7.1875 C 17.460938 7.035156 16.535156 7 16 7 C 15.464844 7 14.539063 7.035156 13.40625 7.1875 C 13.226563 6.355469 12.9375 5.625 12.9375 5.625 Z M 11.28125 7.1875 C 11.324219 7.328125 11.367188 7.449219 11.40625 7.5625 C 10.113281 7.882813 8.734375 8.371094 7.46875 9.15625 L 8.53125 10.84375 C 11.125 9.234375 14.851563 9 16 9 C 17.148438 9 20.875 9.234375 23.46875 10.84375 L 24.53125 9.15625 C 23.265625 8.371094 21.886719 7.882813 20.59375 7.5625 C 20.632813 7.449219 20.675781 7.328125 20.71875 7.1875 C 21.652344 7.375 23.433594 7.804688 24.90625 8.96875 C 24.898438 8.972656 25.28125 9.550781 25.625 10.375 C 25.976563 11.222656 26.367188 12.351563 26.71875 13.625 C 27.394531 16.066406 27.925781 19.039063 27.96875 21.65625 C 27.339844 22.617188 26.171875 23.484375 24.9375 24.0625 C 23.859375 24.566406 23.007813 24.75 22.5 24.84375 L 22 24 C 22.296875 23.890625 22.589844 23.769531 22.84375 23.65625 C 24.382813 22.980469 25.21875 22.25 25.21875 22.25 L 23.90625 20.75 C 23.90625 20.75 23.34375 21.265625 22.03125 21.84375 C 20.71875 22.421875 18.714844 23 16 23 C 13.285156 23 11.28125 22.421875 9.96875 21.84375 C 8.65625 21.265625 8.09375 20.75 8.09375 20.75 L 6.78125 22.25 C 6.78125 22.25 7.617188 22.980469 9.15625 23.65625 C 9.410156 23.769531 9.703125 23.890625 10 24 L 9.5 24.84375 C 8.992188 24.75 8.140625 24.566406 7.0625 24.0625 C 5.828125 23.484375 4.660156 22.617188 4.03125 21.65625 C 4.074219 19.039063 4.605469 16.066406 5.28125 13.625 C 5.632813 12.351563 6.023438 11.222656 6.375 10.375 C 6.71875 9.550781 7.101563 8.972656 7.09375 8.96875 C 8.566406 7.804688 10.347656 7.375 11.28125 7.1875 Z M 12.5 14 C 11.726563 14 11.042969 14.441406 10.625 15 C 10.207031 15.558594 10 16.246094 10 17 C 10 17.753906 10.207031 18.441406 10.625 19 C 11.042969 19.558594 11.726563 20 12.5 20 C 13.273438 20 13.957031 19.558594 14.375 19 C 14.792969 18.441406 15 17.753906 15 17 C 15 16.246094 14.792969 15.558594 14.375 15 C 13.957031 14.441406 13.273438 14 12.5 14 Z M 19.5 14 C 18.726563 14 18.042969 14.441406 17.625 15 C 17.207031 15.558594 17 16.246094 17 17 C 17 17.753906 17.207031 18.441406 17.625 19 C 18.042969 19.558594 18.726563 20 19.5 20 C 20.273438 20 20.957031 19.558594 21.375 19 C 21.792969 18.441406 22 17.753906 22 17 C 22 16.246094 21.792969 15.558594 21.375 15 C 20.957031 14.441406 20.273438 14 19.5 14 Z M 12.5 16 C 12.554688 16 12.625 16.019531 12.75 16.1875 C 12.875 16.355469 13 16.648438 13 17 C 13 17.351563 12.875 17.644531 12.75 17.8125 C 12.625 17.980469 12.554688 18 12.5 18 C 12.445313 18 12.375 17.980469 12.25 17.8125 C 12.125 17.644531 12 17.351563 12 17 C 12 16.648438 12.125 16.355469 12.25 16.1875 C 12.375 16.019531 12.445313 16 12.5 16 Z M 19.5 16 C 19.554688 16 19.625 16.019531 19.75 16.1875 C 19.875 16.355469 20 16.648438 20 17 C 20 17.351563 19.875 17.644531 19.75 17.8125 C 19.625 17.980469 19.554688 18 19.5 18 C 19.445313 18 19.375 17.980469 19.25 17.8125 C 19.125 17.644531 19 17.351563 19 17 C 19 16.648438 19.125 16.355469 19.25 16.1875 C 19.375 16.019531 19.445313 16 19.5 16 Z"/%3E%3C/svg%3E');
  --icon-linkedin: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"%3E%3Cpath d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"%3E%3C/path%3E%3Crect x="2" y="9" width="4" height="12"%3E%3C/rect%3E%3Ccircle cx="4" cy="4" r="2"%3E%3C/circle%3E%3C/svg%3E');
  --icon-instagram: url('data:image/svg+xml, %0A%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23536471" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"%3E%3Crect x="2" y="2" width="20" height="20" rx="5" ry="5"%3E%3C/rect%3E%3Cpath d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"%3E%3C/path%3E%3Cline x1="17.5" y1="6.5" x2="17.51" y2="6.5"%3E%3C/line%3E%3C/svg%3E');
}


/* Vars on iPad, landscape */
@media (min-width: 1175px) and (max-width: 1260px) {
  :root {
    --width-main-panel: 500px;
    --width-side-panel: 265px;
    --width-compose-panel: 265px;
  }
}

/* Vars in mobile */
@media (max-width: 500px) {
  :root {
    --font-size: 16px;
    --line-height: 1.4;
    --font-size-heading: 16px;
    --badges-distance-from-edge: 10px;
  }

  /* Hide scrollbar on mobile, since we can't pick the handle anyway */
  .layout-single-column::-webkit-scrollbar {
    display: none;
  }
}

/* Search popout offset */
.layout-single-column .search__popout,
.layout-single-column .search-popout {
  left: calc(30px / 2);

  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  max-width: calc(100% - 30px) !important;

  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  width: calc(100% - 30px) !important;
}

body.layout-single-column {
  background-color: var(--color-bg);
  color: var(--color-fg);
}

.layout-single-column .ui {
  display: flex;
  width: 100%;
}

/* Text color */
.layout-single-column .account__header__tabs__name h1,
.layout-single-column .account__header__bio .account__header__content,
.layout-single-column .reply-indicator__content,
.layout-single-column .status__content {
  color: var(--color-fg);
}

/* Link color variants */
.layout-single-column .status-link.hashtag {
  color: var(--color-hashtag);
}

.layout-single-column .status-link.mention:not(.hashtag) {
  color: var(--color-mention);
}

/* stylelint-disable-next-line */
.layout-single-column .status-link.mention:not(.hashtag):not(.mention) {
  color: var(--color-link);
}

/* Logo */
.layout-single-column .column-link.column-link--logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px auto;
  width: 50px;
  height: 50px;
}

// .layout-single-column .column-link.column-link--logo img,
// .layout-single-column .column-link.column-link--logo svg {
//  display: none;
// }

/* Fixes a regression for 4.3.0-alpha.3-2024-04-06 caused by https://github.com/mastodon/mastodon/commit/4f068d4fcc4d134fcbd56faa8f39c608dd343417 */
.layout-single-column .column-link.column-link--logo {
  flex-grow: unset;
}

/* Things that should have the default font-size */
.layout-single-column .notification__message,
.layout-single-column .status__content,
.layout-single-column .account__header__tabs__name h1 small,
.layout-single-column .button,
.layout-single-column .status__content__read-more-button,
.layout-single-column .status__prepend,
.layout-single-column .status__info,
.layout-single-column .status__relative-time,
.layout-single-column .status__info .status__display-name,
.layout-single-column .account__section-headline a,
.layout-single-column .account__section-headline button,
.layout-single-column .notification__filter-bar a,
.layout-single-column .notification__filter-bar button {
  font-size: var(--font-size);
  line-height: var(--line-height);
}

/* Things that should have the mid font-size */
.layout-single-column .account__header__extra__links,
.layout-single-column .columns-area__panels__pane--compositional .account__header__account-note textarea,
.layout-single-column .account__header__content,
.layout-single-column .columns-area__panels__pane--compositional .compose-form .autosuggest-textarea__textarea,
.layout-single-column .columns-area__panels__pane--compositional .compose-form .spoiler-input__input {
  font-size: var(--font-size-mid);
  line-height: var(--line-height-mid);
}

/* Exceptions */
.layout-single-column .account__header__content {
  line-height: 18px;
}

/* Things that will have even smaller font size */
.layout-single-column .account__header__account-note label {
  font-size: var(--font-size-12);
}

/* Line heights */
.layout-single-column .status__content {
  line-height: var(--line-height);
}

/* Modal overlay */
.layout-single-column .modal-root__overlay {
  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  background-color: var(--color-modal-overlay) !important;
  /* stylelint-disable-next-line */
  color: var(--color-light-text) !important;
}

.layout-single-column .modal-root__modal .display-name strong,
.layout-single-column .modal-root__modal .status__content {

  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  color: var(--color-light-text) !important;
}

/* Hide footer buttons in modals */
.layout-single-column .picture-in-picture .picture-in-picture__footer {
  display: none;
}

/* Picture in picture fixes */
.layout-single-column .picture-in-picture .audio-player,
.layout-single-column .picture-in-picture .video-player {
  /* stylelint-disable-next-line */
  border-radius: 0 !important;
  /* stylelint-disable-next-line */
  margin-left: 0 !important;
}

/* Report modal */
.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text {
  display: grid;
  gap: 6px;
}

/* Improve modal icon size and accessibility */
.layout-single-column .image-loader .icon,
.layout-single-column .media-modal__navigation .icon {
  color: var(--color-light-text);
  height: 32px;
  width: 32px;
}

/* List adder input */
.layout-single-column .list-editor input.setting-text,
.layout-single-column .list-adder input.setting-text {
  background-color: transparent;
  border-color: var(--color-black-coral);
  height: 38px;
}

.layout-single-column .list-editor .column-inline-form button,
.layout-single-column .list-adder .column-inline-form button,
.layout-single-column .list-editor .column-inline-form button::before {
  min-height: 38px;
  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  width: 100% !important;
}

.layout-single-column .list-editor__search {
  padding: 15px;
}

.layout-single-column .embed-modal .embed-modal__container .embed-modal__html {
  color: var(--color-light-text);
}

.layout-single-column .embed-modal .embed-modal__container .embed-modal__html,
.layout-single-column .list-editor__search .search__input {
  background-color: transparent;
  border-color: var(--color-black-coral);
  height: 38px;
}

.layout-single-column .list-editor .drawer__inner.backdrop {
  box-shadow: 2px 4px 15px rgba(0, 0, 0, .2);
}

/* Search icon fix for 4.4.0-alpha.1+mementomods-2024-12-15 changes */
.layout-single-column .search__icon {
  right: 0;
  top: 0;
}

.layout-single-column .list-editor__search .search__icon .icon {
  margin: 15px;
}

.layout-single-column .list-editor .list__display-name,
.layout-single-column .list-adder .list__display-name {
  align-items: center;
  display: flex;
  gap: var(--gap-default);
}

.layout-single-column .list__display-name .icon-list-ul {
  top: -2px;
}

/* URL preview cards */
.layout-single-column .status-card,
.layout-single-column .status-card:hover,
.layout-single-column .status-card:focus {
  background-color: transparent;
  border-color: var(--color-border);
}

/* URL preview card summary text */
.layout-single-column .status-card .status-card__host,
.layout-single-column .status-card .status-card__description {
  color: var(--color-dim);
}

/* URL preview card box */
/* stylelint-disable-next-line */
.layout-single-column .status-card .status-card__content {
  padding: var(--gap-default);
}

.layout-single-column .status-card.expanded .status-card__content {
  display: grid;
  gap: 8px;
}

/* Preview cards */
.layout-single-column .status-card {
  background-color: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  transition: all 200ms;
}

.layout-single-column .status-card.status-card.bottomless {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.layout-single-column .status-card.expanded {
  display: block;
}

.layout-single-column a.status-card .status-card__host {
  font-size: var(--font-size);
}

.layout-single-column .status-card a:active .status-card__author,
.layout-single-column .status-card a:active .status-card__title,
.layout-single-column .status-card a:focus .status-card__author,
.layout-single-column .status-card a:focus .status-card__title,
.layout-single-column .status-card a:hover .status-card__author,
.layout-single-column .status-card a:hover .status-card__title,
.layout-single-column a.status-card:active .status-card__author,
.layout-single-column a.status-card:active .status-card__title,
.layout-single-column a.status-card:focus .status-card__author,
.layout-single-column a.status-card:focus .status-card__title,
.layout-single-column a.status-card:hover .status-card__author,
.layout-single-column a.status-card:hover .status-card__title {
  color: var(--color-fg);
}

.layout-single-column .status-card a:active .status-card__host,
.layout-single-column .status-card a:hover .status-card__host,
.layout-single-column .status-card a:focus .status-card__host,
.layout-single-column a.status-card:active .status-card__host,
.layout-single-column a.status-card:focus .status-card__host,
.layout-single-column a.status-card:hover .status-card__host,
.layout-single-column a.status-card:focus .status-card__description,
.layout-single-column a.status-card:hover .status-card__description {
  color: var(--color-dim);
}

/* Show minimal status card if there's no image */
.layout-single-column .status-card .status-card__image:not(:has(img)) {
  display: none;
}

/* Show iframe in status card if status contains embedded media */
.layout-single-column .status-card .status-card-video:has(iframe) {
  display: inherit;
}

/* Hide empty YouTube description */
.layout-single-column .status-card__description:empty {
  display: none;
}

.layout-single-column .status-card:focus,
.layout-single-column .status-card:hover {
  background-color: rgba(255 255 255 / .03);
}

.layout-single-column .status-card__image-image,
.layout-single-column .status-card__image-preview,
.layout-single-column .status-card .status-card__image {
  background-color: var(--color-arsenic);
  border-radius: 0;
}

.layout-single-column a.status-card .status-card__content {
  padding: 16px;
}

.layout-single-column a.status-card .status-card__title {
  color: var(--color-fg);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  margin: 0;
}

.layout-single-column a.status-card.expanded .status-card__title {
  white-space: inherit;
}

.layout-single-column .status-card.expanded .status-card__host {
  color: var(--color-dim);
  font-size: var(--font-size);
  margin-bottom: 0;
  margin-top: 0;
}

.layout-single-column .status-card.expanded .status-card__description {
  margin-top: 0;
}

/* Announcements */
.layout-single-column .announcements__pagination .icon,
.layout-single-column .announcements__pagination {
  color: var(--color-dim);
}

/* Dark panels like modals and boxes */
.layout-single-column .account-memorial-banner,
.layout-single-column .follow-request-banner,
.layout-single-column .moved-account-banner,
.layout-single-column .about__meta,
.layout-single-column .about__section__title,
.layout-single-column .announcements,
.layout-single-column .report-dialog-modal,
.layout-single-column .report-modal__target,
.layout-single-column .compose-form .autosuggest-textarea__suggestions,
.layout-single-column .privacy-dropdown__dropdown,
.layout-single-column .drawer__backdrop,
.layout-single-column .list-editor__account,
.layout-single-column .list-editor,
.layout-single-column .list-editor__lists,
.layout-single-column .list-adder__account,
.layout-single-column .list-adder,
.layout-single-column .list-adder__lists,
.layout-single-column .dropdown-menu__arrow::before,
.layout-single-column .dropdown-menu,
.layout-single-column .dropdown-menu__item a,
.layout-single-column .dropdown-menu__item button,
.layout-single-column .emoji-mart-category-label span,
.layout-single-column .emoji-mart-bar:first-child,
.layout-single-column .emoji-picker-dropdown__menu,
.layout-single-column .privacy-dropdown.active .privacy-dropdown__value,
.layout-single-column .emoji-mart-search input,
.layout-single-column .emoji-mart-scroll,
.layout-single-column .emoji-mart-search,
.layout-single-column .follow_requests-unlocked_explanation,
.layout-single-column .dismissable-banner,
.layout-single-column .block-modal__action-bar,
.layout-single-column .boost-modal__action-bar,
.layout-single-column .confirmation-modal__action-bar,
.layout-single-column .mute-modal__action-bar,
.layout-single-column .setting-text__wrapper,
.layout-single-column .setting-text,
.layout-single-column .report-modal__comment,
.layout-single-column .report-modal__container,
.layout-single-column .actions-modal,
.layout-single-column .block-modal,
.layout-single-column .boost-modal,
.layout-single-column .compare-history-modal,
.layout-single-column .confirmation-modal,
.layout-single-column .mute-modal,
.layout-single-column .report-modal,
.layout-single-column .column-header__collapsible-inner {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--color-light-text);
}

/* Setting boxes */
.layout-single-column .column-header__collapsible-inner {
  background-color: var(--color-bg);
  border-color: var(--color-border);
}

/* Column-header border */
.layout-single-column .column-header__collapsible {
  border-bottom: 1px solid var(--color-border);
  border-left: 0;
  border-right: 0;
}

.layout-single-column .column-header__collapsible,
.layout-single-column .column-header__collapsible.collapsed {
  opacity: 1;
}

/* Has dark 1px border */
.layout-single-column .dismissable-banner {
  border: 1px solid var(--color-dark);
}

/* More subtle box-shadow for dropdown-menu */
.layout-single-column .search-popout,
.layout-single-column .search__popout,
.layout-single-column .dropdown-menu {
  box-shadow: 2px 4px 16px rgb(0 0 0 / .01);
}

/* Autosuggest box shadow reset */
.layout-single-column .search-popout,
.layout-single-column .search__popout,
.layout-single-column .dropdown-menu,
.layout-single-column .emoji-picker-dropdown__menu,
.layout-single-column .compose-form .compose-form__warning,
.layout-single-column .privacy-dropdown.active .privacy-dropdown__value,
.layout-single-column .privacy-dropdown__dropdown,
.layout-single-column .language-dropdown__dropdown,
.layout-single-column .compose-form .autosuggest-textarea__suggestions {
  box-shadow: none;
}

/* Composer form warnings */
.layout-single-column .compose-form .compose-form__warning {
  background-color: var(--color-light-purple);
  color: var(--color-bg);
}

/* Content warning placeholder */
.layout-single-column .compose-form .autosuggest-textarea__textarea::placeholder,
.layout-single-column .compose-form .spoiler-input__input::placeholder {
  color: var(--color-dim);
}

/* Border colors */
.layout-single-column .search-results__section__header,
.layout-single-column .account__header__bar,
.layout-single-column .about__meta__divider,
.layout-single-column .poll__footer,
.layout-single-column .report-dialog-modal .poll__option.dialog-option,
.layout-single-column .account,
.layout-single-column .report-dialog-modal__container,
.layout-single-column .dropdown-menu__item.edited-timestamp__history__item,
.layout-single-column .dropdown-menu__container__header,
.layout-single-column .compare-history-modal .report-modal__target,
.layout-single-column .account__section-headline,
.layout-single-column .detailed-status__action-bar,
.layout-single-column .column-back-button,
.layout-single-column .column-header,
.layout-single-column .audio-player,
.layout-single-column .video-player,
.layout-single-column .media-gallery,
.layout-single-column .compose-form .spoiler-input__input,
.layout-single-column .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form__poll-wrapper,
.layout-single-column .compose-form__poll-wrapper select,
.layout-single-column .poll__option input[type="text"],
.layout-single-column .report-dialog-modal__textarea,
.layout-single-column .search__input,
.layout-single-column .setting-text,
.layout-single-column .dropdown-menu__separator,
.layout-single-column .status,
.layout-single-column .emoji-mart-search input,
.layout-single-column .conversation,
.layout-single-column .setting-text__wrapper {
  border-color: var(--color-border);
}

/* Change panel order */
.layout-single-column .columns-area__panels__pane {
  order: 3;
}

.layout-single-column .columns-area__panels__main {
  order: 2;
}

.layout-single-column .columns-area__panels__pane.columns-area__panels__pane--start.columns-area__panels__pane--navigational {
  order: 1;
}

.layout-single-column .columns-area__panels__pane,
.layout-single-column .columns-area__panels__pane__inner {
  min-width: var(--width-side-panel);
  width: var(--width-side-panel);
}

.layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
  overflow: visible;
}

.layout-single-column .compose-panel {
  width: var(--width-compose-panel);
}

.layout-single-column .columns-area__panels__pane--compositional {
  flex-grow: 1;
  height: 100vh;
  max-width: 350px;
  min-height: 500px;
  position: sticky;
  top: 0;
}

.layout-single-column .columns-area__panels__pane--compositional .columns-area__panels__pane__inner {
  position: static;
}

.layout-single-column .columns-area__panels__pane--compositional .columns-area__panels__pane__inner,
.compose-panel {
  /* stylelint-disable-next-line */
  width: 100% !important;
}

/* stylelint-disable-next-line */
@media (min-width: 1175px) {
  .layout-single-column .columns-area__panels__main {
    max-width: calc(var(--width-main-panel) + calc(var(--gap-default) * 4));
    padding-left: calc(var(--gap-default) * 2);
    padding-right: calc(var(--gap-default) * 2);
  }

  .layout-single-column .navigation-panel {
    margin-right: -20px;
    /* stylelint-disable-next-line */
    padding-left: 0 !important;
    padding-right: 20px;
  }
}

.layout-single-column .emoji-mart-anchor-bar,
.layout-single-column .column-link.column-link--logo svg {
  display: none;
}

/* Accented items like links */
.layout-single-column .about__section__title,
.layout-single-column .account__header__bio .account__header__fields a,
.layout-single-column .column-back-button,
.layout-single-column .emoji-mart-anchor.emoji-mart-anchor-selected,
.layout-single-column .text-icon-button.active,
.layout-single-column .empty-column-indicator a,
.layout-single-column .follow_requests-unlocked_explanation a,
.layout-single-column .column-header__back-button,
.layout-single-column .link-button,
.layout-single-column .reply-indicator__content a.unhandled-link,
.layout-single-column .status__content a.unhandled-link,
.layout-single-column .column-header>.column-header__back-button,
.layout-single-column .reply-indicator__content a,
body.embed .status__content a,
.layout-single-column .status__content a,
.layout-single-column .column-link--transparent.active,
.layout-single-column .status__content__read-more-button {
  color: var(--color-accent);
}

/* Toggles */
.layout-single-column .react-toggle .react-toggle-track {
  background-color: var(--color-bg);
}

/* Accented background colors */
.layout-single-column .react-toggle--checked .react-toggle-track,
.layout-single-column .language-dropdown__dropdown__results__item.active,
.layout-single-column .icon-with-badge__badge,
.layout-single-column .button {
  background-color: var(--color-accent-dark);
}

.layout-single-column .block-modal__cancel-button,
.layout-single-column .confirmation-modal__cancel-button,
.layout-single-column .confirmation-modal__secondary-button,
.layout-single-column .mute-modal__cancel-button {
  background-color: transparent;
  color: var(--color-dim);
  font-size: var(--font-size-mid);
}

.layout-single-column .block-modal__cancel-button:focus,
.layout-single-column .confirmation-modal__cancel-button:focus,
.layout-single-column .confirmation-modal__secondary-button:focus,
.layout-single-column .mute-modal__cancel-button:focus,
.layout-single-column .block-modal__cancel-button:hover,
.layout-single-column .confirmation-modal__cancel-button:hover,
.layout-single-column .confirmation-modal__secondary-button:hover,
.layout-single-column .mute-modal__cancel-button:hover {
  background-color: transparent;
  color: var(--color-dark-electric-blue);
}

.column-link--transparent .icon-with-badge__badge,
.layout-single-column .icon-with-badge__badge {
  background-color: var(--color-accent-dark);
  border-color: var(--color-bg);
}

/* Fix notification icon alignment - badge should not affect icon size */
.column-link .icon-with-badge {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Accented strokes */
.layout-single-column .trends__item__sparkline path:last-child {
  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  stroke: var(--color-accent) !important;
}

/* Dropdown hovers */
.layout-single-column .language-dropdown__dropdown__results__item:hover,
.layout-single-column .language-dropdown__dropdown__results__item:focus {
  background-color: var(--color-accent-dark-50);
  color: var(--color-light-text);
}

/* Accented border colors */
.layout-single-column .notification.unread::before,
.layout-single-column .status__wrapper.unread::before {
  border-color: var(--color-accent);
  display: none;
}

/* Filtered post / Content warnings */
body .status__wrapper.status__wrapper--filtered {
  align-items: center;
  background-color: var(--color-focusable-toot);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  color: var(--color-light-purple);
  display: flex;
  flex-wrap: nowrap;
  font-size: var(--font-size-mid);
  justify-content: space-between;
  margin: var(--gap-default);
  overflow: hidden;
  padding: 4px 16px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - calc(var(--gap-default) * 2));
}

body .columns-area__panels__pane--compositional .compose-form .spoiler-input__input,
body .content-warning {
  background-color: var(--color-focusable-toot);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  color: var(--color-light-purple);
  display: grid;
  font-size: var(--font-size-mid);
  grid-template-columns: minmax(0, 3fr) minmax(88px, 1fr);
  padding: 10px 16px;
  white-space: unset;
}

body .compose-form__highlightable:has(.spoiler-input__input) {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

body .compose-form:has(.spoiler-input__input) .spoiler-input .autosuggest-input {
  border-bottom: 0;
  border-radius: var(--border-radius);
}

body .content-warning .link-button {
  align-self: flex-start;
  color: var(--color-fg);
  font-size: var(--font-size-mid);
  font-weight: var(--font-weight-semibold);
  justify-self: flex-end;
  text-align: right;
  white-space: nowrap;
}

/* New content warnings in 4.3.0.beta.1-mementomods-2024-08-23 */
body .status:not(.status--in-thread) .content-warning {
  margin-bottom: var(--gap-default);
  margin-left: calc(var(--size-avatar) + var(--gap-default));
  margin-top: var(--gap-default);
}

.notification-group__main__status:has(.content-warning) {
  border: 0;
  padding: 0;
}

body .content-warning p {
  margin-bottom: 0;
}

body .spoiler-input__border,
body .content-warning::after,
body .content-warning::before {
  display: none;
}

.layout-single-column .notification:has(.status__wrapper--filtered) .notification__message {
  display: none;
}

/* Fix hover/focus on article that has filtered banner */
.layout-single-column article:has(.status__wrapper--filtered):hover {
  background-color: transparent;
}

.layout-single-column .status__wrapper.status__wrapper--filtered button {
  background-color: rgb(255 255 255 / 0);
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  color: var(--color-fg);
  font-weight: var(--font-weight-semibold);
  margin-left: auto;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  transition: 200ms background;
  white-space: nowrap;
}

.layout-single-column .status__wrapper.status__wrapper--filtered button:focus,
.layout-single-column .status__wrapper.status__wrapper--filtered button:hover {
  background-color: rgb(255 255 255 / .1);
  text-decoration: none;
}

/* Fix load more icon dimensions */
.load-more .icon {
  height: 16px;
  width: 20px;
}

/* Unread message */
.layout-single-column .notification-ungrouped--unread,
.layout-single-column .conversation--unread,
.layout-single-column .notification.unread:hover,
.layout-single-column .notification.unread,
.layout-single-column .status__wrapper.unread,
body .notification-group.notification-group--unread {
  background-color: var(--color-dark);
}

body .notification-group--unread::before,
body .notification-ungrouped--unread::before {
  /* stylelint-disable-next-line */
  display: none;
}

.layout-single-column .notification:hover .notification__message {
  background-color: transparent;
}

/* Things like notification status update text that should be dim */
/* stylelint-disable-next-line selector-not-notation */
.layout-single-column .notification .status-link.mention:not(.hashtag):not(.mention),
.layout-single-column .notification .status-link.hashtag,
.layout-single-column .notification .status-link.mention:not(.hashtag),
.layout-single-column .compose-form .autosuggest-textarea__textarea::placeholder,
.layout-single-column .compose-form .icon-button,
.layout-single-column .compose-form .spoiler-input__input::placeholder,
.layout-single-column .compose-form__poll-wrapper .button.button-secondary,
.layout-single-column .language-dropdown__dropdown__results__item__common-name,
.layout-single-column .report-dialog-modal__textarea::placeholder,
.layout-single-column .poll__link,
.layout-single-column .muted .poll,
.layout-single-column .status .status__relative-time,
.layout-single-column .status .status__visibility-icon,
.layout-single-column .block-modal__action-bar>div,
.layout-single-column .boost-modal__action-bar>div,
.layout-single-column .confirmation-modal__action-bar>div,
.layout-single-column .mute-modal__action-bar>div,
.layout-single-column .search-popout>h4,
.layout-single-column .search__popout>h4,
.layout-single-column .status-check-box__status .detailed-status__display-name,
.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text,
.layout-single-column .status-card .status-card__description,
.layout-single-column .report-dialog-modal .dialog-option .poll__input,
.layout-single-column .dropdown-menu__container__header,
.layout-single-column .sign-in-banner p,
.layout-single-column .navigation-bar>a,
.layout-single-column .character-counter,
.layout-single-column .text-icon-button,
.layout-single-column .empty-column-indicator,
.layout-single-column .follow_requests-unlocked_explanation,
.layout-single-column .poll__footer,
.layout-single-column .server-banner h4,
.layout-single-column .column-header__button,
.layout-single-column .search__icon .icon-times-circle,
.layout-single-column .timeline-hint,
.layout-single-column .status__display-name.muted,
.layout-single-column .setting-text-label,
.layout-single-column .account__header__bio .account__header__fields dt,
.layout-single-column .account__header__bio .account__header__fields dd,
.layout-single-column .link-footer p,
.layout-single-column .account__header__extra__links a,
.layout-single-column .trends__item__current,
.layout-single-column .emoji-mart-anchor,
.layout-single-column .emoji-mart,
.layout-single-column .emoji-mart-anchors,
.layout-single-column .reply-indicator .display-name *,
.layout-single-column .status__display-name,
.layout-single-column .status__prepend .status__display-name strong,
.layout-single-column .status__prepend,
.layout-single-column .compose-form .compose-form__modifiers,
.layout-single-column .compose-form .autosuggest-textarea__textarea,
.layout-single-column .compose-form .spoiler-input__input,
.layout-single-column .autosuggest-textarea__suggestions,
.layout-single-column .compose-form .autosuggest-account .display-name__account,
.layout-single-column .compose-panel .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form .compose-form__buttons-wrapper,
.layout-single-column .account__section-headline a,
.layout-single-column .account__section-headline button,
.layout-single-column .notification__filter-bar a,
.layout-single-column .notification__filter-bar button,
.layout-single-column .attachment-list.compact .icon,
.layout-single-column .attachment-list__list a,
.layout-single-column .notification__message .icon-user-plus,
.layout-single-column .notification__message .icon-home,
.layout-single-column .notification__message .icon-retweet,
.layout-single-column .link-footer p a,
.layout-single-column .trends__item__name,
.layout-single-column .muted .status__content,
.layout-single-column .muted .status__content a,
.layout-single-column .muted .status__content p,
.layout-single-column .muted .status__display-name strong,
.layout-single-column .privacy-dropdown__option:not(.active) .privacy-dropdown__option__content {
  color: var(--color-dim);
}

.layout-single-column .privacy-dropdown__option.active,
.layout-single-column .privacy-dropdown__option.active svg,
.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content,
.layout-single-column .privacy-dropdown__option:focus .privacy-dropdown__option__content {
  color: var(--color-privacy-active);
}

.layout-single-column .privacy-dropdown__option:not(.active):hover .privacy-dropdown__option__content {
  color: var(--color-privacy-hover-option);
}

.layout-single-column .privacy-dropdown__option,
.layout-single-column .privacy-dropdown__option__content strong {
  color: var(--color-privacy-not-active-title);
}

/* Dim backgrounds */
.layout-single-column .poll__chart {
  background-color: var(--color-dim);
}

/* Lighter border colors */
.layout-single-column .report-dialog-modal .dialog-option .poll__input,
.layout-single-column .poll__input {
  border-color: var(--color-brand-longwhile-text-light);
}

/* Light grey things */
.layout-single-column .navigation-bar,
.layout-single-column .navigation-bar strong {
  color: var(--color-topaz);
}

/* CW button */
.layout-single-column .reply-indicator__content .status__content__spoiler-link,
.layout-single-column .status__content__spoiler-link {
  background-color: var(--color-dark);
  color: var(--color-light-purple);
  font-weight: var(--font-weight-semibold);

  /* Need to override forced styles */
  /* stylelint-disable-next-line */
  margin-left: calc(var(--gap-default) / 2) !important;
  vertical-align: baseline;
}

.layout-single-column .reply-indicator__content .status__content__spoiler-link:focus,
.layout-single-column .reply-indicator__content .status__content__spoiler-link:hover,
.layout-single-column .status__content .status__content__spoiler-link:focus,
.layout-single-column .status__content .status__content__spoiler-link:hover {
  background-color: var(--color-dark);
  color: var(--color-lighter-purple);
}

/* CW button in notifications */
.layout-single-column .notification .reply-indicator__content .status__content__spoiler-link,
.layout-single-column .notification .status__content__spoiler-link {
  background-color: var(--color-dark);
  color: var(--color-dim);
}

.layout-single-column .notification .reply-indicator__content .status__content__spoiler-link:focus,
.layout-single-column .notification .reply-indicator__content .status__content__spoiler-link:hover,
.layout-single-column .notification .status__content .status__content__spoiler-link:focus,
.layout-single-column .notification .status__content .status__content__spoiler-link:hover {
  background-color: var(--color-dark);
  color: var(--color-dim);
}

/* Light purple things */
.layout-single-column .announcements__pagination .icon-button:hover i,
.layout-single-column .server-banner__introduction,
.layout-single-column .account__header__tabs__name h1 small,
.layout-single-column .account .account__display-name,
.layout-single-column .column-settings__section,
.layout-single-column .setting-toggle__label,
.layout-single-column .server-banner__number-label {
  color: var(--color-light-purple);
}

/* White things */
.layout-single-column .compose-form__poll-wrapper select,
.layout-single-column .actions-modal ul li:not(:empty) a,
.layout-single-column .report-dialog-modal .status__content,
.layout-single-column .report-dialog-modal .status__content p,
.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong,
.layout-single-column .report-dialog-modal__lead,
.layout-single-column .detailed-status__display-name strong,
.layout-single-column .dismissable-banner__message,
.layout-single-column .status__info .display-name strong.display-name__html,
.layout-single-column .reply-indicator .display-name strong.display-name__html,
.layout-single-column .notification__message,
.layout-single-column .getting-started__trends h4 a,
.layout-single-column .trends__item__name a,
.layout-single-column .emoji-mart-search input,
.layout-single-column .language-dropdown__dropdown__results__item,
.layout-single-column .reply-indicator__content,
.layout-single-column .compose-form .compose-form__modifiers:focus,
.layout-single-column .compose-form .autosuggest-textarea__textarea,
.layout-single-column .compose-form .spoiler-input__input:focus,
.layout-single-column .compose-panel .compose-form__autosuggest-wrapper:focus,
.layout-single-column .compose-form .compose-form__buttons-wrapper:focus,
.layout-single-column .autosuggest-textarea .autosuggest-textarea__textarea:focus,
.layout-single-column .account__section-headline a.active,
.layout-single-column .account__section-headline button.active,
.layout-single-column .notification__filter-bar a.active,
.layout-single-column .notification__filter-bar button.active {
  color: var(--color-light-text);
}

.layout-single-column .muted .status__info *,
.layout-single-column .muted .status__info .display-name * {
  color: var(--color-light-text);
}

/* Account names */
.layout-single-column .status__info .display-name .display-name__account,
.layout-single-column .display-name__account {
  color: var(--color-dim);
}

/* Main panel column */
.layout-single-column .columns-area__panels__main>div {
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
}

/* Status header */
.layout-single-column .status .status__info {
  align-items: flex-start;
  gap: var(--gap-default);
  height: calc(var(--gap-default) * 2);
  justify-content: flex-start;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Status action bar */
.layout-single-column .status__action-bar {
  height: 27px;
  margin-top: 12px;
  max-height: 27px;
}

/* Display name */
.layout-single-column .status__info .status__display-name {
  align-items: flex-start;
  display: inline-flex;
  gap: var(--gap-default);
  order: 1;
}

.layout-single-column .status__info .display-name {
  display: flex;
  gap: calc(var(--gap-default) / 2);
}

/* The separator dot */
.layout-single-column .status__info::before {
  color: var(--color-dim);
  content: "·";
  display: inline-block;
  font-size: var(--font-size);
  font-weight: var(--font-weight-regular);
  height: 20px;
  margin-left: -6px;
  margin-right: -10px;
  order: 2;
  position: relative;
}

.layout-single-column .status__info .status__relative-time {
  height: unset;
  order: 3;
}

/* Visibility icon */
.layout-single-column .status .status__visibility-icon {
  font-size: var(--font-size-mid);
}

/* Panels and things that should be transparent */
.layout-single-column .explore__search-results,
.layout-single-column .search-results__section__header,
.layout-single-column .status__wrapper-direct,
.layout-single-column .focusable:focus .detailed-status,
.layout-single-column .focusable:focus .detailed-status__action-bar,
.layout-single-column .compose-form__poll-wrapper select,
.layout-single-column .poll__option input[type="text"],
.layout-single-column .language-dropdown__dropdown,
body.embed .activity-stream .entry,
.layout-single-column .report-dialog-modal__textarea,
.layout-single-column .drawer__inner,
.layout-single-column .column-inline-form,
.layout-single-column .scrollable .account-card,
.layout-single-column .scrollable .account-card__title__avatar .account__avatar,
.account__avatar,
.layout-single-column .scrollable .account-card__title__avatar img,
.layout-single-column .explore__search-header,
.layout-single-column .empty-column-indicator,
.layout-single-column .follow_requests-unlocked_explanation,
.layout-single-column .column-link,
.layout-single-column .columns-area__panels__pane--navigational .navigation-panel,
.layout-single-column .tabs-bar__wrapper .column-back-button,
.layout-single-column .account__header,
.layout-single-column .column-header__back-button,
.layout-single-column .compose-form .compose-form__modifiers,
.layout-single-column .compose-form .autosuggest-textarea__textarea,
.layout-single-column .compose-form .spoiler-input__input,
.layout-single-column .compose-panel .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form .compose-form__buttons-wrapper,
.layout-single-column .column-header__button,
.layout-single-column .account__section-headline button,
.layout-single-column .notification__filter-bar button,
.layout-single-column .account__section-headline,
.layout-single-column .notification__filter-bar,
.layout-single-column .tabs-bar__wrapper,
.layout-single-column .column-header,
body.embed .detailed-status,
.layout-single-column .detailed-status,
.layout-single-column .detailed-status__action-bar,
.layout-single-column .column>.scrollable {
  background-color: transparent;
}

/* Avatar */
.account__avatar[style="width: 46px; height: 46px;"],
.layout-single-column .status__avatar {
  /* Need to override inline styles */
  /* stylelint-disable-next-line */
  height: var(--size-avatar) !important;
  /* stylelint-disable-next-line */
  max-height: var(--size-avatar) !important;
  /* stylelint-disable-next-line */
  max-width: var(--size-avatar) !important;
  /* stylelint-disable-next-line */
  min-height: var(--size-avatar) !important;
  /* stylelint-disable-next-line */
  min-width: var(--size-avatar) !important;

  /* Need to override inline styles */
  /* stylelint-disable-next-line */
  width: var(--size-avatar) !important;
}

/* Avatars */
body.embed .detailed-status__display-avatar>img,
.layout-single-column .account-card__title__avatar .account__avatar,
.layout-single-column .account-card__title__avatar img,
.layout-single-column .account__avatar>img,
.layout-single-column .column>.scrollable .status__avatar img {
  background-color: var(--color-bg);
  border: 0;
  border-radius: 50%;
  box-shadow: rgb(255 255 255 / 0.03) 0 0 2px inset;
}

/* Things that should not have border */
.layout-single-column .column-inline-form,
.layout-single-column .column>.scrollable,
.layout-single-column .error-column,
.layout-single-column .getting-started,
.layout-single-column .regeneration-indicator,
.layout-single-column .column-header {
  border: 0;
}

.layout-single-column .column-header__wrapper.active {
  box-shadow: none;
}

.layout-single-column .column-header__wrapper.active::before {
  /* stylelint-disable-next-line */
  background: var(--active-header-radial-gradient);
}

.layout-single-column .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form__buttons-wrapper {
  border: 0;
}

.layout-single-column article,
.layout-single-column .status__prepend,
.layout-single-column .notification__message,
.layout-single-column .status {
  transition: all 200ms;
}

/* Toot hover effect */
.layout-single-column article:focus,
.layout-single-column article:hover {
  background-color: var(--color-light-shade);
}

/* Focusable toot and other hilighted items */
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover,
.layout-single-column .focusable:focus {
  /* stylelint-disable-next-line */
  background: var(--color-focusable-toot);
}

/* Search panel that opens when focusing Search field */
.layout-single-column .explore__search-header .search__popout,
.layout-single-column .compose-form__poll-wrapper option,
.layout-single-column .search__popout,
.layout-single-column .search-popout {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--color-dim);
}

.layout-single-column .search__popout em,
.layout-single-column .search-popout em {
  color: var(--color-light-text);
}

/* Pill style tags */
.layout-single-column .hashtag-bar a {
  background-color: var(--color-dark);
  border-radius: 9999px;
  color: var(--color-light-purple);
  display: inline-block;
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-semibold);
  line-height: 1.5;
  margin: 0 4px 4px 0;
  padding: 4px 8px;
  text-decoration: none;
}

.layout-single-column .hashtag-bar .link-button {
  font-size: var(--font-size-smaller);
}

.layout-single-column .hashtag-bar a:focus,
.layout-single-column .hashtag-bar a:hover {
  background-color: var(--color-accent-dark);
  /* It should be always light also on light mode, so not using variable here */
  color: #f7f9f9;
}

.layout-single-column .hashtag-bar a:focus span,
.layout-single-column .hashtag-bar a:hover span {
  text-decoration: none;
}

/* Status update tinted to right */
.layout-single-column .status:not(.status--in-thread) .hashtag-bar,
.layout-single-column .status__content--collapsed+.status__content__read-more-button,
.layout-single-column .status:not(.status--in-thread) .status__action-bar,
.layout-single-column .status:not(.status--in-thread) .attachment-list,
.layout-single-column .status:not(.status--in-thread) .status__content {
  font-size: var(--font-size);
  padding-left: calc(var(--size-avatar) + var(--gap-default));
  padding-top: 0;
}

/* Translate link and other padding resets */
.layout-single-column .conversation .attachment-list,
.layout-single-column .translate~.status__content__read-more-button {
  padding-left: 0;
}

/* Make sure read more/translate button is always aligned to center vertically and to left horizontally */
.layout-single-column .status__content__read-more-button {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-inline-start: 0;
}

/* Rtl version */
[dir="rtl"] .layout-single-column .status__action-bar,
[dir="rtl"] .layout-single-column .attachment-list,
[dir="rtl"] .layout-single-column .status__content__read-more-button,
[dir="rtl"] .layout-single-column .status .status__content {
  padding-left: 0;
  padding-right: calc(var(--size-avatar) + var(--gap-default));
}

/* Reset padding from attachment-list on reply indicator */
.layout-single-column .reply-indicator .attachment-list {
  padding-left: 0;
}

.layout-single-column .status__action-bar button,
.layout-single-column .detailed-status__action-bar button {
  border-radius: 50%;
}

.layout-single-column .detailed-status__action-bar .icon-button[disabled],
.layout-single-column .status__action-bar .icon-button[disabled] {
  opacity: .5;
  pointer-events: none;
}

/* Grouped notification exceptions, pr30440 2024-07-11 */
.layout-single-column .notification-ungrouped .status .hashtag-bar,
.layout-single-column .notification-ungrouped .status .status__content,
.layout-single-column .notification-ungrouped .status .status__action-bar {
  padding-left: var(--gap-default);
}

/* Fix spacing under quoted post in grouped notification */
.notification-group .notification-group__embedded-status__content {
  max-height: 100%;
}

/* We don't need to show our own account when we know our own account is being mentioned */
.notification-ungrouped.notification-ungrouped--mention .notification-ungrouped__header,
.notification-group .notification-group__embedded-status__account {
  display: none;
}

.layout-single-column .notification-ungrouped .notification-ungrouped__header {
  padding-left: calc(24px + var(--gap-default));
}

/* Fix aspect-ratio for some videos in mastodon v4.1.5-nightly-2023-07-26 */
.layout-single-column div[style*='aspect-ratio']:not([class]) {

  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  aspect-ratio: unset !important;
}

/* Start: Experimental Threads-like media proportions, if the height is tall, show smaller media: https://mementomori.social/@rolle/111715197571142727 */
body.embed .media-gallery__item.standalone img,
body.embed .video-player .media-gallery__preview,
.layout-single-column .media-gallery__item.standalone img,
.layout-single-column .video-player .media-gallery__preview {
  object-fit: contain;
}

body.embed .status .audio-player,
body.embed .status .media-gallery,
body.embed .status .video-player,
body.embed .audio-player,
body.embed .media-gallery,
body.embed .media-gallery__gifv,
body.embed .media-gallery__preview,
body.embed .video-player,
.layout-single-column .status .audio-player,
.layout-single-column .status .media-gallery,
.layout-single-column .status .video-player,
.layout-single-column .audio-player,
.layout-single-column .media-gallery,
.layout-single-column .media-gallery__gifv,
.layout-single-column .media-gallery__preview,
.layout-single-column .video-player {
  margin-left: calc(var(--size-avatar) + var(--gap-default));
}

body.embed [data-component="Video"]>div {
  /* stylelint-disable-next-line */
  aspect-ratio: unset !important;
}

body.embed .spoiler-button+.media-gallery__item>.media-gallery__preview,
.layout-single-column .spoiler-button+.media-gallery__item>.media-gallery__preview {
  /* stylelint-disable-next-line */
  margin-left: unset !important;
  /* stylelint-disable-next-line */
  max-height: unset !important;
  /* stylelint-disable-next-line */
  width: 100% !important;
}

body.embed .media-gallery__gifv,
body.embed .detailed-status .audio-player,
body.embed .detailed-status .media-gallery,
body.embed .detailed-status .media-gallery__gifv,
body.embed .detailed-status .media-gallery__preview,
body.embed .detailed-status .video-player,
.layout-single-column .media-gallery__gifv,
.layout-single-column .media-gallery__preview,
.layout-single-column .detailed-status .audio-player,
.layout-single-column .detailed-status .media-gallery,
.layout-single-column .detailed-status .media-gallery__gifv,
.layout-single-column .detailed-status .media-gallery__preview,
.layout-single-column .detailed-status .video-player {
  margin-left: 0;
}

.layout-single-column .media-gallery__preview {
  /* stylelint-disable-next-line */
  margin-left: 0 !important;
  /* stylelint-disable-next-line */
  width: 100% !important;
}

.layout-single-column .media-gallery__item {
  outline: 0;
}

.layout-single-column .media-gallery>.media-gallery__item:nth-of-type(odd),
.layout-single-column .media-gallery>.media-gallery__item:nth-of-type(odd)>a,
.layout-single-column .media-gallery__preview:nth-of-type(odd) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.layout-single-column .media-gallery>.media-gallery__item:nth-of-type(even),
.layout-single-column .media-gallery>.media-gallery__item:nth-of-type(even)>a,
.layout-single-column .media-gallery__preview:nth-of-type(even) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/* End: Experimental Threads-like media proportions, if the height is tall, show smaller media */
.layout-single-column .status .status-card+.more-from-author,
.layout-single-column .status .status-card {
  margin-left: calc(var(--size-avatar) + var(--gap-default));
}

.layout-single-column .media-gallery.media-gallery__item--tall,
.layout-single-column .media-gallery.media-gallery--layout-1,
.layout-single-column .media-gallery.media-gallery--layout-2,
.layout-single-column .media-gallery.media-gallery--layout-3,
.layout-single-column .media-gallery.media-gallery--layout-4,
.layout-single-column .media-gallery__preview,
.layout-single-column .video-player {
  max-height: 430px;
  /* stylelint-disable-next-line */
  width: unset !important;
}

/* When image is still loading up, reset width to 100%, Fixes #150 */
body.layout-single-column canvas[class="media-gallery__preview"] {
  /* stylelint-disable-next-line */
  width: 100% !important;
}

.layout-single-column .media-gallery:has(.spoiler-button) .media-gallery__preview {
  /* stylelint-disable-next-line */
  width: 100% !important;
}

/* Detailed status update */
.layout-single-column .detailed-status .status__content {
  font-size: var(--font-size-bigger);
  line-height: 1.4;
}

/* Embeds */
body.embed .detailed-status__link {
  margin-left: 4px;
  top: 0;
}

/* stylelint-disable-next-line */
body.embed #mastodon-status {
  overflow: hidden;
}

body.embed .detailed-status__meta,
.layout-single-column .detailed-status__meta {
  color: var(--color-dim);
  font-size: var(--font-size);
}

body.embed .detailed-status__meta {
  line-height: 1.5;
}

body.embed .detailed-status__reblogs,
body.embed .detailed-status__favorites,
.layout-single-column .detailed-status__favorites,
.layout-single-column .detailed-status__reblogs {
  display: inline-flex;
  font-size: var(--font-size);
  gap: 4px;
}

body.embed .detailed-status__meta .animated-number,
.layout-single-column .detailed-status__meta .animated-number {
  color: var(--color-light-text);
  font-weight: var(--font-weight-bold);
}

body.embed .detailed-status__reblogs,
.layout-single-column .detailed-status__reblogs {
  font-size: var(--font-size);
}

body.embed .detailed-status__reblogs,
body.embed .detailed-status__favorites {
  color: var(--color-light-text);
  font-weight: var(--font-weight-bold);
}

body.embed .activity-stream .entry {
  background-color: var(--color-bg);
}

body.embed>.activity-stream {
  backface-visibility: hidden;
  /* stylelint-disable-next-line */
  background: #313543 !important;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  overflow: hidden;
}

/* Fix alignment */
.layout-single-column .detailed-status__link {
  top: 0;
}

/* Profile lock icon alignment fix */
.layout-single-column .account__header__tabs__name h1 small {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}

/* Textual labels for detailed metrics */
body.embed .detailed-status__link>.fa-reply+span::after,
.layout-single-column .detailed-status__link>.icon-reply+span::after {
  color: var(--color-dim);
  content: '답장';
  font-weight: var(--font-weight-semibold);
}

body.embed .detailed-status__link>.fa-retweet+span::after,
.layout-single-column .detailed-status__link>.icon-retweet+span::after {
  color: var(--color-dim);
  content: '부스트';
  font-weight: var(--font-weight-semibold);
}

body.embed .detailed-status__link>.fa-star+span::after,
.layout-single-column .detailed-status__link>.icon-star+span::after {
  color: var(--color-dim);
  content: '즐겨찾기';
  font-weight: var(--font-weight-semibold);
}

body.embed .detailed-status__meta .detailed-status__link .fa-reply,
body.embed .detailed-status__meta .detailed-status__link .fa-star,
body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
.layout-single-column .detailed-status__meta .detailed-status__link .icon-star,
.layout-single-column .detailed-status__meta .detailed-status__link .icon-retweet {
  display: none;
}

/* Icon buttons */
.layout-single-column .icon-button {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  color: var(--color-dim);
}

/* Hide/Show media button */
.layout-single-column .spoiler-button.spoiler-button--minified>button {
  background-color: var(--color-bg);
  border-radius: var(--border-radius-badges);
  color: var(--color-ghost-button-text);
  opacity: .5;
}

/* Alt badge */
.layout-single-column .media-gallery__item__badges>span {
  border-radius: var(--border-radius-badges);
}

/* Distance from the edge */
.layout-single-column .spoiler-button--minified {
  inset-inline-start: var(--badges-distance-from-edge);
  top: var(--badges-distance-from-edge);
}

.layout-single-column .media-gallery__item__badges {
  bottom: var(--badges-distance-from-edge);
  inset-inline-start: var(--badges-distance-from-edge);
}

.layout-single-column .spoiler-button.spoiler-button--minified>button:hover,
.layout-single-column .spoiler-button.spoiler-button--minified>button:focus {
  opacity: 1;
}

.layout-single-column .icon-button:hover {
  color: var(--color-accent);
}

/* Other general buttons */
.layout-single-column .column-header__button.active:active,
.column-header__button.active:focus,
.layout-single-column .column-header__button.active:hover {
  background-color: var(--color-focusable-toot);
  color: var(--color-fg);
}

/* Bars on panels */
.layout-single-column .columns-area__panels__main>div.tabs-bar__wrapper,
.layout-single-column .tabs-bar__wrapper {
  backdrop-filter: unset;
  background-color: transparent;
  padding: 0;
}

@media (min-width: 1175px) {

  .layout-single-column .columns-area__panels__main>div.tabs-bar__wrapper,
  .layout-single-column .tabs-bar__wrapper {
    margin-right: -2px;
  }
}

/* Hidden things */
/* stylelint-disable-next-line */
.layout-single-column .column-header .column-header__icon:not(.icon-user-plus):not(.icon-user-times) {
  display: none;
}

/* Column headers */
.layout-single-column .column-header {
  font-size: var(--font-size-heading);
  font-weight: var(--font-weight-bold);
}

/* Column sub-headers */
.layout-single-column .column-subheading {
  background-color: transparent;
  color: var(--color-fg);
  font-size: var(--font-size-bigger);
  font-weight: var(--font-weight-bold);
  text-transform: unset;
}

/* "Your lists" view */
.layout-single-column .column-subheading~article {
  padding-left: var(--gap-default);
  padding-right: var(--gap-default);
}

/* Notifications */
.layout-single-column .notification-group,
.layout-single-column .notification__message {
  display: grid;
  gap: var(--gap-default);
  grid-template-columns: minmax(0, var(--size-avatar)) minmax(0, 1fr);
}

.layout-single-column .notification__message {
  height: calc(var(--gap-default) * 2);
}

/* Make sure notification user is clickable */
.layout-single-column .notification__display-name {
  position: relative;
  z-index: 99;
}

/* Hack to display notification message title on one line */
.layout-single-column .notification__message>span {
  display: block;
  margin-top: calc(var(--size-avatar-small) + 6px);
  overflow: visible;
}

.layout-single-column .notification__message>span>span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Truncate too long unfollow buttons and texts beside it so they don't overlap in notifications */
@media (max-width: 600px) {

  .layout-single-column .notification .account__relationship>.button,
  .layout-single-column .notification__report__actions .button {
    max-width: 24vw;
  }

  .layout-single-column .notification__message>span>span {
    max-width: 50vw;
  }
}

.layout-single-column .notification__message>div {
  display: flex;
  justify-content: flex-end;
}

.layout-single-column .muted .status__avatar {
  opacity: 1;
}

.layout-single-column .notification .account__avatar-overlay-base {
  display: none;
}

.layout-single-column .notification .account__avatar,
.layout-single-column .notification .account__avatar-overlay-overlay .account__avatar,
.layout-single-column .notification .account__avatar-overlay-overlay {
  /* Need to override inline styles */
  /* stylelint-disable-next-line */
  height: var(--size-avatar-small) !important;
  /* stylelint-disable-next-line */
  min-height: var(--size-avatar-small) !important;
  /* stylelint-disable-next-line */
  min-width: var(--size-avatar-small) !important;
  position: absolute;
  /* stylelint-disable-next-line */
  width: var(--size-avatar-small) !important;
}

.layout-single-column .notification .status__info .status__display-name {
  overflow: visible;
}

/* Fixes: User avatars in notifications are sometimes links to my profile instead of theirs #25 */
.layout-single-column .notification.notification-reblog .status__info .status__display-name,
.layout-single-column .notification.notification-follow .status__info .status__display-name,
.layout-single-column .notification-group--favourite .status__info .status__display-name,
.layout-single-column .notification.notification-favourite .status__info .status__display-name {
  pointer-events: none;
}

/* Hack to show follow notification more minimal way */
.layout-single-column .notification.notification-admin-report .notification__report,
.layout-single-column .notification.notification-admin-sign-up .account__wrapper,
.layout-single-column .notification.notification-update .account__wrapper,
.layout-single-column .notification.notification-follow .account__wrapper {
  position: relative;
}

.layout-single-column .notification.notification-admin-report .account__avatar-overlay-overlay {
  top: calc(-1 * calc(var(--size-avatar-small) + var(--gap-default) + 4px));
}

/* Hack to show follow notification more minimal way */
.layout-single-column .notification.notification-poll .display-name,
.layout-single-column .notification.notification-update .display-name__html,
.layout-single-column .notification.notification-update .display-name__account,
.layout-single-column .notification.notification-admin-sign-up .display-name__html,
.layout-single-column .notification.notification-admin-sign-up .display-name,
.layout-single-column .notification.notification-follow .display-name__html {
  visibility: hidden;
}

.layout-single-column .notification.notification-update .account__avatar-wrapper,
.layout-single-column .notification.notification-admin-sign-up .account__avatar-wrapper,
.layout-single-column .notification.notification-follow .account__avatar-wrapper,
.layout-single-column .notification .account__avatar-overlay {
  left: calc(var(--size-avatar-small) + var(--gap-default) + 18px);
  margin-top: calc(-1 * calc(var(--size-avatar-small) + var(--gap-default)));
  position: absolute;
  top: 4px;
}

.layout-single-column .notification.notification-admin-report .account__avatar-overlay {
  margin-top: 0;
  top: 0;
}

.layout-single-column .notification.notification-status .notification__message>span {
  display: none;
}

.layout-single-column .notification.notification-follow .verified-badge,
.layout-single-column .notification.notification-admin-sign-up .account__contents,
.layout-single-column .notification.notification-follow .account__contents,
.layout-single-column .notification.notification-follow .display-name,
.layout-single-column .notification.notification-admin-sign-up .display-name+span,
.layout-single-column .notification.notification-follow .display-name+span,
.layout-single-column .notification-group--favourite .status__wrapper-direct .status__prepend,
.layout-single-column .notification.notification-favourite .status__wrapper-direct .status__prepend,
.layout-single-column .notification.notification-reblog .display-name,
.layout-single-column .notification-group--favourite .display-name,
.layout-single-column .notification.notification-favourite .display-name {
  display: none;
}

/* Minimal boost notification fix */
.layout-single-column .notification.notification-reblog .notification__message>span {
  margin-top: calc(var(--size-avatar-small) + calc(var(--gap-default) / 2));
}

/* Minimal follow notification fix */
.layout-single-column .notification.notification-follow .notification__message>span {
  margin-top: calc(calc(var(--size-avatar-small) + calc(var(--gap-default) / 2)) + 6px);
}

.layout-single-column .notification.notification.notification-admin-sign-up .account__relationship,
.layout-single-column .notification.notification-follow .account__relationship {
  transform: translateY(-8px);
}

/* stylelint-disable-next-line */
.layout-single-column .notification.notification-follow .account__avatar-wrapper {
  top: 6px;
}

/* Minimal fav notification fix */
.layout-single-column .notification.notification-favourite .notification__message>span {
  margin-top: calc(var(--size-avatar-small) + calc(var(--gap-default) / 2));
}

/* If a status content is empty and there's only attachment, remove gap */
.layout-single-column .notification .status__content:has(.status__content__text:empty)+.attachment-list {
  margin-top: 0;
}

/* Less space before attachments if no status content */
.layout-single-column .status .status__content:has(.status__content__text:empty)+.audio-player,
.layout-single-column .status .status__content:has(.status__content__text:empty)+.video-player,
.layout-single-column .status .status__content:has(.status__content__text:empty)+.media-gallery,
.layout-single-column .detailed-status .status__content:has(.status__content__text:empty)+.audio-player,
.layout-single-column .detailed-status .status__content:has(.status__content__text:empty)+.video-player,
.layout-single-column .detailed-status .status__content:has(.status__content__text:empty)+.media-gallery:not(.compose-form__uploads) {
  margin-top: calc(var(--gap-default) / 2);
}

.layout-single-column .status__prepend {
  padding-left: calc(var(--size-avatar) + 2px);
}

.layout-single-column .notification.notification-update .account__display-name,
.layout-single-column .notification.notification-follow .account__display-name {
  display: inline-flex;
  gap: var(--gap-default);
  padding-left: calc(var(--size-avatar) + var(--gap-default));
}

/* Admin reports and other admin notifications */
.layout-single-column .notification-admin-report .notification__report {
  border-color: var(--color-border);
  display: flex;
  font-size: var(--font-size);
  gap: 16px;
  margin-top: 22px;
  padding: 16px;
  padding-left: calc(var(--size-avatar) + var(--gap-default));
}

.layout-single-column .notification-admin-report .notification__report__details {
  color: var(--color-dim);
  font-size: var(--font-size);
}

.layout-single-column .notification-admin-report .notification__report__details strong {
  font-weight: var(--font-weight-regular);
}

/* Revert hack for notification admin message that has no avatar visible */
.layout-single-column .notification-admin-report .notification__message>span {
  display: block;
  margin-top: calc(var(--size-avatar-small) + 4px);
  overflow: visible;
}

/* Hide things in notifications */
.layout-single-column .notification .status__relative-time,
.layout-single-column .notification .status__info::before {
  display: none;
}

/* Right side panel */
.layout-single-column .navigation-panel {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
}

.layout-single-column .navigation-panel hr {
  /* Hide but reserve space */
  visibility: hidden;
}

.layout-single-column .navigation-panel__logo hr {
  margin: 0;
}

/* Attempt to hide scrollbars for .navigation-panel for Firefox */
.dropdown-menu__container__list--scrollable,
.layout-single-column .navigation-panel {
  scrollbar-width: none;
}

/* Hide scrollbars for .navigation-panel for Chrome and Safari */
.dropdown-menu__container__list--scrollable::-webkit-scrollbar,
.layout-single-column .navigation-panel__menu::-webkit-scrollbar,
.layout-single-column .navigation-panel::-webkit-scrollbar {
  display: none;
  width: 4px;
}

.layout-single-column .column-link,
.layout-single-column .navigation-panel__account-switcher .navigation-panel__account-switch-link {
  align-items: center;
  color: var(--color-column-link);
  font-size: var(--font-size-heading);
  gap: var(--gap-column-link);
  overflow: visible;
  padding-bottom: calc(var(--gap-column-link) + 4px);
  padding-left: var(--gap-column-link);
  padding-right: calc(var(--gap-column-link) * 1.5);
  padding-top: calc(var(--gap-column-link) + 4px);
  width: 100%;
}

[dir="rtl"] .layout-single-column .column-link {
  margin-left: auto;
  margin-right: 0;
}

.layout-single-column .column-link>i {
  min-width: 1.3em;
}

/* Hover and focus-visible color changes */
.layout-single-column .column-link:not(.active):hover,
.layout-single-column .column-link:not(.active):focus-visible,
.layout-single-column .navigation-panel__account-switcher .navigation-panel__account-switch-link:hover,
.layout-single-column .navigation-panel__account-switcher .navigation-panel__account-switch-link:focus-visible {
  color: var(--color-column-link-hover);
}

.layout-single-column .column-link:not(.active):hover>i,
.layout-single-column .column-link:not(.active):focus-visible>i {
  color: var(--color-column-link-hover);
}

.layout-single-column .account__section-headline a {
  transition: all 200ms;
}

.layout-single-column .dropdown-menu__item a:hover,
.layout-single-column .dropdown-menu__item a:focus,
.layout-single-column .dropdown-menu__item button:hover,
.layout-single-column .dropdown-menu__item button:focus,
.layout-single-column .account__section-headline a:hover {
  background-color: var(--color-noti-hover);
}

.layout-single-column .notification__filter-bar button:hover {
  background-color: var(--color-noti-hover);
}

/* Mobile devices */
@media (hover: none) {

  .layout-single-column .notification__filter-bar button.active:hover,
  .layout-single-column .account__section-headline a.active:hover {
    background-color: transparent;
  }
}

/* Notification filter bar */
.layout-single-column .notification__filter-bar {
  border-bottom: 1px solid var(--color-border);
  border-left: 0;
  border-right: 0;
}

.layout-single-column .column-link__icon {
  margin: 0;
  width: 20px;
  height: 20px;
}

/* Notification badge on side panel */
.layout-single-column .icon-with-badge__badge {
  align-items: center;
  border-radius: 1em;
  box-sizing: border-box;
  display: flex;
  font-size: 11px;
  height: 1.7em;
  justify-content: center;
  left: 12px;
  line-height: 1;
  min-width: max-content;
  padding: 0 0.4em;
  top: -7px;
  width: 1.7em;
}

.layout-single-column .column-link--transparent.active {
  color: var(--color-column-link);
  font-weight: var(--font-weight-bold);
}

/* Top panel */
.layout-single-column .account__section-headline a.active::after,
.layout-single-column .account__section-headline button.active::after,
.layout-single-column .notification__filter-bar a.active::after,
.layout-single-column .notification__filter-bar button.active::after {
  background-color: var(--color-accent);
  border: 0;
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  bottom: -1px;
  content: "";
  display: block;
  height: 4px;
  left: 50%;
  min-width: 56px;
  position: absolute;
  transform: translateX(-50%);
}

/* Notification icons */
.layout-single-column .account__section-headline a.active::before,
.layout-single-column .account__section-headline button.active::before,
.layout-single-column .notification__filter-bar a.active::before,
.layout-single-column .notification__filter-bar button.active::before {
  display: none;
}

.layout-single-column .notification.notification-reblog .status__action-bar,
.layout-single-column .notification-group--favourite .status__action-bar,
.layout-single-column .notification.notification-favourite .status__action-bar {
  display: none;
}

.layout-single-column .status__prepend .icon-retweet {
  background-image: var(--icon-boost-status-prepend);
}

.layout-single-column .notification-group .notification-group__icon .icon,
.layout-single-column .notification .notification__message .icon {
  align-self: start;
  height: 27px;
  justify-self: end;
  margin-right: 4px;
  max-width: 30px;
  width: 27px;
}

.layout-single-column .notification-group .notification-group__icon .icon {
  margin-right: 0;
}

.layout-single-column .notification-group .notification-group__icon {
  justify-self: end;
  margin-right: 4px;
}

.layout-single-column .notification-group .notification-group__icon .icon-repeat,
.layout-single-column .notification .notification__message .icon.icon-retweet {
  color: var(--color-green);
  height: 24px;
  width: 24px;
}

.layout-single-column .notification-group .icon-person-add,
.layout-single-column .notification .icon.icon-user-plus:not(.icon-link) {
  color: var(--color-accent-dark);
}

.layout-single-column .account__relationship .icon.icon-user-plus:not(.icon-link),
.layout-single-column .notification .account__relationship .icon.icon-user-plus:not(.icon-link) {
  color: var(--color-dim);
}

.layout-single-column .notification .icon.icon-flag,
.layout-single-column .notification .icon.icon-tasks:not(.icon-link) {
  color: var(--color-accent-dark);
}

.layout-single-column .notification .icon.icon-home:not(.icon-link) {
  color: var(--color-accent-dark);
  height: 24px;
  width: 24px;
}

/* Follow/unfollow button */
.layout-single-column .account__relationship .icon-button,
.layout-single-column .notification .account__relationship .icon-button {
  background-color: transparent;
}

.layout-single-column .notification .account__relationship .icon {
  /* stylelint-disable-next-line */
  color: var(--color-dim);
  font-size: 20px;
}

.layout-single-column .list-adder__lists .icon-times::before,
.layout-single-column .account__wrapper .account__relationship .icon-button.active .icon,
.layout-single-column .explore__search-results .account__relationship .icon-button.active .icon,
.layout-single-column .notification .account__relationship .icon-button.active .icon {
  /* stylelint-disable-next-line */
  color: var(--color-green);
  opacity: .75;
}

.layout-single-column .list-adder__lists .icon-times:hover::before,
.layout-single-column .explore__search-results .icon-button.active:hover .icon,
.layout-single-column .notification .account__relationship .icon-button.active:hover .icon {
  /* stylelint-disable-next-line */
  color: var(--color-red);
  opacity: 1;
}

.layout-single-column .explore__search-results .icon-button:focus .icon,
.layout-single-column .notification .account__relationship .icon-button:focus .icon,
.layout-single-column .explore__search-results .icon-button.active:focus .icon,
.layout-single-column .notification .account__relationship .icon-button.active:focus .icon,
.layout-single-column .explore__search-results .icon-button:hover .icon,
.layout-single-column .notification .account__relationship .icon-button:hover .icon {
  /* stylelint-disable-next-line */
  color: var(--color-green);
  opacity: 1;
}

.layout-single-column .notification .account__relationship {
  border-radius: 50%;
  height: 24px;
  transform: translateY(-4px);
}

/* Emoji-mart search input */
.layout-single-column .emoji-mart-search-icon svg {
  fill: var(--color-border);
  opacity: 1;
}

.layout-single-column .emoji-mart-search>input:focus-visible~.emoji-mart-search-icon svg {
  fill: var(--color-accent);
}

.layout-single-column .emoji-mart-search>input {
  font-size: var(--font-size-smaller);
}

.layout-single-column .compose-form__autosuggest-wrapper textarea::placeholder,
.layout-single-column .report-dialog-modal__textarea::placeholder,
.layout-single-column .emoji-mart-search>input::placeholder {
  color: var(--color-dim);
  opacity: 1;
}

.layout-single-column .report-dialog-modal__textarea,
.layout-single-column .report-dialog-modal__textarea:focus,
.layout-single-column .emoji-mart-search>input:focus {
  color: var(--color-light-text);
}

.layout-single-column .emoji-mart-search-icon:disabled {
  opacity: 1;
}

/* Search */
.layout-single-column .search .search__icon .icon-search {
  background-image: var(--icon-search);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  display: inline-block;
  height: 24px;
  width: 24px;
}

.layout-single-column .search .search__icon .icon {
  inset-inline-start: unset;
  position: absolute;
  right: 14px;
  top: 9px;
}

.layout-single-column .search .search__icon .icon-search path {
  display: none;
}

.layout-single-column .search.active .search__input,
.layout-single-column input.setting-text,
.layout-single-column .search__input {
  background-color: var(--color-mud);
  border-color: var(--color-mud);
  border-radius: 32px;
  color: var(--color-dim);
  font-size: var(--font-size);
  height: 42px;
  padding: 0 20px;
}

/* Input texts */
.layout-single-column .search.active .search__input,
.layout-single-column .poll__option input[type="text"],
.layout-single-column input.setting-text:focus,
.layout-single-column .search__input:focus {
  color: var(--color-light-text);
}

/* Poll input */
.layout-single-column .poll__option input[type="text"] {
  background-color: transparent;
  border-color: var(--color-border);
}

.layout-single-column .poll__option input[type="text"]:focus {
  border-color: var(--color-accent);
}

/* Placeholders */
.layout-single-column .poll__option input[type="text"]::placeholder,
.layout-single-column .search__input::placeholder,
.layout-single-column input::placeholder,
.layout-single-column input.setting-text::placeholder {
  color: var(--color-dim);
  opacity: 1;
}

/* Profile */
.layout-single-column .getting-started__trends h4,
.layout-single-column .account__header__bar {
  border-color: var(--color-border);
}

.layout-single-column .account__header__bio .account__header__fields {
  background-color: transparent;
  border: 0;
  color: var(--color-dim);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-default);
  padding: 0;
}

/* New popout styles */


.layout-single-column .account__domain-pill__popout {
  border: 1px solid var(--color-mud);
  color: var(--color-light-text);
}

.layout-single-column .account__domain-pill__popout__parts>div:nth-child(2) svg {
  background-image: var(--icon-globe-purple);
  background-size: 24px;
}

.layout-single-column .account__domain-pill__popout__handle {
  background-color: var(--color-dark);
  border: 0;
  color: var(--color-accent);
  padding: 12px 10px;
}

/* Hide unnecessary header icon for minimalism */
.layout-single-column .account__domain-pill__popout__header__icon {
  display: none;
}

.account__domain-pill__popout>p {
  font-size: var(--font-size-smaller);
  line-height: 1.3;
}

/* Truncate too long links in the profile, like Nostr */
.layout-single-column .account__header__bio .account__header__fields span>a:only-of-type {
  display: block;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.layout-single-column .account__header__bio .account__header__fields dl::after {
  content: '|';
  order: 2;
}

/* Recognize empty field and remove pipe */
.layout-single-column .account__header__bio .account__header__fields dl:has(dd > span:empty)::after {
  display: none;
}

.layout-single-column .account__header__bio .account__header__fields dt {
  order: 1;
}

.layout-single-column .account__header__bio .account__header__fields dd {
  order: 3;
}

/* Hide the character in between Joined label */
.layout-single-column .account__header__bio .account__header__fields dl:first-of-type::before,
.layout-single-column .account__header__bio .account__header__fields dl:first-of-type::after {
  display: none;
}

/* Make full width⋯ */
/* stylelint-disable no-duplicate-selectors */
.layout-single-column .account__header__bio .account__header__fields dl {
  width: 100%;
}

/* stylelint-enable no-duplicate-selectors */

/* ⋯except on those that have label with GitHub, github, YouTube or similar */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="youtube" i], dt[title*="website" i], dt[title*="twitch" i], dt[title*="twitter" i], dt[title="x" i], dt[title*="discord" i], dt[title*="linkedin" i], dt[title*="instagram" i], dt[title="IG"], dt[title~="Mastodon account" i], dt[title~="Mastodon account" i], dt[title~="account" i], dt[title="Alt account" i], dt[title*="mastodon" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="paypal" i], dt[title*="patreon" i], dt[title*="threads" i], dt[title*="bluesky" i], dt[title*="nostr" i], dt[title*="facebook" i], dt[title*="friendica" i], dt[title*="pronouns" i], dt[title*="wordpress" i], dt[title*="fb" i], dt[title*="bandcamp" i]) {
  max-width: 50%;
  order: 9999;
  width: auto;
}

/* Hide labels that show "Website", "YouTube", etc. */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="유튜브" i], dt[title*="사이트" i], dt[title*="트위치" i], dt[title*="트위터" i], dt[title*="디스코드" i], dt[title*="linkedin" i], dt[title*="인스타" i], dt[title="IG"], dt[title~="마스토돈 계정" i], dt[title~="마스토돈 계정" i], dt[title~="account" i], dt[title="부계정" i], dt[title*="마스토돈" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="페이팔" i], dt[title*="patreon" i], dt[title*="스레드" i], dt[title*="블루스카이" i], dt[title*="nostr" i], dt[title*="밴드캠프" i], dt[title*="페이스북" i], dt[title*="friendica" i], dt[title*="pronouns" i], dt[title*="wordpress" i], dt[title*="페북" i]) dt {
  display: none;
}

/* Hide pipe after link icon and the link icon from the ones that already have an icon */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="사이트" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="유튜브" i], dt[title*="트위치" i], dt[title*="트위터" i], dt[title*="디스코드" i], dt[title*="linkedin" i], dt[title*="인스타" i], dt[title="IG"], dt[title~="마스토돈 계정" i], dt[title~="마스토돈 계정" i], dt[title~="account" i], dt[title="부계정" i], dt[title*="마스토돈" i], dt[title*="masto" i], dt[title*="ko-fi" i], dt[title*="kofi" i], dt[title*="페이팔" i], dt[title*="patreon" i], dt[title*="스레드" i], dt[title*="블루스카이" i], dt[title*="nostr" i], dt[title*="밴드캠프" i], dt[title*="페이스북" i], dt[title*="friendica" i], dt[title*="pronouns" i], dt[title*="wordpress" i], dt[title*="페북" i])::before {
  display: none;
}

/* If GitHub etc. move even further from links */
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i], dt[title*="유튜브" i], dt[title*="트위치" i], dt[title*="트위터" i], dt[title*="디스코드" i], dt[title*="linkedin" i], dt[title*="인스타" i], dt[title="IG"], dt[title="밴드캠프"], dt[title="페이스북"], dt[title="friendica"], dt[title="pronouns"], dt[title="wordpress"], dt[title="페북"]) {

  /* Move to last-last */
  order: 99999;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="github" i])::after {
  content: var(--icon-github);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="디스코드" i])::after {
  content: var(--icon-discord);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="linkedin" i])::after {
  content: var(--icon-linkedin);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title="IG"], dt[title*="instagram" i])::after {
  content: var(--icon-instagram);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="유튜브" i])::after {
  content: var(--icon-youtube);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="트위치" i])::after {
  content: var(--icon-twitch);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="트위터" i])::after {
  content: var(--icon-twitter);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="patreon" i])::after {
  content: var(--icon-patreon);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="페이팔" i])::after {
  content: var(--icon-paypal);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="kofi" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="ko-fi" i])::after {
  content: var(--icon-kofi);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="밴드캠프" i])::after {
  content: var(--icon-bandcamp);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="페이스북" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="페북" i])::after {
  content: var(--icon-facebook);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="friendica" i])::after {
  content: var(--icon-friendica);
  height: 18.5px;
  transform: scale(.9);
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="pronouns" i])::after {
  content: var(--icon-genderless-pronouns);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="wordpress" i])::after {
  content: var(--icon-wordpress);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="masto" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="마스토돈" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title="부계정" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title~="account" i])::after,
.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title~="마스토돈 계정" i])::after {
  content: var(--icon-mastodon);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="스레드" i])::after {
  content: var(--icon-threads);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="블루스카이" i])::after {
  content: var(--icon-bluesky);
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dl:has(dt[title*="nostr" i])::after {
  content: var(--icon-nostr);
  height: 18.5px;
  width: 18.5px;
}

/* Default link icon */
.layout-single-column .account__header__bio .account__header__fields dl::before {
  content: var(--icon-link);
  height: 18.5px;
  width: 18.5px;
}

/* If the profile item has no link element, show just label icon */
.layout-single-column .account__header__bio .account__header__fields dl:not(:has(a))::before {
  content: var(--icon-label);
  height: 18.5px;
  width: 18.5px;
}

/* Verified colors for Firefox before :has */
.layout-single-column .account__details .verified-badge a,
.layout-single-column .account__header__bar .account__header__fields .verified__mark,
.layout-single-column .account__header__bar .account__header__fields .verified a,
.layout-single-column .account__header__bar .account__header__bio .account__header__fields .verified a,
.layout-single-column .account__header__bar .account__header__bio .account__header__fields .verified dd {
  color: var(--color-verified);
  font-weight: var(--font-weight-regular);
}

/* Reset verified colors */
.layout-single-column .account__details .verified-badge a,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified__mark,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified a,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__bio .account__header__fields .verified a,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__bio .account__header__fields .verified dd {
  color: var(--color-accent);
  font-weight: var(--font-weight-regular);
}

/* Replace verified__mark */
.layout-single-column .account__details .verified-badge .verified-badge__mark,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified__mark {
  background-image: var(--icon-verified-smaller);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
}

.layout-single-column .account__details .verified-badge .verified-badge__mark path,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified__mark path {
  display: none;
}

.layout-single-column .account__details .verified-badge,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.layout-single-column .account__details .verified-badge .verified-badge__mark,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd span:nth-child(1) {
  align-items: center;
  display: flex;
  order: 2;
}

.layout-single-column .account__details .verified-badge>span,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd span:nth-child(2) {
  order: 1;
}

/* Joined label */
.layout-single-column .account__header__bio .account__header__fields dt:not([title]) {
  display: inline-flex;
  font-weight: var(--font-weight-regular);
  gap: calc(var(--gap-default) / 2);
  text-transform: unset;
}

.layout-single-column h4,
.layout-single-column .search__popout h4,
.layout-single-column .search-popout h4,
.layout-single-column .server-banner h4 {
  text-transform: unset;
}

.layout-single-column .account__header__bio .account__header__fields dt:not([title])::before {
  content: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" fill="%238b98a5" class="r-115tad6 r-4qtqp9 r-yyyyoo r-1xvli5t r-1d4mawv r-dnmrzs r-bnwqim r-1plcrui r-lrvibr"%3E%3Cg%3E%3Cpath d="M7 4V3h2v1h6V3h2v1h1.5C19.89 4 21 5.12 21 6.5v12c0 1.38-1.11 2.5-2.5 2.5h-13C4.12 21 3 19.88 3 18.5v-12C3 5.12 4.12 4 5.5 4H7zm0 2H5.5c-.27 0-.5.22-.5.5v12c0 .28.23.5.5.5h13c.28 0 .5-.22.5-.5v-12c0-.28-.22-.5-.5-.5H17v1h-2V6H9v1H7V6zm0 6h2v-2H7v2zm0 4h2v-2H7v2zm4-4h2v-2h-2v2zm0 4h2v-2h-2v2zm4-4h2v-2h-2v2z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
  height: 18.5px;
  width: 18.5px;
}

.layout-single-column .account__header__bio .account__header__fields dd,
.layout-single-column .account__header__bio .account__header__fields dt {
  color: var(--color-dim);
  font-size: var(--font-size);
  font-weight: var(--font-weight-regular);
  text-transform: unset;
}

/* stylelint-disable no-duplicate-selectors */
.layout-single-column .account__header__bio .account__header__fields dl {
  background-color: transparent;
  border: 0;
  color: var(--color-dim);
  display: inline-flex;
  font-size: var(--font-size);
  font-weight: var(--font-weight-regular);
  gap: calc(var(--gap-default) / 2);
  padding: 0;
}

/* stylelint-enable no-duplicate-selectors */
.layout-single-column .getting-started__trends h4 {
  border: 0;
  font-size: var(--font-size-heading);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  margin-bottom: var(--gap-default);
  text-transform: unset;
}

.layout-single-column .getting-started__trends {
  margin-top: calc(var(--gap-default) * 2);
}

.layout-single-column .trends__item__name a {
  font-size: var(--font-size);
}

.layout-single-column .trends__item__name {
  display: grid;
  gap: 4px;
}

.layout-single-column .account__header__image {
  height: 200px;
}

.layout-single-column .account__header__bar .avatar .account__avatar {
  background-color: transparent;
  border: 0;

  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  height: 133.5px !important;

  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  width: 133.5px !important;
}

.layout-single-column .account__header__tabs {
  overflow: visible;
}

.layout-single-column .account__header__tabs .account-role {
  width: 133.5px;
  bottom: -8px;
  position: relative;
}

/* Follow/unfollow button */
body.embed .button.logo-button,
.layout-single-column .notification__report__actions .button,
.layout-single-column .column-inline-form button,
.layout-single-column .explore__suggestions .account-card__actions__button button,
.layout-single-column .account__header__tabs__buttons .button,
.layout-single-column .account .account__relationship>.button,
.layout-single-column .notification .account__relationship>.button {
  background-color: transparent;
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  color: var(--color-light-text);
  font-size: var(--font-size);
  max-width: 36vw;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  text-overflow: ellipsis;
  transition: all 200ms;
  white-space: nowrap;
}

/* Dark button borders and other things that have borders all around */
body.embed .button.logo-button,
.layout-single-column .notification__report__actions .button,
.layout-single-column .column-inline-form button,
.layout-single-column .explore__suggestions .account-card__actions__button button,
.layout-single-column .account__header__tabs__buttons .button,
.layout-single-column .account__header__tabs__buttons .icon-button,
.layout-single-column .notification .account__relationship>.button,
.layout-single-column .account .account__relationship>.button {
  border: 1px solid var(--color-outer-space);
}

.layout-single-column .account__header__tabs__buttons .icon-button {
  color: var(--color-light-text);
}

/* Fix focus overflow for 4.1.4-nightly */
.layout-single-column .account__header__tabs__buttons {
  overflow: visible;
}

/* stylelint-disable-next-line */
.layout-single-column .account__header__tabs__buttons .icon-button {
  align-items: center;
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 36px;
}

/* Copy-icon size in profile */
.layout-single-column .account__header__tabs__buttons .icon-button svg {
  height: 18px;
  width: 18px;
}

body.embed .button.logo-button:hover,
.layout-single-column .column-inline-form button:hover,
.layout-single-column .explore__suggestions .account-card__actions__button button:hover,
.layout-single-column .account__header__tabs__buttons .icon-button.active {
  color: var(--color-light-text);
}

.layout-single-column .account__header__tabs__buttons .icon-button .icon-bell-o,
.layout-single-column .account__header__tabs__buttons .icon-button .icon-bell {
  background-image: var(--icon-bell-header-tabs);
}

.layout-single-column .account__header__tabs__buttons .icon-button.active .icon-bell-o,
.layout-single-column .account__header__tabs__buttons .icon-button.active .icon-bell {
  background-image: var(--icon-bell-header-tabs-active);
}

.layout-single-column .explore__suggestions .account-card__actions__button button:hover,
.layout-single-column .account__header__tabs__buttons .button:focus,
.layout-single-column .account__header__tabs__buttons .button:hover,
.layout-single-column .notification .account__relationship>.button:hover,
.layout-single-column .notification .account__relationship>.button:focus,
.layout-single-column .account .account__relationship>.button:hover,
.layout-single-column .account .account__relationship>.button:focus {
  background-color: var(--color-profile-button-hover);
}

.layout-single-column .detailed-status__action-bar .icon-button:focus,
.layout-single-column .status__action-bar .icon-button:focus,
.layout-single-column .detailed-status__action-bar .icon-button:hover,
.layout-single-column .status__action-bar .icon-button:hover {
  background-color: transparent;
}

.layout-single-column .detailed-status__action-bar .icon-button:hover::after,
.layout-single-column .status__action-bar .icon-button:hover::after {
  opacity: 0;
}

.layout-single-column .detailed-status__action-bar .icon-button::after,
.layout-single-column .status__action-bar .icon-button::after {
  background-color: rgba(96, 105, 132, .15);
  border-radius: 50%;
  content: '';
  height: 36px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -8px;
  transform: translateX(8px) translateY(1px);
  width: 36px;
  z-index: -1;
}

.layout-single-column .conversation .icon-button::after {
  transform: translateX(-8px) translateY(1px);
}

.layout-single-column .conversation__content {
  overflow: visible;
}

.layout-single-column .detailed-status__button {
  max-height: 24px;
  max-width: 120px;
  position: relative;
}

.layout-single-column .detailed-status__button .icon-button.star-icon::after {
  transform: translateX(3px);
}

.layout-single-column .status__action-bar .icon-button.icon-button--with-counter::after {
  transform: translateX(0) translateY(0);
}

/* Misc UI fixes */
.layout-single-column .search__icon .icon.active {
  opacity: 1;
}

/* Follow recommendations, "Who to follow" since Mastodon v4.3.0-alpha.1 (2024-02-01) */
.layout-single-column .inline-follow-suggestions__body__scrollable__card .account__avatar {
  background-color: transparent;
  border: 0;
}

/* Explore -> For you shade in bio */
.layout-single-column .scrollable .account-card__bio::after {
  /* stylelint-disable-next-line */
  background: linear-gradient(270deg, var(--color-bg), transparent);
}

/* Empty column */
.layout-single-column .empty-column-indicator {
  min-height: 120px;
}

.layout-single-column .status__prepend+.status {
  padding-top: 10px;
}

.layout-single-column .search__icon .icon-times-circle {
  top: 9px;
}

.layout-single-column .setting-text__toolbar {
  align-items: center;
}

.layout-single-column .timeline-hint strong {
  display: block;
  margin-bottom: var(--gap-default);
}

.layout-single-column .timeline-hint br {
  display: none;
}

/* General fixes */
.layout-single-column .account__header__bar .avatar {
  /* stylelint-disable-next-line */
  margin-left: 0 !important;
}

/* Fix for button line-height */
.layout-single-column .button.logo-button {
  line-height: 22px;
}

/* Visual indicator about direct messages
   @source https://github.com/mastodon/mastodon/issues/22158#issuecomment-1353661031 */

.notification-ungrouped--direct,
.layout-single-column .detailed-status-direct {
  position: relative;
}

.notification-ungrouped--mention.notification-grouped--direct::after,
.notification-ungrouped--mention.notification-ungrouped--direct::after {
  border-left: 20px solid transparent;
  border-top: 20px solid var(--color-accent);
  /* Add a ribbon to the corner */
  content: '';
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

/* Indicator for private mentions when grouped notifications are enabled in 4.3.0 */
.notification-ungrouped--direct .status__wrapper-direct::after,
.notification-ungrouped--direct .detailed-status-direct::after {
  display: none;
}

.layout-single-column .notification .status__wrapper-direct::after {
  top: -40px;
}

/* Private message conversations */
.layout-single-column .conversation .status__action-bar {
  padding-left: 0;
}

/* Default buttons */
.layout-single-column .compose-form__buttons button,
.layout-single-column .button {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

/* Compose hover and focus fix */
.layout-single-column .report-dialog-modal__actions .button:hover,
.layout-single-column .server-banner .button,
.layout-single-column .sign-in-banner .button,
.layout-single-column .compose-form__publish-button-wrapper button {
  background-color: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
  color: var(--color-button-text);
  transition: all 200ms;
}

/* Compose form */
.layout-single-column .compose-panel .compose-form__highlightable,
.layout-single-column .compose-panel .compose-form {
  background-color: transparent;
  border: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 4;
}

body .compose-form .compose-form__uploads {
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

/* New compose form buttons from 4.3.0-alpha 2024-01-27 */
.layout-single-column .compose-form__dropdowns {
  gap: 10px;
}

.layout-single-column .compose-form .media-gallery__item,
.layout-single-column .compose-form .compose-form__uploads,
.layout-single-column .compose-form .media-gallery {
  border: 0;
  border-radius: 0;
  outline: 0;
}

.layout-single-column .compose-form__dropdowns .dropdown-button.active,
.layout-single-column .compose-form__dropdowns .dropdown-button,
.layout-single-column .compose-form__buttons .dropdown-button.active,
.layout-single-column .compose-form__buttons .dropdown-button {
  background-color: transparent;
  border: 0;
  color: var(--color-dim);
  padding: 0;
}

.layout-single-column .compose-form__dropdowns .dropdown-button.active,
.layout-single-column .compose-form__dropdowns .dropdown-button:hover,
.layout-single-column .compose-form__dropdowns .dropdown-button:focus,
.layout-single-column .compose-form__buttons .dropdown-button.active,
.layout-single-column .compose-form__buttons .dropdown-button:hover,
.layout-single-column .compose-form__buttons .dropdown-button:focus {
  color: var(--color-accent);
}

/* Override new warning button color (.dropdown-button.warning), v4.4.0-alpha.4+mementomods-2025-05-03 */
.layout-single-column .compose-form__dropdowns .dropdown-button.warning,
.layout-single-column .compose-form__dropdowns .dropdown-button.warning.active,
.layout-single-column .compose-form__dropdowns .dropdown-button.warning:hover,
.layout-single-column .compose-form__dropdowns .dropdown-button.warning:focus,
.layout-single-column .compose-form__buttons .dropdown-button.warning,
.layout-single-column .compose-form__buttons .dropdown-button.warning.active,
.layout-single-column .compose-form__buttons .dropdown-button.warning:hover,
.layout-single-column .compose-form__buttons .dropdown-button.warning:focus {
  color: var(--color-yellow);
}

.layout-single-column .compose-form__submit {
  flex: unset;
}

.layout-single-column .compose-form__actions {
  justify-content: space-between;
}

.layout-single-column .compose-form__actions .icon-button.active {
  background-color: transparent;
  color: var(--color-accent);
}

/* Footer items */
.link-footer {
  position: relative;
  z-index: 5;
}

.link-footer p .version {
  white-space: normal;
}

.layout-single-column .compose-form__footer {
  gap: 4px;
  padding-bottom: 6px;
}

/* Add slight background color for the compose form */
/* stylelint-disable-next-line no-duplicate-selectors */
.layout-single-column .compose-form .compose-form__highlightable,
.layout-single-column .compose-form__highlightable .compose-form__buttons-wrapper,
.layout-single-column .compose-form .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form .compose-form__buttons-wrapper {
  background-color: var(--color-bg-compose-form);
  border-color: var(--color-bg-compose-form);
  padding-top: 0;
  transition: all 200ms;
}

/* Smooth color transition on focus */
.layout-single-column .compose-form .compose-form__highlightable:focus-within,
.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within,
.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within~.compose-form__buttons-wrapper,
.layout-single-column .compose-form__highlightable .compose-form__autosuggest-wrapper:focus-within~.compose-form__buttons-wrapper {
  background-color: var(--color-bg-compose-form-focus);
  border-color: var(--color-bg-compose-form-focus);
}

/* Fixes bottom row padding when there's a background */
.layout-single-column .compose-form__highlightable .compose-form__buttons-wrapper,
.layout-single-column .compose-form .compose-form__buttons-wrapper {
  padding: calc(var(--gap-default) / 2);
}

.layout-single-column .navigation-bar+.compose-form {
  padding-top: 10px;
}

.layout-single-column .server-banner .button:hover,
.layout-single-column .server-banner .button:focus,
.layout-single-column .sign-in-banner .button:hover,
.layout-single-column .sign-in-banner .button:hover:focus {
  background-color: var(--color-brand-longwhile-links);
  border-color: var(--color-brand-longwhile-links);
  color: var(--color-button-text);
}

.layout-single-column .compose-form__publish-button-wrapper button:hover,
.layout-single-column .compose-form__publish-button-wrapper button:focus {
  background-color: var(--color-accent-dark-50);
  border-color: var(--color-accent-dark-50);
  color: var(--color-button-text);
}

/* Tertiary button */
.layout-single-column .button.button-tertiary {
  /* stylelint-disable-next-line */
  background-color: transparent !important;
  /* stylelint-disable-next-line */
  border: 1px solid var(--color-accent-dark) !important;
  color: var(--color-ghost-button-text);
  padding: 6px 17px;
}

.layout-single-column .button.button-tertiary:active,
.layout-single-column .button.button-tertiary:focus,
.layout-single-column .button.button-tertiary:hover {
  border: 1px solid var(--color-accent-dark);
}

/* Secondary button */
.layout-single-column .button.button-secondary {
  /* stylelint-disable-next-line */
  background-color: transparent;
  border: 1px solid var(--color-dim);
  color: var(--color-dim);
}

.layout-single-column .button.button-secondary:hover {
  /* stylelint-disable-next-line */
  background-color: var(--color-light-text);
  border-color: var(--color-light-text);
  color: var(--color-bg);
}

.layout-single-column .button.button-tertiary:focus,
.layout-single-column .button.button-tertiary:hover {
  /* stylelint-disable-next-line */
  background-color: var(--color-brand-longwhile-links) !important;
  /* stylelint-disable-next-line */
  border-color: var(--color-brand-longwhile-links) !important;
  /* stylelint-disable-next-line */
  color: var(--color-bg) !important;

  /* This is actually wrong in Mastodon default UI as well, hover should not have padding but yet it has */
  padding: 6px 17px;
}

/* Smaller icon for back button */
.layout-single-column .column-back-button i,
.layout-single-column .column-header__back-button i {
  font-size: 12px;
}

.layout-single-column .icon-button__counter {
  font-size: var(--font-size-smaller);
}

/* Smaller icons for status action bar */
.layout-single-column .status__action-bar .icon {
  font-size: 14.6px;
  min-width: 18px;
}

.layout-single-column .status__action-bar .icon.icon-retweet {
  min-width: 21px;
}

.layout-single-column .status__action-bar .icon-button--with-counter {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.layout-single-column .status__action-bar .icon-button {
  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  height: 24px !important;
  /* stylelint-disable-next-line */
  min-width: 45.78px !important;
  position: relative;
  /* It's inlined so we have to use !important */
  /* stylelint-disable-next-line */
  width: unset !important;
}

/* Fix reply button not starting from the beginning */
.layout-single-column .status__action-bar .icon-button:nth-of-type(1) {
  /* stylelint-disable-next-line */
  min-width: 42.22px !important;
  /* stylelint-disable-next-line */
  width: 42.22px !important;
}

.layout-single-column .status__action-bar .icon-button:nth-of-type(1)::after {
  transform: translateX(4px) translateY(2px);
}

.layout-single-column .status__action-bar .icon-button.icon-button--with-counter::after,
.layout-single-column .status__action-bar .icon-button.icon-button--with-counter:first-of-type::after {
  transform: translateX(-5px) translateY(1px);
}

.layout-single-column .navigation-panel__menu {
  display: flex;
  flex-wrap: wrap;
}

/* Keep account switcher below settings in mid/full view */
.layout-single-column .navigation-panel .navigation-panel__account-switcher {
  order: 10;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
}

.layout-single-column .navigation-panel__account-switcher .navigation-panel__account-switch-link,
.layout-single-column .navigation-panel__account-switcher .column-link {
  width: 100%;
}

/* Keep account switcher dropdown icons color stable on hover */
.layout-single-column .account-switcher__trigger:hover .account-switcher__icon {
  color: var(--color-column-link);
}

.layout-single-column .account-switcher__action:hover .account-switcher__action-icon {
  color: var(--color-column-link-hover);
}

@media screen and (max-width: 759px) {
  .layout-single-column .navigation-panel__menu {
    display: block !important;
    flex-wrap: nowrap !important;
  }

  .layout-single-column .navigation-panel__menu .column-link {
    width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}

@media screen and (max-height: 980px) {
  .navigation-panel .column-link.column-link--optional {
    display: none;
  }
}

/* Order of items in v4.3.0-beta2-2024-09-29 */
.columns-area__panels__pane--navigational .navigation-panel__logo {
  order: 1;
}

.columns-area__panels__pane--navigational .navigation-panel__menu {
  order: 2;
}

.columns-area__panels__pane--navigational .flex-spacer {
  order: 3;
}

.columns-area__panels__pane--navigational .navigation-panel__portal {
  order: 4;
}

@media screen and (min-width: 900px) {

  /* Hide the space between Lists and the actual lists */
  .layout-single-column .list-panel>hr,
  .layout-single-column .list-panel+hr {
    display: none;
  }

  .layout-single-column .navigation-panel__menu {
    align-items: flex-start;
    display: flex;
    flex: unset;
    flex-wrap: wrap;
    gap: 0;
    overflow: visible;
    position: relative;
  }

  /* Hide lists if there's not enough space on desktop vertically */
  .layout-single-column .list-panel {
    opacity: 0;
    transition: all 200ms;
  }

  .layout-single-column .list-panel:focus,
  .layout-single-column .list-panel:hover,
  .layout-single-column .column-link[href="/lists"]:focus~.list-panel,
  .layout-single-column .column-link[href="/lists"]:hover~.list-panel {
    opacity: 1;
  }

  /* Order of the side nav items */
  .layout-single-column .column-link[href="/home"] {
    order: 1;
  }

  .layout-single-column .column-link[href="/public"] {
    order: 2;
  }

  .layout-single-column .column-link[href="/notifications"] {
    order: 3;
  }

  .layout-single-column .column-link[href="/pending-mentions"] {
    order: 4;
  }

  .layout-single-column .column-link[href="/conversations"] {
    order: 5;
  }

  .layout-single-column .column-link[href="/bookmarks"] {
    order: 6;
  }

  .layout-single-column .column-link[href="/favourites"] {
    order: 7;
  }

  .layout-single-column .column-link[href="/lists"] {
    order: 8;
  }

  .layout-single-column .column-link[href*="/settings/profile"] {
    order: 9;
  }

  .layout-single-column .navigation-panel .navigation-panel__account-switcher {
    order: 10;
  }

  /* Optional/hidden items */
  .layout-single-column .column-link[href="/explore"] {
    display: none;
  }

  .layout-single-column .column-link[href="/local"] {
    order: 20;
  }

  .layout-single-column .column-link[href='/follow_requests'] {
    order: 21;
  }

  .layout-single-column .column-link[href="/admin/dashboard"] {
    order: 22;
  }

  .layout-single-column .column-link[href="/admin/reports"] {
    order: 23;
  }

  .layout-single-column .navigation-panel__sign-in-banner,
  .layout-single-column .navigation-panel__legal {
    order: 24;
  }

  .layout-single-column .list-panel {
    order: 25;
  }

  .layout-single-column .flex-spacer {
    order: 26;
  }

  .layout-single-column .getting-started__trends {
    order: 27;
  }

  .layout-single-column .status__action-bar .icon-button {
    /* stylelint-disable-next-line */
    height: 24px !important;
    position: relative;
    /* It's inlined so we have to use !important */
    /* stylelint-disable-next-line */
    width: 50px !important;
  }

  .layout-single-column .conversation .status__action-bar .icon-button {

    /* It's inlined so we have to use !important */
    /* stylelint-disable-next-line */
    width: auto !important;
  }

  /* Fix list links if they are too short */
  .layout-single-column .list-panel .column-link {
    display: flex;
  }
}

/* Replace bookmark icon */
.layout-single-column .status .icon-button:hover:focus .icon-bookmark,
.layout-single-column .status .icon-button:focus .icon-bookmark,
.layout-single-column .status .icon-button.active .icon-bookmark {
  background-image: var(--icon-bookmark-active);
}

.layout-single-column .status button.icon-button:hover .icon-bookmark {
  background-image: var(--icon-bookmark-status-hover);
}

/* Replace the original icons (after 4.3.0)
-------------------------------------------

/* Set size for the filter bar and profile icons */
/* stylelint-disable-next-line */
.layout-single-column .account__header__tabs__buttons .icon,
.layout-single-column .notification__filter-bar .icon {
  --size-icon: 20px;
}

/* Set size for the column link icons */
.layout-single-column .column-link .icon {
  --size-icon: 20px;
  height: 22px;
  width: 22px;
}

/* Set size for the status icons */
.layout-single-column .detailed-status__action-bar .icon,
.layout-single-column .status__action-bar .icon {
  --size-icon: 19px;
}

/* General for all column icons */
/* stylelint-disable-next-line */
.layout-single-column .notification-group--favourite .notification__message>.icon,
.layout-single-column .notification-favourite .notification__message>.icon,
.layout-single-column .notification-reblog .notification__message>.icon,
.layout-single-column .account__header__tabs__buttons .icon,
.layout-single-column .detailed-status__action-bar .icon,
.layout-single-column .status__action-bar .icon,
.layout-single-column .notification__filter-bar .icon,
.layout-single-column .column-link .icon {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* stylelint-disable-next-line */
.layout-single-column .list-adder__lists .icon-plus,
.layout-single-column .list-adder__lists .icon-times,
.layout-single-column .detailed-status__action-bar .icon,
.layout-single-column .status__action-bar .icon,
.layout-single-column .notification__filter-bar .icon,
.layout-single-column .column-header__button .icon-sliders,
.layout-single-column .column-link .icon {
  background-size: var(--size-icon) var(--size-icon);
  height: var(--size-icon);
  width: var(--size-icon);
}

.layout-single-column .account__header__tabs__buttons .icon {
  background-position: center;
  background-size: var(--size-icon) var(--size-icon);
}

.layout-single-column .status__prepend .icon.icon-at {
  height: 18px;
  position: relative;
  top: 2px;
  width: 18px;
}

/* ⋯except for these icons, we kinda like them as they are */
.layout-single-column .icon-user-plus.column-link__icon path,
.layout-single-column .icon.icon-undefined path,
.layout-single-column .icon.icon-users path,
.layout-single-column .account__header__tabs__buttons .optional path,
.layout-single-column .account__header__tabs__buttons .icon.icon-user-plus path,
.layout-single-column .notification__filter-bar .icon.icon-user-plus path,
.layout-single-column .account__header__tabs__buttons .icon.icon-tasks path,
.layout-single-column .notification__filter-bar .icon.icon-tasks path {
  display: block;
}

.layout-single-column div[tabindex="-1"]+div[tabindex="-1"]>.status__wrapper>.status-reply.status--in-thread>.status__line.status__line--full,
.layout-single-column .status__line--full.status__line--first {
  height: 100%;
  z-index: -1;
}

.layout-single-column .detailed-status {
  background-color: transparent;
  border-top: 0;
}

/* Threaded line, actually */
.layout-single-column .status__line {
  border-inline-start: 2px solid var(--color-thread-line);
}

.layout-single-column .status__line--full::before {
  background-color: var(--color-thread-line);
}

/* Hide the "stub" from the first status line */
div[tabindex="-1"]+div[tabindex="-1"]>.status__wrapper>.status-reply.status--in-thread>.status__line.status__line--full,
.layout-single-column .status-reply.status--in-thread.status--first-in-thread>.status__line,
.layout-single-column .status-reply.status--in-thread.status--first-in-thread>.status__line--full::before {
  top: 32px;
}

.layout-single-column .status--in-thread .status__action-bar,
.layout-single-column .status--in-thread .status__content {
  padding-left: 4px;
}

/* Scrollbars */
*::-webkit-scrollbar,
.layout-single-column .drawer__inner::-webkit-scrollbar,
.layout-single-column textarea::-webkit-scrollbar,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar,
.layout-single-column .reply-indicator::-webkit-scrollbar,
.layout-single-column::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

*::-webkit-scrollbar-thumb,
.layout-single-column textarea::-webkit-scrollbar-thumb,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar-thumb,
.layout-single-column .reply-indicator::-webkit-scrollbar-thumb,
.layout-single-column::-webkit-scrollbar-thumb {
  background-color: var(--color-border);
  border: 0px solid var(--color-border);
  border-radius: 50px;
}

*::-webkit-scrollbar-thumb:hover,
.layout-single-column textarea::-webkit-scrollbar-thumb:hover,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar-thumb:hover,
.layout-single-column .reply-indicator::-webkit-scrollbar-thumb:hover,
.layout-single-column::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-light-purple);
}

*::-webkit-scrollbar-thumb:active,
.layout-single-column textarea::-webkit-scrollbar-thumb:active,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar-thumb:active,
.layout-single-column .reply-indicator::-webkit-scrollbar-thumb:active,
.layout-single-column::-webkit-scrollbar-thumb:active {
  background-color: var(--color-black-coral);
}

*::-webkit-scrollbar-track,
.layout-single-column textarea::-webkit-scrollbar-track,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar-track,
.layout-single-column .reply-indicator::-webkit-scrollbar-track,
.layout-single-column::-webkit-scrollbar-track {
  background-color: var(--color-bg);
  border: 0px solid var(--color-border);
  border-radius: 0;
}

.layout-single-column textarea::-webkit-scrollbar-track:hover,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar-track:hover,
.layout-single-column .reply-indicator::-webkit-scrollbar-track:hover,
.layout-single-column::-webkit-scrollbar-track:hover {
  background-color: var(--color-bg);
}

.layout-single-column textarea::-webkit-scrollbar-track:active,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar-track:active,
.layout-single-column .reply-indicator::-webkit-scrollbar-track:active,
.layout-single-column::-webkit-scrollbar-track:active {
  background-color: var(--color-bg);
}

.layout-single-column .drawer__inner::-webkit-scrollbar-corner,
.layout-single-column textarea::-webkit-scrollbar-corner,
.layout-single-column .autosuggest-textarea__textarea::-webkit-scrollbar-corner,
.layout-single-column .reply-indicator::-webkit-scrollbar-corner,
.layout-single-column::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* Drawer scollbars */
.layout-single-column .drawer__inner::-webkit-scrollbar-thumb {
  background-color: var(--color-dim);
  border: 0;
  border-radius: 50px;
}

.layout-single-column .drawer__inner::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-light-purple);
}

.layout-single-column .drawer__inner::-webkit-scrollbar-thumb:active {
  background-color: var(--color-light-text);
}

.layout-single-column .drawer__inner::-webkit-scrollbar-track {
  background-color: var(--color-dark);
  border: 0;
  border-radius: 0;
}

.layout-single-column .drawer__inner::-webkit-scrollbar-track:hover,
.layout-single-column .drawer__inner::-webkit-scrollbar-track:active {
  background-color: var(--color-dark);
}

/* New onboarding in /start in v4.3.0-alpha.0+mementomods-2023-12-16 */
.layout-single-column .onboarding__steps__item,
.layout-single-column .onboarding__link {
  background-color: var(--color-dark);
  margin-bottom: 10px;
}

.layout-single-column .onboarding__steps__item__progress>svg>path {
  fill: var(--color-dark);
}

.layout-single-column .onboarding__links>* {
  margin-bottom: 10px;
}

/* Fixes for the design for v4.3.0-alpha.3-2024-03-22 with new popout layout */
.layout-single-column .explore__search-results {
  border: 0;
}

.layout-single-column .column-back-button,
.layout-single-column .account__section-headline {
  border-left: 0;
  border-right: 0;
}

.layout-single-column .column-back-button {
  border-top: 0;
}


/* Header on mobile */
@media screen and (max-width: 1174px) {
  .app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
    z-index: 3;
  }

  .app-body .column-header__icon {
    display: none;
  }

  .app-body:not(.layout-multiple-columns) .columns-area__panels {
    z-index: 2;
  }

  .app-body:not(.layout-multiple-columns):has(.column-header) .tabs-bar__wrapper::after {
    background-color: var(--color-bg-90);
    content: "";
    height: 49px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }

  .ui:has([href="/auth/sign_in"]) .tabs-bar__wrapper::after,
  .ui:has(.compose-form__submit) .tabs-bar__wrapper::after {
    display: none;
  }

  .layout-single-column .column-header__collapsible {
    border-bottom: 1px solid var(--color-border);
  }

  .layout-single-column .column-header__collapsible-inner {
    background-color: var(--color-bg-90);
  }

  .app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
    border-bottom: 0;
  }
}

/* List panel */
.layout-single-column .list-panel {
  background-color: var(--color-bg);
  margin: 0 0 5px;
  padding: 5px 9px 50px 36px;
  position: absolute;
  top: 100%;
}

.layout-single-column .list-panel .icon {
  display: none;
}

.app-body .list-panel .column-link span::before {
  bottom: -10px;
  left: -15px;
  right: -15px;
  top: -10px;
}

@media screen and (min-width: 1175px) {

  /* Fade in list panel, thanks for the idea @nileane@nileane.fr! https://github.com/nileane/TangerineUI-for-Mastodon */
  .layout-single-column .column-link[href="/lists"]:is(.active, :hover)+.list-panel,
  .layout-single-column .list-panel:hover {
    animation: fadein .4s 1;
  }
}

/* Spare animations */
@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(-10%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================================================================================================================== */



/* ====================================================
    이미지 여백 강제 파괴 및 알맹이 확대
   ==================================================== */

.layout-single-column .column-link.column-link--logo {
    display: block !important;
    height: auto !important;
    min-height: 80px !important;    /* 여백이 먹히면서 줄어들 세로 공간 확보 */
    padding: 0 !important;
    margin: 10px 0 0 0 !important;  /* 자체 여백이 있으니 마진은 최소화 */
    overflow: visible !important;   /* 이미지가 삐져나와도 잘리지 않게 설정 */
}

.layout-single-column .column-link.column-link--logo img {
    display: block !important;
    width: 180px !important;        /* 기본 그릇 크기 설정 */
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    
    /* 이미지 안의 여백을 무시하고 알맹이만 1.5배 강제 확대 */
    transform: scale(1.5) !important; 
    transform-origin: left center !important; /* 왼쪽 기준점으로 확대해서 정렬 유지 */
}


/* Twitter(Light) 테마(mastodon-bird-ui-light)일 때만 배경 이미지 적용========================================================================= */
body.theme-mastodon-bird-ui-light {
  background-image: url("https://i.imgur.com/bbVGolU.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: transparent !important;
}

/* 관리자 설정 / 환경설정 화면(admin 레이아웃 공용)은 배경 이미지 끄고 흰색으로 */
body.theme-mastodon-bird-ui-light.admin {
  background-image: none !important;
  background-color: #fff !important;
}

/* 타임라인(가운데 컬럼)도 글쓰기 카드와 같은 톤의 살짝 반투명한 흰색으로 */
.theme-mastodon-bird-ui-light .column,
.theme-mastodon-bird-ui-light .column > .scrollable {
  background-color: #F9F9F9 !important;
}


/* Twitter(Dark) 테마일 때만 배경 이미지 적용 ===================================================================== */
body.theme-mastodon-bird-ui,
body.theme-mastodon-bird-ui-dark {
  background-image: url("https://i.imgur.com/naW6mB5.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: transparent !important;
}

/* 관리자 설정 / 환경설정 화면(admin 레이아웃 공용)은 배경 이미지 끄고 원래 다크색으로 */
body.theme-mastodon-bird-ui.admin,
body.theme-mastodon-bird-ui-dark.admin {
  background-image: none !important;
  background-color: #0D151C !important;
}

/* 타임라인(가운데 컬럼)도 글쓰기 카드와 같은 톤의 어두운 회색으로 */
.theme-mastodon-bird-ui .column,
.theme-mastodon-bird-ui .column > .scrollable,
.theme-mastodon-bird-ui-dark .column,
.theme-mastodon-bird-ui-dark .column > .scrollable {
  background-color: #161F2B !important;
}

/* 검색창 / 글쓰기 입력창(내용 크기만큼) / 카드류도 동일 톤으로 통일 (반투명 어두운색) */
.theme-mastodon-bird-ui .column-header,
.theme-mastodon-bird-ui .column-header__wrapper,
.theme-mastodon-bird-ui .column-header__collapsible-inner,
.theme-mastodon-bird-ui .search__input,
.theme-mastodon-bird-ui .status-card,
.theme-mastodon-bird-ui .compose-form__autosuggest-wrapper,

.theme-mastodon-bird-ui-dark .column-header,
.theme-mastodon-bird-ui-dark .column-header__wrapper,
.theme-mastodon-bird-ui-dark .column-header__collapsible-inner,
.theme-mastodon-bird-ui-dark .search__input,
.theme-mastodon-bird-ui-dark .status-card,
.theme-mastodon-bird-ui-dark .compose-form__autosuggest-wrapper {
  background-color: rgba(13, 21, 28, 0.85) !important;
}


/* 모바일 메뉴(햄버거 눌렀을 때 나오는 홈~계정전환 화면)는 불투명하게 되돌림 ================================================= */

@media screen and (max-width: 760px) {
  /* Twitter(Light) 테마 */
  .theme-mastodon-bird-ui-light .columns-area__panels__pane--navigational,
  .theme-mastodon-bird-ui-light .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
    background-color: #fff !important;
  }

  /* Twitter(Dark) 테마 */
  .theme-mastodon-bird-ui .columns-area__panels__pane--navigational,
  .theme-mastodon-bird-ui-dark .columns-area__panels__pane--navigational,
  .theme-mastodon-bird-ui .columns-area__panels__pane--navigational .columns-area__panels__pane__inner,
  .theme-mastodon-bird-ui-dark .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
    background-color: #0d151c !important;
  }
}