@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("../fonts/CircularStd/font.css");
.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

html, body {
  height: 100%;
}

body {
  letter-spacing: -0.15px;
  --bs-body-font-size: 15px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 24px;
  --bs-body-bg: #FAF5FB;
  --bs-body-color: #3F3F5D;
  --bs-body-font-family: "Circular Std", "arial";
  --bs-body-alt-font-family: "Inter", "arial";
  --bs-danger: #FF6D6D;
  --bs-red: #FF6D6D;
  --light-bg: #F7F5FC;
  --bottom-menu-color: #C5C5D8;
  --active-item-bg: #EDE9F7;
  --active-item-color: #3F3F5D;
  --badge-color: #9D8DB7;
  --group-header-color: #54545D;
  --menu-bg-color: #FAFAFA;
  --menu-color: #8B8BA9;
  --text-purple: #966FE8;
  --text-deep-purple: #32175E;
  --text-gray: #676284;
  --tags-color: #A380C7;
  --new-downloads-popup-bg: #DADBF4;
  --menu-width: 270px;
  background: var(--bs-body-bg);
}
body.font-size-large {
  --bs-body-font-size: 17px;
}
body.font-size-large .modal .moda-body {
  font-size: var(--bs-body-font-size);
}
body.font-size-large .btn-main {
  font-size: 16px;
}

