@keyframes mwai-cursor-blink {
0%, 49.9% {
background: var(--mwai-terminal-active-color);
color: var(--mwai-backgroundPrimaryColor);
}
50%, 100% {
background: transparent;
color: var(--mwai-terminal-active-color);
}
}
body > textarea[aria-hidden=true][tabindex="-1"] {
transition: none !important;
}
.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-chunks-list {
max-height: 240px;
overflow-y: auto;
}
.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;
}
.mwai-user-images {
display: flex;
flex-wrap: wrap;
gap: 4px;
flex: 1 1 100%;
min-width: 0;
margin-bottom: 6px;
}
.mwai-user-images .mwai-user-image {
display: block;
width: auto;
height: auto;
max-width: min(100%, 320px);
max-height: 220px;
object-fit: contain;
border-radius: calc(var(--mwai-borderRadius) / 2);
}
.mwai-user-images:has(.mwai-user-image:nth-child(2)) {
display: grid;
grid-template-columns: repeat(2, minmax(0, 160px));
gap: 4px;
width: fit-content;
}
.mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image {
width: 100%;
max-width: none;
max-height: none;
aspect-ratio: 1;
object-fit: cover;
}
.mwai-foundation-theme .mwai-reply.mwai-user:has(.mwai-user-images) {
flex-wrap: wrap;
}
.mwai-foundation-theme .mwai-reply.mwai-user:has(.mwai-user-images) .mwai-user-images {
order: 3;
margin: 8px 0 0;
}
.mwai-chat .mwai-input .mwai-input-submit.mwai-stoppable {
cursor: pointer !important;
}
.mwai-chat .mwai-input .mwai-input-submit.mwai-stoppable:before {
display: none !important;
}
.mwai-chat .mwai-input .mwai-input-submit.mwai-stoppable svg {
opacity: 1;
}
.mwai-chatbot-container {
height: 100%;
} @keyframes mwaiIconTextZoomIn {
0% {
transform: translateY(12px) scale(0.9);
opacity: 0;
}
65% {
transform: translateY(-2px) scale(1.01);
opacity: 1;
}
100% {
transform: translateY(0) 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-chatgpt-theme {
font-family: var(--mwai-fontFamily, inherit);
--mwai-spacing: 15px;
--mwai-fontSize: 15px;
--mwai-linkColor: #2196f3;
--mwai-lineHeight: 1.5;
--mwai-borderRadius: 10px;
--mwai-borderColor: #4f4f4f32;
--mwai-width: 460px;
--mwai-maxHeight: 40vh;
--mwai-iconTextColor: white;
--mwai-iconTextBackgroundColor: #212121;
--mwai-fontColor: #ECECEC;
--mwai-backgroundPrimaryColor: #2f2f2f;
--mwai-backgroundHeaderColor: #212121;
--mwai-bubbleColor: #212121;
--mwai-iconSize: 60px;
--mwai-accentColor: #0b72e0;
--mwai-headerColor: #ECECEC;
--mwai-conversationsBackgroundColor: #171717;
--mwai-conversationsTextColor: #ECECEC;
--mwai-backgroundSecondaryColor: #212121;
--mwai-errorBackgroundColor: #6d2f2a;
--mwai-errorTextColor: #FFFFFF;
}
.mwai-chatgpt-theme * {
box-sizing: border-box;
}
.mwai-chatgpt-theme .mwai-body {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
overflow: hidden;
display: flex;
flex-direction: column;
border-radius: var(--mwai-borderRadius);
position: relative;
}
.mwai-chatgpt-theme .mwai-drag-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(33, 33, 33, 0.95);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--mwai-borderRadius);
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 20px;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-icons {
display: flex;
gap: 8px;
color: var(--mwai-accentColor);
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-title {
font-size: 15px;
font-weight: 500;
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-subtitle {
font-size: 12px;
color: var(--mwai-fontColor);
opacity: 0.7;
text-align: center;
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-icons {
color: #ef4444;
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-title {
color: #ef4444;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-name {
color: var(--mwai-headerColor);
font-size: var(--mwai-fontSize);
}
.mwai-chatgpt-theme .mwai-shortcuts {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: calc(var(--mwai-spacing) / 2);
margin: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 8px 14px;
border-radius: 999px;
border: 1px solid var(--mwai-borderColor);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
font-family: inherit;
font-size: var(--mwai-fontSize);
line-height: 1.2;
text-align: left;
cursor: pointer;
transition: filter 0.15s ease, border-color 0.15s ease;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut:hover {
filter: brightness(1.15);
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-danger {
border-color: rgba(244, 67, 54, 0.5);
color: #ef5350;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon {
margin-right: 0;
display: inline-flex;
align-items: center;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon img {
max-height: 16px;
width: auto;
}
.mwai-chatgpt-theme .mwai-blocks {
display: flex;
flex-direction: column;
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-blocks .mwai-block p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-blocks button {
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-conversation {
overflow: auto;
flex: 1 1 auto;
max-height: var(--mwai-maxHeight);
min-height: 0;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.15);
background: color-mix(in srgb, var(--mwai-fontColor) 15%, transparent);
border-radius: 4px;
transition: background 0.2s ease;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.25);
background: color-mix(in srgb, var(--mwai-fontColor) 25%, transparent);
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:active {
background: rgba(255, 255, 255, 0.3);
background: color-mix(in srgb, var(--mwai-fontColor) 30%, transparent);
}
.mwai-chatgpt-theme .mwai-conversation {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.05);
scrollbar-color: color-mix(in srgb, var(--mwai-fontColor) 15%, transparent) color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line {
line-height: 1.5;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-user .mwai-terminal-prompt {
opacity: 0.95;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-user .mwai-terminal-text {
opacity: 0.98;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-system {
opacity: 0.75;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-prompt {
color: var(--mwai-headerColor);
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text {
flex: 1;
opacity: 0.92;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text .mwai-image {
max-width: 100%;
height: auto;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text pre {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 8px;
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text code {
font-family: inherit;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-typed {
white-space: pre-wrap;
}
.mwai-chatgpt-theme .mwai-reply {
display: flex;
padding: var(--mwai-spacing);
position: relative;
line-height: var(--mwai-lineHeight);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
background: transparent;
}
.mwai-chatgpt-theme .mwai-reply.mwai-fade-out {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user {
display: block;
background: transparent;
text-align: right;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-name {
display: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images {
display: inline-flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 4px;
margin-bottom: 8px;
max-width: 70%;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images .mwai-user-image {
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
border-radius: var(--mwai-borderRadius);
object-fit: contain;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image {
width: 160px;
height: 160px;
object-fit: cover;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image:nth-child(1) {
border-top-left-radius: var(--mwai-borderRadius);
border-top-right-radius: 4px;
border-bottom-left-radius: var(--mwai-borderRadius);
border-bottom-right-radius: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image:nth-child(2) {
border-top-left-radius: 4px;
border-top-right-radius: var(--mwai-borderRadius);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text {
display: inline-block;
text-align: left;
max-width: 70%;
background: var(--mwai-accentColor);
padding: 10px 16px;
border-radius: 20px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai {
align-items: flex-start;
background: transparent;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai:has(.mwai-name-text) {
flex-direction: column;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-name .mwai-name-text {
display: block;
font-size: 0.75em;
font-weight: 600;
opacity: 0.6;
margin-bottom: 4px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-text {
max-width: 100%;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-name {
color: var(--mwai-fontColor);
margin-right: 5px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-name-text {
opacity: 0.5;
white-space: nowrap;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar {
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar img {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar.mwai-svg img {
width: 28px;
height: 28px;
min-width: 28px;
min-height: 28px;
filter: brightness(0) invert(1);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text {
flex: auto;
font-size: var(--mwai-fontSize);
line-height: var(--mwai-lineHeight);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-image {
display: block;
max-width: 250px;
height: auto;
margin: 0 0 10px 0;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-filename {
display: flex;
text-decoration: none;
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
padding: 5px 10px;
margin-bottom: 10px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text * {
font-size: var(--mwai-fontSize);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text a {
color: var(--mwai-linkColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1, .mwai-chatgpt-theme .mwai-reply .mwai-text h2, .mwai-chatgpt-theme .mwai-reply .mwai-text h3, .mwai-chatgpt-theme .mwai-reply .mwai-text h4, .mwai-chatgpt-theme .mwai-reply .mwai-text h5, .mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
color: var(--mwai-fontColor);
margin: 0px;
line-height: 1.2;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1 {
font-size: 150%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h2 {
font-size: 130%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h3 {
font-size: 115%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h4 {
font-size: 105%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h5 {
font-size: 100%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
font-size: 95%;
font-weight: bold;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text p code {
background: var(--mwai-backgroundSecondaryColor);
background: color-mix(in srgb, var(--mwai-fontColor) 11%, transparent);
padding: 2px 6px;
border-radius: 8px;
font-size: 90%;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre {
color: var(--mwai-fontColor);
border-radius: var(--mwai-borderRadius);
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
break-after: auto;
white-space: pre-wrap;
font-size: 90%;
max-width: 100%;
width: 100%;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
background: hsl(0 0% 0% / 30%);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre code {
padding: 0 !important;
background: transparent;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul, .mwai-chatgpt-theme .mwai-reply .mwai-text ol {
padding: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul {
list-style: disc;
margin: 0 0 0 15px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ol {
list-style: decimal;
margin: 0 0 0 15px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--mwai-borderColor);
border-color: color-mix(in srgb, var(--mwai-fontColor) 14%, transparent);
border-radius: calc(var(--mwai-borderRadius) * 0.6);
overflow: hidden;
margin: calc(var(--mwai-spacing) / 2) 0;
font-size: calc(var(--mwai-fontSize) * 0.94);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text th, .mwai-chatgpt-theme .mwai-reply .mwai-text td {
border: 0;
border-bottom: 1px solid var(--mwai-borderColor);
border-bottom-color: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
padding: 7px 10px;
text-align: left;
vertical-align: top;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text tbody tr:last-child td {
border-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text th {
font-weight: 600;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text thead {
background: color-mix(in srgb, var(--mwai-fontColor) 8%, transparent);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text tbody tr:nth-child(even) {
background: color-mix(in srgb, var(--mwai-fontColor) 4%, transparent);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter {
display: inline-block;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter > :first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-system {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorTextColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-system .mwai-name {
display: none;
}
.mwai-chatgpt-theme .mwai-input {
display: flex;
align-items: flex-end;
gap: 4px;
padding: 4px 6px 5px 4px !important;
margin: var(--mwai-spacing);
background: var(--mwai-backgroundPrimaryColor);
border: 1px solid var(--mwai-borderColor);
border-radius: 26px;
position: relative;
transition: border-color 0.2s ease;
}
.mwai-chatgpt-theme .mwai-input:focus-within {
border-color: rgba(255, 255, 255, 0.25);
border-color: color-mix(in srgb, var(--mwai-accentColor) 55%, transparent);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text {
flex: auto;
position: relative;
display: flex;
overflow: hidden;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-locked {
opacity: 0.5;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-locked input, .mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-locked textarea {
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text {
background: transparent;
border: none;
padding: 0;
align-items: flex-end;
gap: 4px;
border-radius: 0;
overflow: visible;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-blocked {
background: var(--mwai-errorBackgroundColor);
border-radius: 16px;
padding: 4px 8px;
margin: -4px -8px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-dragging {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea {
background: transparent;
color: var(--mwai-fontColor);
flex: auto;
border: none;
font-size: var(--mwai-fontSize);
resize: none;
font-family: inherit;
margin: 0;
padding: 2px;
line-height: normal;
border-radius: 0;
box-shadow: none;
transition: none;
max-height: 210px;
overflow-y: auto;
min-height: inherit;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea {
padding: 6px 4px;
margin: 0 !important;
line-height: 1.4;
min-height: unset;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea::placeholder {
color: var(--mwai-fontColor);
opacity: 0.5;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone svg {
opacity: 0.5;
filter: grayscale(100%);
transition: opacity 0.3s ease-out;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[active=true] svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[disabled] svg {
opacity: 0;
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone {
flex-shrink: 0;
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background: transparent;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
margin: 0;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone svg {
color: var(--mwai-fontColor);
opacity: 0.7;
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone:hover {
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone:hover svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide) {
background: url(//www.miamarka.com.tr/wp-content/plugins/ai-engine/themes/icons/dark-icons.svg);
background-size: 500%;
background-position: 0px -96px;
width: 32px;
height: 32px;
z-index: 100;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-idle-add {
background-position: -32px -96px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-add {
background-position: -32px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-up {
background-position: -64px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-del {
background-position: -96px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-image-ok {
background-position: -128px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-add {
background-position: -32px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-up {
background-position: -64px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-del {
background-position: -96px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide).mwai-document-ok {
background-position: -128px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon:not(.mwai-lucide) .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-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload {
flex-shrink: 0;
order: -1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background: transparent;
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload svg {
color: var(--mwai-fontColor);
opacity: 0.7;
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload:hover {
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload:hover svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file {
background: var(--mwai-accentColor);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file svg {
color: white;
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-check {
display: block;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-x {
display: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload:hover .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file {
background: #c53030;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload:hover .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-check {
display: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload:hover .mwai-file-upload-icon.mwai-lucide.mwai-chatgpt-upload.mwai-has-file .mwai-icon-x {
display: block;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit {
flex-shrink: 0;
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
padding: 0;
margin: 0;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
color: rgba(255, 255, 255, 0.4);
color: color-mix(in srgb, var(--mwai-fontColor) 40%, transparent);
display: flex;
align-items: center;
justify-content: center;
cursor: not-allowed;
transition: background 0.15s ease, color 0.15s ease, filter 0.15s ease;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-has-content {
background: var(--mwai-accentColor);
color: white;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-has-content:hover {
filter: brightness(1.15);
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-clear-mode {
cursor: pointer;
color: rgba(255, 255, 255, 0.5);
color: color-mix(in srgb, var(--mwai-fontColor) 50%, transparent);
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-clear-mode:hover, .mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-clear-mode:focus-visible {
background: rgba(255, 255, 255, 0.16);
background: color-mix(in srgb, var(--mwai-fontColor) 16%, transparent);
color: rgba(255, 255, 255, 0.85);
color: color-mix(in srgb, var(--mwai-fontColor) 85%, transparent);
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-busy {
width: auto;
min-width: 32px;
padding: 0 12px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.15);
background: color-mix(in srgb, var(--mwai-fontColor) 15%, transparent);
cursor: wait;
gap: 6px;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit.mwai-busy .mwai-timer {
font-size: 13px;
color: rgba(255, 255, 255, 0.8);
color: color-mix(in srgb, var(--mwai-fontColor) 80%, transparent);
margin: 0;
}
.mwai-chatgpt-theme .mwai-input button.mwai-input-submit:disabled:not(.mwai-has-content) {
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-files {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 0 var(--mwai-spacing) 0 var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview {
background: var(--mwai-backgroundPrimaryColor);
border: 1px solid var(--mwai-borderColor);
border-radius: 12px;
padding: 8px 12px;
display: flex;
align-items: center;
gap: 8px;
max-width: 200px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-content {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-thumbnail {
width: 32px;
height: 32px;
border-radius: 6px;
object-fit: cover;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: var(--mwai-fontColor);
opacity: 0.7;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info {
flex: 1;
min-width: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info .mwai-file-name {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info .mwai-file-size {
font-size: 10px;
opacity: 0.6;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove {
width: 24px;
height: 24px;
min-width: 24px;
padding: 0;
border: none;
background: transparent;
color: var(--mwai-fontColor);
opacity: 0.5;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove:hover {
opacity: 1;
color: #ef4444;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove svg {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress {
flex: 1;
height: 4px;
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
border-radius: 2px;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress .mwai-file-progress-bar {
height: 100%;
background: var(--mwai-accentColor);
transition: width 0.2s ease;
}
.mwai-chatgpt-theme .mwai-compliance {
opacity: 0.5; margin-top: 0;
padding: calc(var(--mwai-spacing) / 1.5) var(--mwai-spacing);
font-size: smaller;
color: var(--mwai-fontColor);
text-align: left;
}
.mwai-chatgpt-theme .mwai-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5px;
}
.mwai-chatgpt-theme .mwai-gallery img {
width: 100%;
}
.mwai-chatgpt-theme button {
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
min-width: 70px;
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
font-size: calc(var(--mwai-fontSize) * 0.9);
position: relative;
}
.mwai-chatgpt-theme button .mwai-timer {
margin-left: 5px;
margin-right: 5px;
font-size: 11px;
}
.mwai-chatgpt-theme button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme button[disabled] {
cursor: not-allowed;
}
.mwai-chatgpt-theme button[disabled] span {
opacity: 0.5;
}
.mwai-chatgpt-theme button[disabled].mwai-busy span {
display: none;
}
.mwai-chatgpt-theme button[disabled].mwai-busy:before {
content: "";
width: 18px;
height: 18px;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container {
padding: var(--mwai-spacing);
font-size: var(--mwai-fontSize);
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-form-container fieldset {
border: 0;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[type=text], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=email], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=tel], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=url], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=password], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=number], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=date], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime-local], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=month], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=search], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=time], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=week], .mwai-chatgpt-theme.mwai-form-container fieldset select, .mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset select {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-family: inherit;
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset select[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset textarea[disabled] {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button {
height: 45px;
background: none;
width: 100%;
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
background-color: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
position: relative;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled] span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled] span {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled]:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled]:hover {
background: none;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button span {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button::after, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button .mwai-timer, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button .mwai-timer {
position: absolute;
top: 50%;
left: 50%;
margin-left: 16px;
transform: translateY(-50%);
font-size: 11px;
opacity: 0.8;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output {
font-size: var(--mwai-fontSize);
position: relative;
margin-top: var(--mwai-spacing);
padding: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output.mwai-error {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorTextColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output img {
max-width: 33%;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container.mwai-has-content {
display: block;
}
.mwai-chatgpt-theme.mwai-form-container .wp-block-columns {
margin: 0;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-top: 1px solid color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
background: color-mix(in srgb, var(--mwai-fontColor) 8%, transparent);
border: 1px solid rgba(255, 255, 255, 0.1);
border: 1px solid color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-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-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: scale(0.92);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: scale(1);
}
.mwai-chatgpt-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-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing.mwai-open .mwai-trigger .mwai-icon-container {
transform: scale(1);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-window-box {
transform-origin: calc(100% - 32px) calc(100% - 32px);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-left .mwai-window-box {
transform-origin: 32px calc(100% - 32px);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-window-box {
transform-origin: calc(100% - 32px) 32px;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-window-box {
transform-origin: 32px 32px;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-center-open .mwai-window-box {
transform-origin: center center;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
transform-origin: center center !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger {
position: fixed !important;
z-index: 9999 !important;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-trigger {
top: 20px !important;
right: 20px !important;
left: auto !important;
bottom: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-trigger {
top: 20px !important;
left: 20px !important;
right: auto !important;
bottom: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-closing) .mwai-trigger {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
transform: scale(0.8);
opacity: 0.3;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextZoomIn 340ms cubic-bezier(0.22, 1.2, 0.36, 1) 0ms 1 both;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: mwaiIconTextZoomIn 260ms cubic-bezier(0.22, 1.2, 0.36, 1) 0ms 1 reverse both !important;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: none !important;
opacity: 0 !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-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-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-window-box {
opacity: 0.5;
transform: translateY(20px);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0);
}
.mwai-chatgpt-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-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: mwaiIconTextSlideUp 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms 1 reverse both !important;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: none !important;
opacity: 0 !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-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-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-body {
display: flex !important;
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-header, .mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-body {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-chatgpt-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-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-window-box {
transition: opacity 120ms linear !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box, .mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: mwaiIconTextFadeOpacity 160ms ease-out 0ms 1 reverse both, mwaiIconTextFadeTransform 180ms cubic-bezier(0.2, 0, 0, 1) 0ms 1 reverse both !important;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-text-container.mwai-leaving .mwai-icon-text {
animation: none !important;
opacity: 0 !important;
}
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-theme .mwai-footer:empty {
display: none;
}
.mwai-chatgpt-theme .mwai-footer:not(:has(.mwai-tools)):has(.mwai-compliance:empty) {
display: none;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools {
display: flex;
align-items: center;
gap: 8px;
margin-right: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload {
display: inline-block;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide svg {
width: 16px;
height: 16px;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide .mwai-upload-count::after {
content: attr(data-count);
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide.mwai-hover .mwai-upload-count::after {
content: "-";
}
.mwai-chatgpt-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-chatgpt-theme .mwai-footer .mwai-tools + .mwai-compliance {
text-align: right;
}
.mwai-chatgpt-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-chatgpt-theme .mwai-body:last-child .mwai-input {
padding-bottom: var(--mwai-spacing);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-chatgpt-theme .mwai-body:last-child .mwai-input {
padding-bottom: var(--mwai-spacing);
}
}
.mwai-chatgpt-theme .mwai-jump-anchor {
position: sticky;
bottom: 8px;
z-index: 5;
display: flex;
justify-content: flex-end;
height: 0;
pointer-events: none;
padding-inline-end: 4px;
}
.mwai-chatgpt-theme .mwai-jump-to-latest {
pointer-events: auto;
transform: translateY(-40px);
box-sizing: border-box;
flex: none;
width: 32px;
min-width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid var(--mwai-borderColor);
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
color: var(--mwai-fontColor);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.mwai-chatgpt-theme .mwai-jump-to-latest:hover {
transform: translateY(-42px);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}
.mwai-chatgpt-theme .mwai-jump-to-latest:focus-visible {
outline: 2px solid var(--mwai-accentColor, currentColor);
outline-offset: 2px;
}
.mwai-chatgpt-theme .mwai-jump-to-latest svg {
width: 17px;
height: 17px;
display: block;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-jump-to-latest {
transition: none;
}
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1, .mwai-chatgpt-theme .mwai-reply .mwai-text h2, .mwai-chatgpt-theme .mwai-reply .mwai-text h3, .mwai-chatgpt-theme .mwai-reply .mwai-text h4, .mwai-chatgpt-theme .mwai-reply .mwai-text h5, .mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.005em;
margin: 1.15em 0 0.4em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h2:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h3:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h4:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h5:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text h6:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul, .mwai-chatgpt-theme .mwai-reply .mwai-text ol {
margin-top: 0.45em;
margin-bottom: 0.45em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul:first-child, .mwai-chatgpt-theme .mwai-reply .mwai-text ol:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul:last-child, .mwai-chatgpt-theme .mwai-reply .mwai-text ol:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text :not(pre) > code {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li + li {
margin-top: 0.25em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li > ul, .mwai-chatgpt-theme .mwai-reply .mwai-text li > ol {
margin-top: 0.25em;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li::marker {
color: color-mix(in srgb, currentColor 72%, transparent);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote {
margin: 0.8em 0;
padding: 1px 0 1px 12px;
padding-inline: 12px 0;
border-inline-start: 3px solid rgba(128, 128, 128, 0.5);
border-inline-start-color: color-mix(in srgb, currentColor 28%, transparent);
opacity: 0.85;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote > :first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote > :last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text hr {
height: 1px;
margin: 1.15em 0;
border: 0;
background: rgba(128, 128, 128, 0.35);
background: color-mix(in srgb, currentColor 16%, transparent);
}
.mwai-chatgpt-theme .mwai-empty-hint {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
height: 100%;
min-height: 132px;
padding: 24px 20px;
text-align: center;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-empty-hint-who {
display: block !important;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name {
margin: 0;
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name .mwai-avatar {
margin: 0;
display: block;
border-radius: 50%;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name .mwai-avatar img {
display: block;
width: 48px;
height: 48px;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-name .mwai-name-text {
opacity: 1;
font-weight: 600;
}
.mwai-chatgpt-theme .mwai-empty-hint .mwai-empty-hint-text {
color: var(--mwai-fontColor);
opacity: 0.62;
font-size: 0.95em;
}
.mwai-chatgpt-theme {
font-weight: var(--mwai-fontWeight, 400);
line-height: var(--mwai-lineHeight);
}
.mwai-chatgpt-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);
max-height: 150px;
overflow-y: auto;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar {
width: 6px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-track {
background: var(--mwai-backgroundPrimaryColor);
border-radius: 3px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-thumb {
background: var(--mwai-backgroundHeaderColor);
border-radius: 3px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-thumb:hover {
background: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview {
position: relative;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-content {
display: flex;
align-items: center;
gap: 8px;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-icon svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: rgba(128, 128, 128, 0.25);
border-radius: 0 0 calc(var(--mwai-borderRadius) / 2) calc(var(--mwai-borderRadius) / 2);
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress .mwai-file-progress-bar {
height: 100%;
background: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
transition: width 0.3s ease;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove svg {
width: 20px;
height: 20px;
}
.mwai-chatgpt-theme .mwai-files:empty {
display: none;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block {
margin: 0.8em 0;
border-radius: var(--mwai-borderRadius);
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-block pre {
margin: 0;
border-radius: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 4px 6px 4px 12px;
background: rgba(128, 128, 128, 0.22);
font-size: 11px;
line-height: 1;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-lang,
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy,
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy span {
font-size: 11px;
line-height: 1;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-lang {
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
letter-spacing: 0.02em;
opacity: 0.6;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy {
display: inline-flex;
align-items: center;
gap: 5px;
width: auto;
min-width: 0;
height: auto;
min-height: 0;
margin: 0;
padding: 4px 7px;
border: 0;
border-radius: 5px;
background: transparent;
box-shadow: none;
color: inherit;
font-family: inherit;
font-weight: inherit;
letter-spacing: normal;
text-transform: none;
opacity: 0.7;
cursor: pointer;
transition: opacity 0.15s ease, background 0.15s ease;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy:hover, .mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy:focus-visible {
opacity: 1;
background: rgba(128, 128, 128, 0.25);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy.mwai-copied {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-code-copy svg {
display: block;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text li > code,
.mwai-chatgpt-theme .mwai-reply .mwai-text td > code,
.mwai-chatgpt-theme .mwai-reply .mwai-text blockquote code {
padding: 2px 6px;
border-radius: 6px;
background: rgba(128, 128, 128, 0.2);
font-size: 90%;
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.mwai-chatgpt-theme :focus:not(:focus-visible) {
outline: none;
}
@media (min-width: 1000px) {
.mwai-chatgpt-theme.mwai-fullscreen {
--mwai-readingWidth: 780px;
}
.mwai-chatgpt-theme.mwai-fullscreen .mwai-conversation {
padding-inline: max(var(--mwai-spacing), (100% - var(--mwai-readingWidth)) / 2);
}
.mwai-chatgpt-theme.mwai-fullscreen .mwai-input,
.mwai-chatgpt-theme.mwai-fullscreen .mwai-footer {
width: 100%;
box-sizing: border-box;
max-width: var(--mwai-readingWidth);
margin-inline: auto;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme:not(.mwai-window) .mwai-input .mwai-input-text input, .mwai-chatgpt-theme:not(.mwai-window) .mwai-input .mwai-input-text textarea {
font-size: 16px;
}
}
.mwai-chatgpt-theme .mwai-file-upload-icon {
margin-bottom: -3px;
}
.mwai-chatgpt-theme .mwai-spin {
animation: mwai-spin 1s linear infinite;
}
@keyframes mwai-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.mwai-chatgpt-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);
}
.mwai-chatgpt-theme .mwai-terminal:focus {
outline: none;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user {
color: var(--mwai-fontColor);
opacity: 0.35;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing {
color: var(--mwai-terminal-active-color);
opacity: 1;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-assistant {
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-system {
color: #608b4e;
font-style: italic;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-terminal .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-text {
color: inherit;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-input-wrapper {
flex: 1;
display: inline;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-terminal .mwai-terminal-cursor {
display: inline-block;
min-width: 8px;
height: 1.35em;
color: var(--mwai-terminal-active-color);
background: var(--mwai-terminal-active-color);
opacity: 0.35;
vertical-align: text-bottom;
line-height: inherit;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor);
animation: mwai-cursor-blink 1s infinite;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
}
.mwai-chatgpt-theme .mwai-terminal {
scrollbar-width: thin;
scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-track {
background: transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-thumb {
background: rgba(128, 128, 128, 0.3);
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-thumb:hover {
background: rgba(128, 128, 128, 0.5);
}
.mwai-chatgpt-theme .mwai-terminal + .mwai-compliance {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-transition, .mwai-chatgpt-theme .mwai-transition {
opacity: 0;
transition: opacity 350ms ease-in-out;
}
.mwai-chatgpt-theme.mwai-transition-visible, .mwai-chatgpt-theme .mwai-transition-visible {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-text {
overflow-wrap: anywhere;
}
.mwai-chatgpt-theme .mwai-text img, .mwai-chatgpt-theme .mwai-text svg {
max-width: 100%;
}
.mwai-chatgpt-theme .mwai-text div p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-text div p:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-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;
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container {
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
z-index: 2;
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container.mwai-leaving, .mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container.mwai-leaving * {
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text {
pointer-events: auto;
background: var(--mwai-iconTextBackgroundColor);
color: var(--mwai-iconTextColor);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
max-width: 270px;
font-size: 14px;
line-height: 1.45;
margin-bottom: 15px;
padding: 12px 16px;
border-radius: 12px;
position: relative;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-header {
display: flex;
align-items: center;
gap: 7px;
margin-bottom: 5px;
min-height: 22px;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-avatar {
width: 22px;
height: 22px;
min-width: 22px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-avatar.mwai-emoji {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-name {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.02em;
opacity: 0.7;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-close {
--mwai-icon-close-size: 24px;
width: var(--mwai-icon-close-size);
height: var(--mwai-icon-close-size);
min-width: var(--mwai-icon-close-size);
flex: none;
margin-left: auto;
margin-right: -4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
line-height: 1;
color: inherit;
border-radius: 50%;
opacity: 0.8;
cursor: pointer;
transition: opacity 120ms ease;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text .mwai-icon-text-close:focus-visible {
outline: 2px solid currentColor;
outline-offset: 1px;
opacity: 1;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container {
position: relative;
z-index: 1;
pointer-events: auto;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon {
display: block;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0 6px 10px rgba(0, 0, 0, 0.16));
transition: transform 0.2s ease-out, filter 0.2s ease-out;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover {
cursor: pointer;
transform: translateY(-2px) scale(1.05);
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0 10px 16px rgba(0, 0, 0, 0.22));
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:active {
transform: scale(0.97);
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.18)) drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon {
transition: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover, .mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:active {
transform: none;
}
}
.mwai-chatgpt-theme.mwai-window {
position: fixed;
right: 30px;
bottom: 30px;
width: var(--mwai-width);
z-index: 9999;
}
.mwai-chatgpt-theme.mwai-window .mwai-window-box {
position: relative;
z-index: 1;
}
.mwai-chatgpt-theme.mwai-window .mwai-conversation, .mwai-chatgpt-theme.mwai-window .mwai-input-text textarea {
overscroll-behavior: contain;
}
.mwai-chatgpt-theme.mwai-window .mwai-header {
display: none;
justify-content: space-between;
align-items: center;
padding: 0 0 0 15px;
border-radius: var(--mwai-borderRadius) var(--mwai-borderRadius) 0 0;
background: var(--mwai-backgroundHeaderColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons {
display: flex;
align-items: center;
margin-left: auto;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:before {
transition: all 0.2s ease-out;
content: " ";
cursor: pointer;
position: absolute;
height: 20px;
width: 20px;
background-color: var(--mwai-headerColor);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M3 9V3h6'/%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M21 15v6h-6'/%3E%3Cpath d='M9 21H3v-6'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M3 9V3h6'/%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M21 15v6h-6'/%3E%3Cpath d='M9 21H3v-6'/%3E%3C/svg%3E") no-repeat center/contain;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 22px;
height: 22px;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(-45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:focus-visible, .mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:focus-visible {
outline: 2px solid var(--mwai-headerColor);
outline-offset: -7px;
border-radius: 6px;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before, .mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
content: " ";
cursor: pointer;
position: absolute;
height: 22px;
width: 1.2px;
background-color: var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:before {
opacity: 1;
transform: translate(16px, 5px) rotate(135deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:after {
opacity: 1;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window.mwai-opening, .mwai-chatgpt-theme.mwai-window.mwai-closing {
cursor: default !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-opening .mwai-header, .mwai-chatgpt-theme.mwai-window.mwai-closing .mwai-header {
cursor: default !important;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-window.mwai-bottom-left {
bottom: 30px;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
right: inherit;
left: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right {
top: 30px;
bottom: inherit;
right: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger {
top: 0;
bottom: inherit;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left {
top: 30px;
bottom: inherit;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
top: 0;
bottom: inherit;
right: inherit;
left: 0;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-window.mwai-center-open.mwai-open {
width: calc(100% - 40px);
max-width: var(--mwai-width);
}
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
align-items: flex-start;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
flex-direction: column-reverse;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger .mwai-icon-text, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger .mwai-icon-text {
margin-bottom: 0;
margin-top: 15px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons {
margin-bottom: 0px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:before {
width: 20px;
height: 20px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M8 3V8H3'/%3E%3Cpath d='M21 8H16V3'/%3E%3Cpath d='M3 16H8V21'/%3E%3Cpath d='M16 21V16H21'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M8 3V8H3'/%3E%3Cpath d='M21 8H16V3'/%3E%3Cpath d='M3 16H8V21'/%3E%3Cpath d='M16 21V16H21'/%3E%3C/svg%3E");
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 22px;
height: 22px;
}
.mwai-chatgpt-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);
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 auto;
}
.mwai-chatgpt-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-chatgpt-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);
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open {
transform: none !important;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
flex: 1 1 auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-header {
display: flex;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-window.mwai-open:not(.mwai-fullscreen) .mwai-body {
height: var(--mwai-maxHeight);
}
.mwai-chatgpt-theme.mwai-window.mwai-open:not(.mwai-fullscreen) .mwai-body .mwai-conversation {
flex: 1 1 auto;
min-height: 0;
}
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-window:not(.mwai-fullscreen) .mwai-input textarea {
max-height: min(210px, var(--mwai-maxHeight) * 0.4);
}
.mwai-chatgpt-theme .mwai-body {
position: relative;
}
.mwai-chatgpt-theme .mwai-drag-overlay {
position: absolute;
inset: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--mwai-borderRadius);
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
background: color-mix(in srgb, var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor)) 94%, transparent);
box-shadow: inset 0 0 0 2px var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 20px;
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-icons {
display: flex;
color: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
}
.mwai-chatgpt-theme .mwai-drag-overlay .mwai-drag-overlay-title {
font-size: 15px;
font-weight: 500;
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked {
box-shadow: inset 0 0 0 2px #ef4444;
}
.mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-icons, .mwai-chatgpt-theme .mwai-drag-overlay.mwai-blocked .mwai-drag-overlay-title {
color: #ef4444;
}
.mwai-chatgpt-theme .mwai-gallery {
grid-template-columns: repeat(6, 1fr);
}
.mwai-chatgpt-theme .mwai-gallery > * {
grid-column: span 2;
}
.mwai-chatgpt-theme .mwai-gallery > :first-child:nth-last-child(2),
.mwai-chatgpt-theme .mwai-gallery > :first-child:nth-last-child(2) ~ * {
grid-column: span 3;
}
.mwai-chatgpt-theme .mwai-gallery > :only-child {
grid-column: 1/-1;
max-width: 360px;
}
.mwai-chatgpt-theme .mwai-gallery > :only-child img {
width: auto;
max-width: 100%;
max-height: 320px;
}
.mwai-chatgpt-theme .mwai-gallery img {
display: block;
width: 100%;
height: auto;
border-radius: calc(var(--mwai-borderRadius) / 2);
}
.mwai-chatgpt-theme .mwai-undo-clear {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: 0 0 auto;
margin: 0 var(--mwai-spacing) 8px;
padding: 7px 12px;
border-radius: 999px;
background: rgba(128, 128, 128, 0.16);
color: var(--mwai-fontColor);
font-size: calc(var(--mwai-fontSize) * 0.9);
line-height: 1.2;
animation: mwai-undo-clear-in 180ms ease-out both;
}
.mwai-chatgpt-theme .mwai-undo-clear span {
opacity: 0.8;
}
.mwai-chatgpt-theme .mwai-undo-clear button {
width: auto;
min-width: 0;
height: auto;
min-height: 0;
margin: 0;
padding: 2px 4px;
border: none;
border-radius: 4px;
background: none;
color: inherit;
font: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-undo-clear button:hover {
opacity: 0.75;
}
.mwai-chatgpt-theme .mwai-undo-clear button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-undo-clear {
animation: none;
}
}
@keyframes mwai-undo-clear-in {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.mwai-chatgpt-theme .mwai-input .mwai-file-upload,
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload {
display: flex;
align-self: center;
align-items: center;
justify-content: center;
min-width: 24px;
min-height: 24px;
}
.mwai-chatgpt-theme .mwai-input-text.mwai-has-counter {
flex-wrap: wrap;
}
.mwai-chatgpt-theme .mwai-input-counter {
flex: 0 0 100%;
order: 99;
box-sizing: border-box;
padding: 2px 10px 6px;
text-align: right;
color: var(--mwai-fontColor);
opacity: 0.65;
font-size: 11px;
line-height: 1.3;
font-variant-numeric: tabular-nums;
pointer-events: none;
}
.mwai-chatgpt-theme .mwai-input-counter.mwai-at-limit {
color: #e5484d;
opacity: 1;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-body > .mwai-error:hover {
cursor: pointer;
background: rgba(180, 44, 44, 0.85);
}
.mwai-chatgpt-theme .mwai-reply {
animation: mwai-reply-in 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme .mwai-reply {
animation: none;
}
}
@keyframes mwai-reply-in {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: none;
}
}
.mwai-chatgpt-theme .mwai-reply.mwai-error,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error {
border: 0;
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorTextColor);
border-radius: var(--mwai-borderRadius);
padding: calc(var(--mwai-spacing) * 0.75) var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-text {
color: var(--mwai-errorTextColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text a,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-text a {
color: var(--mwai-errorTextColor);
text-decoration: underline;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry {
display: flex;
align-items: center;
gap: 6px;
width: auto;
min-width: 0;
height: auto;
min-height: 0;
margin: 10px 0 0;
padding: 6px 12px 6px 9px;
border: 1px solid currentColor;
border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
border-radius: 999px;
background: none;
color: inherit;
font: inherit;
font-size: calc(var(--mwai-fontSize) * 0.9);
line-height: 1.2;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry svg,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry svg {
width: 15px;
height: 15px;
fill: currentColor;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry:hover,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry:hover {
background: color-mix(in srgb, currentColor 14%, transparent);
border-color: color-mix(in srgb, currentColor 60%, transparent);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-retry:focus-visible,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-retry:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions {
opacity: 1 !important;
position: relative;
top: auto;
right: auto;
width: fit-content;
margin-top: 8px;
padding: 0;
gap: 6px;
background: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button {
fill: var(--mwai-errorTextColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: rgba(255, 255, 255, 0.16);
background: color-mix(in srgb, var(--mwai-errorTextColor) 14%, transparent);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-conversation .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover {
background: rgba(255, 255, 255, 0.3);
background: color-mix(in srgb, var(--mwai-errorTextColor) 26%, transparent);
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) {
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) .mwai-window-box {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) .mwai-body {
flex: 1 1 auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-chat:not(.mwai-window):not(.mwai-fullscreen) .mwai-conversation {
flex: 1 1 auto;
min-height: 0;
}
.mwai-chatgpt-theme .mwai-reply-actions {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.mwai-chatgpt-theme .mwai-reply:hover .mwai-reply-actions,
.mwai-chatgpt-theme .mwai-reply .mwai-reply-actions.mwai-actions-open {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-reply .mwai-reply-actions:has(:focus-visible) {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-form-output-container:hover .mwai-reply-actions {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-form-output-container:hover .mwai-reply-actions.mwai-hidden {
opacity: 1 !important;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon {
max-width: 50%;
max-height: 50%;
filter: none;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon:hover {
transform: none;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-emoji {
font-size: calc(var(--mwai-iconSize, 60px) / 2);
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container:hover {
cursor: pointer;
filter: brightness(1.1);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open, .mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) {
top: var(--mwai-vv-offset-top, 0) !important;
bottom: var(--mwai-vv-offset-bottom, 0) !important;
height: var(--mwai-vv-height, 100dvh);
max-height: var(--mwai-vv-height, 100dvh);
}
.mwai-chatgpt-theme.mwai-window.mwai-open {
position: fixed;
top: var(--mwai-vv-offset-top, 0) !important;
left: 0 !important;
right: 0 !important;
bottom: var(--mwai-vv-offset-bottom, 0) !important;
width: 100%;
min-height: 100%;
min-height: 100vh;
min-height: var(--mwai-vv-height, 100dvh);
height: var(--mwai-vv-height, 100dvh);
max-height: var(--mwai-vv-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-chatgpt-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-chatgpt-theme.mwai-window.mwai-open .mwai-header {
display: none !important;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
overflow-y: auto;
max-height: none;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-input {
flex-shrink: 0;
position: relative;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-footer {
flex-shrink: 0;
position: relative;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-body:last-child .mwai-input {
padding-bottom: env(safe-area-inset-bottom, 0);
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:hover, .mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:active {
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg {
width: 20px;
height: 20px;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg path {
stroke: var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window.mwai-open.mwai-center-open {
top: var(--mwai-vv-offset-top, 0) !important;
left: 0 !important;
transform: none !important;
right: 0 !important;
bottom: var(--mwai-vv-offset-bottom, 0) !important;
width: 100% !important;
max-width: 100% !important;
height: var(--mwai-vv-height, 100dvh) !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input {
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input button:not(.mwai-input-submit) {
font-size: 16px;
margin-left: 0;
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text {
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text input, .mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text textarea {
font-size: 16px;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
max-height: none;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-resize-button {
display: none !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
}
@keyframes mwai-button-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.mwai-chatgpt-theme button:not(.mwai-busy):before {
content: none !important;
display: none !important;
animation: none !important;
}
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen:not(.mwai-window),
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen.mwai-window.mwai-open {
top: 32px;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line {
display: flex;
align-items: flex-start;
color: var(--mwai-terminal-active-color, var(--mwai-fontColor));
}
.mwai-chatgpt-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-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-typed {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor {
display: inline-block;
min-width: 8px;
height: 1.35em;
color: currentColor;
background: currentColor;
opacity: 0.35;
vertical-align: text-bottom;
line-height: inherit;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor, #1a1a2e);
animation: mwai-cursor-blink 1s infinite;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
color: var(--mwai-backgroundPrimaryColor, #1a1a2e);
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-window.mwai-open:not(.mwai-fullscreen):not(.mwai-container-osx) .mwai-window-box {
border-radius: var(--mwai-borderRadius);
box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.18), 0 1px 2px rgba(0, 0, 0, 0.08), 0 10px 24px -8px rgba(0, 0, 0, 0.2), 0 32px 64px -16px rgba(0, 0, 0, 0.32);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mwai-fontColor) 10%, transparent), 0 1px 2px rgba(0, 0, 0, 0.08), 0 10px 24px -8px rgba(0, 0, 0, 0.2), 0 32px 64px -16px rgba(0, 0, 0, 0.32);
}
}
.mwai-chatgpt-theme.mwai-window .mwai-header {
position: relative;
z-index: 1;
box-shadow: 0 1px 0 color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
}
.mwai-chatgpt-theme pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
.mwai-chatgpt-theme code.hljs {
padding: 3px 5px;
}
.mwai-chatgpt-theme .hljs {
color: #fff;
}
.mwai-chatgpt-theme .hljs-subst {
color: #fff;
}
.mwai-chatgpt-theme .hljs-comment {
color: #999;
}
.mwai-chatgpt-theme .hljs-attr, .mwai-chatgpt-theme .hljs-doctag, .mwai-chatgpt-theme .hljs-keyword, .mwai-chatgpt-theme .hljs-meta .hljs-keyword, .mwai-chatgpt-theme .hljs-section, .mwai-chatgpt-theme .hljs-selector-tag {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-attribute {
color: #c59bc1;
}
.mwai-chatgpt-theme .hljs-name, .mwai-chatgpt-theme .hljs-number, .mwai-chatgpt-theme .hljs-quote, .mwai-chatgpt-theme .hljs-selector-id, .mwai-chatgpt-theme .hljs-template-tag, .mwai-chatgpt-theme .hljs-type {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-selector-class {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-link, .mwai-chatgpt-theme .hljs-regexp, .mwai-chatgpt-theme .hljs-selector-attr, .mwai-chatgpt-theme .hljs-string, .mwai-chatgpt-theme .hljs-symbol, .mwai-chatgpt-theme .hljs-template-variable, .mwai-chatgpt-theme .hljs-variable {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-meta, .mwai-chatgpt-theme .hljs-selector-pseudo {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-built_in, .mwai-chatgpt-theme .hljs-literal, .mwai-chatgpt-theme .hljs-title {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-bullet, .mwai-chatgpt-theme .hljs-code {
color: #ccc;
}
.mwai-chatgpt-theme .hljs-meta .hljs-string {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-deletion {
color: #de7176;
}
.mwai-chatgpt-theme .hljs-addition {
color: #76c490;
}
.mwai-chatgpt-theme .hljs-emphasis {
font-style: italic;
}
.mwai-chatgpt-theme .hljs-strong {
font-weight: 700;
}
.mwai-chatgpt-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-surfaceColor, var(--mwai-backgroundPrimaryColor));
box-shadow: 0 0 0 1px color-mix(in srgb, var(--mwai-fontColor) 10%, transparent), 0 1px 2px rgba(0, 0, 0, 0.1), 0 4px 10px -2px rgba(0, 0, 0, 0.18);
z-index: 100;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-pdf-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button:hover,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-pdf-button:hover {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-pdf-button {
padding: 3px 3.5px;
}
.mwai-chatgpt-theme .mwai-reply-actions.mwai-hidden {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-realtime {
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-realtime .mwai-visualizer .mwai-animation {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls > * + * {
margin-left: 10px;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-realtime .mwai-controls button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button.mwai-active {
border: 2px solid var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode {
flex-direction: column;
gap: 8px;
}
.mwai-chatgpt-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;
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
touch-action: manipulation;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-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-chatgpt-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;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar {
width: 6px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-track {
background: transparent;
margin: 4px 0;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-thumb {
background: var(--mwai-backgroundHeaderColor);
border-radius: 10px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript::-webkit-scrollbar-thumb:hover {
background: var(--mwai-accentColor, var(--mwai-backgroundUserColor, #0084ff));
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript {
scrollbar-width: thin;
scrollbar-color: var(--mwai-backgroundHeaderColor) transparent;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 10px;
font-size: 14px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics div {
display: flex;
flex-direction: column;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics label {
font-size: 11px;
opacity: 0.5;
text-transform: uppercase;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options {
margin-top: var(--mwai-spacing);
display: flex;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option {
cursor: pointer;
opacity: 0.5;
margin-right: 2px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option.mwai-active {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions {
border-radius: var(--mwai-borderRadius);
background: var(--mwai-backgroundHeaderColor);
overflow: hidden;
}
.mwai-chatgpt-theme.mwai-discussions * {
box-sizing: border-box;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
flex: 1;
padding: 5px 10px;
overflow: hidden;
}
.mwai-chatgpt-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-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info {
display: flex;
gap: 12px;
font-size: calc(var(--mwai-fontSize) * 0.85);
opacity: 0.9;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item {
display: flex;
align-items: center;
gap: 4px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item svg {
opacity: 0.75;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-discussions .mwai-discussion {
transition: opacity 0.15s ease-out;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
border-radius: var(--mwai-borderRadius);
transition: background 0.15s ease-out;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover {
cursor: pointer;
opacity: 0.9;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-content {
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
background: color-mix(in srgb, var(--mwai-conversationsTextColor) 7%, transparent);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active {
cursor: pointer;
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content {
background: var(--mwai-surfaceColor, var(--mwai-backgroundPrimaryColor));
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-title {
font-weight: 500;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:has(.mwai-context-menu) .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:first-child {
margin-top: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-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-chatgpt-theme.mwai-discussions .mwai-header button {
background: var(--mwai-surfaceColor, 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-chatgpt-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header .mwai-refresh-btn {
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-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-chatgpt-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-surfaceColor, 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-chatgpt-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination span {
color: var(--mwai-headerColor);
font-size: var(--mwai-fontSize);
font-weight: 500;
}
.mwai-chatgpt-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-chatgpt-theme .mwai-files {
padding: var(--mwai-spacing) var(--mwai-spacing) 0 var(--mwai-spacing);
border: none;
flex-direction: row;
align-items: flex-start;
max-height: 131px;
overflow-y: auto;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview {
flex: 1 1 150px;
min-width: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text a, .mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text .mwai-filename {
color: inherit;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text .mwai-filename {
border-color: color-mix(in srgb, currentColor 45%, transparent);
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-reply-actions {
display: none;
}
.mwai-chatgpt-theme .mwai-conversation > .mwai-reply.mwai-ai:first-child .mwai-reply-actions {
display: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai {
align-items: flex-start;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-name .mwai-avatar {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background: transparent;
border-radius: 0;
margin-top: -2px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-name .mwai-avatar img {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai > div:has(> .mwai-text) {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions {
position: static;
background: transparent;
box-shadow: none;
padding: 5px 0 0 0;
margin-left: -7px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions.mwai-hidden {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button {
background: transparent;
padding: 0;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.15s ease, background 0.15s ease;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button svg,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button svg,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button:hover, .mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button:hover,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button:hover,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button:focus-visible {
background: rgba(255, 255, 255, 0.1);
background: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
opacity: 1;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-copy-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-download-button:focus-visible,
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button:focus-visible {
outline: 2px solid var(--mwai-accentColor);
outline-offset: 1px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai .mwai-reply-actions .mwai-pdf-button svg {
width: 22px;
height: 22px;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
border-color: rgba(255, 255, 255, 0.1);
border-color: color-mix(in srgb, var(--mwai-fontColor) 10%, transparent);
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(255, 255, 255, 0.05);
background: color-mix(in srgb, var(--mwai-fontColor) 5%, transparent);
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
background: color-mix(in srgb, var(--mwai-fontColor) 8%, transparent);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input {
flex-direction: row;
align-items: flex-end;
gap: 4px;
}
.mwai-chatgpt-theme .mwai-input {
margin: 10px var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-files {
padding: 0 var(--mwai-spacing) 0 var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images {
max-width: 90%;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-user-images:has(.mwai-user-image:nth-child(2)) .mwai-user-image {
width: 120px;
height: 120px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text {
max-width: 90%;
}
.mwai-chatgpt-theme .mwai-name {
margin-right: 0;
max-width: inherit;
}
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border-bottom: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
margin-left: 0;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
margin-left: 0;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination {
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button {
width: 100%;
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:hover,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:disabled,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu {
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item:hover {
background-color: var(--mwai-backgroundPrimaryColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger {
color: var(--mwai-errorTextColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: var(--mwai-errorBackgroundColor);
}.entry-content-wrapper:empty,p:empty{display:none}.avia-shadow{box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.webkit_fix{-webkit-perspective:1000px;-webkit-backface-visibility:hidden}body .container_wrap .avia-builder-el-no-sibling{margin-top:0;margin-bottom:0}body .container_wrap .avia-builder-el-last{margin-bottom:0}body .container_wrap .avia-builder-el-first{margin-top:0}body .av-align-left{text-align:left}body .av-align-right{text-align:right}body .av-align-center{text-align:center}#top .av_inherit_color *{color:inherit}#top .av_inherit_color a{text-decoration:underline}#top .av_opacity_variation{opacity:.7}#top .av-shortcode-disabled-notice{display:block;text-align:center;margin:5px;padding:20px;background-color:#fffdf3;color:#c96d11;border:1px solid #e6bf4a;clear:both}#top .av-shortcode-disabled-notice a{color:inherit;text-decoration:underline}.av-screen-reader-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.avia_loading_icon{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;margin:0;display:none;z-index:10000}#top .avia_loading_icon .av-siteloader{border-top-color:#fff;border-right-color:#fff;border-bottom-color:#fff;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px}.avia-related-tooltip{position:absolute;z-index:9999999;padding:0;width:200px;border-radius:2px;box-shadow:0 3px 13px 0 rgba(0,0,0,.1);border-width:1px;border-style:solid;padding:15px;margin-top:-10px}.avia-related-tooltip .avia-arrow-wrap{top:auto;bottom:0;position:absolute;left:50%}.avia-related-tooltip .avia-arrow-wrap .avia-arrow{border-top:none;border-left:none;top:-4px}.avia_textblock{clear:both;line-height:1.65em}.avia_textblock.av_multi_colums>p:first-child{margin-top:0}.flex_column+.avia_textblock{padding-top:50px}body .column-top-margin{margin-top:50px}body .flex_column.avia-link-column{cursor:pointer}body .flex_column.avia-link-column.avia-link-column-hover:hover{opacity:.8}.av-icon-display{display:block;font-size:30px;line-height:58px;margin:0 auto 20px auto;width:60px;border-radius:100px;border-style:solid;border-width:1px;text-align:center;transition:all .3s ease-in-out}.avia-section{clear:both;width:100%;float:left;min-height:100px;position:static}.avia-section.avia-section-small{min-height:0}.js_active .av-minimum-height .container{z-index:1;opacity:0;transition:opacity .6s ease-in}.js_active.av-preloader-enabled .av-minimum-height .container{transition:opacity 1.2s ease-in}.avia-section.av-minimum-height .container{display:table;table-layout:fixed}.avia-section.av-minimum-height .container .content{display:table-cell;vertical-align:middle;height:100%;float:none!important}.av-minimum-height-100 .container{height:1500px}.avia-full-stretch{background-size:cover!important}.avia-full-contain{background-size:contain!important}.avia_mobile .avia-full-stretch{background-attachment:scroll!important}#top #main .avia-section .template-page{width:100%;border:none;margin-left:auto;padding-left:0;margin-right:auto}.avia-section .template-page .entry-content-wrapper{padding-right:0}.avia-section-small .content,.avia-section-small .sidebar{padding-top:20px;padding-bottom:20px}.avia-section-large .content,.avia-section-large .sidebar{padding-top:70px;padding-bottom:70px}.avia-section-huge .content,.avia-section-huge .sidebar{padding-top:130px;padding-bottom:130px}.avia-section-custom .content,.avia-section-custom .sidebar,.avia-section-no-padding .content,.avia-section-no-padding .sidebar{padding-top:0;padding-bottom:0}.avia-section.avia-full-stretch,.html_header_sticky_disabled .container_wrap:first-child,.html_header_transparency .avia-section.avia-builder-el-0{border-top:none}#top #wrap_all #main .avia-no-border-styling{border:none}#top .scroll-down-link{height:60px;width:80px;margin:0 0 0 -40px;line-height:60px;position:absolute;left:49.85%;bottom:0;color:#fff;text-align:center;font-size:70px;z-index:100;text-decoration:none;text-shadow:0 0 3px rgba(0,0,0,.4);animation:avia_fade_move_down 2s ease-in-out infinite}#top .av-section-with-video-bg{border-top:none;position:relative}#top .av-section-video-bg{position:absolute;top:0;left:0;right:0;bottom:0;padding:0;margin:0;z-index:1}#top .av-section-video-bg .av-click-to-play-overlay{display:none}#top .av-section-video-bg .avia-slideshow-inner{height:100%!important}#top .av-section-with-video-bg .av-section-video-bg .av-video-service-vimeo iframe{transform:scale(1.2)}.avia_mobile #top .av-parallax-section{z-index:0;transform:translate3d(0,0,0)}.avia_mobile #top .av-parallax{position:absolute;z-index:-10}.avia_mobile #top .av-parallax .container{z-index:10}.avia_mobile #top .av-section-mobile-video-disabled .av-section-video-bg{display:none}.avia_desktop #top .av-section-mobile-video-disabled{background-image:none!important}.avia_desktop #top .av-section-mobile-video-disabled .av-parallax{display:none}@media only screen and (max-width:1024px){.touch-device #top .avia-section.avia-bg-style-fixed{background-attachment:scroll}}.av-parallax-section{position:relative;border-top:none;overflow:hidden}.av-parallax{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;height:calc((100vh * .3) + 100%);will-change:transform}.av-parallax-inner{position:absolute;width:100%;height:100%;bottom:0;left:0}.js_active .av-parallax,.js_active .av-parallax-object{opacity:0}.js_active .av-parallax.enabled-parallax{opacity:1}.js_active .av-parallax-object.active-parallax,.js_active .av-parallax.active-parallax{opacity:1;transition:opacity .3s ease-in-out}.avia_transform .av-extra-border-element{position:relative;width:100%;overflow:visible}.avia_transform .av-extra-border-element.border-extra-arrow-down{position:relative;width:50px;height:25px;left:50%;margin-left:-26px;margin-top:-1px;z-index:25;margin-bottom:-25px;clear:both}.avia_transform .av-extra-border-element .av-extra-border-outer{overflow:hidden;height:100%;width:100%;position:absolute}.avia_transform .av-extra-border-element.border-extra-arrow-down .av-extra-border-inner{position:absolute;left:50%;width:50px;height:50px;transform:translateX(-50%) rotate(45deg);top:-39px}.av-section-color-overlay+.container+.border-extra-diagonal,.av-section-color-overlay+.scroll-down-link+.container+.border-extra-diagonal{z-index:1}.avia_transform .av-extra-border-element.border-extra-diagonal{height:250px;margin-top:-250px}.avia_transform .av-extra-border-element.border-extra-diagonal .av-extra-border-inner{top:250px;right:0;width:110%;height:100%;transform-origin:right top;transform:rotate(5deg);position:absolute}.avia_transform .av-extra-border-element.border-extra-diagonal.border-extra-diagonal-inverse .av-extra-border-inner{transform:rotate(-5deg);transform-origin:left top;right:auto;left:0}.av-extra-border-element.diagonal-box-shadow .av-extra-border-inner{box-shadow:0 0 44px -8px rgba(0,0,0,.2)}div .av-section-color-overlay-wrap{position:relative;width:100%}.html_header_sidebar .av-section-color-overlay-wrap{float:left}div .av-section-color-overlay{position:absolute;top:0;left:0;bottom:0;width:100%}div .av-arrow-down-section .av-section-color-overlay{bottom:24px}div .av-section-color-overlay{z-index:1}div .av-video-service-html5 .av-section-color-overlay{z-index:8}.av_minimal_header+#main .container_wrap_first:first-child,.html_minimal_header #main>.avia-builder-el-0{border-top:none}.av_dropcap1{display:block;float:left;font-size:38px;line-height:32px;margin:4px 8px 0 0}.av_dropcap2{display:block;float:left;font-size:18px;line-height:35px;width:35px;text-align:center;margin:4px 8px 0 0;border-radius:100px;font-weight:700}fieldset{border:none}#top .avia_ajax_form .select,#top .entry-content-wrapper select,#top select{-webkit-appearance:none;border-radius:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border-radius:2px}#top .avia_ajax_form .select[multiple],#top select[multiple]{background-image:none}#top select[multiple]{background-image:none}.avia-builder-widget-area{position:relative}.content .widget:first-child,.flex_column .widget:first-child{padding-top:0;border-top:none}.content .widget .widgettitle,.flex_column .widget .widgettitle{margin-top:.85em}.avia_textblock .wp-playlist{margin:0}.wp-playlist-light .wp-playlist-item.wp-playlist-playing{background:0 0}.wp-playlist-current-item img{border-radius:3px}.wp-playlist-current-item img[src$="media/audio.png"]{border-radius:0;background:#fff}.wp-playlist-item-meta.wp-playlist-item-title{font-weight:700}.wp-playlist-tracks .wp-playlist-item{padding:4px 3px}.wp-playlist-tracks .wp-playlist-item-length{top:4px}div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,div .mejs-controls .mejs-time-rail .mejs-time-loaded{background:#9c9c9c}div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,div .mejs-controls .mejs-time-rail a,div .mejs-controls .mejs-time-rail>span{height:7px}div .mejs-controls div.mejs-time-rail{padding-top:7px}div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{top:12px}div .mejs-container,div .mejs-container div .mejs-controls,div .mejs-embed,div .mejs-embed body{background:0 0}div .mejs-container{border-radius:2px;background:#313131}div .wp-playlist-item-album{font-style:normal}div .mejs-controls .mejs-playpause-button,div .mejs-controls .mejs-volume-button{height:30px}#top .mejs-container .mejs-controls .mejs-time,#top .mejs-time-rail .mejs-time-float{color:#fff}#top .mejs-time-rail .mejs-time-float{border:none}div .mejs-container .mejs-controls{height:30px;width:100%}#top .mejs-container{height:30px}#top .mejs-container.mejs-audio{max-height:30px}div .mejs-button>button{margin:6px 6px}div .mejs-time{padding:12px 6px 0;height:18px}div .mejs-horizontal-volume-slider,div .mejs-time-rail{height:30px}div .mejs-controls .mejs-time-rail .mejs-time-handle{display:none}div .mejs-time-buffering,div .mejs-time-current,div .mejs-time-float-corner,div .mejs-time-hovered,div .mejs-time-loaded,div .mejs-time-marker,div .mejs-time-total{height:7px;outline:0}div .mejs-controls{padding:0}#top .av-toggle-switch{display:block;margin-bottom:10px;margin-top:10px;opacity:0;text-align:left}#top .av-toggle-switch.active{animation:avia-fadein 1s 1 ease-in;opacity:1}#top .av-toggle-switch input[type=checkbox]{display:none}#top .av-toggle-switch label{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#top .av-toggle-switch label .toggle-track{display:block;height:27px;width:54px;background:rgba(0,0,0,.08);border-radius:100px;position:relative;margin-right:15px;border:1px solid rgba(0,0,0,.15);clear:both;vertical-align:bottom;float:left;transition:all .1s ease-in}#top .av-toggle-switch .toggle-track:before{content:'';display:inline;height:25px;width:25px;background:#fff;border-radius:100px;position:absolute;top:0;right:0;transition:right .1s ease-in;box-shadow:rgba(0,0,0,.2) 0 1px 1px 1px}#top .av-toggle-switch.av-cookie-sc-disabled .toggle-track{opacity:.2}#top .av-toggle-switch input[type=checkbox]:checked+.toggle-track:before{right:27px}#top .av-toggle-switch input[type=checkbox]:checked+.toggle-track{background:#5dceba}#top .av-toggle-switch .toggle-label-content{color:inherit;font-weight:700;display:block;overflow:hidden;font-size:inherit}#top .avia-cookie-consent-modal-buttons-wrap{text-align:center}.avia-tooltip{position:absolute;z-index:9999999;padding:12px;margin-top:-18px;margin-left:-4px;background:#000;background:rgba(0,0,0,.8);color:#fff;width:140px;border-radius:2px;text-align:center}.avia-tooltip .inner_tooltip{font-size:.925em;line-height:1.65em}#top .avia-tooltip.transparent_dark,#top .avia-tooltip.transparent_dark .avia-arrow{background:#000;background:rgba(0,0,0,.8);color:#fff;border:none}#top .avia-tooltip.transparent_dark h1,#top .avia-tooltip.transparent_dark h2,#top .avia-tooltip.transparent_dark h3,#top .avia-tooltip.transparent_dark h4,#top .avia-tooltip.transparent_dark h5,#top .avia-tooltip.transparent_dark h6{color:inherit}.avia-tooltip.av-tooltip-shadow,.avia-tooltip.av-tooltip-shadow .avia-arrow{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.avia-tooltip blockquote,.avia-tooltip ol,.avia-tooltip ul{text-align:left;list-style-position:inside}.avia-tooltip .avia-arrow{background:rgba(0,0,0,.8);border:none}.avia-tooltip .avia-arrow-wrap{width:20px;height:20px;position:absolute;bottom:-20px;left:50%;margin-left:-7px;overflow:hidden}.avia-tooltip .inner_tooltip br:first-child{display:none}.av-tt-hotspot .avia-arrow-wrap{bottom:auto;bottom:-19px}.transparent_dark.av-tt-hotspot .avia-arrow-wrap{bottom:-20px}.avia-tooltip.av-tt-pos-below{margin-top:18px}.avia-tooltip.av-tt-pos-below .avia-arrow-wrap{bottom:auto;top:-19px}.avia-tooltip.av-tt-pos-below .avia-arrow{bottom:-6px;top:auto}.avia-tooltip.av-tt-pos-left{margin-top:0;margin-left:-18px}.avia-tooltip.av-tt-pos-left .avia-arrow-wrap{left:auto;margin-left:0;right:-19px;top:50%;margin-top:-10px}.avia-tooltip.av-tt-pos-left .avia-arrow{top:5px;left:-5px;margin-left:0}.avia-tooltip.av-tt-pos-right{margin-top:0;margin-left:18px}.avia-tooltip.av-tt-pos-right .avia-arrow-wrap{left:-19px;margin-left:0;top:50%;margin-top:-10px}.avia-tooltip.av-tt-pos-right .avia-arrow{top:5px;left:auto;right:-5px;margin-left:0}.av-tt-pos-above.av-tt-align-right.avia-tooltip,.av-tt-pos-below.av-tt-align-right.avia-tooltip{margin-left:4px}.av-tt-pos-above.av-tt-align-left .avia-arrow-wrap,.av-tt-pos-below.av-tt-align-left .avia-arrow-wrap{left:0;margin-left:7px}.av-tt-pos-above.av-tt-align-right .avia-arrow-wrap,.av-tt-pos-below.av-tt-align-right .avia-arrow-wrap{left:auto;right:0;margin-left:auto;margin-right:7px}.av-tt-pos-left.av-tt-align-top .avia-arrow-wrap,.av-tt-pos-right.av-tt-align-top .avia-arrow-wrap{top:0;margin-top:2px}.av-tt-pos-left.av-tt-align-bottom .avia-arrow-wrap,.av-tt-pos-right.av-tt-align-bottom .avia-arrow-wrap{bottom:0;margin-bottom:4px;top:auto}.av-tt-pos-above.av-tt-align-centered,.av-tt-pos-below.av-tt-align-centered{text-align:center}.avia_transform .av-animated-generic{opacity:0}.avia_transform.avia_mobile .avia-mobile-no-animations .av-animated-generic{opacity:1}.avia_transform .av-animated-when-almost-visible,.avia_transform .av-animated-when-visible,.avia_transform .av-animated-when-visible-95{opacity:0}.avia_transform .shadow-animated.av-animated-when-almost-visible,.avia_transform .shadow-animated.av-animated-when-visible,.avia_transform .shadow-animated.av-animated-when-visible-95{opacity:1}.avia-animate-admin-preview.fade-in,.avia_transform .avia_start_delayed_animation.fade-in{animation:avia-fadein 1.5s 1 ease-out;opacity:1}.avia-animate-admin-preview.pop-up,.avia_transform .avia_start_delayed_animation.pop-up{animation:avia_image_appear .5s 1 cubic-bezier(.175,.885,.32,1.275);opacity:1}.avia-animate-admin-preview.top-to-bottom,.avia_transform .avia_start_delayed_animation.top-to-bottom{animation:avia-ttb .8s 1 cubic-bezier(.175,.885,.32,1.275);opacity:1}.avia-animate-admin-preview.bottom-to-top,.avia_transform .avia_start_delayed_animation.bottom-to-top{animation:avia-btt .8s 1 cubic-bezier(.165,.84,.44,1);opacity:1}.avia-animate-admin-preview.left-to-right,.avia_transform .avia_start_delayed_animation.left-to-right{animation:avia-ltr .8s 1 cubic-bezier(.175,.885,.32,1.275);opacity:1}.avia-animate-admin-preview.right-to-left,.avia_transform .avia_start_delayed_animation.right-to-left{animation:avia-rtl .8s 1 cubic-bezier(.175,.885,.32,1.275);opacity:1}.avia-animate-admin-preview.av-rotateIn,.avia_transform .avia_start_delayed_animation.av-rotateIn{animation:avia-rotateIn .8s 1 cubic-bezier(.175,.885,.32,1.275);opacity:1}.avia-animate-admin-preview.av-rotateInUpLeft,.avia_transform .avia_start_delayed_animation.av-rotateInUpLeft{animation:avia-rotateInUpLeft .8s 1 cubic-bezier(.175,.885,.32,1.275);opacity:1}.avia-animate-admin-preview.av-rotateInUpRight,.avia_transform .avia_start_delayed_animation.av-rotateInUpRight{animation:avia-rotateInUpRight .8s 1 cubic-bezier(.175,.885,.32,1.275);opacity:1}.avia-animate-admin-preview.avia-curtain-reveal-overlay,.avia_transform .avia-curtain-reveal-overlay,.avia_transform.avia_desktop .avia-curtain-reveal-overlay{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;z-index:100}.avia-animate-admin-preview.curtain-reveal-ttb,.avia_transform .avia_start_delayed_animation.curtain-reveal-ttb{animation:avia-curtain-reveal-ttb cubic-bezier(.17,.84,.44,1) 1s 1;height:0;top:100%}.avia-animate-admin-preview.curtain-reveal-btt,.avia_transform .avia_start_delayed_animation.curtain-reveal-btt{animation:avia-curtain-reveal-btt cubic-bezier(.17,.84,.44,1) 1s 1;height:0}.avia-animate-admin-preview.curtain-reveal-ltr,.avia_transform .avia_start_delayed_animation.curtain-reveal-ltr{animation:avia-curtain-reveal-ltr cubic-bezier(.17,.84,.44,1) 1s 1;width:0;left:100%}.avia-animate-admin-preview.curtain-reveal-rtl,.avia_transform .avia_start_delayed_animation.curtain-reveal-rtl{animation:avia-curtain-reveal-rtl cubic-bezier(.17,.84,.44,1) 1s 1;width:0}@keyframes avia_appear{0%{transform:scale(.5);opacity:.1}100%{transform:scale(1);opacity:1}}@keyframes avia_image_appear{0%{transform:scale(.7);opacity:.1}100%{transform:scale(1);opacity:1}}@keyframes avia_hotspot_appear{0%{transform:translate(0,80px);opacity:.1}100%{transform:translate(0,0);opacity:1}}@keyframes avia_appear_short{0%{transform:scale(.5);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}@keyframes avia_masonry_show{0%{transform:translateZ(300px) translateY(200px) rotateX(-70deg);opacity:.1}100%{transform:translateZ(0) translateY(0) rotateX(0);opacity:1}}@keyframes avia_fade_move_down{0%{transform:translate(0,-20px);opacity:0}50%{opacity:1}100%{transform:translate(0,20px);opacity:0}}@keyframes avia_slide_down{0%{height:0%}100%{height:100%}}@keyframes avia_expand{0%{width:0%}100%{width:100%}}@keyframes avia-ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes avia-rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes avia-btt{0%{transform:translate(0,50%);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes avia-ttb{0%{transform:translate(0,-10%);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes avia-fadein{0%{opacity:0}100%{opacity:1}}@keyframes avia-fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes avia-rotateIn{0%{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}100%{transform-origin:center;transform:none;opacity:1}}@keyframes avia-rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}100%{transform-origin:left bottom;transform:none;opacity:1}}@keyframes avia-rotateInUpRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,-22deg);opacity:0}100%{transform-origin:right bottom;transform:none;opacity:1}}@keyframes avia-bg-move{0%{background-position:-31px 0}100%{background-position:0 0}}@keyframes caption-right{0%{transform:translate(2000px,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes caption-left{0%{transform:translate(-2000px,0);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes caption-top{0%{transform:translate(0,-20px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes caption-bottom{0%{transform:translate(0,20px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes av_pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:.7}100%{transform:scale(1);opacity:0}}@keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5);transform:scale(1.5);opacity:0}}@keyframes avia-curtain-reveal-ltr{0%{width:101%;left:0}100%{width:0;left:100%}}@keyframes avia-curtain-reveal-rtl{0%{width:100%}100%{width:0}}@keyframes avia-curtain-reveal-ttb{0%{height:101%;top:0}100%{height:0;top:100%}}@keyframes avia-curtain-reveal-btt{0%{height:100%}100%{height:0}}.avia-animate-admin-preview.fade-in-left,.avia_transform .avia_start_delayed_animation.fade-in-left{animation:avia-fade-in-left cubic-bezier(.17,.84,.44,1) 1s 1 forwards}.avia-animate-admin-preview.fade-in-right,.avia_transform .avia_start_delayed_animation.fade-in-right{animation:avia-fade-in-right cubic-bezier(.17,.84,.44,1) 1s 1 forwards}.avia-animate-admin-preview.fade-in-down,.avia_transform .avia_start_delayed_animation.fade-in-down{animation:avia-fade-in-down cubic-bezier(.17,.84,.44,1) 1s 1 forwards}.avia-animate-admin-preview.fade-in-up,.avia_transform .avia_start_delayed_animation.fade-in-up{animation:avia-fade-in-up cubic-bezier(.17,.84,.44,1) 1s 1 forwards}.avia-animate-admin-preview.flip-in-x,.avia_transform .avia_start_delayed_animation.flip-in-x{animation:avia-flip-in-x cubic-bezier(.17,.84,.44,1) 1s 1 forwards}.avia-animate-admin-preview.flip-in-y,.avia_transform .avia_start_delayed_animation.flip-in-y{animation:avia-flip-in-y cubic-bezier(.17,.84,.44,1) 1s 1 forwards}.avia-animate-admin-preview.roll-in,.avia_transform .avia_start_delayed_animation.roll-in{animation:avia-roll-in cubic-bezier(.17,.84,.44,1) 1s 1 forwards}.avia-animate-admin-preview.zoom-in,.avia_transform .avia_start_delayed_animation.zoom-in{animation:avia-zoom-in cubic-bezier(.17,.84,.44,1) 1s 1 forwards}@keyframes avia-fade-in-left{0%{opacity:0;transform:translate3d(-100%,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes avia-fade-in-right{0%{opacity:0;transform:translate3d(100%,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes avia-fade-in-down{0%{opacity:0;transform:translate3d(0,-100%,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes avia-fade-in-up{0%{opacity:0;transform:translate3d(0,100%,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes avia-flip-in-x{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{transform:perspective(400px);opacity:1}}@keyframes avia-flip-in-y{0%{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{transform:perspective(400px);opacity:1}}@keyframes avia-roll-in{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes avia-zoom-in{0%{opacity:0;transform:scale3d(.3,.3,.3)}100%{opacity:1}}.avia-divider-svg{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr;pointer-events:none}.avia-divider-svg-top{top:0}.avia-divider-svg-bottom{bottom:-2px}.avia-divider-svg-bottom:not(.avia-svg-negative) svg,.avia-divider-svg-top:not(.avia-svg-original) svg{z-index:-1}.avia-divider-svg.avia-divider-svg-bottom.avia-svg-original,.avia-divider-svg.avia-divider-svg-top.avia-svg-negative{transform:rotate(180deg)}.avia-divider-svg svg{fill:#fff;display:block;width:calc(100% + 1.3px);position:relative;left:50%;transform:translateX(-50%)}.avia-divider-svg path{transform-origin:center;transform:rotateY(0)}.avia-divider-svg.avia-flipped-svg svg{transform:translateX(-50%) rotateY(180deg)}.avia-divider-svg.avia-to-front{z-index:100}.av-parallax-section.av-section-color-overlay-active .avia-divider-svg{z-index:1}.av-parallax-section.av-section-color-overlay-active .avia-divider-svg.avia-to-front{z-index:100}.avia-fold-unfold-section{position:relative;display:block;float:left;width:100%}.avia-fold-unfold-section.avia-fold-init{max-height:80px;overflow:hidden;opacity:.3}.avia-fold-grid-row-wrap.avia-fold-init:not(.avia-fold-init-done)+.av-layout-grid-container,.avia-fold-section-wrap.avia-fold-init:not(.avia-fold-init-done)+.avia-section,.avia-fold-textblock-wrap.avia-fold-init:not(.avia-fold-init-done) .avia_textblock{display:none}.avia-fold-unfold-section.avia-fold-init-done{max-height:500px;overflow:hidden;opacity:1;transition:all 1s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container{position:relative;clear:both;overflow:hidden;max-height:80px;transition:all .7s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container::after{opacity:0;content:"";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);z-index:-1;height:100%;transition:all .7s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container.folded::after{z-index:500;opacity:1}.av-fold-unfold-container .av-fold-unfold-inner{display:block;position:relative;float:left;width:100%}.avia-fold-unfold-section .av-fold-button-wrapper{position:relative;display:block;float:left;width:100%;padding-left:0;padding-right:0}.avia-fold-unfold-section.align-left .av-fold-button-wrapper.av-fold-btn-padding{padding-left:30px}.avia-fold-unfold-section.align-right .av-fold-button-wrapper.av-fold-btn-padding{padding-right:30px}.avia-fold-unfold-section .av-fold-button-container{position:relative;display:inline-block;margin-top:15px;margin-bottom:15px;float:left;z-index:20;transition:all .7s ease-in-out}.avia-fold-unfold-section.align-right .av-fold-button-container{float:right}.avia-fold-unfold-section.align-center .av-fold-button-container{left:50%;transform:translateX(-50%)}.avia-fold-unfold-section.fold-button .av-fold-button-container{padding:.5em .8em;border:1px solid;border-radius:7px}#top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-container{text-decoration:underline}.avia-fold-unfold-section .av-fold-button-container:hover{opacity:.6;cursor:pointer}.avia-fold-unfold-section .av-fold-unfold-container .avia_textblock{display:inline-block}