button#toggleAiData {
/*     display: none; */
}

body{
	font-family: PPRGrotesk;
    font-style: normal;
	background-color: #000000;
/* 	overscroll-behavior: none; */
	overflow-x:hidden;
}

*, *::before, *::after {
  box-sizing: border-box;
}

input:focus,
textarea:focus{ outline: none; }
input[type="text"]:focus,
textarea:focus{
	box-shadow:unset !important;
}

.has-global-padding {
    padding-right: 0;
    padding-left: 0;
}

h1.wp-block-site-title, hr.wp-block-separator.has-alpha-channel-opacity{
	display:none;	
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width:100%;
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 12px 16px 20px;
    border-radius: 36px;
    width: fit-content;
    height: 85px;
    gap: 16px;
    background: rgba(0, 0, 0, 0.44);
    box-shadow: 69px 213px 63px 0px rgba(0, 0, 0, 0.00), 44px 136px 57px 0px rgba(0, 0, 0, 0.02), 25px 77px 48px 0px rgba(0, 0, 0, 0.06), 11px 34px 36px 0px rgba(0, 0, 0, 0.10), 3px 9px 20px 0px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(45px);
    position: fixed;
    top: 14px;
    left: 14px;
    font-family: PPOSans;
	transition: all 0.3scubic-bezier(0, 0.16, 0, 1.23);
	z-index: 54;
}

.search-input {
	height: 61px;
    border-radius: 24px;
    width: 210px;
    border: none;
    outline: none;
    padding-left: 59px;
    font-size: 19px;
    color: #ffffffa1;
    background-color: #ffffff4d;
    background-image: url(https://wp.dima.uno/wp-content/uploads/2025/04/search_s.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 28px;
    font-family: 'PPOSans';
	transition: width 0.3s ease;
}

.search-input.expanded {
  width: 300px;
}

/* Стили для placeholder (при желании) */
.search-input::placeholder {
  color: #aaa;
}

.search-wrapper {
  position: relative;
  display: inline-block;
}

.clear-button {
    position: absolute;
    right: -5px;
    top: 47%;
    padding: 6px 20px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 29px;
    color: #ffffff60;
    font-family: system-ui;
    font-weight: 100;
    z-index: 8888;
}



.logo {
	color: white;
	font-weight: 900;
	font-size: 39px;
	letter-spacing: -1px;
}

.nav-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.layout-icon {
	width: 30px;
    height: 23px;
    padding: 0 4px 0 67px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(https://wp.dima.uno/wp-content/uploads/2025/04/tabs.svg);
	cursor:pointer;
}

.layout-icon:hover {
	opacity: 0.8;
}

.search-icon {
	background-color: black;
	color: white;
	font-size: 28px;
	padding: 16px 24px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height:61px;
	width: 195px;
}

.sac-library {
/*     padding: 20px; */
}

.sac-library h1, .sac-library h2, .sac-library h3 {
    margin-bottom: 10px;
	display:none;
}

#categories {
/*     margin-top: 310px; */
	position: relative;
	display: flex;
    flex-direction: column;
    width: max-content;
    gap: 14px;
    position: fixed;
	z-index:3;
	transform: translatex(-100%);
	transition: all 0.3s ease;
	height: 100vh;
    overflow: scroll;
    padding: 100px 0;
	width: 270px;
}

#categories:hover {
    z-index: 33;
}

.category-tab {
    padding: 11px 45px 11px 11px;
    cursor: pointer;
    border-radius: 45px;
    margin-right: 5px;
    transition: all 0.2sease -in;
    background: rgb(78 78 78 / 44%);
    color: #fff;
    font-family: 'PPOSans';
    backdrop-filter: blur(24px);
    transition: all 0.2sease-in-out;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	gap: 10px;
	min-height: 79px;
}

span.category-tab:hover {
    background: #363636;
	transition: all 0.2s ease-in-out;
}

span.category-tab:first-child {
	padding: 21px 48px;
}

.category-image {
    display: inline-block;
    width: 50px;      /* размер контейнера */
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 5px;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.category-tab.active {
	background-color: #111a58;
    color: #fff;
}

#closePopup {
    position: absolute;
    top: 0;
    height: 7vh;
    width: 100%;
	transition: all 0.2s ease-in-out;
	justify-content: center;
    align-items: center;
	display: flex;
	color: grey;
	font-size: 32px;
    cursor: pointer;
}

#closePopup:hover + #popup {
    transform: translateY(8px);
	transition: all 0.15s ease-in-out;
}

.category-tab .delete-category {
    margin-left: 5px;
    color: #ffffff33;
    cursor: pointer;
    right: 9px;
    position: absolute;
    padding-right: 4px;
}

#urlOrImageInput {
    height: 100px;
    width: -webkit-fill-available;
    border: none;
    background: lightgray;
    border-radius: 20px;
    margin: 20px 0;
    font-size: 18px;
    padding: 10px;
    resize: none;
}