body.dark {
  --bs-body-bg: #232128;
  --bs-body-color: #E1E0E5;
  --bottom-menu-color: #6c6c87;
  --active-item-bg: #413657;
  --active-item-color: #FFF;
  --badge-color: #9D8DB7;
  --group-header-color: #CFCFCF;
  --menu-bg-color: #222222;
  --menu-color: #A2A2AE;
  --text-purple: #504E56;
  --text-deep-purple: #FFF;
  --text-gray: #E1E0E5;
  --tags-color: #A380C7;
  --new-downloads-popup-bg: #413657;
}
body.dark .form-control {
  --form-control-bg: #29272E;
  --form-control-color: #B4B4C8;
  --form-control-focus-bg: #25232a;
  --form-control-disabled-bg: #1e1c23;
  --form-control-disabled-color: #5f5f6b;
  --form-control-placeholder-color: #B4B4C8;
}
body.dark .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(150, 111, 232, 0.2);
}
body.dark .text-muted {
  color: #8B8BA9 !important;
}
body.dark .table {
  --bs-border-color: #605C69;
  --bs-table-color: #a2a2ae;
}
body.dark .table tr th {
  color: #9996AD;
}
body.dark .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #29272E;
}
body.dark input[type=radio]:not(:checked):after {
  background: transparent url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="%23423F48" stroke="%236A6379" stroke-width="2"/></svg>');
}
body.dark input[type=radio]:checked:after {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="%23423F48" stroke="%236A6379" stroke-width="2"/><circle cx="8.00065" cy="7.99992" r="2.66667" fill="%236A6379"/></svg>');
}
body.dark .dropdown-menu {
  --hover-color: #FEFEFE;
  --bg-color: #3A354E;
  --bg-hover: #696283;
  box-shadow: 5px 8px 20px 2px #0000001A;
}
body.dark .dropdown-menu > *, body.dark .dropdown-menu .btn-main, body.dark .dropdown-menu .dropdown-item {
  color: #B4B4C8;
}
body.dark .dropdown-menu > *:hover, body.dark .dropdown-menu > *.active, body.dark .dropdown-menu .btn-main:hover, body.dark .dropdown-menu .btn-main.active, body.dark .dropdown-menu .dropdown-item:hover, body.dark .dropdown-menu .dropdown-item.active {
  background: var(--bg-hover);
  color: var(--hover-color);
}
body.dark .ui-select-container .ui-select-choices-row span,
body.dark .ui-select-container .ui-select-choices-row.active .ui-select-choices-row-inner {
  color: #8B8BA9;
}
body.dark .ui-select-container .ui-select-choices-group .ui-select-choices-group-label {
  --bs-dropdown-header-color: #C9C9DF;
}
body.dark .bookmarks-stam {
  --bookmarks-bg: #333138;
  --bookmark-bg: #29272E;
  --bookmark-hover-border-color: #4B4065;
  --bookmark-hover-bg: #403F45;
  --bookmark-selected-border-color: #6A6379;
  --bookmark-selected-bg: #55545A;
  --bookmark-active-bg: #69676E;
  --checkbox-bg: #333138;
  --selected-count-color: #9D8DB7;
}
body.dark .bookmarks-stam .bookmark-summary h2 {
  color: #DBDBDB;
}
body.dark .bookmarks-stam .bookmark-summary h2 svg path.fill {
  fill: #75759A;
}
body.dark .bookmarks-stam .bookmark-summary h2 svg path.stroke {
  stroke: #75759A;
}
body.dark .bookmarks-stam #top-bookmarks .btn-group {
  background: #573573;
}
body.dark .bookmarks-stam #top-bookmarks .btn-group .dropdown-toggle {
  background: #492C62;
}
body.dark .bookmarks-stam .search-actions a:not(.active) {
  color: #7E798E;
}
body.dark .bookmarks-stam .search-actions a:not(.active) svg path {
  stroke: #7E798E;
}
body.dark .bookmarks-stam .tweets-actions .action-toggle svg path {
  stroke: #A297C3;
}
body.dark .bookmarks-stam .bookmark .selected-container svg rect:first-child {
  fill: #333138;
}
body.dark .bookmarks-stam .bookmark .selected-container svg rect:last-child {
  stroke: #6A6379;
}
body.dark .bookmarks-stam .bookmark .selected-container svg path {
  stroke: white;
}
body.dark .bookmarks-stam .bookmark p a {
  color: var(--badge-color);
}
body.dark .bookmarks-stam .bookmark svg path[stroke="#B9B9B9"] {
  stroke: #9C8DC0;
}
body.dark .bookmarks-stam .bookmark .bookmark-menu .btn:not(.btn-main) {
  background: #736F7A;
}
body.dark .bookmarks-stam .bookmark .bookmark-menu button svg path[stroke="#505466"], body.dark .bookmarks-stam .bookmark .bookmark-menu a svg path[stroke="#505466"] {
  stroke: #4B425B;
}
body.dark .bookmarks-stam .bookmark .bookmark-menu .dropdown-menu {
  --bs-dropdown-zindex: 1060;
}
body.dark .bookmarks-stam .bookmark .quoted-tweet {
  border-color: #413f46;
}
body.dark .bookmarks-stam .bookmark.bookmark-text p {
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 24' preserveAspectRatio='none'> <path d='M0,12 C25,24 75,0 100,12' stroke='%23BF48CC' stroke-width='16' fill='none' opacity='0.8'/> </svg> ");
}
body.dark .bookmarks-stam .bookmark:hover .quoted-tweet {
  border-color: var(--bookmarks-bg);
}
body.dark .bookmarks-stam .bookmark.bookmark-text p {
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 24' preserveAspectRatio='none'> <path d='M0,12 C25,24 75,0 100,12' stroke='%23BF48CC' stroke-width='16' fill='none' opacity='0.8'/> </svg> ");
}
body.dark .bookmarks-stam .current-tweet {
  border-left-color: #191720;
}
body.dark .bookmarks-stam .current-tweet .btn-edit:not(.btn-main-purple) {
  color: #9C9C9C;
}
body.dark .bookmarks-stam .current-tweet .btn-edit svg path[stroke="#776D99"] {
  stroke: #9C9C9C;
}
body.dark .bookmarks-stam .current-tweet.full-width {
  background-color: #1D1A21;
}
body.dark .bookmarks-stam .current-tweet.full-width .tweet-actions {
  border-bottom-color: #6A6379;
}
body.dark .bookmarks-stam .current-tweet .tweet-actions.bg-white {
  background-color: #1D1A21 !important;
}
body.dark .bookmarks-stam .current-tweet .tweet-info .tweet-edit .bookmark .content-holder p {
  color: var(--text-gray);
}
body.dark .bookmarks-stam .current-tweet .tweet-info .tweet-edit .btn-outline-danger:not(:hover) {
  color: var(--bs-danger);
}
body.dark .bookmarks-stam search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle .ui-select-match-text svg path[fill="#A6A6D1"] {
  fill: #A6A6D1;
}
body.dark .bookmarks-stam search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle .ui-select-match-text svg path[stroke="#A6A6D1"] {
  stroke: #A6A6D1;
}
body.dark .bookmarks-stam search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle .caret {
  filter: invert(0.5);
}
body.dark aside .collections-fader, body.dark .aside .collections-fader {
  background: transparent;
}
body.dark aside .list-menu .list-item:not(.active) svg path[fill="#C5C5D8"], body.dark .aside .list-menu .list-item:not(.active) svg path[fill="#C5C5D8"] {
  fill: #55556C;
}
body.dark aside .list-menu .list-item:not(.active).active svg path, body.dark .aside .list-menu .list-item:not(.active).active svg path {
  stroke: #FFF;
}
body.dark aside .menu-toggler {
  background: var(--bookmarks-bg, #333138);
}
body.dark .base-collection.system-folder svg path[stroke="#A6A6D1"] {
  fill: transparent;
}
body.dark .base-collection.system-folder.active svg path:not(.skip-class):not(.stroke-type),
body.dark .base-collection.system-folder.active svg rect:not(.skip-class):not(.stroke-type),
body.dark .base-collection.system-folder.active svg circle:not(.skip-class):not(.stroke-type) {
  fill: #422A6A;
  stroke: #966FE8;
}
body.dark .base-collection.system-folder.active svg path.stroke-type:not(.skip-class) {
  fill: #966FE8;
  stroke: none;
}
body.dark .base-collection .group-header #folders-menu:not(:hover) svg rect {
  fill: #665588;
}
body.dark .base-collection .group-header #folders-menu:not(:hover) svg path {
  stroke: #232128;
}
body.dark .base-collection .dropdown-toggle rect[fill="#EDEBF6"] {
  fill: #3A354E;
}
body.dark .btn-main {
  --btn-main-bg: #504E56;
  --btn-main-color: #ADA4CB;
  --bs-btn-active-bg: #4E495C;
  --bs-btn-hover-bg: #4E495C;
  --bs-btn-hover-color: #7f7797;
  --bs-btn-disabled-bg: var(--btn-main-bg);
  transition: all 300ms;
}
body.dark .btn-main svg path[fill="#DEDAEB"], body.dark .btn-main svg path[fill="#D5CFE9"] {
  fill: #4E495C;
}
body.dark .btn-main svg path[stroke="#73739C"] {
  stroke: #A297C3;
}
body.dark .btn-main.btn-main-purple {
  color: white;
  background: #966FE8;
}
body.dark .btn-main.btn-main-purple:hover {
  background: #885be7;
}
body.dark .btn-main.btn-main-purple:disabled {
  opacity: 0.7;
}
body.dark .btn-main.btn-main-light-purple {
  color: #DEDAEB;
  background: #665588;
}
body.dark .btn-main.btn-main-light-purple:disabled {
  opacity: 0.7;
}
body.dark .btn-main.btn-main-light-purple svg path[stroke="#966FE8"] {
  stroke: #DEDAEB;
}
body.dark .btn-main.btn-main-purple-outline {
  color: #966FE8;
  background: transparent;
  border: 2px solid #966FE8;
}
body.dark .btn-main.btn-main-purple-outline:hover {
  color: white;
  border-color: white;
}
body.dark .btn-main.btn-main-purple-outline:hover svg path {
  stroke: white;
}
body.dark .btn-main.btn-main-purple-outline:disabled {
  opacity: 0.7;
}
body.dark .btn-main.btn-main-light {
  border: 1px solid #9D8DB7;
  background: #403F41;
  color: #DBDBDB;
}
body.dark .btn-main.btn-main-light:hover {
  background: var(--bs-btn-hover-bg);
}
body.dark .btn-main.btn-gradient {
  color: #DEDAEB;
  background: linear-gradient(90deg, #7535E2 0%, #BF48CC 100%);
}
body.dark .btn-main.btn-gradient svg path {
  stroke: #DEDAEB;
}
body.dark .folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) .btn:not(.btn-main) {
  background: var(--active-item-bg);
  color: white;
}
body.dark .folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) .btn:not(.btn-main) svg path.fill {
  fill: #966FE8;
}
body.dark .folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) .btn:not(.btn-main) .actions rect[fill="#C6CAD6"] {
  fill: #665588;
}
body.dark .folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) .btn:not(.btn-main) .actions path[stroke="#505466"] {
  stroke: #DEDAEB;
}
body.dark .folders-list .list-group .list-group-item .list-group-row.is-origin .btn:not(.btn-main) {
  background: transparent;
  color: white;
}
body.dark .folders-list .list-group .list-group-item .list-group-row.is-origin .btn:not(.btn-main) svg path.stroke {
  stroke: #966FE8;
}
body.dark .folders-list .list-group .list-group-item .list-group-row.is-origin .btn:not(.btn-main) svg path.fill {
  fill: transparent;
}
body.dark .modal {
  --bs-modal-bg: #29272E;
  --bs-modal-color: #B4B4C8;
}
body.dark .modal .form-control {
  --form-control-bg: #18171C;
  --form-control-color: #B4B4C8;
  --form-control-focus-bg: #18171C;
  --form-control-disabled-bg: #1e1c23;
  --form-control-disabled-color: #5f5f6b;
  --form-control-placeholder-color: #B4B4C8;
}
body.dark .modal .modal-header h6 {
  color: #DBDBDB;
}
body.dark .modal .dropdown-menu:not(.ui-select-dropdown) {
  --hover-color: #FFF;
  --bg-color: #3E3B49;
  --bg-hover: #63606F;
  box-shadow: 5px 8px 20px 2px #0000001A;
}
body.dark .modal .dropdown-menu:not(.ui-select-dropdown) > *, body.dark .modal .dropdown-menu:not(.ui-select-dropdown) .btn-main, body.dark .modal .dropdown-menu:not(.ui-select-dropdown) .dropdown-item {
  color: #B4B4C8;
}
body.dark .modal .dropdown-menu:not(.ui-select-dropdown) > *:hover, body.dark .modal .dropdown-menu:not(.ui-select-dropdown) > *.active, body.dark .modal .dropdown-menu:not(.ui-select-dropdown) .btn-main:hover, body.dark .modal .dropdown-menu:not(.ui-select-dropdown) .btn-main.active, body.dark .modal .dropdown-menu:not(.ui-select-dropdown) .dropdown-item:hover, body.dark .modal .dropdown-menu:not(.ui-select-dropdown) .dropdown-item.active {
  background: var(--bg-hover);
  color: var(--hover-color);
}
body.dark search .searcher {
  --bg-color: #29272E;
}
body.dark search .searcher .input-group .cmd {
  background-color: #333138;
  color: #B4B4C8;
}
body.dark search .searcher .input-group .no-input {
  color: #B4B4C8;
}
body.dark search .searcher .options .badge {
  --bs-badge-color: var(--bs-body-color);
  --bs-badge-font-size: var(--bs-body-font-size);
}
body.dark search .searcher .smart-searcher {
  background: var(--bg-color);
  box-shadow: 5px 8px 19.8px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--new-downloads-popup-bg);
}
body.dark search .searcher .smart-searcher .options span:hover {
  color: var(--text-purple);
}
body.dark search .searcher .smart-searcher .options span:hover svg path.stroke {
  stroke: var(--text-purple);
}
body.dark search .searcher .smart-searcher .options span:hover svg path.fill {
  fill: var(--text-purple);
}
body.dark search .searcher .smart-searcher .search-terms .term .badge {
  background: var(--tags-color);
}
body.dark search .searcher:has(.smart-searcher-background:not(.ng-leave)) div.form-control {
  border-color: var(--new-downloads-popup-bg);
}
body.dark #ai-bulk-tag-modal .inline-tweet {
  background: #18171C;
}
body.dark #ai-bulk-tag-modal .inline-tweet p.show-more:after {
  background: #18171C;
}
body.dark #ai-bulk-tag-modal .oh-no svg path[stroke="#A6A6D1"] {
  stroke: #B1A5CD;
}
body.dark #ai-bulk-tag-modal .oh-no svg path[fill="#EBE9F6"] {
  fill: #484652;
}
body.dark search .searcher #search-filters-modal .smart-searcher-filters .btn:not(.btn-main) {
  color: var(--bs-modal-color);
}
body.dark search .searcher #search-filters-modal .smart-searcher-filters .btn:not(.btn-main) svg path {
  stroke: white;
}
body.dark search .searcher #search-filters-modal .smart-searcher-filters .btn:not(.btn-main) svg rect:first-child {
  fill: #333138;
}
body.dark search .searcher #search-filters-modal .smart-searcher-filters .btn:not(.btn-main) svg rect:last-child {
  stroke: #6A6379;
}
body.dark search .searcher .search-terms .term input {
  background: #1a1a1a;
}
body.dark search .searcher .options .badge {
  background: var(--tags-color);
}
body.dark search .searcher .btn-link path[fill="#D5CFE9"] {
  fill: #484652;
}
body.dark #create-folders-modal .form-control {
  --form-control-bg: #18171C;
  --form-control-focus-bg: #18171C;
  --form-control-placeholder-color: #B4B4C8;
}
body.dark #create-folders-modal .btn-main {
  --btn-main-bg: #18171C;
  --btn-main-color: #776D99;
  --bs-btn-active-bg: #18171C;
  --bs-btn-hover-bg: #18171C;
}
body.dark .modal-backdrop {
  --bs-backdrop-opacity: 0.8;
}
body.dark .tooltip {
  --bs-tooltip-bg: #000;
  --bs-tooltip-color: #A297C3;
  --bs-tooltip-padding-x: 0.75rem;
  --bs-tooltip-padding-y: 0.5rem;
}
body.dark .tooltip .tooltip-inner {
  border: 1px solid #333138;
}
body.dark #settings label {
  color: #A2A2AE;
}
body.dark #settings label + span {
  color: #A2A2AE;
}
body.dark #settings .settings-app .theme.active svg {
  border-color: #966FE8;
}
body.dark #settings .settings-app .theme.active span {
  color: #966FE8;
}
body.dark #settings .settings-app svg rect:first-child {
  fill: transparent;
}
body.dark #settings .settings-app svg rect:not(:first-child), body.dark #settings .settings-app svg path {
  stroke: #6A6379;
}
body.dark #settings .settings-account .btn.bg-transparent {
  color: var(--menu-color);
}
body.dark #settings .settings-account .btn-sep {
  border-top: 1px solid rgba(255, 255, 255, 0.11);
}
body.dark #settings .ui-select-container .ui-select-match .ui-select-toggle {
  background: #55556C;
  color: #A6A6D1;
}
body.dark #settings .ui-select-container .ui-select-match .ui-select-toggle svg path[stroke="#73739C"] {
  stroke: #A6A6D1;
}
body.dark #settings .ui-select-container .ui-select-choices-group:hover {
  background: transparent;
}
body.dark #settings .ui-select-container .ui-select-choices-group .ui-select-choices-row-inner {
  color: #A6A6D1;
}
body.dark #settings .ui-select-container .ui-select-choices-group .ui-select-choices-row-inner svg path[stroke="#73739C"] {
  stroke: #A6A6D1;
}
body.dark #settings .ui-select-container .ui-select-choices.dropdown-menu {
  --hover-color: #FEFEFE;
  --bg-color: #55556c;
  --bg-hover: #A6A6D1;
}
body.dark #settings .connected-account .ca {
  background: #555063;
}
body.dark #settings .connected-account .ca.active {
  background: #73739C;
}
body.dark #settings .connected-account .ca.active:after {
  background-color: #442D6A;
}
body.dark #settings .badge-active {
  background: #64646487;
}
body.dark #settings .badge-inactive {
  background: #64646487;
}
body.dark #settings .integration {
  background: #29272E;
}
body.dark #settings .integration span, body.dark #settings .integration label {
  color: white;
}
body.dark #settings .aside header {
  color: #A6A6D1;
}
body.dark #settings .aside li.base-collection svg path[fill="#EEEDF5"], body.dark #settings .aside li.base-collection svg path[fill="#F3F1F7"], body.dark #settings .aside li.base-collection svg rect[fill="#EEEDF5"], body.dark #settings .aside li.base-collection svg circle[fill="#EEEDF5"] {
  fill: #403F43;
}
body.dark #settings h3 svg path[fill="#EEEDF5"], body.dark #settings h3 svg path[fill="#F3F1F7"], body.dark #settings h3 svg rect[fill="#EEEDF5"], body.dark #settings h3 svg circle[fill="#EEEDF5"] {
  fill: #403F43;
}
body.dark #settings .collections-holder .treeview .base-collection {
  min-width: fit-content;
}
body.dark #settings .collections-holder .treeview:not(.treeview-help) .base-collection {
  flex-grow: 1;
}
body.dark .whats-news-toggler, body.dark .badge-new-download {
  background: #665588;
  animation-name: brightFrameDark;
}
@keyframes brightFrameDark {
  0% {
    filter: brightness(1) drop-shadow(0px 0px 1px var(--tags-color));
  }
  50% {
    filter: brightness(1.7) drop-shadow(0px 0px 7px var(--tags-color));
  }
  100% {
    filter: brightness(1) drop-shadow(0px 0px 1px var(--tags-color));
  }
}
body.dark .whats-new {
  background: #3A354E;
}
body.dark .whats-new .list-group {
  --bs-list-group-color: #B4B4C8;
  --bs-list-group-bg: #3A354E;
}
body.dark .whats-new .list-group .list-group-item {
  --bs-list-group-color: var(--group-header-color);
}
body.dark .whats-new .list-group .list-group-item-action:focus, body.dark .whats-new .list-group .list-group-item-action:hover {
  --bs-list-group-action-hover-color: white;
  --bs-list-group-action-hover-bg: #696283;
}
body.dark .whats-new .list-group .list-group-item-action:active {
  --bs-list-group-action-active-color: white;
  --bs-list-group-action-active-bg: #696283;
}
body.dark .whats-new .news-container {
  color: white;
}
body.dark .whats-new .news-container .n-title {
  border-image: linear-gradient(#a2a2ae, #8b8ba963) 1;
}
body.dark .whats-new .free-content a {
  color: #A380C7;
}
body.dark .btn-delete-downloads {
  color: white;
}
body.dark .btn-delete-downloads svg path[stroke="#877CAC"] {
  stroke: white;
}
body.dark #share-folder-modal label {
  color: #DBDBDB;
}
body.dark #share-folder-modal .border-bottom {
  --bs-border-color: #1f1f1f;
}
body.dark #share-folder-modal .share-folder-url {
  background-color: #18171C;
  color: #B4B4C8;
}
body.dark #share-folder-modal .btn-copy-url {
  background: #4E4D54 !important;
  color: white;
}
body.dark #share-folder-modal .btn-copy-url svg path {
  fill: white;
}
body.dark #share-folder-modal .cb-btn svg rect[fill=white] {
  fill: #333138;
}
body.dark #share-folder-modal .cb-btn svg rect[stroke="#AEABB9"], body.dark #share-folder-modal .cb-btn svg path[stroke="#5F42D1"] {
  stroke: white;
}
body.dark #share-folder-modal .modal-footer .btn-main {
  background: #1A1823;
  color: #A5A0B4;
}
body.dark .table tr svg[role=button] rect[fill=white] {
  fill: #333138;
}
body.dark .table tr svg[role=button] rect[fill="#5F42D1"] {
  fill: white;
}
body.dark .table tr svg[role=button] rect[stroke="#AEABB9"], body.dark .table tr svg[role=button] rect[stroke="#B2AFBB"] {
  stroke: white;
}
body.dark .table tr svg[role=button] path[stroke="#5F42D1"] {
  stroke: white;
}
body.dark .table tr td.text-muted {
  color: #929292 !important;
}
body.dark .table:not(.table-striped) tr.active td {
  background: #29272E;
}
body.dark search .searcher .input-group .btn.btn-main {
  background: #333138;
}
body.dark search .searcher .smart-searcher .options span:hover {
  color: var(--group-header-color);
}
body.dark search .searcher .smart-searcher .options span svg path.fill {
  fill: #323232;
}
body.dark search .searcher .smart-searcher .options span svg path.stroke {
  fill: #4E495C;
  stroke: #797091;
}
body.dark .popover {
  --bs-popover-bg: #3E3B49;
}
body.dark #trial-modal img.img-light {
  display: none;
}
body.dark #trial-modal img.img-black {
  display: block;
}
body.dark .expired-account {
  background: #3B3649;
  color: white;
}
body.dark .expired-account .svg-wrapper {
  background: linear-gradient(51.26deg, #281E47 9.66%, #787093 90.57%);
}
body.dark .expired-account strong span {
  color: #EBA4A4;
}
body.dark #subscription-modal .modal-content {
  background: linear-gradient(116.19deg, #1D1D1D 0%, #1D1A2B 100%);
}
body.dark #subscription-modal .modal-content:after {
  background: linear-gradient(127.65deg, #3826A4 3.15%, #8C3A93 104.68%);
}
body.dark #subscription-modal .modal-header h6 {
  background: linear-gradient(97deg, #F9F9F9 27.62%, #3B383D 112.77%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.dark #subscription-modal .modal-header strong {
  color: #E0DEE6;
}
body.dark .pricing-card .pricing-discount, body.dark .pricing-card .feature-item {
  color: white;
}
body.dark .black-mode-invert {
  filter: invert(1);
}

.modal-dialog .ui-select-container.ui-select-multiple.form-control input.ui-select-search:focus, .modal-dialog .ui-select-container.ui-select-multiple.form-control input.ui-select-search:active {
  box-shadow: unset;
}

.d-contents {
  display: contents !important;
}

.max-fit-content {
  max-width: fit-content;
}

.fw-medium {
  font-weight: 500;
}

.focus {
  background: var(--form-control-focus-bg);
  color: var(--form-control-color);
  box-shadow: 0 0 0 0.1rem rgba(232, 232, 233, 0.25);
}

.text-purple {
  color: var(--text-purple);
}

.text-always-purple {
  color: #966FE8;
}

.text-muted {
  color: var(--menu-color) !important;
}

.tooltip {
  --bs-tooltip-bg: #fff;
  --bs-tooltip-color: #A297C3;
  --bs-tooltip-padding-x: 0.75rem;
  --bs-tooltip-padding-y: 0.5rem;
  --bs-tooltip-opacity: 1;
}
.tooltip .tooltip-inner {
  border: 1px solid #DDD6ED;
}
.tooltip .tooltip-arrow {
  display: none;
}

.modal-backdrop {
  --bs-backdrop-opacity: 0.67;
}

.btn-outline-danger {
  --bs-btn-color: #FF6D6D;
  --bs-btn-border-color: #FF6D6D;
  --bs-btn-hover-bg: #FF6D6D;
  --bs-btn-hover-border-color: #FF6D6D;
  --bs-btn-active-border-color: #FF6D6D;
  --bs-btn-disabled-border-color: #FF6D6D;
}

.btn-danger {
  --bs-btn-bg: #FF6D6D;
  --bs-btn-border-color: #FF6D6D;
  --bs-btn-disabled-bg: #FF6D6D;
  --bs-btn-disabled-border-color: #FF6D6D;
}

.min-width-0 {
  min-width: 0;
}

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

.py-2_5 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.loader-on {
  filter: blur(1px);
  cursor: progress;
}

.popover {
  --bs-popover-arrow-width: 0;
  --bs-popover-arrow-height: 0;
  --bs-popover-bg: white;
  --bs-popover-border-width: 0;
  box-shadow: 5px 8px 19.8px 2px #0000001A;
  --bs-border-radius-lg: 14px;
  --bs-popover-max-width: 310px;
}
.popover .popover-body strong {
  color: var(--text-deep-purple);
  font-size: 16px;
}
.popover .popover-body p {
  color: #9999B1;
  font-size: 15px;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.badge {
  background: #CEC5DE;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.form-control {
  --form-control-bg: #F4F2F8;
  --form-control-color: #3F3F5D;
  --form-control-focus-bg: #e9e7ec;
  --form-control-disabled-bg: #e9e7ec;
  --form-control-disabled-color: #5f5f6b;
  --form-control-placeholder-color: #B4B4C8;
  padding: 16px;
  border-radius: 13px;
  background: var(--form-control-bg);
  color: var(--form-control-color);
  border: 0;
  resize: none;
}
.form-control::placeholder {
  color: var(--form-control-placeholder-color);
}
.form-control:focus {
  background: var(--form-control-focus-bg);
  color: var(--form-control-color);
  box-shadow: 0 0 0 0.1rem rgba(232, 232, 233, 0.25);
}
.form-control:disabled {
  background: var(--form-control-disabled-bg);
  color: var(--form-control-disabled-color);
}

.ng-submitted .form-control.ng-invalid {
  --form-control-bg: #F8F2F2;
  outline: 2px solid var(--bs-danger);
}

.form-floating > label {
  background: transparent;
  border: 0;
}
.form-floating:focus > label {
  opacity: 0.75;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--text-purple);
  --bs-btn-border-color: var(--text-purple);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8865d3;
  --bs-btn-hover-border-color: #8865d3;
  --bs-btn-focus-shadow-rgb: 136, 101, 211;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7b5bbe;
  --bs-btn-active-border-color: #7b5bbe;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(123, 91, 190, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--text-purple);
  --bs-btn-disabled-border-color: var(--text-purple);
}

.dropdown-toggle.show + .dropdown-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.dropdown-menu {
  --hover-color: #7554BB;
  --bg-color: #FFF;
  --bg-hover: #EDE9F7;
  border: 0;
  border-radius: 14px;
  background: var(--bg-color);
  box-shadow: 5px 8px 19.8px 2px rgba(0, 0, 0, 0.1);
  min-width: 214px;
  padding: 8px;
}
.dropdown-menu:not(.ui-select-choices) > *, .dropdown-menu:not(.ui-select-choices) .btn-main {
  color: var(--menu-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.3px;
  display: flex;
  padding: 8px 12px 8px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  transition: all 200ms;
  border: 0;
  background: transparent;
  justify-content: left;
  white-space: nowrap;
  width: 100%;
}
.dropdown-menu:not(.ui-select-choices) > *:hover:not(.skip-hover), .dropdown-menu:not(.ui-select-choices) > *.active, .dropdown-menu:not(.ui-select-choices) .btn-main:hover:not(.skip-hover), .dropdown-menu:not(.ui-select-choices) .btn-main.active {
  border-radius: 8px;
  background: var(--bg-hover);
  color: var(--hover-color);
}
.dropdown-menu:not(.ui-select-choices) > *:hover:not(.skip-hover) svg path.stroke, .dropdown-menu:not(.ui-select-choices) > *.active svg path.stroke, .dropdown-menu:not(.ui-select-choices) .btn-main:hover:not(.skip-hover) svg path.stroke, .dropdown-menu:not(.ui-select-choices) .btn-main.active svg path.stroke {
  stroke: var(--hover-color);
}
.dropdown-menu:not(.ui-select-choices) > *:hover:not(.skip-hover) svg path.fill, .dropdown-menu:not(.ui-select-choices) > *.active svg path.fill, .dropdown-menu:not(.ui-select-choices) .btn-main:hover:not(.skip-hover) svg path.fill, .dropdown-menu:not(.ui-select-choices) .btn-main.active svg path.fill {
  fill: var(--hover-color);
}
.dropdown-menu:not(.ui-select-choices) > *.active, .dropdown-menu:not(.ui-select-choices) .btn-main.active {
  font-weight: 500;
  border: 0;
}
.dropdown-menu:not(.ui-select-choices) .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}
.dropdown-menu:not(.ui-select-choices) > *:hover > .dropdown-submenu {
  display: block;
}

.btn-main {
  --btn-main-bg: #EDEBF6;
  --btn-main-color: #776D99;
  --bs-btn-active-bg: #dedaeb;
  --bs-btn-hover-bg: #dedaeb;
  --bs-btn-disabled-bg: var(--btn-main-bg);
  border-radius: 7px;
  background: var(--btn-main-bg);
  display: flex;
  border: 0;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  color: var(--btn-main-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color 300ms, opacity 300ms;
  opacity: 1;
}
.btn-main.btn-main-light {
  border: 1px solid #E4DEF3;
  background: #FAF8FD;
}
.btn-main.btn-main-light:hover {
  background: var(--bs-btn-hover-bg);
}
.btn-main.btn-main-purple {
  color: white;
  background: var(--text-purple);
}
.btn-main.btn-main-purple:hover, .btn-main.btn-main-purple:active {
  background: #885be7;
  color: white;
}
.btn-main.btn-main-purple:disabled {
  opacity: 0.7;
}
.btn-main.btn-main-light-purple {
  color: var(--text-purple);
  background: #F1EAFF;
}
.btn-main.btn-main-light-purple:disabled {
  opacity: 0.7;
}
.btn-main.btn-main-purple-outline {
  color: var(--text-purple);
  background: white;
  border: 2px solid var(--text-purple);
}
.btn-main.btn-main-purple-outline:hover {
  color: white;
  background: var(--text-purple);
}
.btn-main.btn-main-purple-outline:hover svg path {
  stroke: white;
  transition: 300ms;
}
.btn-main.btn-main-purple-outline:focus:not(:disabled) {
  border-color: var(--text-purple);
}
.btn-main.btn-main-purple-outline:disabled {
  opacity: 0.7;
}
.btn-main.btn-gradient {
  color: #FFF;
  background: linear-gradient(90deg, #AA7FF3 0%, #CD72D7 100%);
}
.btn-main.btn-gradient svg path {
  stroke: #FFF;
}
.btn-main.btn-lg {
  line-height: 24px;
}

.modal {
  --bs-modal-bg: #fff;
}
.modal .modal-header {
  border: 0;
}
.modal .modal-header h6 {
  color: var(--text-deep-purple);
  font-weight: 500;
  line-height: 24px;
  font-size: 21px;
  letter-spacing: -0.42px;
  margin: 0;
}
.modal .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(178,178,216)'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.modal .modal-footer {
  border: 0;
}
.modal .modal-footer .ng-leave {
  display: none;
}
.modal .modal-body {
  font-size: 16px;
}
.modal .modal-content {
  --bs-modal-border-radius: 25px;
}

aside, .aside {
  width: var(--menu-width);
  min-width: var(--menu-width);
  max-height: 100vh;
  color: var(--menu-color);
  transition: height 300ms;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  aside, .aside {
    width: 100%;
  }
}
aside .aside-holder, .aside .aside-holder {
  height: 100%;
  padding: 24px 0 0;
  position: relative;
}
aside .sticky-top, .aside .sticky-top {
  background: var(--menu-bg-color);
}
aside .btn-profile, .aside .btn-profile {
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(90deg, #426DF9, #C545F9);
  padding: 2px;
  border: 0;
}
aside .btn-profile:after, .aside .btn-profile:after {
  display: none;
}
aside .btn-profile img, .aside .btn-profile img {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  object-fit: cover;
}
aside .list-menu, .aside .list-menu {
  color: var(--bottom-menu-color);
}
aside .list-menu .list-item, .aside .list-menu .list-item {
  padding: 8px 24px;
  transition: all 300ms;
}
aside .list-menu .list-item svg path, .aside .list-menu .list-item svg path {
  transition: all 300ms;
}
aside .list-menu .list-item.active, .aside .list-menu .list-item.active {
  border-radius: 11px;
  background: var(--active-item-bg);
  color: var(--active-item-color);
}
aside .list-menu .list-item.active svg path, .aside .list-menu .list-item.active svg path {
  fill: #e4d7fa;
  stroke: var(--text-purple);
}
aside .list-menu .list-item:hover:not(.active), .aside .list-menu .list-item:hover:not(.active) {
  color: var(--menu-color);
}
aside .list-menu .list-item:hover:not(.active) svg path, .aside .list-menu .list-item:hover:not(.active) svg path {
  fill: #e4d7fa;
  stroke: var(--menu-color);
}
aside .collections-section, .aside .collections-section {
  max-height: calc(100vh - var(--var-header-height) - 80px - 30px);
  overflow: auto;
  position: relative;
}
aside .collections-section #collections-holder .treeview, aside .collections-section .collections-holder .treeview, .aside .collections-section #collections-holder .treeview, .aside .collections-section .collections-holder .treeview {
  padding: 0;
}
aside .collections-section #collections-holder .treeview:not(.allow-drop) .angular-ui-tree-placeholder, aside .collections-section .collections-holder .treeview:not(.allow-drop) .angular-ui-tree-placeholder, .aside .collections-section #collections-holder .treeview:not(.allow-drop) .angular-ui-tree-placeholder, .aside .collections-section .collections-holder .treeview:not(.allow-drop) .angular-ui-tree-placeholder {
  display: none;
}
aside .collections-section #collections-holder .treeview:has(.dropdown-menu.position-fixed.show) .base-collection > .d-flex, aside .collections-section .collections-holder .treeview:has(.dropdown-menu.position-fixed.show) .base-collection > .d-flex, .aside .collections-section #collections-holder .treeview:has(.dropdown-menu.position-fixed.show) .base-collection > .d-flex, .aside .collections-section .collections-holder .treeview:has(.dropdown-menu.position-fixed.show) .base-collection > .d-flex {
  background-color: transparent;
  z-index: unset;
}
aside .collections-section #collections-holder .treeview .angular-ui-tree-placeholder, aside .collections-section .collections-holder .treeview .angular-ui-tree-placeholder, .aside .collections-section #collections-holder .treeview .angular-ui-tree-placeholder, .aside .collections-section .collections-holder .treeview .angular-ui-tree-placeholder {
  border-radius: 11px;
  background: var(--active-item-bg);
  color: var(--active-item-color);
}
aside .collections-fader, .aside .collections-fader {
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 40px;
  width: 100%;
  background: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, rgba(247, 246, 250, 0) 0.01%, #FAF5FB 100%);
}
aside header .hb, .aside header .hb {
  display: none;
  width: 32px;
}
aside header .hb path, .aside header .hb path {
  stroke: var(--text-purple);
}

