@charset "UTF-8";

 @keyframes mwai-caret-blink {
to {
visibility: hidden;
}
}
.mwai-context-menu-portal .mwai-context-menu {
background: var(--mwai-backgroundHeaderColor);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--mwai-borderRadius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 13px;
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger {
color: #dc3545;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: rgba(220, 53, 69, 0.1);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item svg {
flex-shrink: 0;
}
.mwai-chunks {
padding: 8px;
background: rgba(0, 0, 0, 0.03);
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 11px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.mwai-chunks.mwai-chunks-collapsed .mwai-chunks-header {
margin-bottom: 0 !important;
}
.mwai-chunks .mwai-chunks-header {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 8px;
color: #6b7280;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-status {
margin-left: 4px;
font-weight: 500;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 2px;
width: 30px;
height: 20px;
cursor: pointer;
color: #6b7280;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
margin-left: 4px;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(0, 0, 0, 0.05);
color: #374151;
}
.mwai-chunks .mwai-chunk {
margin-bottom: 4px;
padding: 6px 8px;
background: white;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
transition: all 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #9ca3af;
font-size: 10px;
font-variant-numeric: tabular-nums;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-type {
display: flex;
align-items: center;
gap: 4px;
padding: 2px 6px;
border-radius: 3px;
font-size: 10px;
font-weight: 500;
color: white;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
flex: 1;
color: #374151;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #9ca3af;
transition: transform 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details {
margin-top: 8px;
padding: 8px;
background: rgba(0, 0, 0, 0.02);
border-radius: 3px;
overflow-x: auto;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: #4b5563;
} @keyframes mwaiIconTextZoomIn {
0% {
transform: scale(0.92);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideIn {
0% {
transform: translateY(28px);
opacity: 0;
}
70% {
transform: translateY(-3px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideUp {
0% {
transform: translateY(24px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextFadeOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes mwaiIconTextFadeTransform {
0% {
transform: translateY(8px) scale(0.98);
}
100% {
transform: translateY(0) scale(1);
}
}
.mwai-messages-theme {
font-family: var(--mwai-fontFamily, inherit);
--mwai-spacing: 10px;
--mwai-fontSize: 13px;
--mwai-lineHeight: 1.5;
--mwai-borderRadius: 10px;
--mwai-borderColor: #c5c5c5;
--mwai-width: 460px;
--mwai-maxHeight: 40vh; --mwai-submitWidth: 70px; --mwai-submitHeight: 32px; --mwai-submitRight: calc(var(--mwai-spacing) + 5px); --mwai-iconTextColor: black;
--mwai-iconTextBackgroundColor: white;
--mwai-fontColor: black;
--mwai-backgroundPrimaryColor: #fafafa;
--mwai-backgroundHeaderColor: #0084ff;
--mwai-bubbleColor: #0084ff;
--mwai-iconSize: 60px;
--mwai-headerColor: white;
--mwai-conversationsBackgroundColor: white;
--mwai-backgroundUserColor: #0084ff;
--mwai-backgroundAiColor: #eee;
--mwai-backgroundAiSecondaryColor: #ddd;
--mwai-errorBackgroundColor: #6d2f2a;
--mwai-errorTextColor: #FFFFFF;
}
.mwai-messages-theme * {
box-sizing: border-box;
}
.mwai-messages-theme .mwai-body {
display: flex;
background: var(--mwai-backgroundPrimaryColor);
font-size: var(--mwai-fontSize);
color: var(--mwai-fontColor);
border-radius: var(--mwai-borderRadius);
flex-direction: column;
}
.mwai-messages-theme .mwai-shortcuts {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut {
margin-bottom: 5px;
font-size: var(--mwai-fontSize);
height: inherit;
min-height: inherit;
width: inherit;
min-width: 90px;
border-radius: var(--mwai-borderRadius);
padding: 7px 12px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: end;
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut.mwai-success {
background: #4caf50;
color: white;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut.mwai-danger {
background: #f44336;
color: white;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut.mwai-warning {
background: #ff9800;
color: white;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut.mwai-info {
background: #2196f3;
color: white;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut .mwai-icon {
margin-right: 5px;
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut .mwai-icon img {
max-height: 16px;
width: auto;
}
.mwai-messages-theme .mwai-shortcuts .mwai-shortcut:hover {
filter: brightness(1.1);
}
.mwai-messages-theme .mwai-blocks {
display: flex;
flex-direction: column;
padding: var(--mwai-spacing);
}
.mwai-messages-theme .mwai-blocks .mwai-block p:first-child {
margin-top: 0;
}
.mwai-messages-theme .mwai-blocks button {
cursor: pointer;
}
.mwai-messages-theme .mwai-conversation {
display: flex;
flex-direction: column;
overflow: auto;
max-height: var(--mwai-maxHeight);
padding: var(--mwai-spacing) var(--mwai-spacing) 0;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.05);
}
.mwai-messages-theme .mwai-conversation::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-messages-theme .mwai-conversation::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.mwai-messages-theme .mwai-conversation::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.15);
border-radius: 4px;
transition: background 0.2s ease;
}
.mwai-messages-theme .mwai-conversation::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.25);
}
.mwai-messages-theme .mwai-conversation::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, 0.3);
}
.mwai-messages-theme .mwai-conversation .mwai-reply {
margin-bottom: var(--mwai-spacing);
padding: 7px 12px;
border-radius: 15px;
font-size: var(--mwai-fontSize);
color: var(--mwai-fontColor);
position: relative;
}
.mwai-messages-theme .mwai-conversation .mwai-reply .mwai-name,
.mwai-messages-theme .mwai-conversation .mwai-reply .mwai-name-text {
display: none;
}
.mwai-messages-theme .mwai-conversation .mwai-reply * > p:first-child {
margin-top: 0;
}
.mwai-messages-theme .mwai-conversation .mwai-reply * > p:last-child {
margin-bottom: 0;
}
.mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-error {
align-self: flex-start;
background: var(--mwai-backgroundAiColor);
margin-left: 5px;
}
.mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai::before, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai::after, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-error::before, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-error::after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: -10px;
width: 10px;
height: 20px;
background: var(--mwai-backgroundPrimaryColor);
border-bottom-right-radius: 10px;
}
.mwai-messages-theme .mwai-conversation .mwai-reply.mwai-ai::before, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-error::before {
z-index: 0;
left: -7px;
height: 20px;
width: 20px;
background: var(--mwai-backgroundAiColor);
border-bottom-right-radius: 15px;
}
.mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user {
align-self: flex-end;
background: var(--mwai-backgroundUserColor);
color: white;
margin-right: 10px;
}
.mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user::before, .mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user::after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
right: -10px;
width: 10px;
height: 20px;
background: var(--mwai-backgroundPrimaryColor);
border-bottom-left-radius: 10px;
}
.mwai-messages-theme .mwai-conversation .mwai-reply.mwai-user::before {
z-index: 0;
right: -10px;
height: 20px;
width: 20px;
background: var(--mwai-backgroundUserColor);
background-attachment: fixed;
border-bottom-left-radius: 15px;
}
.mwai-messages-theme .mwai-conversation.mwai-terminal {
--mwai-terminal-active-color: var(--mwai-backgroundUserColor);
}
.mwai-messages-theme .mwai-text {
flex: auto;
}
.mwai-messages-theme .mwai-text .mwai-image {
display: block;
max-width: 250px;
height: auto;
margin: 0 0 10px 0;
border-radius: var(--mwai-borderRadius);
}
.mwai-messages-theme .mwai-text .mwai-filename {
display: flex;
text-decoration: none;
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
color: white;
padding: 5px 10px;
margin-bottom: 10px;
}
.mwai-messages-theme .mwai-text > span > p > *:first-child {
margin-top: 0;
}
.mwai-messages-theme .mwai-text a {
color: #2196f3;
}
.mwai-messages-theme .mwai-text h1, .mwai-messages-theme .mwai-text h2, .mwai-messages-theme .mwai-text h3, .mwai-messages-theme .mwai-text h4, .mwai-messages-theme .mwai-text h5, .mwai-messages-theme .mwai-text h6 {
margin: 0px;
line-height: 1.2;
}
.mwai-messages-theme .mwai-text h1 {
font-size: 150%;
}
.mwai-messages-theme .mwai-text h2 {
font-size: 130%;
}
.mwai-messages-theme .mwai-text h3 {
font-size: 115%;
}
.mwai-messages-theme .mwai-text h4 {
font-size: 105%;
}
.mwai-messages-theme .mwai-text h5 {
font-size: 100%;
}
.mwai-messages-theme .mwai-text h6 {
font-size: 95%;
font-weight: bold;
}
.mwai-messages-theme .mwai-text p {
font-size: var(--mwai-fontSize);
line-height: var(--mwai-lineHeight);
}
.mwai-messages-theme .mwai-text p code {
background: var(--mwai-backgroundAiSecondaryColor);
padding: 2px 6px;
border-radius: 8px;
font-size: calc(var(--mwai-fontSize) * 0.9);
font-family: system-ui;
}
.mwai-messages-theme .mwai-text pre {
color: var(--mwai-fontColor);
border-radius: var(--mwai-borderRadius);
break-after: auto;
white-space: pre-wrap;
max-width: 100%;
width: 100%;
font-family: system-ui;
background: var(--mwai-backgroundAiSecondaryColor);
padding: var(--mwai-spacing);
}
.mwai-messages-theme .mwai-text pre code {
padding: 0 !important;
font-family: system-ui;
background: var(--mwai-backgroundAiSecondaryColor);
}
.mwai-messages-theme .mwai-text ul {
list-style: disc;
padding: 0;
margin: 0 0 0 15px;
}
.mwai-messages-theme .mwai-text ol {
list-style: decimal;
padding: 0;
margin: 0 0 0 15px;
}
.mwai-messages-theme .mwai-text table {
width: 100%;
border: 2px solid var(--mwai-backgroundAiSecondaryColor);
border-collapse: collapse;
}
.mwai-messages-theme .mwai-text thead {
background: var(--mwai-backgroundAiSecondaryColor);
}
.mwai-messages-theme .mwai-text tr,
.mwai-messages-theme .mwai-text td {
padding: 2px 5px;
}
.mwai-messages-theme .mwai-text td {
border: 2px solid var(--mwai-backgroundAiSecondaryColor);
}
.mwai-messages-theme .mwai-text .mwai-typewriter {
display: inline-block;
}
.mwai-messages-theme .mwai-text .mwai-typewriter > :first-child {
margin-top: 0;
}
.mwai-messages-theme .mwai-text > *:first-child {
margin-top: 0;
}
.mwai-messages-theme .mwai-text > *:last-child {
margin-bottom: 0;
}
.mwai-messages-theme .mwai-input {
display: flex;
align-items: center;
position: relative;
padding: var(--mwai-spacing);
position: relative;
position: relative;
}
.mwai-messages-theme .mwai-input .mwai-input-text {
flex: auto;
position: relative;
display: flex;
overflow: hidden;
border-radius: var(--mwai-borderRadius);
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
border: 1px solid var(--mwai-backgroundAiSecondaryColor);
overflow: hidden;
}
.mwai-messages-theme .mwai-input .mwai-input-text.mwai-blocked img {
filter: grayscale(100%);
opacity: 0.5;
}
.mwai-messages-theme .mwai-input .mwai-input-text.mwai-dragging {
border: 1px dashed var(--mwai-backgroundAiSecondaryColor);
}
.mwai-messages-theme .mwai-input .mwai-input-text textarea {
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
flex: auto;
border: none;
font-size: var(--mwai-fontSize);
resize: none;
font-family: inherit;
margin: 0;
overflow: hidden;
min-height: inherit;
padding: var(--mwai-spacing);
padding-right: calc(70px + var(--mwai-spacing) + 6px);
}
.mwai-messages-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-messages-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-messages-theme .mwai-input .mwai-input-text textarea::placeholder {
color: var(--mwai-fontColor);
opacity: 0.5;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone {
display: flex;
justify-content: center;
align-items: center;
margin-right: 5px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone svg {
opacity: 0.5;
filter: grayscale(100%);
transition: opacity 0.3s ease-out;
cursor: pointer;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone[active=true] svg {
opacity: 1;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-microphone[disabled] svg {
opacity: 0;
cursor: not-allowed;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon {
background: url(//yuvarlakpencere.com/wp-content/plugins/ai-engine/themes/icons/white-icons.svg);
background-size: 500%;
background-position: 0px -96px;
width: 32px;
height: 32px;
z-index: 100;
margin-top: calc(var(--mwai-spacing) / 2);
margin-left: 5px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-idle-add {
background-position: -32px -96px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-add {
background-position: -32px 0px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-up {
background-position: -64px 0px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-del {
background-position: -96px 0px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-ok {
background-position: -128px 0px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-add {
background-position: -32px -64px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-up {
background-position: -64px -64px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-del {
background-position: -96px -64px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-ok {
background-position: -128px -64px;
}
.mwai-messages-theme .mwai-input .mwai-input-text .mwai-file-upload-icon .mwai-file-upload-progress {
position: absolute;
font-size: 8px;
width: 21px;
top: 24px;
left: 23px;
overflow: hidden;
text-align: center;
font-weight: bold;
color: white;
}
.mwai-messages-theme .mwai-input .mwai-input-submit {
position: absolute;
right: var(--mwai-submitRight);
top: 50%;
transform: translateY(calc(-50% - 2px));
width: var(--mwai-submitWidth);
height: var(--mwai-submitHeight);
min-width: var(--mwai-submitWidth);
min-height: var(--mwai-submitHeight);
transition: transform 0.15s ease-out;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.mwai-messages-theme .mwai-input .mwai-input-submit:hover {
transform: translateY(calc(-50% - 2px)) scale(1.03);
}
.mwai-messages-theme button {
margin-left: var(--mwai-spacing);
padding: 5px 15px;
background-color: var(--mwai-backgroundUserColor);
color: white;
border: none;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-messages-theme button .mwai-timer {
margin-left: 5px;
margin-right: 5px;
font-size: 11px;
}
.mwai-messages-theme button:hover {
filter: brightness(1.2);
}
.mwai-messages-theme button[disabled] {
cursor: not-allowed;
}
.mwai-messages-theme button[disabled] span {
opacity: 0.5;
}
.mwai-messages-theme button[disabled].mwai-busy span {
display: none;
}
.mwai-messages-theme button[disabled].mwai-busy .mwai-timer {
display: none;
}
.mwai-messages-theme button[disabled].mwai-busy:before {
content: "";
width: 12px;
height: 12px;
display: inline-block;
align-self: center;
border: 2px solid rgba(255, 255, 255, 0.35);
border-top-color: #fff;
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-messages-theme .mwai-compliance {
opacity: 0.5;
margin-top: calc(-1 * var(--mwai-spacing));
padding: calc(var(--mwai-spacing) / 1.5) var(--mwai-spacing);
font-size: smaller;
color: var(--mwai-fontColor);
text-align: left;
}
.mwai-messages-theme .mwai-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5px;
}
.mwai-messages-theme .mwai-gallery img {
width: 100%;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: scale(0.5);
transform-origin: bottom right;
transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: scale(0.92);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: scale(1);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: scale(0.85);
transition: opacity 180ms cubic-bezier(0.4, 0, 1, 1), transform 180ms cubic-bezier(0.4, 0, 1, 1);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-closing.mwai-open .mwai-trigger .mwai-icon-container {
transform: scale(1);
opacity: 1;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-window-box {
transform-origin: calc(100% - 32px) calc(100% - 32px);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-bottom-left .mwai-window-box {
transform-origin: 32px calc(100% - 32px);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-window-box {
transform-origin: calc(100% - 32px) 32px;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-window-box {
transform-origin: 32px 32px;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-center-open .mwai-window-box {
transform-origin: center center;
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
transform-origin: center center !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-trigger {
position: fixed !important;
z-index: 9999 !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-trigger {
bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
right: 20px !important;
left: auto !important;
top: auto !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-bottom-left .mwai-trigger {
bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
left: 20px !important;
right: auto !important;
top: auto !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-trigger {
top: 20px !important;
right: 20px !important;
left: auto !important;
bottom: auto !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-trigger {
top: 20px !important;
left: 20px !important;
right: auto !important;
bottom: auto !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-closing) .mwai-trigger {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
transform: scale(0.8);
opacity: 0.3;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-bottom-right .mwai-icon-text {
transform-origin: right bottom;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-bottom-left .mwai-icon-text {
transform-origin: left bottom;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-top-right .mwai-icon-text {
transform-origin: right top;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-top-left .mwai-icon-text {
transform-origin: left top;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-center-open .mwai-icon-text {
transform-origin: center center;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextZoomIn 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms 1 both;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: scale(1.02);
}
@media (prefers-reduced-motion: reduce) {
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-messages-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
.mwai-messages-theme.mwai-animation-slide.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-slide.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 -5px 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: translateY(100%);
transition: opacity 250ms ease-out, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-window-box {
opacity: 0.5;
transform: translateY(20px);
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0);
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: translateY(100%);
transition: opacity 200ms ease-in, transform 200ms ease-in;
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-messages-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextSlideUp 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms 1 both;
backface-visibility: hidden;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
.mwai-messages-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-messages-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: translateY(8px) scale(0.98);
transform-origin: center bottom;
will-change: opacity, transform;
transition: opacity 180ms ease-out, transform 220ms cubic-bezier(0.2, 0, 0, 1);
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-body {
display: flex !important;
opacity: 1 !important;
transition: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
opacity: 1 !important;
transition: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-header, .mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-body {
opacity: 1 !important;
transition: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: translateY(8px) scale(0.98);
transition: opacity 160ms ease-in, transform 180ms cubic-bezier(0.4, 0, 1, 1);
}
@media (prefers-reduced-motion: reduce) {
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-window-box {
transition: opacity 120ms linear !important;
transform: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box, .mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
}
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-messages-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextFadeOpacity 180ms ease-out 0ms 1 both, mwaiIconTextFadeTransform 220ms cubic-bezier(0.2, 0, 0, 1) 0ms 1 both;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: scale(1.01);
}
@media (prefers-reduced-motion: reduce) {
.mwai-messages-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-messages-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
.mwai-messages-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
.mwai-messages-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-messages-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-trigger .mwai-icon-text {
animation: none !important;
transition: none !important;
opacity: 1 !important;
transform: none !important;
}
.mwai-messages-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
.mwai-messages-theme .mwai-input .mwai-input-submit::before {
content: "" !important;
display: inline-block !important;
z-index: 3;
animation: mwai-button-spinner 1s linear infinite !important;
}
.mwai-messages-theme .mwai-reply-actions svg {
width: 16px;
height: 16px;
display: block;
}
.mwai-messages-theme .mwai-files {
display: flex;
flex-direction: column;
gap: 8px;
padding: var(--mwai-spacing);
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme .mwai-files::-webkit-scrollbar {
width: 6px;
}
.mwai-messages-theme .mwai-files::-webkit-scrollbar-track {
background: var(--mwai-backgroundPrimaryColor);
border-radius: 3px;
}
.mwai-messages-theme .mwai-files::-webkit-scrollbar-thumb {
background: var(--mwai-backgroundHeaderColor);
border-radius: 3px;
}
.mwai-messages-theme .mwai-files::-webkit-scrollbar-thumb:hover {
background: var(--mwai-primaryColor);
}
.mwai-messages-theme .mwai-files .mwai-file-preview {
position: relative;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-content {
display: flex;
align-items: center;
gap: 8px;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-thumbnail {
width: 32px;
height: 32px;
object-fit: cover;
border-radius: 4px;
border: 1px solid var(--mwai-backgroundHeaderColor);
display: block;
flex-shrink: 0;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: var(--mwai-backgroundSecondaryColor);
border-radius: 4px;
color: var(--mwai-fontColor);
opacity: 0.6;
flex-shrink: 0;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-icon svg {
width: 18px;
height: 18px;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-name {
font-size: calc(var(--mwai-fontSize) * 0.85);
color: var(--mwai-fontColor);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-size {
font-size: calc(var(--mwai-fontSize) * 0.7);
color: var(--mwai-fontColor);
opacity: 0.5;
line-height: 1;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-progress {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: var(--mwai-backgroundHeaderColor);
border-radius: 0 0 calc(var(--mwai-borderRadius) / 2) calc(var(--mwai-borderRadius) / 2);
overflow: hidden;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-progress .mwai-file-progress-bar {
height: 100%;
background: var(--mwai-primaryColor);
transition: width 0.3s ease;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-remove {
display: flex;
align-items: center;
justify-content: center;
background: none;
cursor: pointer;
color: var(--mwai-fontColor);
padding: 4px;
border: none;
line-height: 0;
min-width: inherit;
margin-left: auto;
opacity: 0.6;
transition: opacity 0.2s ease;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-remove:hover {
opacity: 1;
}
.mwai-messages-theme .mwai-files .mwai-file-preview .mwai-file-remove svg {
width: 20px;
height: 20px;
}
.mwai-messages-theme .mwai-files:empty {
display: none;
}
.mwai-messages-theme .mwai-file-upload-icon {
margin-bottom: -3px;
}
.mwai-messages-theme .mwai-terminal {
--mwai-terminal-active-color: var(--mwai-fontColor);
font-family: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 12px;
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
padding: var(--mwai-spacing);
height: 100%;
overflow-y: auto;
cursor: text;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
padding-bottom: calc(var(--mwai-spacing) * 1.25);
scrollbar-width: thin;
scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
}
.mwai-messages-theme .mwai-terminal:focus {
outline: none;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-line {
display: flex;
align-items: flex-start;
margin: calc(var(--mwai-spacing) / 2) 0;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user {
color: var(--mwai-fontColor);
opacity: 0.35;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing {
color: var(--mwai-terminal-active-color);
opacity: 1;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color);
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-assistant {
color: var(--mwai-fontColor);
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-system {
color: #608b4e;
font-style: italic;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color);
margin-left: -4px;
margin-right: 4px;
display: inline-flex;
align-items: center;
height: 1.5em;
line-height: 1.2;
flex-shrink: 0;
align-self: flex-start;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-text {
color: inherit;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-input-wrapper {
flex: 1;
display: inline;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-typed {
color: var(--mwai-terminal-active-color);
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-cursor {
display: inline-block;
width: 8px;
height: 16px;
background: var(--mwai-terminal-active-color);
vertical-align: text-bottom;
margin-left: 2px;
transition: opacity 0.2s ease;
opacity: 0.35;
animation: none;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
animation: mwai-caret-blink 1s steps(2, start) infinite;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
animation: none;
}
.mwai-messages-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
animation: none;
}
.mwai-messages-theme .mwai-terminal::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-messages-theme .mwai-terminal::-webkit-scrollbar-track {
background: transparent;
}
.mwai-messages-theme .mwai-terminal::-webkit-scrollbar-thumb {
background: rgba(128, 128, 128, 0.3);
border-radius: 4px;
}
.mwai-messages-theme .mwai-terminal::-webkit-scrollbar-thumb:hover {
background: rgba(128, 128, 128, 0.5);
}
.mwai-messages-theme .mwai-terminal + .mwai-compliance {
margin-top: 0;
}
.mwai-messages-theme.mwai-transition, .mwai-messages-theme .mwai-transition {
opacity: 0;
transition: opacity 350ms ease-in-out;
}
.mwai-messages-theme.mwai-transition-visible, .mwai-messages-theme .mwai-transition-visible {
opacity: 1;
}
.mwai-messages-theme .mwai-text {
overflow-wrap: anywhere;
}
.mwai-messages-theme .mwai-text img, .mwai-messages-theme .mwai-text svg {
max-width: 100%;
}
.mwai-messages-theme .mwai-text div p:first-child {
margin-top: 0;
}
.mwai-messages-theme .mwai-text div p:last-child {
margin-bottom: 0;
}
.mwai-messages-theme .mwai-trigger {
position: absolute;
right: 0;
bottom: 0;
transition: all 0.2s ease-out;
z-index: 9999;
display: flex;
flex-direction: column;
align-items: end;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-text-container {
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
z-index: 2;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text {
background: var(--mwai-iconTextBackgroundColor);
color: var(--mwai-iconTextColor);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
max-width: 200px;
font-size: 13px;
margin-bottom: 15px;
padding: 10px 15px;
border-radius: 8px;
position: relative;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
--mwai-icon-close-size: 28px;
color: var(--mwai-iconTextColor);
background: var(--mwai-iconTextBackgroundColor);
font-size: 13px;
line-height: 1;
width: var(--mwai-icon-close-size);
height: var(--mwai-icon-close-size);
min-width: var(--mwai-icon-close-size);
min-height: var(--mwai-icon-close-size);
border-radius: 50%;
display: flex;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 120ms ease, transform 120ms ease, visibility 0s linear 120ms;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
transform: translate(40%, -40%);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
z-index: 2;
cursor: pointer;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-text-container:hover {
cursor: pointer;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(40%, -40%) scale(1);
transition: opacity 120ms ease, transform 120ms ease, visibility 0s;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close:hover {
filter: brightness(1.1);
transform: translate(40%, -40%) scale(1.06);
}
@media (max-width: 760px) {
.mwai-messages-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(40%, -40%) scale(1);
transition: opacity 120ms ease, transform 120ms ease, visibility 0s;
}
}
.mwai-messages-theme .mwai-trigger .mwai-icon-container {
position: relative;
z-index: 1;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-container .mwai-icon {
filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
transition: all 0.2s ease-out;
}
.mwai-messages-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover {
cursor: pointer;
transform: scale(1.05);
}
.mwai-messages-theme.mwai-window {
position: fixed;
right: 30px;
bottom: 30px;
width: var(--mwai-width);
z-index: 9999;
}
.mwai-messages-theme.mwai-window .mwai-window-box {
position: relative;
z-index: 1;
}
.mwai-messages-theme.mwai-window .mwai-header {
display: none;
justify-content: flex-end;
align-items: center;
border-radius: var(--mwai-borderRadius) var(--mwai-borderRadius) 0 0;
background: var(--mwai-backgroundHeaderColor);
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons {
display: flex;
align-items: center;
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button {
justify-content: center;
height: 32px;
width: 32px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:before {
transition: all 0.2s ease-out;
content: " ";
cursor: pointer;
position: absolute;
height: 13px;
width: 13px;
border: 1px solid var(--mwai-headerColor);
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 16px;
height: 16px;
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button {
justify-content: center;
height: 32px;
width: 32px;
cursor: pointer;
border-radius: var(--mwai-borderRadius);
margin-left: -10px;
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(-45deg);
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before, .mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
content: " ";
cursor: pointer;
position: absolute;
height: 22px;
width: 1px;
background-color: var(--mwai-headerColor);
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:before {
opacity: 1;
transform: translate(16px, 5px) rotate(135deg);
}
.mwai-messages-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:after {
opacity: 1;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-messages-theme.mwai-window.mwai-opening, .mwai-messages-theme.mwai-window.mwai-closing {
cursor: default !important;
}
.mwai-messages-theme.mwai-window.mwai-opening .mwai-header, .mwai-messages-theme.mwai-window.mwai-closing .mwai-header {
cursor: default !important;
}
.mwai-messages-theme.mwai-window .mwai-body {
display: none;
opacity: 0;
max-height: var(--mwai-maxHeight);
border-radius: 0 0 var(--mwai-borderRadius) var(--mwai-borderRadius);
}
.mwai-messages-theme.mwai-window.mwai-bottom-left {
bottom: 30px;
right: inherit;
left: 30px;
}
.mwai-messages-theme.mwai-window.mwai-bottom-left .mwai-trigger {
right: inherit;
left: 0;
}
.mwai-messages-theme.mwai-window.mwai-top-right {
top: 30px;
bottom: inherit;
right: 30px;
}
.mwai-messages-theme.mwai-window.mwai-top-right .mwai-trigger {
top: 0;
bottom: inherit;
}
.mwai-messages-theme.mwai-window.mwai-top-left {
top: 30px;
bottom: inherit;
right: inherit;
left: 30px;
}
.mwai-messages-theme.mwai-window.mwai-top-left .mwai-trigger {
top: 0;
bottom: inherit;
right: inherit;
left: 0;
}
.mwai-messages-theme.mwai-window.mwai-center-open.mwai-open {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
right: auto;
bottom: auto;
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-window.mwai-center-open.mwai-open {
width: calc(100% - 40px);
max-width: var(--mwai-width);
}
}
.mwai-messages-theme.mwai-window.mwai-top-left .mwai-trigger, .mwai-messages-theme.mwai-window.mwai-bottom-left .mwai-trigger {
align-items: flex-start;
}
.mwai-messages-theme.mwai-window.mwai-top-right .mwai-trigger, .mwai-messages-theme.mwai-window.mwai-top-left .mwai-trigger {
flex-direction: column-reverse;
}
.mwai-messages-theme.mwai-window.mwai-top-right .mwai-trigger .mwai-icon-text, .mwai-messages-theme.mwai-window.mwai-top-left .mwai-trigger .mwai-icon-text {
margin-bottom: 0;
margin-top: 15px;
}
.mwai-messages-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons {
margin-bottom: 0px;
}
.mwai-messages-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:before {
width: 16px;
height: 16px;
}
.mwai-messages-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 13px;
height: 13px;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
height: 100vh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
border-radius: 0;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-body {
flex: 1;
min-height: 0;
max-height: inherit;
border-radius: 0;
display: flex !important;
flex-direction: column !important;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-conversation {
flex: 0 1 auto !important;
max-height: none;
overflow-y: auto;
min-height: 0;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 auto;
}
.mwai-messages-theme.mwai-fullscreen:not(.mwai-window) .mwai-body {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
height: 100%;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
height: 100vh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
transform: none !important;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-header {
border-radius: 0;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
flex: 1;
min-height: 0;
max-height: inherit;
border-radius: 0;
display: flex !important;
flex-direction: column !important;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 0 1 auto !important;
max-height: none;
overflow-y: auto;
min-height: 0;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-messages-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
flex: 1 1 auto;
min-height: 0;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-header {
display: flex;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
.mwai-messages-theme .mwai-body > .mwai-error {
margin: var(--mwai-spacing);
color: white;
background: rgba(180, 55, 55, 0.55);
padding: var(--mwai-spacing);
border-radius: var(--mwai-borderRadius);
}
.mwai-messages-theme .mwai-body > .mwai-error:hover {
cursor: pointer;
background: rgba(180, 44, 44, 0.85);
}
.mwai-messages-theme .mwai-reply.mwai-error .mwai-text {
color: #ff5656;
}
.mwai-messages-theme .mwai-reply.mwai-error .mwai-text a {
color: #ff5656;
text-decoration: underline;
}
.mwai-messages-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-messages-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover {
filter: brightness(1.2);
}
.mwai-messages-theme .mwai-reply-actions {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.mwai-messages-theme .mwai-reply:hover .mwai-reply-actions {
opacity: 1 !important;
}
.mwai-messages-theme .mwai-form-output-container:hover .mwai-reply-actions {
opacity: 1 !important;
}
.mwai-messages-theme .mwai-form-output-container:hover .mwai-reply-actions.mwai-hidden {
opacity: 1 !important;
}
.mwai-messages-theme.mwai-bubble .mwai-trigger .mwai-icon-container {
background: var(--mwai-bubbleColor);
width: var(--mwai-iconSize, 60px);
height: var(--mwai-iconSize, 60px);
border-radius: 100%;
transition: all 0.2s ease-out;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-messages-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon {
max-width: 50%;
max-height: 50%;
filter: none;
}
.mwai-messages-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon:hover {
transform: none;
}
.mwai-messages-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-emoji {
font-size: calc(var(--mwai-iconSize, 60px) / 2);
}
.mwai-messages-theme.mwai-bubble .mwai-trigger .mwai-icon-container:hover {
cursor: pointer;
filter: brightness(1.1);
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-window.mwai-open {
position: fixed;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100%;
min-height: 100%;
min-height: 100vh;
min-height: 100dvh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundPrimaryColor, var(--mwai-backgroundSecondaryColor));
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
padding-top: env(safe-area-inset-top, 0);
padding-left: env(safe-area-inset-left, 0);
padding-right: env(safe-area-inset-right, 0);
box-sizing: border-box;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-window-box {
width: 100%;
height: 100%;
flex: 1;
display: flex;
flex-direction: column;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
background: transparent !important;
min-height: 0;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-header {
display: none !important;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
border-radius: 0 !important;
overflow: hidden;
background: var(--mwai-backgroundPrimaryColor, var(--mwai-backgroundSecondaryColor));
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
overflow-y: auto;
max-height: none;
min-height: 0;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body .mwai-input {
flex-shrink: 0;
position: relative;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body .mwai-footer {
flex-shrink: 0;
position: relative;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body .mwai-body:last-child .mwai-input {
padding-bottom: env(safe-area-inset-bottom, 0);
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-mobile-header {
display: flex;
position: sticky;
top: 0;
left: 0;
right: 0;
min-height: 50px;
background: var(--mwai-backgroundHeaderColor);
border-bottom: 1px solid var(--mwai-lineColor);
padding: 0 15px;
padding-top: env(safe-area-inset-top, 0);
padding-left: calc(15px + env(safe-area-inset-left, 0));
padding-right: calc(15px + env(safe-area-inset-right, 0));
align-items: center;
justify-content: space-between;
z-index: 10;
flex-shrink: 0;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-title {
font-size: 16px;
font-weight: 600;
color: var(--mwai-headerColor);
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close {
all: unset;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
min-width: 32px;
cursor: pointer;
border-radius: 6px;
transition: background-color 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:hover, .mwai-messages-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:active {
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg {
width: 20px;
height: 20px;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg path {
stroke: var(--mwai-headerColor);
}
.mwai-messages-theme.mwai-window.mwai-open.mwai-center-open {
top: 0 !important;
left: 0 !important;
transform: none !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 100dvh !important;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-input {
flex-direction: column;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-input button {
font-size: 16px;
margin-left: 0;
width: 100%;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-input .mwai-input-text {
width: 100%;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-input .mwai-input-text input, .mwai-messages-theme.mwai-window.mwai-open .mwai-input .mwai-input-text textarea {
font-size: 16px;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
flex: 1;
min-height: 0;
max-height: inherit;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
max-height: none;
min-height: 0;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-resize-button {
display: none !important;
}
.mwai-messages-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
}
@keyframes mwai-button-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.mwai-messages-theme button:not(.mwai-busy):before {
content: none !important;
display: none !important;
animation: none !important;
}
.mwai-messages-theme .admin-bar .mwai-fullscreen:not(.mwai-window),
.mwai-messages-theme .admin-bar .mwai-fullscreen.mwai-window.mwai-open {
top: 32px;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line {
display: flex;
align-items: flex-start;
color: var(--mwai-terminal-active-color, var(--mwai-fontColor));
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color, currentColor);
margin-left: -4px;
margin-right: 4px;
display: inline-flex;
align-items: center;
height: 1.5em;
line-height: 1.2;
flex-shrink: 0;
align-self: flex-start;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-input-wrapper {
flex: 1;
display: inline;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-typed {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor {
display: inline-block;
width: 8px;
height: 16px;
background: currentColor;
vertical-align: text-bottom;
margin-left: 2px;
transition: opacity 0.2s ease;
opacity: 0.35;
animation: none;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
animation: mwai-caret-blink 1s steps(2, start) infinite;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
animation: none;
}
.mwai-messages-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
animation: none;
}
.mwai-messages-theme pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
.mwai-messages-theme code.hljs {
padding: 3px 5px;
}
.mwai-messages-theme .hljs {
color: #333;
background: #f0f0f0;
}
.mwai-messages-theme .hljs-subst {
color: #333;
}
.mwai-messages-theme .hljs-comment {
color: #888;
}
.mwai-messages-theme .hljs-attr, .mwai-messages-theme .hljs-doctag, .mwai-messages-theme .hljs-keyword, .mwai-messages-theme .hljs-meta .hljs-keyword, .mwai-messages-theme .hljs-section, .mwai-messages-theme .hljs-selector-tag {
color: #0077cc;
}
.mwai-messages-theme .hljs-attribute {
color: #aa3377;
}
.mwai-messages-theme .hljs-name, .mwai-messages-theme .hljs-number, .mwai-messages-theme .hljs-quote, .mwai-messages-theme .hljs-selector-id, .mwai-messages-theme .hljs-template-tag, .mwai-messages-theme .hljs-type {
color: #c18401;
}
.mwai-messages-theme .hljs-selector-class {
color: #0077cc;
}
.mwai-messages-theme .hljs-link, .mwai-messages-theme .hljs-regexp, .mwai-messages-theme .hljs-selector-attr, .mwai-messages-theme .hljs-string, .mwai-messages-theme .hljs-symbol, .mwai-messages-theme .hljs-template-variable, .mwai-messages-theme .hljs-variable {
color: #689700;
}
.mwai-messages-theme .hljs-meta, .mwai-messages-theme .hljs-selector-pseudo {
color: #0077cc;
}
.mwai-messages-theme .hljs-built_in, .mwai-messages-theme .hljs-literal, .mwai-messages-theme .hljs-title {
color: #c18401;
}
.mwai-messages-theme .hljs-bullet, .mwai-messages-theme .hljs-code {
color: #555;
}
.mwai-messages-theme .hljs-meta .hljs-string {
color: #689700;
}
.mwai-messages-theme .hljs-deletion {
color: #b71c1c;
}
.mwai-messages-theme .hljs-addition {
color: #1b5e20;
}
.mwai-messages-theme .hljs-emphasis {
font-style: italic;
}
.mwai-messages-theme .hljs-strong {
font-weight: 700;
}
.mwai-messages-theme .mwai-reply-actions {
position: absolute;
border-radius: 5px;
top: 10px;
right: 10px;
display: flex;
align-items: center;
padding: 2px 2px;
z-index: 100;
background: var(--mwai-backgroundPrimaryColor);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
z-index: 100;
}
.mwai-messages-theme .mwai-reply-actions .mwai-copy-button,
.mwai-messages-theme .mwai-reply-actions .mwai-download-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-messages-theme .mwai-reply-actions .mwai-copy-button:hover,
.mwai-messages-theme .mwai-reply-actions .mwai-download-button:hover {
filter: brightness(1.2);
}
.mwai-messages-theme .mwai-reply-actions.mwai-hidden {
opacity: 0;
}
.mwai-messages-theme .mwai-realtime {
padding: var(--mwai-spacing);
}
.mwai-messages-theme .mwai-realtime .mwai-visualizer {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-messages-theme .mwai-realtime .mwai-visualizer hr {
width: 100px;
margin-right: var(--mwai-spacing);
margin-left: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-visualizer .mwai-animation {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--mwai-spacing);
}
.mwai-messages-theme .mwai-realtime .mwai-controls > * + * {
margin-left: 10px;
}
.mwai-messages-theme .mwai-realtime .mwai-controls button {
border-radius: 100%;
width: 50px;
height: 50px;
margin: 5px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
color: var(--mwai-fontColor);
border: 2px solid var(--mwai-backgroundPrimaryColor);
background: none;
cursor: pointer;
transition: all 0.2s ease-out;
min-width: inherit;
max-width: inherit;
}
.mwai-messages-theme .mwai-realtime .mwai-controls button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-messages-theme .mwai-realtime .mwai-controls button.mwai-active {
border: 2px solid var(--mwai-fontColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode {
flex-direction: column;
gap: 8px;
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk {
border-radius: calc(var(--mwai-borderRadius) * 0.8);
width: auto;
min-width: 120px;
padding: 12px 24px;
margin: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--mwai-fontColor);
border: 2px solid var(--mwai-backgroundPrimaryColor);
background: none;
cursor: pointer;
transition: all 0.2s ease-out;
font-family: inherit;
font-size: var(--mwai-fontSize);
line-height: 1.2;
font-weight: 500;
height: auto;
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk.mwai-active {
border: 2px solid var(--mwai-fontColor);
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk svg {
width: 18px;
height: 18px;
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-talk-hint {
font-size: 12px;
color: var(--mwai-fontColor);
opacity: 0.6;
text-align: center;
margin: 0;
}
.mwai-messages-theme .mwai-realtime .mwai-last-transcript {
margin: var(--mwai-spacing);
margin-top: 0;
border: 2px solid var(--mwai-backgroundPrimaryColor);
padding: calc(var(--mwai-spacing) / 2);
padding-right: calc(var(--mwai-spacing) / 2 + 10px);
border-radius: var(--mwai-borderRadius);
font-size: 80%;
text-align: center;
max-height: 120px;
overflow-y: auto;
overflow-x: hidden;
word-wrap: break-word;
overflow-wrap: break-word;
scrollbar-width: thin;
scrollbar-color: var(--mwai-backgroundHeaderColor) transparent;
}
.mwai-messages-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar {
width: 6px;
}
.mwai-messages-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-track {
background: transparent;
margin: 4px 0;
}
.mwai-messages-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-thumb {
background: var(--mwai-backgroundHeaderColor);
border-radius: 10px;
}
.mwai-messages-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-thumb:hover {
background: var(--mwai-primaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-statistics {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 10px;
font-size: 14px;
}
.mwai-messages-theme .mwai-realtime .mwai-statistics div {
display: flex;
flex-direction: column;
align-items: center;
}
.mwai-messages-theme .mwai-realtime .mwai-statistics label {
font-size: 11px;
opacity: 0.5;
text-transform: uppercase;
}
.mwai-messages-theme .mwai-realtime .mwai-options {
margin-top: var(--mwai-spacing);
display: flex;
align-items: center;
}
.mwai-messages-theme .mwai-realtime .mwai-options .mwai-option {
cursor: pointer;
opacity: 0.5;
margin-right: 2px;
}
.mwai-messages-theme .mwai-realtime .mwai-options .mwai-option.mwai-active {
opacity: 1;
}
.mwai-messages-theme.mwai-discussions {
border-radius: var(--mwai-borderRadius);
background: var(--mwai-backgroundHeaderColor);
overflow: hidden;
}
.mwai-messages-theme.mwai-discussions * {
box-sizing: border-box;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion {
display: flex;
position: relative;
padding-left: calc(var(--mwai-spacing) / 2);
padding-right: calc(var(--mwai-spacing) / 2);
padding-bottom: calc(var(--mwai-spacing) / 2);
color: var(--mwai-conversationsTextColor);
opacity: 0.65;
align-items: center;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
flex: 1;
padding: 5px 10px;
overflow: hidden;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--mwai-fontSize);
margin-bottom: 4px;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-info {
display: flex;
gap: 12px;
font-size: calc(var(--mwai-fontSize) * 0.85);
opacity: 0.7;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item {
display: flex;
align-items: center;
gap: 4px;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item svg {
opacity: 0.6;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions {
position: absolute;
top: 50%;
right: calc(var(--mwai-spacing) / 2);
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.2s ease-out;
z-index: 100;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions .mwai-menu-icon {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--mwai-conversationsTextColor);
}
.mwai-messages-theme.mwai-discussions .mwai-discussion.mwai-active {
cursor: pointer;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion:hover {
cursor: pointer;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-actions {
opacity: 1;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion:has(.mwai-context-menu) .mwai-discussion-actions {
opacity: 1;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion:first-child {
margin-top: calc(var(--mwai-spacing) / 2);
}
.mwai-messages-theme.mwai-discussions .mwai-header {
color: var(--mwai-headerColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.mwai-messages-theme.mwai-discussions .mwai-header button {
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
border: none;
padding: 8px 16px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
}
.mwai-messages-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-messages-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-messages-theme.mwai-discussions .mwai-header .mwai-refresh-btn {
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-messages-theme.mwai-discussions .mwai-body {
background: var(--mwai-conversationsBackgroundColor);
list-style: none;
padding: 0;
margin: 0;
position: relative;
min-height: 200px;
display: flex;
flex-direction: column;
border-radius: 0;
z-index: 1;
}
.mwai-messages-theme.mwai-discussions .mwai-loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--mwai-conversationsBackgroundColor);
opacity: 0.9;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.mwai-messages-theme.mwai-discussions .mwai-spinner {
animation: spin 1s linear infinite;
color: var(--mwai-fontColor);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.mwai-messages-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundHeaderColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
border: none;
padding: 8px 12px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-messages-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-messages-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.mwai-messages-theme.mwai-discussions .mwai-pagination span {
color: var(--mwai-headerColor);
font-size: var(--mwai-fontSize);
font-weight: 500;
}
.mwai-messages-theme.mwai-discussions .mwai-pagination .mwai-page-indicator {
color: var(--mwai-headerColor);
font-size: calc(var(--mwai-fontSize) * 0.85);
font-weight: 400;
opacity: 0.8;
}
.mwai-messages-theme.mwai-discussions {
background: var(--mwai-backgroundPrimaryColor);
border: 1px solid var(--mwai-backgroundAiSecondaryColor);
}
.mwai-messages-theme.mwai-discussions .mwai-header {
background: var(--mwai-backgroundAiColor);
color: var(--mwai-fontColor);
border-bottom: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme.mwai-discussions .mwai-header button {
background: var(--mwai-backgroundUserColor);
color: white;
padding: 8px 16px;
border: none;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: transform 0.15s ease-out;
margin-left: 0;
}
.mwai-messages-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-backgroundUserColor);
transform: scale(1.03);
}
.mwai-messages-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-header {
background: var(--mwai-backgroundAiColor);
color: var(--mwai-fontColor);
padding: var(--mwai-spacing);
border-bottom: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-header .mwai-discussions-title {
font-size: calc(var(--mwai-fontSize) * 1.2);
font-weight: 600;
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-list {
background: var(--mwai-backgroundPrimaryColor);
max-height: 300px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.05);
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-list::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-list::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-list::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-list::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.25);
}
.mwai-messages-theme.mwai-discussions .mwai-discussion {
padding: 0;
color: var(--mwai-fontColor);
opacity: 1;
border-bottom: none;
transition: background 0.2s ease;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
background: transparent;
padding: 8px 12px;
margin: 4px 8px;
transition: all 0.2s ease;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-title {
color: var(--mwai-fontColor);
font-weight: 500;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-info {
opacity: 0.6;
color: var(--mwai-fontColor);
}
.mwai-messages-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-content {
background: var(--mwai-backgroundAiColor);
border-radius: 15px;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content {
background: var(--mwai-backgroundUserColor);
color: white;
border-radius: 15px;
opacity: 1;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content .mwai-discussion-title {
color: white;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content .mwai-discussion-info {
color: white;
opacity: 0.8;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions {
right: 18px;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions .mwai-menu-icon {
color: var(--mwai-fontColor);
background: var(--mwai-backgroundAiColor);
border-radius: 50%;
width: 24px;
height: 24px;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions .mwai-menu-icon:hover {
background: var(--mwai-backgroundUserColor);
color: white;
}
.mwai-messages-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-actions .mwai-menu-icon:hover {
background: var(--mwai-backgroundAiColor);
color: var(--mwai-backgroundUserColor);
}
.mwai-messages-theme.mwai-discussions .mwai-context-menu {
background: var(--mwai-backgroundUserColor);
border: 1px solid var(--mwai-backgroundUserColor);
border-radius: 15px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
padding: 4px;
}
.mwai-messages-theme.mwai-discussions .mwai-context-menu .mwai-menu-item {
padding: 8px 12px;
color: white;
border-radius: 12px;
transition: all 0.2s ease;
}
.mwai-messages-theme.mwai-discussions .mwai-context-menu .mwai-menu-item:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateX(2px);
}
.mwai-messages-theme.mwai-discussions .mwai-context-menu .mwai-menu-item.mwai-danger {
color: #ffcdd2;
}
.mwai-messages-theme.mwai-discussions .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background: rgba(255, 100, 100, 0.2);
color: white;
}
.mwai-messages-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundAiColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-messages-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-backgroundUserColor);
color: white;
padding: 8px 12px;
border: none;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: transform 0.15s ease-out;
margin-left: 0;
}
.mwai-messages-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-backgroundUserColor);
transform: scale(1.03);
}
.mwai-messages-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-footer,
.mwai-messages-theme.mwai-discussions .mwai-discussions-pagination {
padding: var(--mwai-spacing);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
background: var(--mwai-backgroundAiColor);
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button,
.mwai-messages-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button {
width: 100%;
padding: 8px 16px;
background: var(--mwai-backgroundUserColor);
color: white;
border: none;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
cursor: pointer;
transition: transform 0.15s ease-out;
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:hover,
.mwai-messages-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:hover {
transform: scale(1.02);
}
.mwai-messages-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:disabled,
.mwai-messages-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}
.mwai-messages-theme .mwai-realtime .mwai-visualizer hr {
border: 1px solid var(--mwai-backgroundAiSecondaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-visualizer .mwai-animation {
background: var(--mwai-backgroundAiSecondaryColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls button {
color: var(--mwai-backgroundPrimaryColor);
background: var(--mwai-backgroundUserColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls button:hover {
color: var(--mwai-backgroundPrimaryColor) !important;
background: var(--mwai-backgroundUserColor) !important;
opacity: 0.8;
}
.mwai-messages-theme .mwai-realtime .mwai-controls button[disabled] {
color: var(--mwai-backgroundPrimaryColor) !important;
background: var(--mwai-backgroundUserColor) !important;
opacity: 0.5;
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk {
color: var(--mwai-backgroundPrimaryColor);
background: var(--mwai-backgroundUserColor);
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:hover:not(:disabled) {
color: var(--mwai-backgroundPrimaryColor) !important;
background: var(--mwai-backgroundUserColor) !important;
opacity: 0.8;
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:disabled {
color: var(--mwai-backgroundPrimaryColor) !important;
background: var(--mwai-backgroundUserColor) !important;
opacity: 0.5;
}
.mwai-messages-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk.mwai-active {
color: var(--mwai-backgroundPrimaryColor) !important;
background: var(--mwai-backgroundUserColor) !important;
opacity: 0.9;
border: 2px solid var(--mwai-fontColor);
}
.mwai-messages-theme .mwai-reply-actions {
top: -6px;
right: -6px;
}
.mwai-messages-theme .mwai-reply-actions .mwai-copy-button,
.mwai-messages-theme .mwai-reply-actions .mwai-download-button {
padding-top: 4px;
}
.mwai-messages-theme .mwai-reply-actions .mwai-copy-button:hover,
.mwai-messages-theme .mwai-reply-actions .mwai-download-button:hover {
fill: var(--mwai-backgroundPrimaryColor);
background: var(--mwai-backgroundUserColor);
}
.mwai-messages-theme .mwai-reply-actions .mwai-action-button {
padding-top: 4px;
}
.mwai-messages-theme .mwai-reply-actions .mwai-action-button:hover {
fill: var(--mwai-backgroundPrimaryColor);
background: var(--mwai-backgroundUserColor);
filter: none;
}
.mwai-messages-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover {
fill: var(--mwai-backgroundPrimaryColor);
background: var(--mwai-backgroundUserColor);
filter: none;
}
@media (max-width: 760px) {
.mwai-messages-theme.mwai-window {
width: calc(100% - 40px);
z-index: 9999999999;
}
.mwai-messages-theme .mwai-input {
flex-direction: column;
padding: var(--mwai-spacing) var(--mwai-spacing) 0;
}
.mwai-messages-theme .mwai-input .mwai-input-text {
width: 100%;
margin-bottom: 10px;
}
.mwai-messages-theme .mwai-input .mwai-input-submit {
position: relative !important;
right: auto !important;
top: auto !important;
transform: none !important;
width: 100% !important;
height: 40px !important;
margin: 0 !important;
}
}
.mwai-messages-theme .mwai-input .mwai-input-submit::before {
content: "" !important;
display: inline-block !important;
z-index: 3;
}
.mwai-messages-theme .mwai-footer {
display: flex;
align-items: center;
background: var(--mwai-backgroundAiColor, var(--mwai-backgroundSecondaryColor));
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
padding: 6px var(--mwai-spacing);
}
.mwai-messages-theme .mwai-footer:empty {
display: none;
}
.mwai-messages-theme .mwai-footer:not(:has(.mwai-tools)):has(.mwai-compliance:empty) {
display: none;
}
.mwai-messages-theme .mwai-footer .mwai-tools {
display: flex;
align-items: center;
gap: 8px;
margin-right: calc(var(--mwai-spacing) / 2);
}
.mwai-messages-theme .mwai-footer .mwai-tools .mwai-file-upload {
display: inline-block;
}
.mwai-messages-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
min-width: 16px;
height: 16px;
color: var(--mwai-fontColor);
opacity: 0.75;
margin: 0;
}
.mwai-messages-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide:hover {
opacity: 1;
}
.mwai-messages-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide svg {
width: 16px;
height: 16px;
}
.mwai-messages-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide .mwai-upload-count {
position: absolute;
top: -5px;
right: -6px;
min-width: 12px;
height: 12px;
padding: 0 2px;
border-radius: 999px;
background: var(--mwai-backgroundHeaderColor);
color: #fff;
border: 2px solid var(--mwai-backgroundAiColor, var(--mwai-backgroundSecondaryColor));
font-size: 8px;
font-family: system-ui;
font-weight: 700;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
cursor: pointer;
}
.mwai-messages-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide .mwai-upload-count::after {
content: attr(data-count);
}
.mwai-messages-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide.mwai-hover .mwai-upload-count::after {
content: "-";
}
.mwai-messages-theme .mwai-footer .mwai-compliance {
opacity: 0.5;
font-size: 11px;
line-height: 11px;
color: var(--mwai-fontColor);
flex: 1;
text-align: left;
padding: calc(var(--mwai-spacing) / 2) 0;
margin: 0;
}
.mwai-messages-theme .mwai-footer .mwai-tools + .mwai-compliance {
text-align: right;
}
.mwai-messages-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-messages-theme .mwai-body:last-child .mwai-input {
padding-bottom: calc(var(--mwai-spacing) * 1.5);
}
@media (max-width: 760px) {
.mwai-messages-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-messages-theme .mwai-body:last-child .mwai-input {
padding-bottom: max(6px, env(safe-area-inset-bottom, 0));
}
}
.mwai-context-menu-portal.mwai-messages-theme .mwai-context-menu {
background: var(--mwai-backgroundPrimaryColor);
border: 1px solid var(--mwai-backgroundAiSecondaryColor);
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal.mwai-messages-theme .mwai-context-menu .mwai-menu-item {
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal.mwai-messages-theme .mwai-context-menu .mwai-menu-item:hover {
background-color: var(--mwai-backgroundAiColor);
}
.mwai-context-menu-portal.mwai-messages-theme .mwai-context-menu .mwai-menu-item.mwai-danger {
color: #d32f2f;
}
.mwai-context-menu-portal.mwai-messages-theme .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: rgba(211, 47, 47, 0.1);
color: #b71c1c;
}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//yuvarlakpencere.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//yuvarlakpencere.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//yuvarlakpencere.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//yuvarlakpencere.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}.simplefavorite-button.active{opacity:.7}.simplefavorite-button.has-count{position:relative}.simplefavorite-button.preset{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #ccc;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.1),1px 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 0 2px 0 rgba(0,0,0,.1),1px 1px 1px 0 rgba(0,0,0,.1);padding:.5em 1em .5em 2em;position:relative;border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.simplefavorite-button.preset:active,.simplefavorite-button.preset:focus{outline:0}.simplefavorite-button.preset i{position:absolute;font-size:1.3em;left:.3em}.simplefavorite-button.preset:hover{background-color:#333;border-color:#333;color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.simplefavorite-button.preset.active{background-color:#333;color:#fff;border-color:#333;opacity:1}.simplefavorites-loading{margin-left:8px}.sf-icon-spinner-wrapper{display:inline-block;position:relative;min-width:1em;min-height:1em}.sf-icon-spinner{-webkit-animation:sf_rotate linear 2s infinite;animation:sf_rotate linear 2s infinite;position:absolute;top:.15em;left:0}@-webkit-keyframes sf_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes sf_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center center;transform-origin:center center}}.favorites-list{list-style:none}.favorites-list li{zoom:1;border-top:1px solid rgba(0,0,0,.2);padding:.75em 0;margin:0}.favorites-list li:after,.favorites-list li:before{content:" ";display:table}.favorites-list li:after{clear:both}.favorites-list li img{float:left;margin-right:1em}.simplefavorites-modal-backdrop{position:fixed;width:0;height:0;background-color:rgba(0,0,0,.85);top:0;left:50%;z-index:998;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.simplefavorites-modal-backdrop.active{width:100%;height:100%;left:0;opacity:1;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.simplefavorites-modal-content{z-index:999;position:fixed;top:-200%;left:50%;width:50%;background-color:#fff;border-radius:2px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:2px 2px 20px 0 rgba(51,51,51,.5);box-shadow:2px 2px 20px 0 rgba(51,51,51,.5)}.simplefavorites-modal-content.small{width:400px}.simplefavorites-modal-content.active{top:50px;-webkit-transition:all .2s ease;transition:all .2s ease}.simplefavorites-modal-content.loading .modal-content-body{display:none}.simplefavorites-modal-content.loading .modal-content-loading{display:block}.simplefavorites-modal-content-body{padding:1em;max-height:300px;overflow:auto;zoom:1}.simplefavorites-modal-content-body:after,.simplefavorites-modal-content-body:before{content:" ";display:table}.simplefavorites-modal-content-body:after{clear:both}.simplefavorites-modal-content-body.no-padding{padding:0}.simplefavorites-modal-content-body.has-footer{padding-bottom:0}.simplefavorites-modal-content-interior{padding:1em 1em 0}.simplefavorites-modal-content-footer{zoom:1;padding:.7em;border-radius:0 0 2px 2px;background-color:rgba(51,51,51,.1)}.simplefavorites-modal-content-footer:after,.simplefavorites-modal-content-footer:before{content:" ";display:table}.simplefavorites-modal-content-footer:after{clear:both}.simplefavorites-button-consent-deny{float:left;opacity:.7}.simplefavorites-button-consent-accept{float:right}@media (max-width:767px){.simplefavorites-modal-content{width:90%}.simplefavorites-modal-content.active{top:20px}.simplefavorites-modal-content-body{height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden}}@media print{.simplefavorites-modal-backdrop,.simplefavorites-modal-content{display:none}}@font-face{font-family:favorites;src:url(//yuvarlakpencere.com/wp-content/plugins/favorites/assets/css/fonts/favorites.eot)}@font-face{font-family:favorites;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBwcAAAC8AAAAYGNtYXClTaJoAAABHAAAAIxnYXNwAAAAEAAAAagAAAAIZ2x5Ztq6v+MAAAGwAAAEVGhlYWQN7PEkAAAGBAAAADZoaGVhB8IDzgAABjwAAAAkaG10eCoAAgwAAAZgAAAANGxvY2EE9AZcAAAGlAAAABxtYXhwABEAdQAABrAAAAAgbmFtZWwpt2EAAAbQAAABnnBvc3QAAwAAAAAIcAAAACAAAwPNAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqEAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAcAAAABgAEAADAAgAAQAg5gHofeia6Nzo5ul76dnqEP/9//8AAAAAACDmAOh96Jro3Ojm6Xvp2eoQ//3//wAB/+MaBBeJF20XLBcjFo8WMhX8AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAIP/2A+ADigARABsAAAEfATMPAR8BLwEPAT8BLwEzNxMDIQUDJQUDLQECADMN1oknDTOJJyaKNw0nidYQQHP+kwEmcAEqASZwASr+kwK9oy1jGi2jYxoaY6MtHWYtAWr+o9r+o9fXAV3XAwAAAAABACD/9gPgA4oACQAAAQ0BEyUFEyUhEwJzAW3+1nD+2v7WcP7aAW1zAi0D1/6j19MBXNcBXQAAAAEAVgAdA6oDKwAbAAAlJy4DNTQ+AjMyFhc+ATMyHgIVFA4CBwIAPlKHXzQkP1UyN2YjImY4MVY/JDRfhlMdOEt/dHE9MVY/JDIoKDIkP1YxPXF2f0sAAAADAFYAAQOqA1UAFQAhADsAAAE+ATU0JiMiBg8BJy4BIyIGFRQWHwEBMjY1NCYjIgYVFBYFHgEVFAYHAQ4BIyImJwEuATURNDYzITIWFwLgDxE+LBYnDyAeDyYXKz8PD7b+wBslJRsbJSUCwwwMDAz+1AweEhIeDP6ADAwxIwEsEh4MAR8PJhcrPw8PICAPDz8rFyYPtgIYJRsbJSUbGyXEDB4SEh4M/tQMDAwMAYAMHhIBLCIyDAwAAgAqACsD1gOBABwAIAAAAQczFRQGBwMOASMhIiY1ETQ2NwEXHgEdAQchMhYBETMRA9YCAgMDggkqG/6AIjQODAEYLgkJKgEOIjT8VKwCAQRSCRAH/tQXHTMjAaoSHgwBGi4JFg0OxDL+CAIA/gAAAAEA1gArAyoDKwAKAAABMhYVESUFETQ2MwLWIjL+1v7WMSMDKzQi/VaAgAKqIjQAAAIAIP/wBAADsAA6AHIAAAEuAScuAScuAScuAQcOAQcOAQcOAQcOARceARceARceARceATc+ATc+ATc+ATc+ATc6ATMyNjU8ATUxBw4BBw4BBw4BJy4BJy4BJy4BJy4BNz4BNz4BNz4BNz4BFx4BFx4BFx4BFx4BBzEcARUUFhcOAQcEAAEVFRQ5JCNULi1hMTFfLC1PISE0ERIQAQEUExM2ISJOKytaLi5ZKSlLHh8xEAkOAwECARslZhEzHx9JKChVKipTJyZFHR0sDw8OAQESEBEuHR5DJSVPJydNJCNAGhspDg0NASEYBQ8LAcAyYy0uUiIjNRISEQEBFRMUNyMiUS0sXi8vXCsrTSAgMhAREAEBFBISNCEgTCkZNBslGwEDAaooRx4eLhAPDwEBEhERMR4eRyYnUSkpUCUlQhwbKw4PDQEBERAQLRwcQSQjSyYBAwEZJAMaMxgAAAEAAP/ZBAADpwAKAAABJQsBDQEDJQUDJQQA/p6env6eAQA8ATwBPDwBAAIzMwFB/r8z+v6gpqYBYPoAAAEAAAAgBAADQAAFAAAJAScHCQEDYP4g4KABgAKAA0D+IOCg/oACgAABAAAAAQAAvj/AY18PPPUACwQAAAAAANVm1k8AAAAA1WbWTwAA/9kEAAOwAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAANBAAAAAAAAAAAAAAAAgAAAAQAACAEAAAgBAAAVgQAAFYEAAAqBAAA1gQAACAEAAAABAAAAAAAAAAACgAUAB4AVgByAJ4A+gEyAUoB+AIWAioAAQAAAA0AcwADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvGZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc2Zhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZhdm9yaXRlcwBmAGEAdgBvAHIAaQB0AGUAc0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");font-weight:400;font-style:normal}[class*=" sf-icon-"],[class^=sf-icon-]{font-family:favorites!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-icon-spinner:before{content:"\e97b"}.sf-icon-favorite:before{content:"\e9d9"}.sf-icon-checkmark:before{content:"\ea10"}.sf-icon-bookmark:before{content:"\e8e6"}.sf-icon-love:before{content:"\e87d"}.sf-icon-wishlist:before{content:"\e89a"}.sf-icon-like:before{content:"\e8dc"}.sf-icon-star-empty:before{content:"\e600"}.sf-icon-star-full:before{content:"\e601"}form.cart:has(#yith-wapo-container .yith-wapo-block),
:is(.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart) form.cart.variations_form .woocommerce-variation-add-to-cart {
display: block !important;
}
.yith-wapo-block *, .yith-wapo-block *:before, .yith-wapo-block *:after {
box-sizing: border-box;
}
#yith-wapo-container .yith-wapo-block {
padding: var( --yith-wapo-block-padding );
}
.yith-wapo-block .yith-wapo-addon.empty-title{
margin-top: 20px;
}
.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title):not(.toggle-open) {
margin-top: 20px;
}
.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title).wapo-toggle.toggle-closed {
margin-top: initial;
}
.yith-wapo-block .yith-wapo-addon:after {
content: '';
display: block;
clear: both;
}
.yith-wapo-block .yith-wapo-addon .addon-header{
display: flex;
align-items: center;
column-gap: 10px;
}
.yith-wapo-block .yith-wapo-addon .addon-header .title-image{
max-width: 115px;
padding: 15px 0px;
}
.yith-wapo-block .yith-wapo-addon .wapo-block-title {
margin-top: 0;
clear: none;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle {
width: auto;
}
.yith-wapo-block .yith-wapo-addon:not(.empty-title).wapo-toggle .wapo-addon-title {
display: flex;
flex: 0 0 100%;
column-gap: 10px;
margin-bottom: 25px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .addon-header {
cursor: pointer;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle:not(:last-child) {
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle.toggle-open:not(:last-child) {
margin-bottom: 20px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .options-container.default-closed{
display: none;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .wapo-addon-title:before {
content: '\f543';
font-family: 'dashicons';
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .wapo-addon-title.toggle-open:before {
content: '\f460';
font-family: 'dashicons';
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .options-container.default-open {
display: block;
}
.yith-wapo-block .yith-wapo-addon-type-color .yith-wapo-option {
margin: 0px 5px 5px 0px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option label, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label {
word-break: normal;
margin: 0;
cursor: pointer;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option small del {
opacity: 0.5;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
font-size: 12px;
word-break: break-word;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator {
width: 100%;
height: 1px;
margin: 30px 0px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.simple_border {
border-bottom: 1px solid;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.double_border {
height: 5px;
border-top: 1px solid;
border-bottom: 1px solid;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.dotted_border {
border-bottom: 1px dotted;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.dashed_border {
border-bottom: 1px dashed;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.empty_space {
width: 100%;
height: 50px;
border: 0;
} .yith-wapo-block .yith-wapo-addon .yith-wapo-option {
word-break: break-all;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip {
display: block;
position: absolute;
left: 0%;
margin-top: -50px;
opacity: 1 !important;
width: 100%;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip img {
display: inline-block;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span {
background-color: #03bfac;
color: #fff;
padding: 7px 10px;
margin-bottom: 7px;
font-size: 11px;
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%) translateY(-5px);
display: none;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after {
content: '';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #03bfac;
margin-left: -7px;
display: block;
position: absolute;
left: 50%;
bottom: -7px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom {
margin: 7px 0px 0px 0px;
top: 100%;
bottom: auto;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span{
bottom: auto;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after {
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #03bfac;
top: -7px;
bottom: auto;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option:hover .tooltip span {
display: block;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip:hover span {
display: block;
} .yith-wapo-addon.yith-wapo-addon-type-checkbox .checkbox-button-container {
display: flex;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option input {
margin-right: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label {
line-height: 20px;
}
.yith-wapo-addon-type-checkbox .options .yith-wapo-option .yith-wapo-addon-label {
margin-left: 5px;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label {
position: relative;
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label .color-container{
width: fit-content;
display: flex;
flex-direction: column;
align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label .color-container small{
text-align: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option div.label {
display: flex;
align-items: center;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-above .option-container, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-under .option-container{
display: flex;
flex-direction: column;
gap: 5px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-right .option-container{
display: flex;
align-items: center;
flex-direction: row;
gap: 7px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-left .option-container {
display: flex;
align-items: center;
flex-direction: row;
gap: 7px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected span.color:after, .select_box .select_option.selected:after {
content: '';
width: 18px;
height: 18px;
background: #03bfac url(//yuvarlakpencere.com/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
margin: 0;
display: block;
position: absolute;
top: -6px;
right: -6px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
width: 40px;
height: 40px;
border-radius: var( --yith-wapo-color-swatch-style );
border: 2px solid #dedede;
position: relative;
display: flex;
justify-content: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option:not(.rounded) div.label span.color {
align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color img {
border-radius: var( --yith-wapo-color-swatch-style );
width: 100%;
height: 100%;
object-fit: cover;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label:hover span.color {
border: 2px solid #03bfac;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label span.color {
border: 2px solid #03bfac;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .date-container input{
min-width: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .label {
display: flex;
flex-direction: column;
}
#ui-datepicker-div {
padding: 20px;
}
#ui-datepicker-div #wapo-datepicker-time {
height: 60px;
padding-top: 10px;
}
#ui-datepicker-div #wapo-datepicker-time label {
width: 43%;
height: 40px;
line-height: 40px;
font-weight: bold;
display: block;
float: left;
}
#ui-datepicker-div #wapo-datepicker-time select {
width: 57%;
background-color: #f7f7f7;
border: 1px solid #efefef;
display: block;
float: left;
cursor: pointer;
}
#ui-datepicker-div #wapo-datepicker-time select {
background: #f7f7f7 url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat;
background-position: 95%;
background-size: 10px;
-webkit-appearance: none;
}
#ui-datepicker-div #wapo-datepicker-save button {
width: 100%;
border-radius: 0px;
margin: 0;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option input.file {
display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option div.label.position-under .option-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option div.label.position-above .option-container{
max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.file-input{
cursor: initial;
} .yith-wapo-block .yith-wapo-addon .options.per-row-1 .yith-wapo-option .label_container .image img{
max-width: 150px;
max-height: 150px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display {
border-radius: 5px;
border: 1px solid #7a7a7a;
padding: 10px;
height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display {
border: 1px solid #03bfac;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display:after {
content: '';
width: 18px;
height: 18px;
background: #03bfac url(//yuvarlakpencere.com/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
display: block;
position: absolute;
top: -6px;
right: -6px;
z-index: 10;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option p {
margin: 6px 0 0 0;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container:after {
content: '';
display: block;
clear: both;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container .label_price{
display: flex;
flex-wrap: wrap;
word-break: break-all;
align-items: center;
column-gap: 5px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-left .label_price{
justify-content: flex-start;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-center .label_price{
justify-content: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-right .label_price{
justify-content: flex-end;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-left .label-container-display {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-center .label-container-display {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-right .label-container-display {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label.position-left .label-container-display {
display: flex;
flex-direction: row;
align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label.position-right .label-container-display {
display: flex;
flex-direction: row;
align-items: center;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
}
.single-product div.product .summary.entry-summary form.cart .yith-wapo-block .quantity {
max-width: 80px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number.numbers-check .options.error-message{
border: 1px solid var(--yith-wapo-required-option-color);
padding: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number.numbers-check .yith-wapo-numbers-error-message{
color: var(--yith-wapo-required-option-color);
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-image {
margin-right: 10px;
max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-image img{
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
line-height: 20px;
border-radius: 5px;
border: 1px solid #7a7a7a;
padding: 10px;
font-size: 15px;
height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .product-info {
word-break: break-word;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .product-info .stock-info{
padding-bottom: 10px;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .product-container:hover {
border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container {
border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container:after {
content: '';
width: 18px;
height: 18px;
background: var(--yith-wapo-accent-color-color) url(//yuvarlakpencere.com/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
display: block;
position: absolute;
top: -9px;
right: -9px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container small.option-price {
margin: 7px 0px 5px 0px;
font-size: 16px;
font-weight: bold;
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .sign.positive {
display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .brackets {
display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .button {
margin: 0;
font-size: 15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.out-of-stock {
pointer-events: none;
opacity:0.5;
color: #8b8b8b;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.out-of-stock .stock.out-of-stock {
opacity: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .option-add-to-cart .quantity{
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .options.per-row-1{
gap: 8px;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option input {
margin-top: 0px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-select .image-container img {
max-width: 200px;
max-height: 200px;
margin-bottom: 10px;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container input {
min-width: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .label {
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option {
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .label {
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option textarea {
min-height: 200px;
} .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container {
background-color: #FFFFFF;
min-width: 200px;
width: auto;
border: 1px solid #d9d9d9;
border-radius: 8px;
padding: 7px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container span.wp-picker-input-wrap.hidden {
display: inline-block !important;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container button.wp-color-result {
margin: 0 6px 3px 0;
vertical-align: middle;
position: relative;
border-radius: 4px !important;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom:before {
content: "\e91a";
text-indent: 0;
font-family: 'yith-icon';
color: #d8d8d8;
font-weight: normal;
width: 15px;
background: none;
line-height: 30px;
margin-left: 8px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom {
padding: 10px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom.default_color:before {
color: #5d5d5d;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container .wp-picker-default, .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container .wp-picker-clear {
opacity: 0;
width: 25px;
margin-left: -20px;
padding: 0;
position: absolute;
z-index: 2;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker input[type="text"].wp-color-picker{
width: 6rem;
display: initial;
border: none;
line-height: 3.0;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker input[type="text"].wp-color-picker:focus{
box-shadow: none;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker span.wp-color-result-text:empty {
padding: 0px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-under .option-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-above .option-container{
max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-left .yith-wapo-addon-label{
margin-left: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-right .yith-wapo-addon-label{
margin-right: 10px;
} .theme-yith-proteo .yith-wapo-addon-type-colorpicker .wp-picker-container .button.wp-color-result{
border: 1px solid #cccccc;
background: none;
border-radius: initial;
}
.theme-yith-proteo .yith-wapo-addon-type-colorpicker .wp-picker-container .button.wp-picker-clear{
border: 1px solid #cccccc;
border-radius: initial;
line-height: normal;
}
.theme-yith-proteo .yith-wapo-option .yith-wapo-ajax-uploader .button {
margin-bottom: 0;
margin-right: 0;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker span.wp-picker-custom-placeholder {
line-height: 3.0;
font-size: 12px;
}
.yith-wapo-addon .yith-wapo-option .wp-picker-container.yith-wapo-colorpicker-initialized.wp-picker-active .wp-picker-open {
vertical-align: bottom;
}
.theme-yith-proteo.single-product div.product form.cart .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number .yith-wapo-option .input-number.quantity input,
.theme-yith-proteo.single-product div.product form.cart .yith-wapo-addon-type-product .quantity input.wapo-product-qty,
.theme-yith-proteo .single-product div.product form.cart .yith-wapo-addon-type-product .quantity input.wapo-product-qty {
height: 45px;
width: 70px;
font-size: 1rem;
}
.theme-yith-proteo #wapo-datepicker-time select {
font-family: Montserrat, sans-serif;
font-weight: bold;
}
body.theme-yith-proteo.yith-wapo-modal-is-open {
position: fixed;
}
body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
padding-left: 50px;
}
.theme-yith-proteo .yith-wapo-edit-product-cart small {
color: var( --proteo-general_link_color );
} @media only screen and (max-width: 768px) {
body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
padding-left: 0;
}
}  .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option {
line-height: 20px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image {
display: inline-block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-left {
display: block;
float: left;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-left img {
width: auto;
height: 20px;
margin-right: 10px;
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-right {
margin-left: -15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-right img {
width: auto;
height: 20px;
margin-left: 10px;
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-above {
display: block;
margin-bottom: 5px
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-above img {
width: auto;
max-height: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-under {
display: block;
margin-top: 5px
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-under img {
width: auto;
max-height: 100px;
} #wapo-total-price-table{
margin-top: 40px;
}
#wapo-total-price-table table {
width: auto;
font-size: 20px;
line-height: 40px;
}
#wapo-total-price-table table th {
padding-right: 10px;
text-align: left;
} .woocommerce-cart-form .yith-wapo-group-title, #order_review .yith-wapo-group-title{
font-size: 16px;
} tr.cart_item.yith-wapo-product-has-individual-addons td {
border-bottom: none !important;
}
tr.cart_item.yith-wapo-product-is-individual-addons td {
padding-top: 0px !important;
font-size: 0.9em;
} tr.cart_item.yith-wapo-product-as-item td{
font-size: 0.9em;
}
tr.cart_item.yith-wapo-product-as-item td img{
transform: scale(.7);
}  .yith-wapo-addon .yith-wapo-option .required-error .required-message{
color: var(--yith-wapo-required-option-color);
}
.yith-wapo-block .yith-wapo-addon .min-error{
font-size: 13px;
margin-top: 15px;
}
.yith-wapo-block .yith-wapo-addon .min-error *,
.yith-wapo-addon .options-container .max-selected-error{
color: var(--yith-wapo-required-option-color);
}
.yith-wapo-block .yith-wapo-addon .wapo-error {
color: var(--yith-wapo-required-option-color);
}
.length-error-message{
display: none;
padding: 5px 0px;
color: var(--yith-wapo-required-option-color);
word-break: break-word;
} #wapo-total-price-table {
color: var(--yith-wapo-price-box-colors-text);
background: var(--yith-wapo-price-box-colors-background);
} .yith-wapo-ajax-uploader .button {
border-radius: 5px;
padding: 10px 15px;
font-size: 13px;
font-weight: normal;
cursor: pointer;
overflow: auto;
}
.yith-wapo-ajax-uploader .link {
color: var(--yith-wapo-uploads-file-colors-border);
cursor: pointer;
}
.yith-wapo-uploaded-file .remove {
position: relative;
top: 2px;
cursor: pointer;
font-size: 14px;
margin-bottom: 10px;
}
.yith-wapo-uploaded-file-element .yith-wapo-uploaded-file-info .file-size{
opacity: 0.7;
}
.yith-wapo-uploaded-file-element .yith-wapo-uploaded-file-info .file-name{
color: #000000;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info label:before {
content: '';
display: block;
width: 18px;
height: 18px;
background: #03bfac url(//yuvarlakpencere.com/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
z-index: 10;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info .file-name {
display: flex;
align-items: center;
column-gap: 10px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-loader-container{
position: relative;
top: 5px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file span.info {
display: flex;
flex-direction:column;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element {
margin-bottom: 10px;
}
.yith-wapo-addon .yith-wapo-option.allow-multiple .yith-wapo-uploaded-file-element.completed {
border-bottom: 1px solid #d1d1d1;
}
.yith-wapo-addon.yith-wapo-addon-type-file hr.upload-separator {
border-top: 1px solid var(--yith-wapo-uploads-file-colors-border);
opacity: 0.6;
}
.yith-wapo-addon.yith-wapo-addon-type-file img.yith-wapo-img-uploaded {
margin: 10px 0px 10px 0px;
width: 45px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader{
background: var(--yith-wapo-uploads-file-colors-background);
border: 1px dashed var(--yith-wapo-uploads-file-colors-border);
border-radius: 5px;
padding: 20px;
margin: 10px 0px;
font-size: 14px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader .yith-wapo-ajax-uploader-container{
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 10px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .ui-progressbar {
position: relative;
top: 5px;
height: 10px;
border: none;
}
.yith-wapo-loader.ui-progressbar.ui-corner-all.ui-widget.ui-widget-content .ui-progressbar-value {
background-color: var(--yith-wapo-uploads-file-colors-border);
} .yith-wapo-option small.yith-wapo-error {
word-break: break-word;
}  .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label:hover span.color, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label span.color {
border: 2px solid var(--yith-wapo-accent-color-color);
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display,
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .product-container{
border: 1px solid var(--yith-wapo-form-border-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display,
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container{
border: 1px solid var(--yith-wapo-accent-color-color);
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option:not(.out-of-stock) label {
border: 1px solid var(--yith-wapo-form-border-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label:hover, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected label {
border: 1px solid var(--yith-wapo-accent-color-color);
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton {
width: 20px;
height: 20px;
position: relative;
display: block;
float: left;
margin-right: 10px;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton input[type="checkbox"] {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton:before {
content: '';
background: #ffffff;
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid var(--yith-wapo-form-border-color-color);
border-radius: var(--yith-wapo-checkbox-style);
margin-right: 10px;
text-align: center;
font-size: 17px;
vertical-align: middle;
cursor: pointer;
margin-bottom: 5px;
transition: background-color ease 0.3s;
display: inline-block;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton.checked:before {
background-image: url(//yuvarlakpencere.com/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/check.svg) !important;
background-size: 65%;
background-repeat: no-repeat !important;
background-color: var(--yith-wapo-accent-color-color);
border-color: var(--yith-wapo-accent-color-color);
color: #ffffff;
background-position: center;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton {
width: 20px;
height: 20px;
position: relative;
margin-right: 10px;
display: block;
float: left;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton input[type="radio"] {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton:before {
content: '';
background: #ffffff;
background-clip: content-box;
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid var(--yith-wapo-form-border-color-color);
border-radius: 100%;
padding: 2px;
margin-bottom: 0px;
margin-right: 0px;
font-size: 20px;
text-align: center;
display: inline-block;
float: left;
cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton.checked:before {
border-color: var(--yith-wapo-accent-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton.checked:before {
background-color: var(--yith-wapo-accent-color-color);
background-clip: content-box !important;
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label label{
font-size: var(--yith-wapo-label-font-size);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
font-size: var(--yith-wapo-description-font-size);
overflow-y: auto;
max-height: 70px;
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display:after, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected div.label::after, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label .label-container-display:after {
background-color: var(--yith-wapo-accent-color-color);
} .yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
width: var(--yith-wapo-color-swatch-size);
height: var(--yith-wapo-color-swatch-size);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected span.color:after, .select_box .select_option.selected:after {
background: var(--yith-wapo-accent-color-color) url(//yuvarlakpencere.com/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option *{
max-width: 100%;
} .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span {
background-color: var(--yith-wapo-tooltip-colors-background);
color: var(--yith-wapo-tooltip-colors-text);
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after {
border-top-color: var(--yith-wapo-tooltip-colors-background);
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after {
border-bottom-color: var(--yith-wapo-tooltip-colors-background);
} .yith-wapo-addon.yith-wapo-addon-type-select.required-min .select2-selection.select2-selection--single{
border: 1px solid var( --yith-wapo-required-option-color );
}
#yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-select.required-min {
border: inherit;
border-radius: inherit;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .date-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option .yith-wapo-colorpicker-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .textarea-container textarea, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container {
margin-top: 8px;
} .yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
row-gap: 15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container {
height: 100%;
}
.yith-wapo-addon-type-text input.length-error {
border-color: #ff0000;
} .yith-wapo-addon:not(.yith-wapo-addon-type-label) .yith-wapo-option .image img{
max-width: 100%;
max-height: 200px;
}  @media only screen and (max-width: 768px) {
body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
padding-left: 0;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container button.wp-color-result {
vertical-align: inherit;
} .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader-container .button{
margin-top: 10px;
} .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container {
min-width: auto;
}
}
@media screen and (min-width: 1024px) { .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover {
border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover {
border: 1px solid #03bfac;
}
}