#searchInput {
	width: -webkit-fill-available;
    padding: 10px;
    height: 78px;
    margin-bottom: 20px;
    font-size: 48px;
    border: 1px solid #cccccc00;
    border-radius: 5px;
    font-family: 'PPRGrotesk';
    position: fixed;
    z-index: 2;
    top: 0;
    box-shadow: 0px 266px 74px 0px rgba(0, 0, 0, 0.00), 0px 170px 68px 0px rgba(0, 0, 0, 0.02), 0px 96px 57px 0px rgba(0, 0, 0, 0.08), 0px 43px 43px 0px rgba(0, 0, 0, 0.13), 0px 11px 23px 0px rgba(0, 0, 0, 0.15);
}

.search-container {
	position: fixed;
    z-index: 22;
}

#clearInput {
	position: fixed;
    right: 36px;
    top: 0;
    cursor: pointer;
    font-size: 29px;
    height: 100px;
    display: flex;
    color: #b8b8b8;
    z-index: 222;
    font-weight: normal;
    font-family: serif;
    align-items: center;
}


#addCategoryBtn {
	cursor: pointer;
    font-size: 20px;
    padding: 21px 30px;
    border: 2px solid #535353;
    border-radius: 200px;
    color: #fff;
	font-family: 'PPOSans';
}

#popupOverlay{
	transform: translateY(-30%);
	transform: all 0.2s ease-in-out;
	opacity: 0;
}

#linkList {
	justify-content: center;
    display: grid;
    gap: 5px 5px;
    padding: 0px 5px;
    position: relative;
    grid-template-columns: repeat(3, 1fr);
	grid-template-columns: repeat(3, minmax(200px, 3fr));
	grid-template-columns: repeat(4, minmax(200px, 3fr));
	gap: 14px 14px;
    padding: 0px 14px;
	transform: scale(1);
	transform-origin: top right;
	will-change: transform;
/* 	transition: transform 0.3s ease; */
}

.link-item {
    width: 100%;
    padding: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
    background-color: #ffffff;
    border-radius: 25px;
    transition: box-shadow 0.3s;
    justify-content: space-between;
	transition: all 0.2s ease-in-out;
}

.link-item:hover {
/*     box-shadow: 0 0 10px rgba(0,0,0,0.1); */
}

.link-item img {
	margin-bottom: 10px;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    object-fit: contain;
	transition: all 0.2s ease-in-out;
	max-width: 100%;
	max-height: 450px;
}

.link-item .link-placeholder {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 16px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.delete-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #00000069;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 27px;
    font-size: 14px;
    font-family: sans-serif;
    visibility:hidden;
    height: 26px;
    width: 26px;
}

.link-item:hover .delete-button {
	visibility:visible;
}

.popup-overlay, .category-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(35px);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup, .category-popup {
/* 	background: white; */
    padding: 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90%;
    justify-content: space-between;
	width: 90%;
    height: 81%;
	justify-content: space-around;
}

.popup{
transition: all 0.15s ease-in-out;
}

.popup img {
/*     width: 100%; */
    margin-bottom: 10px;
    max-height: 81vh;
    object-fit: contain;
	border-radius:8px;
}


.popup a {
    margin-bottom: 10px;
    color: blue;
    text-decoration: underline;
    word-break: break-all;
}

.popup input, .popup textarea, .category-popup input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input#siteTitle {
    color: #000000;
	width: 100%;
    text-overflow: ellipsis;
    background: transparent;
    font-size: 33px;
    margin: 10px 0;
    padding: 0;
    border: none;
    font-family: emoji;
    transform: scaleX(0.8) scaleY(1.1);
    transform-origin: left center;
}

input#siteTitle:focus {
    border-bottom: 1px solid #ffffff7a;
    width: 100%;
    border-radius: 0;
}

textarea#siteComment {
	font-size: 16px;
    background: #262626;
    border-radius: 14px;
    border: 1px solid transparent;
    word-break: break-word;
	font-family: inherit;
    color: #ffffffa3 !important;
}

.sidebar{
	width: 20vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    overflow: scroll;
    height: 100%;
    background: #00000085;
    padding: 30px;
    border-radius: 30px;
	background: #ffffff2e;
}
	
/* 	position: absolute;
	right: 14px; */
}

#aiVision {
    width: 100%;
/*     padding: 10px; */
    margin-bottom: 10px;
/*     background-color: #f1f1f1; */
    border-radius: 3px;
}

#aiVision em {
  display: inline-block;
  font-style: normal;
  background: linear-gradient(90deg, #999 0%, #fff 50%, #999 100%);
  background-size: 200% auto;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 2s infinite linear;
	padding: 15px 0;
}

@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