aside {
  transition: width 300ms, min-width 300ms;
}
aside .menu-toggler {
  position: absolute;
  right: -21px;
  top: 62px;
  height: 60px;
  background: white;
  color: var(--menu-color);
  width: 16px;
  border-radius: 10px 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms;
  border: 0;
}
aside .menu-toggler:hover {
  width: 19px;
  box-shadow: 2px 1px 6px 0 var(--menu-color);
}
aside .menu-toggler i {
  transition: all 200ms;
}
@media (max-width: 500px) {
  aside .menu-toggler {
    display: none;
  }
}
aside header a {
  visibility: visible;
  transition: visibility 200ms, width 200ms;
}
aside.minimized .menu-toggler {
  right: -17px;
}
@media (min-width: 990px) {
  aside.minimized {
    width: 29px;
    min-width: 29px;
  }
  aside.minimized .btn-profile {
    margin-left: -20px;
  }
  aside.minimized header > a {
    visibility: hidden;
    width: 0;
  }
  aside.minimized section.d-contents {
    display: none !important;
  }
}

.base-collection {
  min-height: 40px;
  line-height: 24px;
  transition: all 300ms;
  position: relative;
  overflow: hidden;
}
.base-collection > a.d-flex {
  color: var(--menu-color);
  text-decoration: none;
}
.base-collection > a.d-flex:hover {
  color: var(--group-header-color);
}
.base-collection > .d-flex {
  padding: 8px 16px;
  z-index: 2;
  position: relative;
  background: var(--bs-body-bg);
}
@media (max-width: 767.98px) {
  .base-collection > .d-flex {
    padding: 12px 18px 12px 24px;
  }
}
.base-collection > .d-flex:hover {
  color: var(--group-header-color);
}
.base-collection > .d-flex.disabled {
  opacity: 0.75;
  cursor: not-allowed;
}
.base-collection > .d-flex.disabled .angular-ui-tree-handle {
  cursor: not-allowed;
}
.base-collection > .d-flex.disabled .angular-ui-tree-handle .cursor-pointer {
  cursor: not-allowed;
}
.base-collection ol.angular-ui-tree-nodes {
  z-index: 1;
  position: relative;
  margin-left: 0.5rem;
  padding-left: 0;
}
.base-collection .angular-ui-tree-handle {
  line-height: 24px;
  min-height: 24px;
  cursor: pointer;
}
.base-collection .count {
  color: var(--badge-color);
}
.base-collection .group-header {
  color: var(--group-header-color);
  font-weight: 500;
}
.base-collection .group-header .group-header-actions {
  opacity: 0;
}
.base-collection .group-header:hover .group-header-actions, .base-collection .group-header:has(.dropdown-menu.show) .group-header-actions {
  opacity: 1;
}
.base-collection .group-header .inline-actions {
  background: var(--active-item-bg);
  padding: 5px 9px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: 10;
  border: 1px solid #9d8db74f;
  left: 0;
  position: absolute;
  width: calc(100% - 4px);
  margin: -10px 2px 0;
}
.base-collection .group-header .inline-actions span.flex-grow-1 {
  filter: brightness(1.2);
}
.base-collection .group-header .inline-actions span[ng-click] {
  filter: brightness(1.2);
}
.base-collection .group-header .inline-actions span[ng-click]:hover {
  filter: brightness(1);
}
.base-collection .group-header .inline-actions input[type=search], .base-collection .group-header .inline-actions input[type=number], .base-collection .group-header .inline-actions input[type=text] {
  padding: 3px 8px;
  border-radius: var(--bs-border-radius);
  font-size: 14px;
  min-height: unset;
}
.base-collection .group-header .inline-actions input[type=number], .base-collection .group-header .inline-actions input[type=text] {
  padding: 0;
  max-width: 40px;
  text-align: center;
}
.base-collection .group-header .inline-actions input[type=number]::-webkit-inner-spin-button, .base-collection .group-header .inline-actions input[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.base-collection .group-header.group-collapsed .group-header-actions {
  display: none !important;
}
.base-collection .group-header.group-collapsed .collapser {
  display: flex;
  align-items: center;
  height: auto;
  opacity: 1;
}
.base-collection .group-header.group-collapsed .collapser:after {
  opacity: 0;
  transition: opacity 300ms;
  content: "Show";
  border: 1px solid;
  padding: 1px 7px;
  margin-left: auto;
  border-radius: var(--bs-border-radius);
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 575.98px) {
  .base-collection .group-header.group-collapsed .collapser:after {
    opacity: 1;
  }
}
.base-collection .group-header.group-collapsed:hover .collapser:after {
  opacity: 1;
}
.base-collection:has(.group-header .inline-actions) {
  position: static;
}
.base-collection:has(.group-header .inline-actions) > .d-flex {
  position: static;
}
.base-collection svg {
  flex-shrink: 0;
}
.base-collection svg path {
  transition: all 300ms;
}
.base-collection .dropdown-toggle {
  display: inline-flex;
}
.base-collection .dropdown-toggle::after {
  display: none;
  content: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.69501 6.30505L4.69501 9.69505L1.69501 6.30505' stroke='%23A6A6D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border: 0;
  height: 16px;
  width: 10px;
  vertical-align: middle;
}
.base-collection .dropdown-toggle.folder-inline-actions {
  display: none;
}
@media (max-width: 767.98px) {
  .base-collection .dropdown-toggle.folder-inline-actions {
    display: none !important;
  }
}
.base-collection.active > .d-flex {
  border-radius: 11px;
  background: var(--active-item-bg);
  color: var(--active-item-color);
}
.base-collection.system-folder.active svg path:not(.skip-class):not(.fill-type):not(.stroke-type),
.base-collection.system-folder.active svg rect:not(.skip-class):not(.fill-type):not(.stroke-type),
.base-collection.system-folder.active svg circle:not(.skip-class):not(.fill-type):not(.stroke-type) {
  fill: #e4d7fa;
  stroke: var(--text-purple);
}
.base-collection.system-folder.active svg path.fill-type:not(.skip-class) {
  fill: var(--text-purple);
}
.base-collection.system-folder.active svg path.stroke-fill-type:not(.skip-class) {
  stroke: var(--text-purple);
  fill: var(--text-purple);
}
.base-collection.system-folder.active svg path.stroke-type:not(.skip-class) {
  fill: var(--text-purple);
}
.base-collection:not(.system-folder) > .d-flex:hover, .base-collection.tag-folder > .d-flex:hover {
  padding-right: 0.5rem;
}
.base-collection:not(.system-folder) > .d-flex:hover .count, .base-collection.tag-folder > .d-flex:hover .count {
  display: none;
}
.base-collection:not(.system-folder) > .d-flex:hover .folder-inline-actions, .base-collection.tag-folder > .d-flex:hover .folder-inline-actions {
  display: inline-flex;
}
.base-collection:not(.system-folder).active > .d-flex:hover .folder-inline-actions svg rect, .base-collection.tag-folder.active > .d-flex:hover .folder-inline-actions svg rect {
  fill: #C6CAD6;
}
.base-collection .base-collection {
  padding-right: 0;
  padding-bottom: 0;
}
.base-collection:has(.base-collection) {
  padding-bottom: 0;
}
.base-collection .arrow {
  position: absolute;
  left: 3px;
  transition: 200ms all;
  cursor: pointer;
}
.base-collection .arrow.down {
  transform: rotate(90deg);
}
.base-collection .arrow-end {
  position: absolute;
  right: 7px;
}

ui-view {
  display: contents;
}

.bookmarks-stam {
  --padding-top: 24px;
  --inner-padding: 32px;
  --bookmarks-bg: #fff;
  --bookmark-bg: var(--light-bg, #F7F5FC);
  --bookmark-hover-border-color: #DADBF4;
  --bookmark-hover-bg: #E7E7F0;
  --bookmark-selected-border-color: #B8B9DF;
  --bookmark-selected-bg: #E3E3F3;
  --bookmark-active-bg: #DBD5F2;
  --checkbox-bg: #fff;
  --selected-count-color: #535390;
  --max-width-tweet-view: 550px;
  --min-height-switch-panel: 32px;
  position: relative;
  padding-top: var(--padding-top);
  padding-right: var(--padding-top);
}
.bookmarks-stam .bookmarks {
  border-radius: 23px;
  background: var(--bookmarks-bg);
  padding: var(--inner-padding) var(--inner-padding) 0;
  width: 100%;
  transition: width 500ms;
}
.bookmarks-stam .bookmarks.current-tweet-mode {
  width: calc(100% - min(50% + var(--padding-top) / 2, var(--max-width-tweet-view)) + var(--padding-top));
}
.bookmarks-stam .bookmarks.current-tweet-mode.view-mode-grid .masonry-brick {
  width: 49%;
}
.bookmarks-stam #top-bookmarks {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
}
.bookmarks-stam #top-bookmarks .btn-group {
  background: #EDDEF8;
}
.bookmarks-stam #top-bookmarks .btn-group .btn, .bookmarks-stam #top-bookmarks .btn-group .btn:focus, .bookmarks-stam #top-bookmarks .btn-group .btn:active {
  border: 0;
}
.bookmarks-stam #top-bookmarks .btn-group .dropdown-toggle {
  background: #E3CCF4;
  display: flex;
  align-items: center;
}
.bookmarks-stam #top-bookmarks .btn-group .dropdown-toggle:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6L8 9.39L5 6' stroke='%23CE6FE8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border: 0;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
.bookmarks-stam .bookmarks-holder {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - var(--var-top-bookmarks-height) - var(--var-banner-height) - var(--padding-top) - 2 * var(--inner-padding));
  width: 100%;
}
.bookmarks-stam .bookmarks-holder > * {
  transition: width 400ms;
  width: 100%;
  margin: 0 auto;
}
.bookmarks-stam .bookmarks-holder .bookmark .card {
  padding: 24px;
  gap: 16px;
  border-radius: 20px;
  background: var(--bookmark-bg);
  transition: background-color 300ms, border-color 300ms, border-radius 100ms;
  border: 1px solid transparent;
}
.bookmarks-stam .bookmarks-holder .bookmark .card .card-header {
  display: none;
}
.bookmarks-stam .bookmarks-holder .bookmark .card .card-body {
  padding: 0;
  display: contents;
}
.bookmarks-stam .bookmarks-holder .bookmark .card .card-body > .h-100 {
  min-height: 60px;
}
.bookmarks-stam .bookmarks-holder .bookmark:hover .card {
  border-color: var(--bookmark-hover-border-color);
  background-color: var(--bookmark-hover-bg);
}
.bookmarks-stam .bookmarks-holder .bookmark:hover .card p.show-more:after {
  background: var(--bookmark-hover-bg);
}
.bookmarks-stam .bookmarks-holder .bookmark.selected .card {
  border: 1px solid var(--bookmark-selected-border-color);
  background-color: var(--bookmark-selected-bg);
}
.bookmarks-stam .bookmarks-holder .bookmark.active .card {
  border: 1px solid var(--bookmark-active-bg);
  background-color: var(--bookmark-active-bg);
}
.bookmarks-stam .bookmarks-holder .bookmark.active .card p.show-more:after {
  background: var(--bookmark-active-bg);
}
.bookmarks-stam .bookmarks-holder .bookmark:hover .card .card-body .selected-container, .bookmarks-stam .bookmarks-holder .bookmark.selected .card .card-body .selected-container {
  opacity: 1;
}
.bookmarks-stam .bookmark p {
  color: var(--text-gray);
  font-family: var(--bs-body-alt-font-family);
  line-height: 24px;
  letter-spacing: -0.15px;
  margin-bottom: 5px;
  white-space: pre-line;
  position: relative;
}
.bookmarks-stam .bookmark p a {
  text-decoration: none;
  display: inline-block;
  color: var(--text-purple);
  inline-size: 100%;
}
.bookmarks-stam .bookmark p a .invisible {
  display: none;
}
.bookmarks-stam .bookmark p.show-more:after {
  content: "... more";
  font-size: 85%;
  color: var(--menu-color);
  padding-left: 6px;
  border-radius: 5px;
  position: absolute;
  display: inline-block;
  bottom: -1px;
  font-weight: 500;
  right: 0;
  transition: background-color 300ms;
  background: var(--bookmark-bg);
  cursor: pointer;
}
.bookmarks-stam .bookmark .bookmark-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-weight: 500;
  color: var(--text-deep-purple);
  letter-spacing: -0.32px;
  margin-top: auto;
}
.bookmarks-stam .bookmark .bookmark-details > span {
  display: flex;
  align-items: center;
}
.bookmarks-stam .bookmark .bookmark-details a {
  text-decoration: none;
  color: var(--text-deep-purple);
  display: inline-flex;
  align-items: center;
}
.bookmarks-stam .bookmark .bookmark-details .nickname {
  color: #929292;
}
.bookmarks-stam .bookmark .bookmark-details .username img {
  height: 24px;
  width: 24px;
}
.bookmarks-stam .bookmark .selected-container {
  position: absolute;
  top: -16px;
  left: -16px;
  opacity: 0;
  transition: opacity 300ms;
  display: flex;
}
@media (max-width: 767.98px) {
  .bookmarks-stam .bookmark .selected-container {
    opacity: 1;
  }
}
.bookmarks-stam .bookmark .selected-container svg {
  width: 20px;
  height: 20px;
}
.bookmarks-stam .bookmark .media-holder {
  border-radius: 8px;
}
.bookmarks-stam .bookmark .media-holder .image-holder {
  display: flex;
  height: 100%;
  position: relative;
  border-radius: 8px;
}
.bookmarks-stam .bookmark .media-holder .image-holder img {
  height: 120px;
  border-radius: 8px;
  width: 96px;
  object-fit: cover;
  min-width: 96px;
  min-height: 120px;
  display: block;
}
.bookmarks-stam .bookmark .media-holder .image-holder .image {
  height: 96px;
  width: 60px;
  border-radius: 8px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bookmarks-stam .bookmark .media-holder .image-holder .image.short {
  height: 45px;
  min-width: 100%;
}
.bookmarks-stam .bookmark .media-holder .video-holder {
  display: flex;
  height: 100%;
  position: relative;
  border-radius: 8px;
}
.bookmarks-stam .bookmark .media-holder .video-holder video {
  height: 120px;
  border-radius: 8px;
  width: 96px;
  object-fit: cover;
  min-width: 96px;
  min-height: 120px;
  display: block;
}
.bookmarks-stam .bookmark .media-holder .video-holder.show-play:after {
  content: "";
  background: transparent url('data:image/svg+xml,<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="15" y="14" width="28" height="28" fill="%23505466"/><path d="M32.5 0C14.8281 0 0.5 14.3281 0.5 32C0.5 49.6718 14.8281 64 32.5 64C50.1718 64 64.5 49.6718 64.5 32C64.5 14.3281 50.1718 0 32.5 0ZM44.3828 32.3623L26.3828 43.1054C26.2539 43.1836 26.0898 43.1875 25.957 43.1093C25.8281 43.035 25.7461 42.8965 25.7461 42.7421V31.9989V21.2556C25.7461 21.1034 25.8281 20.9628 25.957 20.8884C26.0898 20.8123 26.2539 20.8161 26.3828 20.8923L44.3828 31.6375C44.5116 31.7108 44.5879 31.8523 44.5879 31.9988C44.5879 32.1484 44.5118 32.2871 44.3828 32.3623Z" fill="white"/></svg>') center no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bookmarks-stam .bookmark .media-holder.many {
  overflow: hidden;
}
.bookmarks-stam .bookmark .media-holder.many .row {
  --bs-gutter-x: 0.25rem;
}
.bookmarks-stam .bookmark .media-holder.many .video-holder {
  height: 100%;
}
.bookmarks-stam .bookmark .media-holder:not(.many) .row {
  margin: 0;
}
.bookmarks-stam .bookmark .media-holder:not(.many) .col-12 {
  padding: 0;
}
.bookmarks-stam .bookmark .bookmark-menu {
  display: flex;
  gap: 0.25rem;
  right: 0;
  top: 0;
  justify-content: center;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: opacity 300ms;
  align-items: self-end;
}
@media (max-width: 767.98px) {
  .bookmarks-stam .bookmark .bookmark-menu {
    position: relative;
    width: 100%;
    justify-content: end;
    margin-bottom: 10px;
    opacity: 1;
    z-index: 0;
  }
}
.bookmarks-stam .bookmark .bookmark-menu button:not(.btn-main), .bookmarks-stam .bookmark .bookmark-menu a {
  border: 0;
  display: inline-flex;
  padding: 0;
  background: #C6CAD6;
  border-radius: 7px;
}
.bookmarks-stam .bookmark .bookmark-menu button:not(.btn-main):hover:not(:disabled), .bookmarks-stam .bookmark .bookmark-menu a:hover:not(:disabled) {
  background: #A6A9B4;
}
.bookmarks-stam .bookmark .bookmark-menu .move-svg path:first-child {
  fill: var(--menu-color);
  stroke: var(--menu-color);
}
.bookmarks-stam .bookmark .bookmark-menu .move-svg path:last-child {
  fill: white;
  stroke: white;
}
.bookmarks-stam .bookmark .bookmark-menu .move-svg:hover path:first-child {
  fill: var(--hover-color);
  stroke: var(--hover-color);
}
.bookmarks-stam .bookmark .bookmark-menu .move-svg:hover path:last-child {
  fill: white;
  stroke: white;
}
.bookmarks-stam .bookmark .quoted-tweet {
  padding: 16px;
  margin-top: 1rem;
  border: 1px solid #adaec7;
  border-radius: 6px;
}
.bookmarks-stam .bookmark .quoted-tweet .media-holder .video-holder video {
  max-height: 260px;
}
.bookmarks-stam .bookmark .b-account {
  border-radius: 5px;
  padding: 0 5px;
  left: 10px;
  top: 10px;
}
.bookmarks-stam .bookmark .labels {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #A380C7;
}
.bookmarks-stam .bookmark .labels li {
  padding-right: 8px;
  display: inline-flex;
  align-items: center;
}
.bookmarks-stam .bookmark .labels li:before {
  content: "#";
}
.bookmarks-stam .bookmark .labels li:not(:last-child):after {
  content: "•";
  position: relative;
  padding-left: 8px;
  color: #ADA0BA;
  font-size: 10px;
}
.bookmarks-stam .bookmark .opg {
  border: 1px solid var(--bs-card-border-color);
  border-radius: 16px;
  text-decoration: none;
  color: var(--bs-body-color);
  max-width: 500px;
}
.bookmarks-stam .bookmark .opg .opg-text {
  font-size: 14px;
  line-height: 20px;
  display: block;
  border-top: 1px solid var(--bs-card-border-color);
}
.bookmarks-stam .bookmark .opg .opg-text label {
  font-weight: 500;
  font-size: 15px;
  display: block;
}
.bookmarks-stam .bookmark .opg .opg-text span {
  color: #6B6B6B;
}
.bookmarks-stam .bookmark .opg .image-cover {
  width: 100%;
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.bookmarks-stam .bookmark .carousel .carousel-indicators {
  z-index: 1;
}
.bookmarks-stam .bookmark .carousel .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.bookmarks-stam .bookmark .carousel .carousel-inner {
  border-radius: 8px;
}
.bookmarks-stam .bookmark .carousel .carousel-control-next, .bookmarks-stam .bookmark .carousel .carousel-control-prev {
  height: 85%;
}
.bookmarks-stam .bookmark:hover .card-body .bookmark-menu, .bookmarks-stam .bookmark.selected .card-body .bookmark-menu, .bookmarks-stam .bookmark:has(button[data-bs-toggle=dropdown].show) .card-body .bookmark-menu {
  opacity: 1;
  z-index: 1;
}
.bookmarks-stam .bookmark.bookmark-text .content-holder > *:not(:has(.bookmark-details)):not(:has(.tweet-user-holder)), .bookmarks-stam .bookmark.bookmark-quote .content-holder > *:not(:has(.bookmark-details)):not(:has(.tweet-user-holder)) {
  display: none !important;
}
.bookmarks-stam .bookmark.bookmark-text .content-holder .username, .bookmarks-stam .bookmark.bookmark-quote .content-holder .username {
  visibility: hidden;
  height: 16px;
}
.bookmarks-stam .bookmark.bookmark-image:not(.current-bookmark) .content-holder > *:not(:has(.bookmark-details)):not(:has(.tweet-user-holder)) {
  visibility: hidden;
}
.bookmarks-stam .bookmark.bookmark-image .content-holder .username {
  visibility: hidden;
  height: 16px;
}
.bookmarks-stam .bookmark.bookmark-image .card {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bookmarks-stam .bookmark.bookmark-quote p {
  text-align: center;
  margin: 0 auto;
}
.bookmarks-stam .bookmark.bookmark-quote p::before, .bookmarks-stam .bookmark.bookmark-quote p::after {
  font-family: var(--bs-body-font-family);
  display: block;
  line-height: 2rem;
  font-size: 4em;
  text-align: center;
}
.bookmarks-stam .bookmark.bookmark-quote p::before {
  content: "“";
}
.bookmarks-stam .bookmark.bookmark-quote p::after {
  content: "”";
  padding-top: 2rem;
}
.bookmarks-stam .bookmark.bookmark-text p {
  position: relative;
  display: inline-block;
  line-height: 24px;
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 24' preserveAspectRatio='none'> <path d='M0,12 C25,24 75,0 100,12' stroke='%23fff176' stroke-width='16' fill='none' opacity='0.8'/> </svg> ");
  background-size: 100% 24px;
  background-repeat: repeat-y;
}
.bookmarks-stam .bookmark.bookmark-youtube .content-holder > *:not(:has(.bookmark-details)):not(:has(.tweet-user-holder)):not(.carousel) {
  visibility: hidden;
}
.bookmarks-stam .bookmark.bookmark-youtube .content-holder .username {
  visibility: hidden;
  height: 16px;
}
.bookmarks-stam .bookmark.bookmark-youtube .card .media-holder .video-holder.show-play:after {
  display: none;
}
.bookmarks-stam .bookmark-summary h2 {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 21px;
  line-height: 24px;
  color: var(--text-deep-purple);
  margin: 0;
  min-height: var(--min-height-switch-panel);
}
.bookmarks-stam .bookmark-summary h2 small {
  font-size: 15px;
  font-weight: 400;
}
.bookmarks-stam .bookmark-summary h2 svg {
  height: 24px;
  width: 24px;
}
.bookmarks-stam .bookmark-summary.animate__animated.ng-enter {
  animation-name: slideInUp;
  --animate-duration: 500ms;
}
.bookmarks-stam .bookmark-summary.animate__animated.ng-leave {
  animation-name: slideOutDown;
  --animate-duration: 500ms;
  position: absolute;
  width: 100%;
  top: 0;
}
.bookmarks-stam .search-actions {
  gap: 32px;
}
.bookmarks-stam .search-actions a {
  display: inline-flex;
  align-items: center;
  color: #6E5F93;
  text-decoration: none;
  gap: 5px;
}
.bookmarks-stam .search-actions a.active {
  color: var(--text-purple);
}
.bookmarks-stam .search-actions a.active svg path {
  stroke: var(--text-purple);
}
.bookmarks-stam .search-actions a.dropdown-toggle:after {
  display: none;
}
.bookmarks-stam .search-actions .btn-main {
  font-weight: 400;
}
.bookmarks-stam .dropdown-accounts .more-accounts {
  color: var(--text-purple);
  background: #F1EAFF;
  padding: 4px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  height: 28px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}
.bookmarks-stam .tweets-actions {
  background: var(--bookmarks-bg);
  min-height: var(--min-height-switch-panel);
}
.bookmarks-stam .tweets-actions .action-toggle {
  color: var(--selected-count-color);
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.34px;
  white-space: nowrap;
}
.bookmarks-stam .tweets-actions .dropdown-toggle::after {
  display: none;
}
.bookmarks-stam .tweets-actions.ng-enter {
  animation-name: slideInUp;
  --animate-duration: 500ms;
}
.bookmarks-stam .tweets-actions.ng-leave {
  animation-name: slideOutDown;
  --animate-duration: 500ms;
  position: absolute;
  width: 100%;
  top: 0;
}
.bookmarks-stam .current-tweet {
  --current-tweet-padding-y: 32px;
  --current-tweet-padding-x: 24px;
  z-index: 2;
  position: absolute;
  top: 0;
  height: 100vh;
  right: 0;
  padding: var(--current-tweet-padding-x) var(--current-tweet-padding-y);
  display: flex;
  flex-direction: column;
  gap: var(--current-tweet-padding-y);
  width: min(50% + var(--current-tweet-padding-x) / 2, var(--max-width-tweet-view));
  background: var(--bookmarks-bg);
  border-left: var(--current-tweet-padding-x) solid #FAF5FB;
  overflow: hidden;
  transition: width 500ms;
}
.bookmarks-stam .current-tweet.ng-enter {
  animation-name: slideInRight;
  --animate-duration: 500ms;
}
.bookmarks-stam .current-tweet.ng-leave {
  animation-name: slideOutRight;
  --animate-duration: 500ms;
}
.bookmarks-stam .current-tweet .tweet-actions {
  width: 100%;
}
.bookmarks-stam .current-tweet .tweet-actions section {
  display: flex;
  align-items: center;
}
.bookmarks-stam .current-tweet .tweet-actions button:not(.btn-main):hover svg path.stroke, .bookmarks-stam .current-tweet .tweet-actions button:not(.btn-main).active svg path.stroke, .bookmarks-stam .current-tweet .tweet-actions a:not(.btn-main):hover svg path.stroke, .bookmarks-stam .current-tweet .tweet-actions a:not(.btn-main).active svg path.stroke {
  stroke: var(--text-purple);
}
.bookmarks-stam .current-tweet .tweet-actions button:not(.btn-main):hover svg path.fill, .bookmarks-stam .current-tweet .tweet-actions button:not(.btn-main).active svg path.fill, .bookmarks-stam .current-tweet .tweet-actions a:not(.btn-main):hover svg path.fill, .bookmarks-stam .current-tweet .tweet-actions a:not(.btn-main).active svg path.fill {
  fill: var(--text-purple);
}
.bookmarks-stam .current-tweet .tweet-actions button:not(.btn-main):hover i, .bookmarks-stam .current-tweet .tweet-actions button:not(.btn-main).active i, .bookmarks-stam .current-tweet .tweet-actions a:not(.btn-main):hover i, .bookmarks-stam .current-tweet .tweet-actions a:not(.btn-main).active i {
  color: var(--text-purple);
}
.bookmarks-stam .current-tweet .tweet-actions button i {
  color: #B2AAD8;
}
.bookmarks-stam .current-tweet .tweet-actions button.btn-main-purple svg path.do-fill {
  fill: #BEA3F6;
}
.bookmarks-stam .current-tweet .tweet-actions button.btn-main-purple svg path.do-stroke {
  stroke: #e0e0e0;
}
.bookmarks-stam .current-tweet .tweet-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  height: calc(100vh - 34px);
  overflow: auto;
}
.bookmarks-stam .current-tweet .tweet-info:has(.ng-enter) {
  animation-name: flip;
}
.bookmarks-stam .current-tweet .tweet-info .bookmark.ng-enter {
  animation-name: fadeIn;
  position: absolute;
  animation-delay: 600ms;
}
.bookmarks-stam .current-tweet .tweet-info .bookmark.ng-leave {
  animation-name: fadeOut;
  position: absolute;
}
.bookmarks-stam .current-tweet .tweet-info .bookmark p.show-more:after {
  padding: 0 6px;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  min-width: 400px;
  height: 100%;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit textarea {
  min-height: 92px;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit label {
  color: var(--active-item-color);
  min-width: 80px;
  margin-top: 1px;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .btn-outline-danger {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .btn-outline-danger:not(:hover) {
  color: #8B8BA9;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .btn-outline-danger:hover svg path {
  stroke: #fff;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .bookmark .content-holder {
  flex-direction: row-reverse;
  margin-bottom: 1.75rem;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .bookmark .content-holder .hidden-tweet-inline-edit {
  display: none !important;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .bookmark .content-holder p {
  color: var(--text-deep-purple);
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .bookmark .content-holder .media-holder {
  max-height: 70px;
  max-width: 90px;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .bookmark .content-holder .media-holder img {
  object-fit: cover;
  object-position: 0 0;
  min-width: unset;
  min-height: unset;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit.ng-enter {
  animation-name: fadeIn;
  position: absolute;
  animation-delay: 600ms;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit.ng-leave {
  animation-name: fadeOut;
  position: absolute;
}
.bookmarks-stam .current-tweet .tweet-info .tweet-edit .inline-tag-item {
  display: contents;
}
.bookmarks-stam .current-tweet .tweet-info textarea {
  resize: none;
  height: 92px;
  white-space: pre-line;
}
.bookmarks-stam .current-tweet .threads {
  list-style: none;
  padding: 0;
}
.bookmarks-stam .current-tweet .threads .bookmark-details > *:not(.tweet-time), .bookmarks-stam .current-tweet .threads .tweet-user-holder {
  display: none !important;
}
.bookmarks-stam .current-tweet .threads .card {
  background: transparent;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  padding-top: 1rem;
}
.bookmarks-stam .current-tweet .threads .card .card-body {
  padding: 0;
}
.bookmarks-stam .current-tweet .threads .card .card-body .content-holder {
  gap: 0.5rem;
}
.bookmarks-stam .current-tweet.full-width {
  width: 100vw;
  border: 0;
  padding-top: 0;
}
.bookmarks-stam .current-tweet.full-width .tweet-actions {
  border-bottom: 1px solid #E4E1F1;
  margin-left: calc(-1 * var(--current-tweet-padding-y));
  width: calc(100% + 2 * var(--current-tweet-padding-y));
  padding: var(--current-tweet-padding-x) var(--current-tweet-padding-y);
}
.bookmarks-stam .current-tweet.full-width .tweet-info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
.bookmarks-stam .current-tweet.full-width .tweet-info .bookmark {
  max-width: 540px;
  margin: 0 auto;
}
.bookmarks-stam .current-tweet.full-width .tweet-edit {
  height: auto;
}
.bookmarks-stam .visible-view-mode-row, .bookmarks-stam .visible-view-mode-grid, .bookmarks-stam .visible-view-mode-list {
  display: none !important;
}
.bookmarks-stam .view-mode-row .bookmark .content-holder, .bookmarks-stam .view-mode-grid .bookmark .content-holder {
  flex-direction: column;
  gap: 1rem;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder .image-holder img, .bookmarks-stam .view-mode-row .bookmark .media-holder .image-holder .image, .bookmarks-stam .view-mode-grid .bookmark .media-holder .image-holder img, .bookmarks-stam .view-mode-grid .bookmark .media-holder .image-holder .image {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder .video-holder video, .bookmarks-stam .view-mode-row .bookmark .media-holder .video-holder iframe, .bookmarks-stam .view-mode-grid .bookmark .media-holder .video-holder video, .bookmarks-stam .view-mode-grid .bookmark .media-holder .video-holder iframe {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 8px;
  min-height: 320px;
  object-fit: cover;
  object-position: top;
  max-height: 65vh;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-2 .image-holder .image, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-2 .image-holder .image {
  min-height: 260px;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-2 .vide-holder video, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-2 .vide-holder video {
  min-height: 260px;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-3 .image-holder .image, .bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-4 .image-holder .image, .bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-more .image-holder .image, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-3 .image-holder .image, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-4 .image-holder .image, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-more .image-holder .image {
  min-height: 130px;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-3 .video-holder video, .bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-4 .video-holder video, .bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-more .video-holder video, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-3 .video-holder video, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-4 .video-holder video, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-more .video-holder video {
  min-height: 130px;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-more .col-6:nth-child(n+5), .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-more .col-6:nth-child(n+5) {
  display: none;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-more .col-6:nth-child(4) .image, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-more .col-6:nth-child(4) .image {
  position: relative;
}
.bookmarks-stam .view-mode-row .bookmark .media-holder.many.many-more .col-6:nth-child(4) .image:after, .bookmarks-stam .view-mode-grid .bookmark .media-holder.many.many-more .col-6:nth-child(4) .image:after {
  content: attr(total-count);
  position: absolute;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: white;
}
.bookmarks-stam .view-mode-row .bookmark .username a, .bookmarks-stam .view-mode-grid .bookmark .username a {
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.36px;
  text-decoration: none;
  color: var(--text-deep-purple);
  font-weight: 500;
  display: flex;
  align-items: center;
}
.bookmarks-stam .view-mode-row .bookmark .username a small, .bookmarks-stam .view-mode-grid .bookmark .username a small {
  color: #929292;
  font-size: 15px;
  line-height: 16px;
  font-weight: 400;
}
.bookmarks-stam .view-mode-row .bookmark .username a img, .bookmarks-stam .view-mode-grid .bookmark .username a img {
  width: 48px;
  height: 48px;
}
.bookmarks-stam .view-mode-row .visible-view-mode-row {
  display: inherit !important;
}
.bookmarks-stam .view-mode-row .bookmarks-holder > * {
  margin: 0 auto;
  width: min(544px, 100%);
}
.bookmarks-stam .view-mode-row .tweets-actions .action-toggle, .bookmarks-stam .view-mode-row .tweets-actions .close-container {
  width: 82px;
}
.bookmarks-stam .view-mode-row .tweets-actions .action-toggle {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.bookmarks-stam .view-mode-row .tweets-actions .action-buttons {
  width: min(544px, 100%);
  margin: 0 auto;
}
.bookmarks-stam .view-mode-row .tweets-actions .action-buttons .btn-main {
  color: #ADA4CB;
}
.bookmarks-stam .view-mode-row .tweets-actions .action-buttons > .btn-main {
  padding: 8px 26px;
}
.bookmarks-stam .view-mode-grid .visible-view-mode-grid {
  display: inherit !important;
}
.bookmarks-stam .view-mode-grid .masonry-brick {
  width: calc(16.6166666667% - 12px);
}
@media (max-width: 3090px) {
  .bookmarks-stam .view-mode-grid .masonry-brick {
    width: calc(19.95% - 12px);
  }
}
@media (max-width: 2690px) {
  .bookmarks-stam .view-mode-grid .masonry-brick {
    width: calc(25% - 12px);
  }
}
@media (max-width: 2090px) {
  .bookmarks-stam .view-mode-grid .masonry-brick {
    width: calc(33.3333333333% - 12px);
  }
}
@media (max-width: 1490px) {
  .bookmarks-stam .view-mode-grid .masonry-brick {
    width: calc(50% - 12px);
  }
}
@media (max-width: 1290px) {
  .bookmarks-stam .view-mode-grid .masonry-brick {
    width: calc(50% - 12px);
  }
}
.bookmarks-stam .view-mode-list .visible-view-mode-list {
  display: inherit !important;
}
.bookmarks-stam .view-mode-list .bookmark .media-holder {
  max-width: 128px;
}
.bookmarks-stam .view-mode-list .bookmark .media-holder .video-holder:after {
  cursor: default;
  background-size: 32px;
}
.bookmarks-stam .view-mode-list .bookmark .media-holder .image-holder img {
  width: 96px !important;
}
.bookmarks-stam .view-mode-list .bookmark .bookmark-menu {
  width: 132px;
  height: 100%;
  flex-direction: column;
}
.bookmarks-stam .view-mode-list .bookmark .carousel {
  margin-left: 12px;
}
.bookmarks-stam .view-mode-list .bookmark .carousel .carousel-indicators {
  touch-action: none;
}
.bookmarks-stam .view-mode-list .bookmark .carousel .carousel-control-next, .bookmarks-stam .view-mode-list .bookmark .carousel .carousel-control-prev {
  touch-action: none;
}
.bookmarks-stam .view-mode-list .bookmark:hover .card .bookmark-menu, .bookmarks-stam .view-mode-list .bookmark.selected .card .bookmark-menu {
  background: linear-gradient(90deg, rgba(231, 231, 240, 0) -22.19%, var(--bookmark-hover-bg) 66.29%);
}
.bookmarks-stam .view-mode-list .bookmark.active .card .bookmark-menu {
  background: linear-gradient(90deg, rgba(231, 231, 240, 0) -22.19%, var(--bookmark-active-bg) 66.29%);
}
.bookmarks-stam .view-mode-list .bookmark .content-holder {
  min-height: 90px;
}
.bookmarks-stam .view-mode-list .bookmark p {
  white-space: unset;
  width: fit-content;
}
.bookmarks-stam .view-mode-list .bookmark p.show-more:after {
  position: static;
}
.bookmarks-stam .view-mode-list .bookmark.bookmark-text .username, .bookmarks-stam .view-mode-list .bookmark.bookmark-text .nickname, .bookmarks-stam .view-mode-list .bookmark.bookmark-quote .username, .bookmarks-stam .view-mode-list .bookmark.bookmark-quote .nickname, .bookmarks-stam .view-mode-list .bookmark.bookmark-image .username, .bookmarks-stam .view-mode-list .bookmark.bookmark-image .nickname, .bookmarks-stam .view-mode-list .bookmark.bookmark-youtube .username, .bookmarks-stam .view-mode-list .bookmark.bookmark-youtube .nickname {
  display: none !important;
}
.bookmarks-stam .view-mode-list .bookmark.bookmark-image:hover .card .bookmark-menu, .bookmarks-stam .view-mode-list .bookmark.bookmark-image.selected .card .bookmark-menu {
  background: transparent;
}
.bookmarks-stam .view-mode-list .bookmark.bookmark-quote p::before {
  padding-top: 1rem;
}

.slide.ng-hide-add {
  animation: remove_sequence 0.25s linear;
  display: block !important;
}
.slide.ng-hide-remove {
  animation: enter_sequence 0.25s linear;
  display: block !important;
}
@keyframes enter_sequence {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes remove_sequence {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}

#icon-folder-modal .dropdown-menu {
  min-width: auto;
  position: static;
  box-shadow: unset;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
#icon-folder-modal .dropdown-menu > * {
  padding: inherit;
}
#icon-folder-modal .dropdown-menu svg {
  width: 22px;
  height: 22px;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 20px;
}

.folders-list {
  position: relative;
  max-height: 275px;
  overflow: auto;
}
.folders-list .list-group .list-group-item {
  --bs-list-group-border-width: 0;
  --bs-list-group-item-padding-y: 0;
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-bg: transparent;
  --bs-list-group-color: var(--menu-color);
}
.folders-list .list-group .list-group-item .list-group-row {
  display: flex;
  align-items: center;
  position: relative;
}
.folders-list .list-group .list-group-item .list-group-row img {
  position: absolute;
  left: 0;
  transition: left 200ms;
}
.folders-list .list-group .list-group-item .list-group-row img.down {
  transform: rotate(90deg);
}
.folders-list .list-group .list-group-item .list-group-row .btn:not(.btn-main) {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem 1rem;
  --bs-btn-color: var(--menu-color);
}
.folders-list .list-group .list-group-item .list-group-row .btn:not(.btn-main) .num {
  color: #9D8DB7;
}
.folders-list .list-group .list-group-item .list-group-row .btn:not(.btn-main) .actions {
  opacity: 0;
  z-index: -1;
  transition: opacity 200ms;
}
.folders-list .list-group .list-group-item .list-group-row .btn:not(.btn-main) .actions:after {
  display: none;
}
.folders-list .list-group .list-group-item .list-group-row.is-origin img {
  left: 2px;
}
.folders-list .list-group .list-group-item .list-group-row.is-origin .btn:not(.btn-main) {
  --bs-btn-disabled-opacity: 1;
  background: #E4D7FA;
  border-radius: 11px;
}
.folders-list .list-group .list-group-item .list-group-row.is-origin .btn:not(.btn-main) svg path.stroke {
  stroke: var(--text-purple);
}
.folders-list .list-group .list-group-item .list-group-row.is-origin .btn:not(.btn-main) svg path.fill {
  fill: var(--text-purple);
}
.folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) img {
  left: 2px;
}
.folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) .btn:not(.btn-main) {
  background: #E7E7F0;
}
.folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) .btn:not(.btn-main) .actions {
  opacity: 0.85;
  z-index: unset;
}
.folders-list .list-group .list-group-item .list-group-row:hover:not(.is-origin) .btn:not(.btn-main) .actions:hover {
  opacity: 1;
}

.angucomplete-holder {
  --border-color: var(--new-downloads-popup-bg);
}
.angucomplete-holder .form-control {
  transition: all 300ms;
}
.angucomplete-holder .angucomplete-dropdown {
  border-color: var(--border-color);
}

.ui-select-container {
  --ui-select-border-color: var(--new-downloads-popup-bg);
  --match-bg: #E8E1F2;
  --match-color: #5C5C7A;
  transition: border 300ms;
  border: 1px solid transparent;
}
.ui-select-container.ui-select-multiple.form-control {
  padding: 0;
}
.ui-select-container.ui-select-multiple.form-control > div:not(.ui-select-no-choice) {
  display: flex;
  gap: 6px;
  padding: 12px;
  overflow: auto;
}
.ui-select-container.ui-select-multiple.form-control:has(input.ui-select-search:focus) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-select-container.ui-select-multiple.form-control input.ui-select-search {
  height: unset;
  margin-bottom: 0;
  padding: 6px 8px;
  border-radius: 8px;
}
.ui-select-container:not(.ui-select-multiple) {
  border-radius: 13px 13px 0 0;
}
.ui-select-container:not(.ui-select-multiple) .ui-select-search {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-select-container:not(.ui-select-multiple) .ui-select-toggle {
  display: flex;
  padding: 16px 30px 16px 16px;
  min-width: unset;
}
.ui-select-container:not(.ui-select-multiple) .ui-select-toggle:hover {
  background-color: var(--form-control-bg);
}
.ui-select-container:not(.ui-select-multiple) .dropdown-menu {
  min-width: unset;
}
.ui-select-container:not(.ui-select-multiple).open:has(.dropdown-menu.show) .ui-select-toggle {
  border-radius: 13px 13px 0 0;
}
.ui-select-container .ui-select-search:focus {
  box-shadow: none;
}
.ui-select-container.open:has(.dropdown-menu.show), .ui-select-container.open:has(.dropdown-menu.show).ui-select-search {
  border: 1px solid var(--ui-select-border-color);
}
.ui-select-container .ui-select-choices-group {
  flex-direction: column;
  align-items: start;
  padding: 0;
  gap: 0;
}
.ui-select-container .ui-select-choices-group:hover {
  background: none !important;
}
.ui-select-container .ui-select-choices-group .ui-select-choices-group-label {
  font-size: 1rem;
  font-weight: 400;
  padding: 0.5rem 0.5rem 0;
  --bs-dropdown-header-color: #8B8BA9;
}
.ui-select-container .ui-select-choices-group .ui-select-choices-group-label abbr {
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: 1px;
}
.ui-select-container .ui-select-choices-group .ui-select-choices-group-label abbr:after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.12666 9.31241V4.51241L9.85666 2.35908C11.9233 1.16575 15.6233 4.10908 14.07 6.80241" stroke="%23966FE8" stroke-linejoin="round"></path><path d="M6.12666 6.98008L10.2833 4.58008L14.0133 6.73341C16.08 7.92674 15.38 12.6034 12.27 12.6034" stroke="%23966FE8" stroke-linejoin="round"></path><path d="M8.14667 5.8125L12.3033 8.2125V12.5225C12.3033 14.9092 7.90334 16.6425 6.35001 13.9492" stroke="%23966FE8" stroke-linejoin="round"></path><path d="M10.1667 7.06641V11.7797L6.43667 13.9331C4.37 15.1264 0.67 12.1831 2.22333 9.48974" stroke="%23966FE8" stroke-linejoin="round"></path><path d="M10.1667 9.31279L6.01 11.7128L2.28 9.55945C0.209997 8.36279 0.909997 3.68945 4.02 3.68945" stroke="%23966FE8" stroke-linejoin="round"></path><path d="M8.14667 10.4809L3.99001 8.0809V3.7709C3.99001 1.38424 8.39001 -0.349098 9.94334 2.34424" stroke="%23966FE8" stroke-linejoin="round"></path></svg>');
}
.ui-select-container .ui-select-choices-group .ui-select-choices-group-label:empty {
  display: none;
}
.ui-select-container .ui-select-choices {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid var(--ui-select-border-color);
  border-top: 0;
  width: calc(100% + 2px);
  margin-left: -1px;
}
.ui-select-container .ui-select-choices-row {
  width: 100%;
  border-radius: 8px;
}
.ui-select-container .ui-select-choices-row.active .ui-select-choices-row-inner {
  background: initial;
  color: initial;
}
.ui-select-container .ui-select-choices-row .ui-select-choices-row-inner {
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.ui-select-container .ui-select-choices-row .ui-select-choices-row-inner:empty {
  display: none;
}
.ui-select-container .ui-select-match {
  display: contents;
}
.ui-select-container .ui-select-match:empty {
  display: none;
}
.ui-select-container .ui-select-match .ui-select-match-item {
  display: inline-flex;
  align-items: center;
  background: var(--match-bg);
  color: var(--match-color);
  --bs-btn-padding-x: 0.375rem;
  --bs-btn-padding-y: 0.3rem;
  margin: 0;
  gap: 4px;
  white-space: nowrap;
  border-color: var(--match-bg);
}
.ui-select-container .ui-select-match .ui-select-match-item .ui-select-match-close {
  font-size: 18px;
  height: 15px;
}

.snackbar {
  padding: 12px 16px;
  font-size: 16px;
  line-height: 20px;
  background: var(--bookmark-bg);
  position: relative;
  transition: opacity 300ms;
}
.snackbar.active {
  opacity: 1;
}
.snackbar.active:hover {
  opacity: 1;
}
.snackbar:after {
  content: "";
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(237,237,237)'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 7px;
  top: 7px;
}

#tag-modal #bulk_labels_value:focus {
  box-shadow: unset;
}
#tag-modal .ui-select-container:has(.ui-select-choices.show) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.add-tree-node > * {
  padding: 0.25rem 0 0.25rem 2rem;
}
.add-tree-node input.form-control {
  padding: 8px 16px;
  font-size: 15px;
}
.add-tree-node button:hover svg path {
  stroke: var(--group-header-color);
}
.add-tree-node.ng-enter {
  animation-name: backInLeft;
  --animate-duration: 500ms;
}
.add-tree-node.ng-leave {
  animation-name: backOutLeft;
  --animate-duration: 500ms;
}

.f-name {
  text-overflow: ellipsis;
}
.f-name.ng-leave {
  animation-name: zoomOut;
  --animate-duration: 300ms;
}

.fe-name {
  padding: 3px 10px;
}
.fe-name.ng-enter {
  animation-name: zoomIn;
  --animate-duration: 300ms;
}
.fe-name.ng-leave {
  animation-name: zoomOut;
  --animate-duration: 300ms;
}

.flip-card {
  background-color: transparent;
  perspective: 1000px;
}
.flip-card .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.flip-card.on .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card .flip-card-front, .flip-card .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card .flip-card-back {
  transform: rotateY(180deg);
}

#keyboard-shortcuts-modal .code {
  background: var(--dewey-add-tree-node-bg);
}
#keyboard-shortcuts-modal .codes {
  display: flex;
  align-items: center;
  gap: 4px;
}
#keyboard-shortcuts-modal strong {
  font-size: 16px;
  display: block;
}
#keyboard-shortcuts-modal span {
  font-size: 14px;
}

#gallery-modal {
  --bs-modal-width: auto;
}
#gallery-modal .modal-content {
  --bs-modal-bg: transparent;
  --bs-modal-border-width: 0;
  padding: 0;
}
#gallery-modal .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(255,255,255)'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity: 0.85;
}
#gallery-modal .gallery {
  padding: 0;
}
#gallery-modal .gallery .swiper-wrapper {
  align-items: center;
}
#gallery-modal .gallery .swiper-slide {
  background: transparent;
}
#gallery-modal .gallery .swiper-slide .gallery-img {
  max-height: calc(100vh - 130px);
  position: relative;
}
#gallery-modal .gallery .swiper-slide .gallery-img img {
  border-radius: 5px;
  max-height: inherit;
}
#gallery-modal .gallery .swiper-slide .gallery-img span {
  width: 100%;
  background: #00000063;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 5px 5px;
  text-align: left;
  letter-spacing: 2px;
  font-weight: 400;
  padding: 5px 8px;
}

#post-modal {
  --bs-modal-header-padding: 1rem 1.75rem;
  --bs-modal-padding: 1.75rem;
  --bs-modal-footer-padding: 1rem 1.75rem;
}
#post-modal .modal-content, #post-modal .modal-dialog {
  max-width: 600px;
}
#post-modal .arrows-holder {
  position: absolute;
  transform: translate(-33px, -30px);
  top: 50%;
  padding: 0;
  z-index: 1;
  gap: 0;
}
#post-modal .arrows-holder .btn:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#post-modal .arrows-holder .btn:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#post-modal .bookmarks {
  max-width: unset;
}
#post-modal .bookmarks .bookmarks-holder {
  padding-right: 10px;
  padding-bottom: 10px;
  height: unset;
  overflow: unset;
}
#post-modal .bookmarks .bookmarks-holder .bookmark:not(:first-child) {
  margin-top: 1rem;
}
#post-modal .bookmarks .bookmarks-holder .bookmark {
  position: relative;
}
#post-modal .bookmarks .bookmarks-holder .bookmark:hover .card {
  border-radius: 20px;
  background-color: var(--bookmark-bg);
  border-color: transparent;
}
#post-modal .bookmarks .card {
  border: 0;
  padding: 1rem;
}
#post-modal .bookmarks .card .card-body .quoted-tweet {
  padding: 0.75rem;
}
#post-modal .bookmarks .card .card-body .text-gray.white-space-nowrap {
  display: flex;
  flex-wrap: wrap;
}
#post-modal .bookmarks .card .card-body .black-link {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
#post-modal .bookmarks .card .card-body .black-link > label {
  margin-right: 5px;
}
#post-modal .bookmarks .card .card-body .black-link span {
  margin-top: 0;
}
#post-modal .bookmarks .card .card-body .black-link span:after {
  content: "·";
  color: var(--menu-color);
  margin-left: 5px;
}
#post-modal .bookmarks .card .card-body .profile-image {
  width: 20px;
  height: 20px;
}
#post-modal .bookmarks .card .card-body .content {
  margin-top: 5px;
  margin-bottom: 5px;
}
#post-modal .bookmarks .card .card-body .content a {
  color: var(--text-purple);
}
#post-modal .bookmarks .card .card-body .verified {
  fill: var(--text-purple);
}
#post-modal .bookmarks .card .card-body .media-holder .video-holder video {
  max-height: 250px;
}
#post-modal .bookmarks .btn-recording, #post-modal .bookmarks .btn-thread, #post-modal .bookmarks .bottom-part, #post-modal .bookmarks .selected-container, #post-modal .bookmarks .bookmark-menu {
  display: none !important;
}
#post-modal .bookmarks .content2 {
  font-size: 14px;
  line-height: 20px;
  display: block;
  color: #6B6B6B;
}
#post-modal .bookmarks .add-after {
  position: absolute;
  bottom: -17px;
  left: -14px;
  width: 36px;
  height: 36px;
  padding: 2px;
  text-decoration: none;
}
#post-modal .bookmarks .add-after.top {
  position: absolute;
  top: -17px;
  left: -14px;
  bottom: unset;
}
#post-modal .bookmarks .add-after span {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 500ms;
}
#post-modal .bookmarks .btn-remove {
  opacity: 0.3;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  line-height: 12px;
  transition: opacity 500ms;
}
#post-modal .bookmarks .btn-remove i {
  font-size: 10px;
  line-height: 14px;
}
#post-modal .bookmarks .btn-remove:hover {
  opacity: 1;
}
#post-modal textarea {
  resize: none;
  min-height: 80px;
}
#post-modal form .form-floating label.lbl-top-right:not(.always-on) {
  display: none;
  z-index: 3;
  bottom: 0;
  top: unset !important;
  font-size: 13px;
}
#post-modal form .form-floating label.always-on {
  width: unset;
  right: 10px;
  height: unset;
  transform: none;
  padding: 4px 0 4px 10px;
  font-weight: 500;
  letter-spacing: -0.04rem;
  z-index: 2;
  left: unset;
  top: 2px;
  opacity: 1;
}
#post-modal form .form-floating .preview {
  display: none;
  cursor: pointer;
  min-height: 58px;
  background-color: var(--dewey-bg-hover);
  color: #6B6B6B;
  border: 1px solid var(--bs-border-color);
  background-clip: padding-box;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 1rem 0.75rem;
  position: relative;
  font-size: 14px;
}
#post-modal form .form-floating .preview p {
  overflow-wrap: anywhere;
}
#post-modal form .form-floating .preview .highlight {
  color: var(--var-light-blue);
}
#post-modal form .form-floating .preview .pen-holder {
  position: absolute;
  right: 5px;
  top: 2px;
  opacity: 0.5;
  font-size: 12px;
  transition: opacity 250ms;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 5px;
}
#post-modal form .form-floating .preview .pen-holder:hover {
  opacity: 1;
}
#post-modal form .form-floating .form-control:focus ~ label:not(.lbl-top-right) {
  opacity: 1;
  top: 8px;
  padding: 2px 0;
  height: auto;
  width: 100%;
  right: unset;
  left: 10px;
}
#post-modal form .form-floating .form-control.ng-valid.ng-touched:not(:focus):not(.focus) {
  display: none;
}
#post-modal form .form-floating .form-control.ng-valid.ng-touched:not(:focus):not(.focus) ~ .preview {
  display: block;
}
#post-modal form .form-floating .form-control.ng-valid.ng-touched:not(:focus):not(.focus) ~ label {
  display: none;
}
#post-modal form.ng-submitted .form-floating .form-control.ng-invalid {
  border-color: var(--bs-danger);
}
#post-modal form.ng-submitted .form-floating .form-control.ng-invalid ~ label.lbl-top-right {
  height: auto;
  right: 6px;
  left: unset;
  transform: none;
  opacity: 1;
  top: 1px;
  padding: 2px 0;
  transition: all 500ms;
  width: calc(100% - 12px);
}
#post-modal form.ng-submitted .form-floating .form-control.ng-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
#post-modal form.ng-submitted .form-floating .form-control.ng-invalid:focus ~ label.lbl-top-right {
  display: none;
}
#post-modal form.ng-submitted .form-floating .form-control.ng-invalid ~ label {
  color: var(--bs-danger);
}
#post-modal form.ng-submitted .form-floating .form-control.ng-invalid ~ label.lbl-top-right {
  display: block;
}

