:root {
    --Main_color: #FF8E99; /*메인컬러*/
    --Main_color_hover: #FF6A89; /*메인컬러 호버*/
    --back_color: #a379a3;  /* 배경컬러 */
}

.columns-area__panels__pane--start  {
  order: -1;
}

.columns-area__panels__pane--compositional {
    order: 1;
}

.search__input {
  border-radius: 50px;
  font-size: 14px;
}

.account__avatar img {  
  border-radius: 50%;
}

.column-link.active {
    color: var(--Main_color);
}

.column-link:hover {
    background-color: var(--back_color);
    color: var(--Main_color_hover);
}

.button {
 background-color: var(--Main_color);
}

.button:hover {
 background-color: var(--Main_color_hover);
}

.inline-follow-suggestions {
  background-color: var(--back_color);
}

.compose-form__actions .icon-button {
  color: var(--Main_color);
}

.dropdown-button {
  border-color: var(--Main_color);
  color: var(--Main_color);
}

.inline-follow-suggestions__body__scroll-button__icon {
 background: var(--Main_color);
}


.inline-follow-suggestions__body__scroll-button__icon:hover {
 background: var(--Main_color_hover);
}

.inline-follow-suggestions__body__scrollable__card__avatar a div {
  border-radius: 50%;
}

.inline-follow-suggestions__body__scroll-button:active .inline-follow-suggestions__body__scroll-button__icon, .inline-follow-suggestions__body__scroll-button:focus .inline-follow-suggestions__body__scroll-button__icon, .inline-follow-suggestions__body__scroll-button:hover .inline-follow-suggestions__body__scroll-button__icon {
  background: var(--Main_color_hover);
}

.notification-group--follow .notification-group__icon, .notification-group--follow-request .notification-group__icon {
 color: var(--Main_color);
}

.account__section-headline a.active:before, .account__section-headline button.active:before, .notification__filter-bar a.active:before, .notification__filter-bar button.active:before {
background: var(--Main_color);
}

.button.button-secondary {
 border-color: var(--Main_color);
 color: var(--Main_color);
}

.compose-form__actions .icon-button:active, .compose-form__actions .icon-button:focus, .compose-form__actions .icon-button:hover {
  background : var(--back_color);
color: var(--Main_color_hover);
}

.link-button {
  color: var(--Main_color);
}


.column-link:focus-visible {
   color: var(--Main_color);
}

.dropdown-button.active {
  background: var(--Main_color);
    border-color: var(--Main_color);
}

.privacy-dropdown__option.active, .privacy-dropdown__option:focus {
   background: var(--Main_color);
}

.language-dropdown__dropdown__results__item.active, .language-dropdown__dropdown__results__item:focus {
   background: var(--Main_color);
}

.language-dropdown__dropdown__results__item:active, .language-dropdown__dropdown__results__item:hover {
  background: var(--back_color);
}

.privacy-dropdown__option:active, .privacy-dropdown__option:hover {
  background: var(--back_color);
}

.trends__item__sparkline path:first-child {
  fill: var(--back_color)!important
}

.trends__item__sparkline path:last-child {
      stroke: var(--Main_color) !important;
}

.column-header__button.active, .column-header__button.active:active, .column-header__button.active:focus, .column-header__button.active:hover {
  color: var(--Main_color);
}

.announcements {
  background: var(--back_color);
}

.announcements__item__content a.unhandled-link {
  color: var(--Main_color);
}

.reactions-bar__item {
  background: var(--Main_color);
}

.reactions-bar__item:hover {
  background: var(--back_color);
}


.dismissable-banner__action .icon-button, .warning-banner__action .icon-button {
  color: var(--Main_color);
}

.dismissable-banner, .warning-banner {
  background: var(--back_color);
  border-color:var(--Main_color);
}

.follow_requests-unlocked_explanation {
 background: var(--back_color);
}

.empty-column-indicator a, .follow_requests-unlocked_explanation a {
  color: var(--Main_color);
}

.button.disabled, .button:disabled {
  background: var(--back_color);
}

.column-header .column-header__back-button {
  color: var(--Main_color);
}

.account__header__bar .avatar .account__avatar {
  border-radius: 50%;
}

.column-back-button {
  color: var(--Main_color);
}

.account__domain-pill {
  color: var(--Main_color);
  background: var(--back_color);
}