.popup button, .category-popup button {
    padding: 12px 20px;
    width: -webkit-fill-available;
    margin-top: 5px;
    border: none;
    border-radius: 43px;
    cursor: pointer;
    background-color: #ffffff36;
    color: white;
    transition: background-color 0.3s
}

.popup button:hover, .category-popup button:hover {
    background-color: #005177;
}

.category-popup button.close-btn {
    background-color: #aaa;
}

button.delete-category-btn {
    background-color: red;
}

/* ANIMATIONS */
/* Стили для карточек */
.sac-card {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    /* Дополнительные стили карточки */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    margin: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Класс активной карточки */
.sac-card.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Анимация при исчезновении */
.sac-card.hidden {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}


/* ТЕГИ-КАТЕГОРИИ */

.popup-category {
	padding: 8px 12px;
    border-radius: 107px;
    cursor: pointer;
    background-color: #464646;
    margin: 2px;
    transition: background-color 0.3s;
    position: relative;
    display: inline-block;
	background-color: #616161;
}

.popup-category.active {
    background-color: #673AB7;
    color: #fff;
}

.popup-category:hover {
    background-color: #e9e9e9;
}


/*  */
p.no-found-text {
    width: 100vw;
    height: 88vh;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: 52px;
}

/* Кнопка выбора цвета */
.color-button {
    background: none;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
}

/* Скрытый цветовой ввод */
.color-picker {
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 1002;
    display: none;
}

/* Кнопка сброса цвета */
.reset-color-button {
    background: none;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    display: none;
}

/* LOGO */

.logo-wrap {
	width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
	z-index: 2;
	pointer-events: none;
	display: none;
}


/* Стили для маркеров комментариев */
.comment-marker {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #0066FF;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transform: translate(-50%, -50%);
}

.comment-marker.active {
    background-color: #FF3355;
}

/* Стили для окна комментария */
.comment-box {
    position: absolute;
    background-color: white;
    border-radius: 4px;
    padding: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    width: 250px;
    z-index: 11;
    margin-left: 15px;
    transform: translateY(-50%);
    display: none;
}

/* Стили для поля ввода комментария */
.comment-input {
    width: 100%;
    min-height: 60px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
    resize: vertical;
}

/* Стили для кнопок действий с комментариями */
.comment-actions {
    display: flex;
    justify-content: space-between;
}

.comment-save, .comment-cancel, .comment-delete {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.comment-save {
    background-color: #0066FF;
    color: white;
}

.comment-cancel {
    background-color: #f0f0f0;
}

.comment-delete {
    background-color: #ff3b30;
    color: white;
}

/* Стили для выделения областей */
.selection-box {
    position: absolute;
    border: 2px solid #0066FF;
    background-color: rgba(0, 102, 255, 0.1);
    z-index: 5;
    pointer-events: auto; /* Изменено с none на auto */
}

.selection-box.active {
    border-color: #FF3355;
    background-color: rgba(255, 51, 85, 0.1);
}

/* Стили для режима комментирования */
.comment-mode .comment-marker {
    pointer-events: none;
}

.comment-mode-toggle {
    margin-bottom: 15px;
}

/* Стили для списка комментариев */
.comment-list {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 10px;
    margin-top: 15px;
    max-height: 200px;
    overflow-y: auto;
	display: none;
}

.comment-item {
    padding: 8px;
    background-color: white;
    border-radius: 4px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.comment-item:hover {
    background-color: #f0f0f0;
}

/* Добавьте эти стили в ваш файл style.css */

/* Стили для модалки с предпросмотром  
#sitePreviewContainer {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 20px;
}
*/

#sitePreview {
    max-width: 100%;
    height: auto;
}

#sitePreviewContainer {
    position: relative;
    display: flex;
    width: 75%;
    height: auto;
    margin-bottom: 20px;
    align-content: center;
    justify-content: center;
    align-items: center;
}



/* Стилизация переключателя режима комментирования */
.comment-mode-toggle {
	position:fixed;
	bottom:0;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 10px 15px;
  background-color: #f5f7fa;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

.comment-mode-toggle:hover {
  background-color: #eef2f8;
}

/* Скрываем стандартный чекбокс */
.comment-mode-toggle input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* Стилизуем кастомный переключатель */
.comment-mode-toggle label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #4a5568;
  padding-left: 50px;
  user-select: none;
}

.comment-mode-toggle label::before {
  content: '';
  position: absolute;
  left: 0;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background-color: #cbd5e0;
  transition: background-color 0.2s ease;
}

.comment-mode-toggle label::after {
  content: '';
  position: absolute;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
  transition: transform 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Стилизуем активное состояние */
.comment-mode-toggle input[type="checkbox"]:checked + label::before {
  background-color: #3182ce;
}

.comment-mode-toggle input[type="checkbox"]:checked + label::after {
  transform: translateX(20px);
  background-color: #ffffff;
}

.comment-mode-toggle input[type="checkbox"]:focus + label::before {
  box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.3);
}

/* Анимация при клике */
.comment-mode-toggle label:active::after {
  width: 18px;
}

/* Текст рядом с переключателем */
.comment-mode-toggle label .toggle-text {
  transition: color 0.2s ease;
}

.comment-mode-toggle input[type="checkbox"]:checked + label .toggle-text {
  color: #2c5282;
}

/* Добавляем иконку комментария */
.comment-mode-toggle label::before {
  font-family: dashicons;
  content: "\f101";
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #718096;
}

.comment-mode-toggle input[type="checkbox"]:checked + label::before {
  content: "\f101";
  color: #ffffff;
}

/* AI Vision styling */
.ai-vision-container {
/*     background-color: #f9f9f9; */
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
/*     box-shadow: 0 1px 3px rgba(0,0,0,0.1); */
}

.ai-review {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 12px;
}

/* .color-circles {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.color-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    transition: transform 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    position: relative;
}

.color-circle:hover {
    transform: scale(1.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
} */

.ai-colors {
    display: flex;
    gap: 7px;
	padding: 6px 0;
}

/* Всплывающее уведомление о копировании */
.color-copied {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

/* Стили для небольших экранов */
@media (min-width: 768px) {
    .color-circles {
        max-width: 200px;
    }
}

/* Заголовок для секции AI Vision */
.ai-vision-container::before {
    content: 'AI Vision';
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    color: #ffffff60;
/*     border-bottom: 1px solid #ddd;
    padding-bottom: 5px; */
}

/* Кнопка переключения видимости всех данных */
.toggle-ai-data {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #555;
    transition: all 0.2s ease;
}

.toggle-ai-data:hover {
    background-color: #e0e0e0;
}

/* Стили для дополнительных данных */
.all-ai-data {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
}

.ai-data-item {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.4;
    color: #555;
}

.ai-data-item strong {
    color: #333;
}

/* Корректное отображение длинного текста */
.ai-data-item {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Добавьте эти стили в файл style.css плагина */

/* Стили для рамок объектов */
.ai-object-box {
    position: absolute;
    border: 2px solid;
    border-radius: 4px;
    pointer-events: none;
    z-index: 20;
    transition: all 0.2s ease;
}

.ai-object-box:hover {
    border-width: 3px;
    z-index: 25;
}

.ai-object-label {
    position: absolute;
    top: -25px;
    left: 0;
    padding: 2px 8px;
    border-radius: 4px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
    pointer-events: auto;
    cursor: default;
}

/* Стили для кнопки показа объектов */
.show-objects-btn {
    display: block;
    margin: 10px 0;
    padding: 8px 12px;
    background-color: #007cba;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.show-objects-btn:hover {
    background-color: #0070a9;
}

.show-objects-btn.active {
    background-color: #d63638;
}

/* Стили для контейнера AI Vision */
.ai-vision-container {
    margin-bottom: 15px;
    padding: 0px;
/*     background-color: #f8f9fa; */
    border-radius: 4px;
}

.ai-review {
    margin-bottom: 10px;
    line-height: 1.5;
}

/* Стили для цветовой палитры */
.color-circles {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0;	
}

.color-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
	border: 1px solid rgb(255 255 255 / 20%) !important;
    position: relative;
    cursor: pointer;
    transition: transform 0.2s;
}

.color-circle:hover {
    transform: scale(1.2);
}

.color-copied {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    white-space: nowrap;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.ai-details {
    font-size: 14px;
    line-height: 1.4;
    padding: 13px 0;
}

.ai-details > div {
    padding-bottom: 10px;
}

/* Стили для всех данных AI */
.toggle-ai-data {
    display: block;
    margin: 10px 0;
    padding: 5px 10px;
    background-color: #f0f0f0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

.all-ai-data {
    margin-top: 10px;
    padding: 10px;
/*     background-color: #eef; */
    border-radius: 4px;
    font-size: 13px;
}

.ai-data-item {
    margin-bottom: 5px;
    line-height: 1.4;
}

.sidebar * {
    color: #ffffff !important;
}



/* TOAST */
.toastify.on.toastify-right.toastify-top {
    background: #0058fe !important;
    font-family: "PP Object Sans";
    border-radius: 120px;
    padding: 44px 50px 0 0;
    top: -12px;
    right: -7px;
    font-size: 23px;
    box-shadow: 20px -20px 89px 108px #0058fe;
}

.toastify-avatar {
    width: 1.3em !important; 
    height: 1.5em !important;
    margin: -10px 7px !important;
    border-radius: 2px !important;
	animation: rotateAvatar 2s linear infinite;
}

@keyframes rotateAvatar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

a:where(:not(.wp-element-button)) {
    word-break: break-word;
}