#notes-modal textarea {
  resize: none;
  min-height: 60px;
}

#email-modal label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
#email-modal label.l-small {
  line-height: 18px;
}

.new-bookmarks {
  white-space: nowrap;
  position: absolute;
  background: var(--new-downloads-popup-bg);
  z-index: 3;
  padding: 8px 18px;
  font-size: 14px;
  display: flex;
  align-items: center;
  border-radius: 0 0 5px 5px;
  transition: opacity 500ms;
  left: 49%;
  transform: translateX(-50%);
  top: 0;
  filter: drop-shadow(0 5px 9px var(--new-downloads-popup-bg));
  color: var(--text-gray);
  font-weight: 400;
  letter-spacing: 0.005rem;
}
.new-bookmarks span {
  border-color: #ffffff21 !important;
}
.new-bookmarks.ng-enter {
  animation-name: slideInDown;
  --animate-duration: 500ms;
}
.new-bookmarks.ng-leave {
  animation-name: slideOutUp;
  --animate-duration: 500ms;
}

.table {
  --bs-table-striped-bg: var(--light-bg);
  --bs-table-striped-color: var(--menu-color);
  --bs-body-color: var(--menu-color);
  --bs-table-bg: var(--bookmarks-bg);
  border-collapse: separate;
  border-spacing: 0 16px;
}
.table tr th {
  color: var(--text-gray);
  font-weight: 500;
  border: 0;
  letter-spacing: 0.015rem;
}
.table tr th:first-child {
  padding-left: 32px;
}
.table tr th:last-child {
  padding-right: 32px;
}
.table tr td {
  height: 72px;
  vertical-align: middle;
}
.table tr td b {
  font-weight: 500;
  color: var(--active-item-color);
}
.table tr td:first-child {
  border-radius: 20px 0 0 20px;
  padding-left: 32px;
}
.table tr td:last-child {
  border-radius: 0 20px 20px 0;
  padding-right: 32px;
}
.table.table-striped > tbody > tr:nth-of-type(odd) > * {
  border: 0;
}
.table.table-striped > tbody > tr:nth-of-type(even) > * {
  border-width: 1px;
  border-left-width: 0;
  border-right-width: 0;
  background-color: transparent;
}
.table.table-striped > tbody > tr:nth-of-type(even) > *:first-child {
  border-left-width: 1px;
}
.table.table-striped > tbody > tr:nth-of-type(even) > *:last-child {
  border-right-width: 1px;
}
.table.table-striped > :not(caption) > * > * {
  background-color: transparent;
}
.table:not(.table-striped) tr th {
  background-color: transparent;
}
.table:not(.table-striped) tr td {
  transition: background-color 300ms;
  background: transparent;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.table:not(.table-striped) tr td:first-child {
  border-left-width: 1px;
}
.table:not(.table-striped) tr td:last-child {
  border-right-width: 1px;
}
.table:not(.table-striped) tr.active td {
  background: #F7F5FC;
  border-color: transparent;
}
.table .st-sort-ascent:has(> *) > *:first-child:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
  margin-left: 1rem;
}
.table .st-sort-ascent:not(:has(> *)):after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f077";
  margin-left: 1rem;
}
.table .st-sort-descent:has(> *) > *:first-child:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  margin-left: 1rem;
}
.table .st-sort-descent:not(:has(> *)):after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  margin-left: 1rem;
}

settings {
  display: block;
  position: relative;
  z-index: 99;
}

#settings {
  position: fixed;
  top: 0;
  left: 0;
  background: var(--bs-body-bg);
  animation-duration: 350ms;
}
#settings.ng-enter {
  animation-name: slideInUp;
}
#settings.ng-leave {
  animation-name: slideOutDown;
}
#settings .aside header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: var(--text-deep-purple);
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
#settings .aside .text-version {
  color: var(--text-deep-purple);
}
#settings .bookmarks-stam {
  overflow: auto;
}
#settings .bookmarks-stam .bookmarks {
  height: calc(100vh - 2 * var(--padding-top));
  overflow: auto;
}
#settings h3 {
  font-weight: 500;
  font-size: 21px;
  line-height: 24px;
  color: var(--text-deep-purple);
  background: var(--bookmarks-bg);
  position: sticky;
  top: -32px;
  z-index: 1;
}
#settings h3 svg {
  width: 24px;
  height: 24px;
}
#settings h3 svg path, #settings h3 svg rect {
  stroke-width: 1;
}
#settings label {
  font-weight: 500;
  letter-spacing: 0.015rem;
  margin-bottom: 0.5rem;
}
#settings a.btn-main, #settings button.btn-main {
  padding: 8px 16px !important;
  line-height: 24px;
}
#settings a.btn-main.btn-main-purple-outline, #settings button.btn-main.btn-main-purple-outline {
  line-height: 22px;
}
#settings .btn-main-purple-outline {
  font-size: var(--bs-body-font-size);
  line-height: 28px;
}
#settings .settings-max-width {
  max-width: 600px;
  margin: 0 auto;
}
#settings .settings-max-width.less {
  max-width: 360px;
}
#settings .settings-max-width.more {
  max-width: 875px;
}
#settings .settings-app {
  display: flex;
  flex-direction: column;
}
#settings .settings-app .theme {
  cursor: pointer;
}
#settings .settings-app .theme svg {
  border-radius: 9px;
  border: 3px solid transparent;
  transition: border-color 300ms;
}
#settings .settings-app .theme span {
  opacity: 0.3;
  transition: all 300ms;
}
#settings .settings-app .theme.active svg {
  border-color: var(--text-purple);
}
#settings .settings-app .theme.active span {
  color: var(--text-purple);
  opacity: 1;
}
#settings .settings-account .settings-email .btn-main {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-10px, -50%);
  line-height: 20px;
  transition: width 200ms;
}
#settings .settings-account .settings-email svg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-10px, -50%);
}
#settings .settings-account .settings-email input {
  padding-right: 85px;
}
#settings .settings-account .btn-min {
  min-width: 160px;
}
#settings .settings-account .btn-logout {
  align-self: center;
  line-height: 22px;
}
#settings .settings-account .profile-image {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  object-fit: cover;
}
#settings .settings-account .btn-sep {
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  width: min(25vw, 335px);
  height: 1px;
}
#settings .badge-active, #settings .badge-inactive {
  line-height: 24px;
  font-size: var(--bs-body-font-size);
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#settings .badge-active {
  background: #F3F8F2;
  color: #5BAA47;
}
#settings .badge-inactive {
  background: #ffe9e9;
  color: var(--bs-danger);
}
#settings .feature {
  line-height: 18px;
  padding: 8px 16px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#settings .feature:not(.btn-main) {
  background: #FAF8FD;
  border: 1px solid #E4DEF3;
}
#settings .feature.btn-main {
  line-height: 18px;
}
#settings .integration {
  background: #F8F6FC;
  padding: 16px;
  border-radius: 16px;
}
#settings .integration .btn-main {
  min-width: 135px;
}
#settings .tfa {
  background: #F8F6FC;
  border-radius: 16px;
  padding: 16px 32px;
  color: var(--text-gray);
}
#settings .connected-account {
  display: flex;
  align-items: center;
  column-gap: 0.7rem;
}
#settings .connected-account .acc-users a i {
  left: -5px;
  top: -6px;
  width: 18px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  filter: drop-shadow(2px 4px 6px var(--text-purple));
}
#settings .connected-account .ca {
  padding: 16px;
  border-radius: 16px;
  background: #EEEAF6;
}
#settings .connected-account .ca.active {
  background: #D6C1FF;
  position: relative;
}
#settings .connected-account .ca.active:after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--text-purple);
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 50%;
}
#settings .connected-account .btn {
  min-width: 165px;
}
#settings .connected-account .linked-user-image {
  border: 2px solid transparent;
}
#settings .connected-account .linked-user-image.inactive-linked-user {
  box-shadow: 0 0 9px 2px #bc0000;
  border-color: #bc0000ba;
  cursor: pointer;
}
#settings .ui-select-container .ui-select-match .ui-select-toggle {
  color: #73739C;
}
#settings .ui-select-container .ui-select-choices .ui-select-choices-row-inner {
  color: #73739C;
}

#create-folders-modal .dropdown-menu {
  max-height: 220px;
  overflow: auto;
  min-width: 56px;
}
#create-folders-modal .dropdown-toggle {
  min-width: 56px;
}
#create-folders-modal .dropdown-toggle::after {
  display: none;
}
#create-folders-modal .btn-main {
  --btn-main-bg: #F4F2F8;
  --btn-main-color: #776D99;
  --bs-btn-active-bg: #F4F2F8;
  --bs-btn-hover-bg: #F4F2F8;
  letter-spacing: 0.02rem;
}
#create-folders-modal .form-control {
  --form-control-bg: #F4F2F8;
  --form-control-focus-bg: #F4F2F8;
  --form-control-placeholder-color: rgba(63, 63, 93, 0.52);
  border-radius: 8px;
}
#create-folders-modal .form-control:focus {
  box-shadow: unset;
}
#create-folders-modal .create-inside {
  color: #BCB2CF;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 2px;
  transition: color 300ms;
}
#create-folders-modal .create-inside svg path {
  transition: fill 300ms;
}
#create-folders-modal .create-inside:hover {
  color: var(--group-header-color);
}
#create-folders-modal .create-inside:hover svg path {
  fill: var(--group-header-color);
}
#create-folders-modal .create-small .form-control {
  line-height: 22px;
  padding: 12px 14px;
}
#create-folders-modal .create-small .dropdown-menu {
  min-width: 40px;
}
#create-folders-modal .create-small .dropdown-toggle {
  min-width: 40px;
}
#create-folders-modal .create-small .dropdown-toggle::after {
  display: none;
}
#change-password-modal {
  color: var(--bs-body-color);
}
#change-password-modal label {
  display: block;
  margin-bottom: 5px;
}

#ai-bulk-tag-modal .modal-header a {
  color: #9EA2B0;
  text-decoration: none;
  font-weight: 400;
}
#ai-bulk-tag-modal .modal-header a:hover {
  color: var(--text-purple);
}
#ai-bulk-tag-modal h3 {
  font-size: 18px;
  line-height: 24px;
}
#ai-bulk-tag-modal p {
  color: #9EA2B0;
  font-weight: 400;
}
#ai-bulk-tag-modal label {
  display: block;
  margin-bottom: 5px;
}
#ai-bulk-tag-modal label.l-small {
  line-height: 18px;
}
#ai-bulk-tag-modal .inline-tweet {
  background: var(--light-bg);
  border-radius: 20px;
  padding: 8px 24px;
  transition: background-color 300ms, border-color 300ms, border-radius 100ms;
  border: 1px solid transparent;
}
#ai-bulk-tag-modal .inline-tweet p {
  color: var(--text-gray);
  position: relative;
}
#ai-bulk-tag-modal .inline-tweet p.show-more:after {
  content: "... more";
  font-size: 85%;
  color: var(--menu-color);
  padding-left: 6px;
  border-radius: 5px;
  position: absolute;
  display: inline-block;
  bottom: -1px;
  font-weight: 500;
  right: 0;
  top: 0;
  transition: background-color 300ms;
  background: var(--light-bg);
  cursor: pointer;
}
#ai-bulk-tag-modal .inline-tweet .row-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-weight: 500;
  color: var(--text-deep-purple);
  letter-spacing: -0.32px;
  margin-top: auto;
}
#ai-bulk-tag-modal .inline-tweet .row-details a {
  text-decoration: none;
  color: var(--text-deep-purple);
  display: inline-flex;
  align-items: center;
}
#ai-bulk-tag-modal .inline-tweet .labels {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #A380C7;
}
#ai-bulk-tag-modal .inline-tweet .labels li {
  padding-right: 8px;
  display: inline-flex;
  align-items: center;
}
#ai-bulk-tag-modal .inline-tweet .labels li:before {
  content: "#";
}
#ai-bulk-tag-modal .inline-tweet .labels li:not(:last-child) {
  content: "•";
  position: relative;
  padding-left: 8px;
  color: #ADA0BA;
  font-size: 10px;
}

search {
  display: contents;
}
search .searcher {
  --bg-color: #FFF;
  position: relative;
  min-width: 380px;
  max-width: 650px;
  min-height: 51px;
}
@media (min-width: 991px) {
  search .searcher {
    min-width: 450px;
  }
}
@media (min-width: 1024px) {
  search .searcher {
    min-width: 480px;
  }
}
@media (min-width: 1200px) {
  search .searcher {
    min-width: 520px;
  }
}
@media (min-width: 1400px) {
  search .searcher {
    min-width: 600px;
  }
}
search .searcher .form-control {
  padding: 8px 16px;
  transition: border 300ms;
  border: 1px solid transparent;
  min-height: 51px;
}
search .searcher .input-group .btn.btn-main {
  background: #E2DFED;
}
search .searcher .input-group .btn-link {
  display: contents;
}
search .searcher .input-group .no-input {
  color: #B4B4C8;
}
search .searcher .options .badge {
  --bs-badge-color: var(--bs-body-color);
  --bs-badge-font-size: var(--bs-body-font-size);
  font-weight: 400;
  display: flex;
  gap: 5px;
  align-items: center;
}
search .searcher .options .badge span.d-contents svg path[fill="#F2F2F8"][stroke="#A6A6D1"] {
  fill: #f2f2f8;
  stroke: #a6a6d1;
}
search .searcher .options .badge span.d-contents svg path[fill="#A6A6D1"] {
  fill: #f2f2f8;
}
search .searcher .options .badge span.d-contents svg path[stroke="#A6A6D1"] {
  stroke: #f2f2f8;
}
search .searcher .smart-searcher {
  position: absolute;
  width: 100%;
  top: calc(100% - 4px);
  z-index: 3;
  border-radius: 0 0 12px 12px;
  background: var(--bg-color);
  box-shadow: 5px 8px 19.8px 2px rgba(0, 0, 0, 0.1);
  padding: 1rem 1.25rem;
  border: 1px solid var(--new-downloads-popup-bg);
}
search .searcher .smart-searcher .options span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
search .searcher .smart-searcher .options span.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
search .searcher .smart-searcher .options span:hover {
  color: var(--text-purple);
}
search .searcher .smart-searcher .options .form-check-input {
  --bs-form-check-bg: var(--bg-color);
}
search .searcher .smart-searcher .options .form-check-input:checked {
  background-color: var(--text-purple);
  border-color: var(--text-purple);
}
search .searcher .smart-search-input-holder {
  border: 1px solid transparent;
}
search .searcher .smart-search-input-holder.with-border {
  border: 1px solid var(--new-downloads-popup-bg);
  border-radius: 13px 13px 0 0;
}
search .searcher .smart-search-input-holder.with-border .form-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
search .searcher .search-terms {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  flex-grow: 1;
}
search .searcher .search-terms .term {
  min-height: 33px;
}
search .searcher .search-terms .term .edit {
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
}
search .searcher .search-terms .term .edit .start {
  position: absolute;
  left: 4px;
  z-index: 1;
}
search .searcher .search-terms .term .edit .end {
  position: absolute;
  right: 4px;
  cursor: pointer;
}
search .searcher .search-terms .term .edit input, search .searcher .search-terms .term .edit .ui-select-container {
  padding: 0 25px 0 25px;
  min-width: 120px;
  width: 120px;
  max-width: 400px;
  border-radius: 5px;
}
search .searcher .search-terms .term .edit input.open, search .searcher .search-terms .term .edit .ui-select-container.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
search .searcher .search-terms .term .edit input:focus, search .searcher .search-terms .term .edit .ui-select-container:focus {
  box-shadow: none;
}
search .searcher .search-terms .term .edit .ui-select-container {
  padding-left: 0;
  --min-height: 33px;
  width: auto;
  border: 0;
}
search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle {
  border-radius: 0;
  background: transparent;
  min-height: var(--min-height);
  padding: 4px 5px 3px;
  border: 0 !important;
}
search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle:active, search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle:focus {
  border: 0 !important;
}
search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle .caret {
  margin-top: -3px;
  right: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,<svg width='10' height='5' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.7071 6.7071C6.3166 7.0976 5.6834 7.0976 5.2929 6.7071L0.29289 1.70711C-0.09763 1.31658 -0.09763 0.68342 0.29289 0.29289C0.68342 -0.09763 1.31658 -0.09763 1.70711 0.29289L6 4.5858L10.2929 0.29289C10.6834 -0.09763 11.3166 -0.09763 11.7071 0.29289C12.0976 0.68342 12.0976 1.31658 11.7071 1.70711L6.7071 6.7071Z' fill='rgb(0 0 0)'/></svg>");
  background-repeat: no-repeat;
}
search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle .ui-select-match-text svg path[fill="#A6A6D1"] {
  fill: black;
}
search .searcher .search-terms .term .edit .ui-select-container span.ui-select-toggle .ui-select-match-text svg path[stroke="#A6A6D1"] {
  stroke: black;
}
search .searcher .search-terms .term .edit .ui-select-container .ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
search .searcher .search-terms .term .edit .ui-select-container .ui-select-choices {
  border: 0;
  width: 100%;
}
search .searcher .search-terms .term .edit .ui-select-container .ui-select-search:not(.ui-select-search-hidden) {
  min-height: var(--min-height);
}
search .searcher .search-terms .term .edit .form-control {
  min-height: 33px;
}
search .searcher .search-terms .term .badge {
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 5px;
  font-size: 14px;
  padding: 6px 5px;
  min-height: 33px;
  font-weight: normal;
  background: var(--tags-color);
  color: white;
  gap: 5px;
  --bs-badge-font-size: var(--bs-body-font-size);
}
search .searcher .search-terms .term .badge i {
  margin-right: 3px;
}
search .searcher .search-terms .term .badge span.d-contents svg path[fill="#F2F2F8"][stroke="#A6A6D1"] {
  stroke: white;
  fill: transparent;
}
search .searcher .search-terms .term .badge span.d-contents svg path[stroke="#A6A6D1"] {
  stroke: white;
}
search .searcher .search-terms .term .badge span.d-contents svg path[fill="#A6A6D1"] {
  fill: white;
}
search .searcher .search-terms input[type=search] {
  background: transparent;
  width: auto;
  display: flex;
  flex-grow: 1;
  box-shadow: unset;
  border-radius: 0;
  min-height: 33px;
}
search .searcher .search-terms + .d-flex button.btn-main {
  height: 28px;
}
search .searcher .search-terms + .d-flex button.btn-main.ng-hide {
  display: none !important;
}
search .searcher input.search-term-input {
  background: transparent;
  width: auto;
  display: flex;
  flex-grow: 1;
  box-shadow: unset;
  border-radius: 0;
  min-height: 32px;
}
search .searcher input.search-term-input + .d-flex button span.txt-find {
  display: contents;
}
search .searcher input.search-term-input + .d-flex button span.txt-search {
  display: none;
}
search .searcher input.search-term-input:focus {
  box-shadow: unset;
}
search .searcher input.search-term-input:focus + .d-flex button span.txt-find {
  display: none;
}
search .searcher input.search-term-input:focus + .d-flex button span.txt-search {
  display: contents;
}
search .searcher .smart-searcher-filters label {
  font-weight: 500;
}
search .searcher:has(.smart-searcher-background:not(.ng-leave)) {
  flex-grow: 1;
}
search .searcher:has(.smart-searcher-background:not(.ng-leave)) div.form-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--new-downloads-popup-bg);
}
input[type=radio] {
  min-width: 16px;
  min-height: 16px;
}
input[type=radio]:checked:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: white url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="%23FBF9F9" stroke="%23966FE8" stroke-width="2"></circle><circle cx="8.00016" cy="7.99992" r="2.66667" fill="%23966FE8"></circle></svg>') center/1em auto no-repeat;
}
input[type=radio]:not(:checked):after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7" fill="%23FBF9F9" stroke="%23A297C3" stroke-width="2"/></svg>') center/1em auto no-repeat;
}

.bottom-red {
  background: #FFE3E3;
  color: #FF4500;
  min-height: 38px;
  font-weight: 600;
  font-size: 14px;
  width: calc(100% - 24px);
  font-family: var(--bs-body-alt-font-family);
  position: absolute;
  bottom: 10px;
  border-radius: 0 0 13px 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.whats-news-toggler {
  background: var(--text-purple);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: -20px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.whats-news-toggler.animated {
  animation-name: brightFrame;
  animation-duration: 2.1s;
  animation-iteration-count: infinite;
}
.whats-news-toggler.min {
  width: 8px;
  height: 8px;
  filter: brightness(1.6);
  animation-name: unset !important;
}
.whats-news-toggler.min.ng-leave {
  display: none !important;
}
@keyframes brightFrame {
  0% {
    filter: brightness(1) drop-shadow(0px 0px 1px var(--text-purple));
  }
  50% {
    filter: brightness(1.3) drop-shadow(0px 0px 7px var(--text-purple));
  }
  100% {
    filter: brightness(1) drop-shadow(0px 0px 1px var(--text-purple));
  }
}

.badge-new-download {
  background: var(--text-purple);
  letter-spacing: 0.025rem;
  animation-name: brightFrame;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.badge-new-download.ng-leave {
  display: none !important;
}
@keyframes brightFrame {
  0% {
    filter: brightness(1) drop-shadow(0px 0px 1px var(--text-purple));
  }
  50% {
    filter: brightness(1.3) drop-shadow(0px 0px 4px var(--text-purple));
  }
  100% {
    filter: brightness(1) drop-shadow(0px 0px 1px var(--text-purple));
  }
}

.whats-new {
  position: absolute;
  inset: 0 auto auto 0;
  margin: 0;
  left: auto;
  right: 45px;
  top: 55px;
  max-width: 380px;
  min-width: 300px;
  --animate-duration: 300ms;
  box-shadow: 5px 8px 20px 2px #0000001A;
  border-radius: 14px;
  background: white;
  z-index: 99;
  overflow: hidden;
}
.whats-new .card {
  background: transparent;
  border: 0;
  box-shadow: 5px 8px 20px 2px #0000001A;
}
.whats-new .card:has(.news-container) {
  transition: height 500ms ease;
}
.whats-new .list-group {
  z-index: 1029;
  position: relative;
  --bs-list-group-bg: white;
  max-height: min(100vh - 220px, 400px);
  overflow: auto;
  border-radius: 0;
}
.whats-new .list-group .list-group-item {
  --bs-list-group-item-padding-y: 0.35rem;
  border: 0;
  border-radius: 0;
  --bs-list-group-color: var(--menu-color);
}
.whats-new .list-group .list-group-item:first-child {
  padding-top: 8px;
}
.whats-new .swiper-container, .whats-new .swiper-slide {
  background: var(--bs-body-bg);
}
.whats-new .swiper-pagination {
  width: unset;
  left: 50%;
  transform: translate(-50%, 0);
  background: #0000004d;
  border-radius: 5px;
  padding: 6px 5px;
  display: flex;
}
.whats-new .swiper-pagination .swiper-pagination-bullet {
  margin: 0 3px;
  opacity: 0.4;
}
.whats-new .swiper-pagination .swiper-pagination-bullet-active {
  background: white;
  opacity: 1;
}
.whats-new .news-content {
  text-align: center;
  text-decoration: none;
  color: inherit;
  border-radius: 0 0 var(--bs-modal-border-radius) var(--bs-modal-border-radius);
  max-height: 450px;
  overflow: auto;
}
.whats-new .news-content > strong {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  display: block;
}
.whats-new .news-content .free-content {
  max-height: 400px;
  overflow: auto;
}
.whats-new .news-content .free-content h1 {
  font-size: 22px;
}
.whats-new .news-content .free-content h2 {
  font-size: 21px;
}
.whats-new .news-content .free-content h3 {
  font-size: 20px;
}
.whats-new .news-content .free-content h4 {
  font-size: 19px;
}
.whats-new .news-content .free-content h5 {
  font-size: 18px;
}
.whats-new .news-content .free-content h6 {
  font-size: 17px;
}
.whats-new .news-content .free-content p {
  margin-bottom: 8px;
  line-height: 19px;
}
.whats-new .news-content .free-content a {
  color: var(--text-purple);
  text-decoration: none;
}
.whats-new .news-content .free-content a.underline {
  text-decoration: underline;
}
.whats-new .news-content .free-content img {
  max-width: 100%;
  border-radius: 5px;
  object-fit: contain;
}
.whats-new .news-content .free-content ul, .whats-new .news-content .free-content ol {
  padding-left: 15px;
}
.whats-new .news-container {
  box-shadow: 5px 8px 20px 2px #0000001A;
}
.whats-new .news-container .n-title {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-image: linear-gradient(#fff, #8b8ba963) 30;
}
.whats-new .li-news-item #news-item {
  overflow: auto;
  max-height: min(100vh - 220px, 400px);
}
.whats-new .li-news-item.ng-enter {
  animation-name: slideInLeft;
  --animate-duration: 500ms;
  z-index: 3;
}
.whats-new .li-news-item.ng-leave {
  z-index: 1;
  position: absolute;
}
.whats-new .li-news-row.ng-enter {
  z-index: 3;
  animation-name: slideInRight;
  --animate-duration: 500ms;
}
.whats-new .li-news-row.ng-leave {
  z-index: 1;
  position: absolute;
}

#first-login-modal {
  --bs-modal-padding: 2rem;
  --bs-heading-color: var(--text-deep-purple);
}
#first-login-modal .modal-content {
  background: linear-gradient(116.19deg, #FAFAFA 0%, #FAF5FB 34%, #F5F1FF 100%);
}
#first-login-modal .modal-content h1 {
  color: #B4B4C8;
}
#first-login-modal .modal-content p {
  color: #B4B4C8;
  font-size: calc(0.95rem + 0.25vw);
  line-height: calc(1.6rem + 0.25vw);
  font-weight: 400;
  max-width: 520px;
}
#first-login-modal .modal-content .steper {
  min-height: 24px;
  min-width: 1px;
  color: #B4B4C8;
  display: flex;
  align-items: center;
  font-size: calc(1rem + 0.25vw);
}
#first-login-modal .modal-content .bg-side {
  background: #e9e2fb;
  flex-basis: 30%;
  flex-grow: 1;
  max-width: 630px;
  border: 1rem solid #e9e2fb;
  animation-delay: 100ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
#first-login-modal .modal-content .bg-side img {
  max-height: calc(100vh - 4rem);
}
#first-login-modal .modal-content .bg-side .img-holder {
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
#first-login-modal .modal-content .bg-side .img-holder.img-holder-1 img {
  max-height: calc(100vh - 12rem);
}
#first-login-modal .modal-content .bg-side.bg-transparent {
  border-color: transparent;
  justify-content: end;
}
@keyframes slideOutLeft {
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-250%, 0, 0);
    transform: translate3d(-300%, 0, 0);
  }
}
#first-login-modal .modal-content .text-side {
  justify-content: center;
}
#first-login-modal .modal-content .text-side .btn-prev {
  background: transparent;
  max-width: 64px;
}
#first-login-modal .modal-content .text-side .btn-prev:hover, #first-login-modal .modal-content .text-side .btn-prev:active {
  background: var(--text-purple);
}
#first-login-modal .modal-content .text-side .btn-prev:hover svg path, #first-login-modal .modal-content .text-side .btn-prev:active svg path {
  fill: white;
  stroke: transparent;
}
#first-login-modal .modal-content .text-side .btn-next {
  min-width: 190px;
}
#first-login-modal .modal-content .text-side .btn-next svg {
  margin-left: 30px;
}
#first-login-modal .modal-content .text-side .btn-next:disabled {
  background: #EEE6FB;
  opacity: 1;
  color: #B5A6CD;
}
#first-login-modal .modal-content .text-side .btn-next:disabled svg path {
  fill: #B5A6CD;
}
#first-login-modal .modal-content .text-side .btn-skip {
  min-width: 190px;
  background: #EEE6FB;
  opacity: 1;
  color: #B5A6CD;
  min-height: 56px;
}
#first-login-modal .modal-content .text-side .btn-skip svg {
  margin-left: 30px;
}
#first-login-modal .modal-content .text-side .btn-skip svg path {
  fill: #B5A6CD;
}
#first-login-modal .modal-content .swiper-slide {
  background-color: transparent;
  width: 100%;
}
#first-login-modal .modal-content .swiper-container-horizontal > .swiper-pagination {
  bottom: 10%;
}
#first-login-modal .modal-content .swiper-pagination-bullet {
  background: #966FE8;
  opacity: 1;
}
#first-login-modal .modal-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 0.4;
}
#first-login-modal .modal-content .login-box {
  background: #ECE3FB;
  color: #966FE8;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  min-width: 370px;
  height: 85px;
  padding-left: 2rem;
  transition: all 300ms;
  text-decoration: none;
}
#first-login-modal .modal-content .login-box .side {
  background: #966FE8;
  min-width: 75px;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 24px 24px 0;
  height: 100%;
}
#first-login-modal .modal-content .login-box:hover {
  background: #966FE8;
  color: white;
}

@media (min-width: 750px) {
  #subscription-modal {
    --bs-modal-header-padding: 1.5rem 2rem;
    --bs-modal-padding: 1.5rem 2rem;
  }
}
#subscription-modal .modal-content {
  background: linear-gradient(116.19deg, #FAFAFA 0%, #FAF5FB 34%, #F5F1FF 100%);
}
#subscription-modal .modal-content:after {
  border-radius: 796px;
  opacity: 0.2;
  filter: blur(150px);
  content: "";
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  height: 130%;
  display: block;
  background: linear-gradient(127.65deg, #3826A4 3.15%, #8C3A93 104.68%);
}
#subscription-modal .modal-body {
  z-index: 2;
}
@media (max-width: 1170px) {
  #subscription-modal .modal-dialog {
    --bs-modal-width: 97vw;
  }
  #subscription-modal .modal-dialog .subscriptions .card .card-body {
    padding: 1.75rem 0.75rem 1.25rem;
  }
}
@media (max-width: 1065px) {
  #subscription-modal .modal-dialog .subscriptions {
    flex-direction: column;
  }
  #subscription-modal .modal-dialog .subscriptions .card {
    margin-right: 0 !important;
    margin-bottom: 1.5rem !important;
    width: 100%;
    max-width: unset;
  }
  #subscription-modal .modal-dialog .subscriptions .card .card-body span {
    display: block;
    margin-left: 0 !important;
  }
}
#subscription-modal .modal-header {
  flex-direction: column;
}
#subscription-modal .modal-header strong {
  font-weight: 400;
  display: block;
  margin-top: 16px;
  font-size: 18px;
  line-height: 24px;
  color: var(--menu-color);
}
#subscription-modal .modal-header h6 {
  color: #545478;
  font-size: 32px;
  line-height: 56px;
  font-weight: 400;
}

#share-folder-modal .modal-dialog {
  max-width: 525px;
}
#share-folder-modal .share-folder-url {
  background: #EEE6F8;
  color: #5C5C7A;
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 12px 16px;
  border-radius: 0.5rem;
}
#share-folder-modal .share-folder-url span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
#share-folder-modal .btn-copy-url {
  background-color: white;
  white-space: nowrap;
}
#share-folder-modal .how-to {
  color: #9EA2B0;
  text-decoration: none;
  font-weight: 400;
}

#delete-modal small {
  line-height: 16px;
}
#delete-modal small.animate__animated.ng-leave {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown !important;
}

#trial-modal {
  --bs-modal-width: 681px;
}
#trial-modal .maxer {
  max-width: 569px;
  margin: 0 auto;
}
#trial-modal .modal-body h6 {
  font-weight: 500;
  font-size: 31px;
  line-height: 24px;
  letter-spacing: -2%;
  color: var(--text-deep-purple);
}
#trial-modal .modal-body p {
  color: #9999B1;
  font-size: 15px;
  line-height: 24px;
}
#trial-modal .modal-body p.opacity-50 {
  font-size: 14px;
}
#trial-modal .modal-body img.img-black {
  display: none;
}
#trial-modal .modal-footer {
  display: block;
}

.expired-account {
  background: linear-gradient(116.19deg, #F0ECEC 0%, #F9EAFA 34%, #F5F1FF 100%);
  padding: 16px 32px 16px 32px;
  display: flex;
  color: #553C61;
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 100%;
  align-items: center;
  gap: 25px;
  font-size: 19px;
}
.expired-account .svg-wrapper {
  border-radius: 22px;
  box-shadow: -24.57px -30.29px 142.82px -0.57px #C271E814;
  background: linear-gradient(51.26deg, #FFFFFF 9.66%, #FFFFFF 90.57%);
  padding: 16px;
}
.expired-account strong {
  font-weight: 500;
}
.expired-account strong span {
  color: #E36868;
}
.expired-account p {
  font-size: 17px;
}
.expired-account p span {
  opacity: 0.7;
}
.expired-account p a {
  color: #966FE8;
}

.pricing-content-break {
  display: contents;
}

.pricing-card {
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
  flex-grow: 1;
  align-items: center;
  max-width: 245px;
  min-height: 500px;
  min-width: 220px;
}
.pricing-card.no-max-width {
  max-width: unset;
}
.pricing-card.no-max-width svg path[stroke] {
  stroke: #8b8ba9;
}
.pricing-card.no-max-width svg path[fill] {
  fill: #8b8ba9;
}
.pricing-card .pricing-tier {
  color: #8d8a9b;
}
.pricing-card .pricing-description {
  color: #8d8a9b;
  margin-top: 0.5rem;
  font-weight: 400;
  min-height: 30px;
}
.pricing-card .pricing-description span {
  background: linear-gradient(91deg, #956FE3 66.11%, #CF72BC 108.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
}
.pricing-card .pricing-discount {
  color: #837794;
  opacity: 0;
  transition: opacity 300ms;
}
.pricing-card .feature-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(119, 119, 119, 0.3);
  width: 100%;
  padding: 1rem 4rem;
  height: 58px;
  white-space: nowrap;
  color: var(--menu-color);
}
.pricing-card .feature-item i {
  color: #8b8ba9;
}
.pricing-card .feature-item i, .pricing-card .feature-item svg {
  flex-shrink: 0;
}
.pricing-card .feature-item .regular svg path[fill="#505050"] {
  fill: #a196b0;
}
@media (max-width: 767.98px) {
  .pricing-card .feature-item {
    line-height: 18px;
    white-space: normal;
    font-size: 14px;
  }
}
.pricing-card .feature-icon {
  width: 2rem;
  aspect-ratio: 1;
  object-position: center;
}
.pricing-card .feature-text {
  color: #fff;
  white-space: nowrap;
  text-align: center;
}
.pricing-card .feature-text.gradient {
  background: linear-gradient(92deg, #966EE2 2.54%, #C772C1 111.77%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pricing-card.premium {
  background: linear-gradient(326.03deg, rgba(180, 45, 102, 0.13) -2.11%, rgba(110, 100, 151, 0.0975) 57.97%);
  border-radius: 28px;
  max-width: 255px;
  position: relative;
}
.pricing-card.premium .feature-item {
  border-bottom-color: transparent;
}
.pricing-card.border-start {
  --bs-border-color: rgba(119, 119, 119, 0.3);
}
.pricing-card .pricing-upgrade, .pricing-card .feature-item .upgrade {
  display: none;
}
.pricing-card .form-check-input {
  height: 22px;
  width: 38px;
  position: relative;
  top: -3px;
  left: -2px;
}
.pricing-card .form-check-input:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-color: #54476A;
  border-color: #54476A;
}
.pricing-card .form-check-input:checked {
  background-color: #966FE8;
  border-color: #966FE8;
}
.pricing-card .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(158, 111, 232, 0.25);
}
.pricing-card .form-check-input:focus:not(:checked) {
  border-color: #9e7de3;
  outline: 0;
}
.pricing-card .form-check-label {
  color: var(--menu-color);
}
.pricing-card .btn-main-purple {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pricing-card .notes {
  color: #837794;
}
.pricing-card:has(.form-check-input:checked) .pricing-discount {
  opacity: 1;
}
.pricing-card:has(.form-check-input:checked) .pricing-description.pricing-upgrade {
  display: block;
}
.pricing-card:has(.form-check-input:checked) .pricing-description.pricing-regular {
  display: none;
}
.pricing-card:has(.form-check-input:checked) .feature-item .upgrade {
  display: block;
}
.pricing-card:has(.form-check-input:checked) .feature-item .regular {
  display: none;
}
.pricing-card .btn-main-purple-outline:hover {
  background: var(--text-purple) !important;
  color: white;
}

bookmark-image {
  display: contents;
}

.badge-purple {
  background: var(--tags-color);
}

.form-switch .form-check-input {
  width: 2.2rem;
  height: 1.2rem;
}
.form-switch .form-check-input:focus {
  border: 0;
  box-shadow: unset;
}
.form-switch .form-check-input:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e") !important;
  background-color: #B4B4C8;
  border-color: #B4B4C8;
}
.form-switch .form-check-input:checked {
  background-color: var(--tags-color);
  border-color: var(--tags-color);
}

@media (max-width: 1240px) {
  #first-login-modal .modal-content .bg-side {
    flex-basis: 40%;
    max-width: 500px;
  }
}
@media (max-width: 920px) {
  .bookmarks-stam {
    padding-left: var(--padding-top);
  }

  main {
    flex-direction: column;
  }
  main aside {
    width: 100%;
  }
  main aside header .hb {
    display: block;
  }
  main aside .aside-holder {
    position: relative;
  }
  main aside .aside-holder header {
    padding: 0 16px !important;
  }
  main aside .aside-holder header + section {
    height: 0;
    overflow: hidden;
    display: block !important;
    transition: height 300ms;
  }
  main aside.aside-open header + section {
    height: 100vh;
    overflow: auto;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: calc(var(--var-header-height) + 2rem);
    background: var(--bs-body-bg);
    box-shadow: 5px 47px 20px 5px #0000001A;
    border-radius: 0 0 8px 8px;
    padding: 0 1rem;
  }
  main aside.aside-open-remove-active header + section {
    overflow: auto;
    position: absolute;
    width: 100%;
    z-index: 10;
    top: calc(var(--var-header-height) + 2rem);
    background: var(--bs-body-bg);
    box-shadow: 5px 47px 20px 5px #0000001A;
    border-radius: 0 0 8px 8px;
    padding: 0 1rem;
  }
  main aside:not(.aside-open) .collections-position-relative {
    position: relative;
  }
  main aside .collections-section {
    position: static;
    max-height: unset;
    overflow: initial;
  }
  main aside .menu-toggler {
    display: none;
  }
  main .bookmarks-stam .bookmarks.current-tweet-mode {
    width: 100%;
  }
  main .bookmarks-stam .bookmarks-holder {
    height: calc(100vh - var(--var-top-bookmarks-height) - var(--var-banner-height) - var(--padding-top) - 3 * var(--inner-padding));
  }
  main .bookmarks-stam .current-tweet {
    width: 100%;
    --current-tweet-padding-x: 0;
    top: 1rem;
    padding-top: 24px;
    height: calc(100% - 12px);
  }
  main .bookmarks-stam .current-tweet button[ng-click="setCurrentBookmarkFullWidth()"] {
    display: none;
  }

  #settings .bookmarks-stam {
    flex-grow: 1;
  }
  #settings .bookmarks-stam .bookmarks {
    height: calc(100% - 32px);
  }
  #settings .settings-app .themes {
    overflow-x: auto;
    scrollbar-width: none;
  }
  #settings .integration {
    flex-direction: column;
  }
  #settings .aside .treeview {
    display: flex;
    overflow-x: auto;
    list-style: none;
    scrollbar-width: none;
  }
  #settings .aside .treeview-help {
    justify-content: center;
  }

  #first-login-modal .modal-content .bg-side {
    flex-basis: 50%;
  }

  .tweets-actions nav {
    gap: 12px;
  }
  .tweets-actions .action-buttons {
    white-space: nowrap;
    overflow-x: auto;
    order: 3;
    scrollbar-width: none;
    flex-basis: 100%;
  }
  .tweets-actions .close-container {
    margin-left: auto;
  }

  .whats-new {
    top: 116px;
    right: 10px;
    z-index: 999;
  }
}
@media (max-width: 870px) {
  #first-login-modal .modal-content .modal-body > .d-flex {
    flex-direction: column-reverse;
  }
  #first-login-modal .modal-content .modal-body .bg-side {
    flex-basis: auto;
    max-width: unset;
    max-height: 300px;
    overflow: hidden;
  }
  #first-login-modal .modal-content .modal-body .bg-side img {
    top: calc(100% + 3rem);
  }
  #first-login-modal .modal-content .modal-body .text-side {
    justify-content: start;
    padding-top: 2rem;
  }
}
@media (max-width: 650px) {
  search .searcher {
    flex-grow: 1;
    max-width: unset;
    min-width: unset;
    min-height: unset;
  }
  search .searcher .search-terms + .d-flex button.btn-main {
    display: none;
  }
  search .searcher .form-control {
    min-height: 44px;
  }

  #first-login-modal .modal-content .modal-body .bg-side {
    max-height: 250px;
  }

  .bookmarks-stam #top-bookmarks {
    gap: 0.5rem;
  }
  .bookmarks-stam .search-actions {
    gap: 16px;
  }
  .bookmarks-stam .search-actions span.the-name {
    display: none !important;
  }
  .bookmarks-stam .bookmark-summary h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .bookmarks-stam .bookmark-summary h2 svg {
    height: 18px;
    width: 18px;
  }
}
@media (max-width: 565px) {
  .tweets-actions .action-buttons {
    justify-content: start !important;
  }

  #first-login-modal {
    --bs-modal-padding: 1rem;
  }
  #first-login-modal .modal-content .modal-body .bg-side {
    max-height: 200px;
  }

  .bookmarks-stam {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .bookmarks-stam .bookmarks {
    padding: var(--inner-padding) 1rem 0;
  }
  .bookmarks-stam .current-tweet .tweet-info .tweet-edit {
    min-width: unset;
  }

  .bottom-red {
    width: calc(100% - 2rem);
    left: 1rem;
    bottom: 4px;
  }

  .expired-account {
    bottom: -4px;
  }

  .whats-news-toggler {
    right: -5px;
  }

  .whats-new {
    --bs-list-group-bg: #333138;
    left: 3%;
  }

  #settings .integration span:has(> .btn-main), #settings .integration .btn-main {
    min-width: 100%;
  }
}
@media (max-width: 991.98px) {
  .pricing-content-break {
    display: flex;
    border: 2px solid white;
    margin-bottom: 2rem;
    border-radius: 28px;
    padding: 0 2rem;
    background: linear-gradient(36deg, rgba(255, 255, 255, 0.06) -17.3%, rgba(255, 255, 255, 0) 45.98%);
  }
  .pricing-content-break .pricing-card {
    min-width: unset;
    min-height: 480px;
    padding-bottom: 0;
    margin-top: 2rem;
    border: 0 !important;
  }
  .pricing-content-break:has(.premium) .pricing-card {
    margin-bottom: 2rem;
  }
  .pricing-content-break .mt-auto.w-100 .feature-item:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 768px) {
  #settings {
    flex-direction: column;
  }
  #settings .connected-account {
    flex-wrap: wrap;
  }
  #settings .connected-account .acc-users {
    width: 100%;
  }

  .pricing-card .form-check.form-switch {
    flex-direction: column;
    text-align: center;
    padding-left: 0;
  }
  .pricing-card .form-check.form-switch .form-check-label {
    line-height: 18px;
  }
  .pricing-card .form-check.form-switch .form-check-input {
    margin-left: unset;
  }
}
@media (max-width: 575.98px) {
  .pricing-content-break {
    padding: 0 0.5rem;
  }
}

/*# sourceMappingURL=account.css.map */