@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
 @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);
}
}
.mwai-context-menu-portal .mwai-context-menu {
background: var(--mwai-backgroundHeaderColor);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--mwai-borderRadius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 13px;
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger {
color: #dc3545;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: rgba(220, 53, 69, 0.1);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item svg {
flex-shrink: 0;
}
.mwai-chunks {
padding: 8px;
background: rgba(0, 0, 0, 0.03);
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 11px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.mwai-chunks.mwai-chunks-collapsed .mwai-chunks-header {
margin-bottom: 0 !important;
}
.mwai-chunks .mwai-chunks-header {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 8px;
color: #6b7280;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-status {
margin-left: 4px;
font-weight: 500;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 2px;
width: 30px;
height: 20px;
cursor: pointer;
color: #6b7280;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
margin-left: 4px;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(0, 0, 0, 0.05);
color: #374151;
}
.mwai-chunks .mwai-chunk {
margin-bottom: 4px;
padding: 6px 8px;
background: white;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
transition: all 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #9ca3af;
font-size: 10px;
font-variant-numeric: tabular-nums;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-type {
display: flex;
align-items: center;
gap: 4px;
padding: 2px 6px;
border-radius: 3px;
font-size: 10px;
font-weight: 500;
color: white;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
flex: 1;
color: #374151;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #9ca3af;
transition: transform 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details {
margin-top: 8px;
padding: 8px;
background: rgba(0, 0, 0, 0.02);
border-radius: 3px;
overflow-x: auto;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: #4b5563;
} @keyframes mwaiIconTextZoomIn {
0% {
transform: scale(0.92);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideIn {
0% {
transform: translateY(28px);
opacity: 0;
}
70% {
transform: translateY(-3px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideUp {
0% {
transform: translateY(24px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextFadeOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes mwaiIconTextFadeTransform {
0% {
transform: translateY(8px) scale(0.98);
}
100% {
transform: translateY(0) scale(1);
}
}
.mwai-chatgpt-theme {
font-family: var(--mwai-fontFamily, inherit);
--mwai-spacing: 15px;
--mwai-fontSize: 15px;
--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: #0d7df2;
--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;
justify-content: center;
margin: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut {
margin-right: calc(var(--mwai-spacing) / 2);
display: flex;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-success {
color: #4caf50;
border: 1px solid #4caf50;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-danger {
color: #f44336;
border: 1px solid #f44336;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-warning {
color: #ff9800;
border: 1px solid #ff9800;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-info {
color: #2196f3;
border: 1px solid #2196f3;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon {
margin-right: 5px;
}
.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;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.05);
}
.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);
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.15);
border-radius: 4px;
transition: background 0.2s ease;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.25);
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:active {
background: rgba(255, 255, 255, 0.3);
}
.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: 5px;
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: #2196f3;
}
.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);
padding: 2px 6px;
border-radius: 8px;
font-size: 90%;
font-family: system-ui;
}
.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: 95%;
max-width: 100%;
width: 100%;
font-family: system-ui;
background: hsl(0 0% 0% / 30%);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre code {
padding: 0 !important;
font-family: system-ui;
}
.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: 2px solid var(--mwai-backgroundSecondaryColor);
border-collapse: collapse;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text thead {
background: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text tr, .mwai-chatgpt-theme .mwai-reply .mwai-text td {
padding: 2px 5px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text td {
border: 2px solid var(--mwai-backgroundSecondaryColor);
}
.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-errorFontColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-system .mwai-name {
display: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error {
border-top: 1px dashed #ff5656;
border-bottom: 1px dashed #ff5656;
}
.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;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text {
flex: auto;
position: relative;
display: flex;
overflow: hidden;
border-radius: var(--mwai-borderRadius);
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;
overflow: hidden;
min-height: inherit;
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: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;
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 {
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 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);
}
.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.lkw-versicherungsvergleich.de/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);
}
.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);
color: rgba(255, 255, 255, 0.4);
display: flex;
align-items: center;
justify-content: center;
cursor: not-allowed;
}
.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-busy {
width: auto;
min-width: 32px;
padding: 0 12px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.15);
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);
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);
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-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-errorFontColor);
}
.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);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.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 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 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: scale(1.02);
}
@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-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;
}
}
@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: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-files {
display: flex;
flex-direction: column;
gap: 8px;
padding: var(--mwai-spacing);
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.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-primaryColor);
}
.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: 2px;
background: var(--mwai-backgroundHeaderColor);
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-primaryColor);
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-file-upload-icon {
margin-bottom: -3px;
}
.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);
scrollbar-width: thin;
scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
}
.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::-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;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container {
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
z-index: 2;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text {
background: var(--mwai-iconTextBackgroundColor);
color: var(--mwai-iconTextColor);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
max-width: 200px;
font-size: 13px;
margin-bottom: 15px;
padding: 10px 15px;
border-radius: 8px;
position: relative;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
--mwai-icon-close-size: 28px;
color: var(--mwai-iconTextColor);
background: var(--mwai-iconTextBackgroundColor);
font-size: 13px;
line-height: 1;
width: var(--mwai-icon-close-size);
height: var(--mwai-icon-close-size);
min-width: var(--mwai-icon-close-size);
min-height: var(--mwai-icon-close-size);
border-radius: 50%;
display: flex;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 120ms ease, transform 120ms ease, visibility 0s linear 120ms;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
transform: translate(40%, -40%);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
z-index: 2;
cursor: pointer;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover {
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(40%, -40%) scale(1);
transition: opacity 120ms ease, transform 120ms ease, visibility 0s;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close:hover {
filter: brightness(1.1);
transform: translate(40%, -40%) scale(1.06);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(40%, -40%) scale(1);
transition: opacity 120ms ease, transform 120ms ease, visibility 0s;
}
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container {
position: relative;
z-index: 1;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon {
filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
transition: all 0.2s ease-out;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover {
cursor: pointer;
transform: scale(1.05);
}
.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-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: 13px;
width: 13px;
border: 1.2px solid var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 16px;
height: 16px;
}
.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-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: 16px;
height: 16px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 13px;
height: 13px;
}
.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);
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
.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) .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);
transform: none !important;
}
.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 .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;
}
.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-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.mwai-error .mwai-text {
color: #ff5656;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text a {
color: #ff5656;
text-decoration: underline;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-reply-actions {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.mwai-chatgpt-theme .mwai-reply:hover .mwai-reply-actions {
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-window.mwai-open {
position: fixed;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100%;
min-height: 100%;
min-height: 100vh;
min-height: 100dvh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundPrimaryColor, var(--mwai-backgroundSecondaryColor));
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
padding-top: env(safe-area-inset-top, 0);
padding-left: env(safe-area-inset-left, 0);
padding-right: env(safe-area-inset-right, 0);
box-sizing: border-box;
}
.mwai-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: 0 !important;
left: 0 !important;
transform: none !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 100dvh !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input {
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input button {
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;
}
.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-backgroundPrimaryColor);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
z-index: 100;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button:hover {
filter: brightness(1.2);
}
.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;
}
.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;
scrollbar-width: thin;
scrollbar-color: var(--mwai-backgroundHeaderColor) transparent;
}
.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-primaryColor);
}
.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.7;
}
.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.6;
}
.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.mwai-active {
cursor: pointer;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover {
cursor: pointer;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-actions {
opacity: 1;
}
.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-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-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;
}
.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 {
background: transparent;
padding: 0;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0.2;
transition: opacity 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 {
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-download-button:hover {
background: rgba(255, 255, 255, 0.1);
opacity: 1;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
}
.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);
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(255, 255, 255, 0.05);
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
}
.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-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);
}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0!important}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:2147483646}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;margin-bottom:.4em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;text-decoration:none}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-first-highlight .cc-btn:last-child{background-color:transparent;border-color:transparent}.cc-first-highlight .cc-btn:last-child:focus,.cc-first-highlight .cc-btn:last-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.2em;right:.4em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close.cc-closeXcustomText{text-decoration:underline;font-size:1.1em;top:.5em;right:.6em}.cc-window.cc-banner.cc-addedcloseX{padding:2em 1.8em}.cc-close:focus,.cc-close:hover{opacity:1}div.cc-blockingScreen{opacity:.5;background:#000;width:100%;height:100%;z-index:2147483630;top:0;left:0;position:fixed}span.cc-visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-allswitches.cc-floating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}.cc-switch-element{margin-bottom:.3em}.cc-switch{position:relative;display:inline-block;width:2.3em;height:1.4em;margin:0 .3em 0 0;vertical-align:middle}.cc-switch-label{margin-right:.6em}.cc-switch input{opacity:0;width:0;height:0;display:none}.cc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.cc-slider:before{position:absolute;content:"";height:1em;width:1em;left:.2em;bottom:.2em;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.cc-slider{background-color:#a0db8e}input:focus+.cc-slider{-webkit-box-shadow:0 0 1px #a0db8e;box-shadow:0 0 1px #a0db8e}input:checked+.cc-slider:before{-webkit-transform:translateX(.9em);transform:translateX(.9em)}.cc-slider.disabled:before{opacity:45%}.cc-slider.classic{border-radius:.6em}.cc-slider.classic:before{border-radius:50%}.cc-popovercenter{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:380px;z-index:2147483645}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-popovercenter{top:50%!important;left:50%!important;min-width:calc(100%)!important}}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-highlight .cc-btn:last-child{min-width:140px}.cc-theme-classic .cc-highlight .cc-btn:first-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:last-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:first-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}@font-face {
font-family: 'Source Sans Pro';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-semibold-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-semibold-webfont.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-bold-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-bold-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-extralight-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-extralight-webfont.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-light-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-light-webfont.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Pro';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-regular-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/sourcesanspro-regular-webfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
} @font-face {
font-family: 'Open Sans';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-light-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-light-webfont.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-regular-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-regular-webfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-extrabold-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-extrabold-webfont.ttf) format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-semibold-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-semibold-webfont.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-bold-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/opensans-bold-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
} @font-face {
font-family: 'Ubuntu';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-b-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-b-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-r-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-r-webfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-l-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-l-webfont.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-m-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-m-webfont.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu Condensed';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-c-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/ubuntu-c-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Droid Sans';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/DroidSans-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/DroidSans-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yanone Kaffeesatz Regular';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/yanonekaffeesatz-regular-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/yanonekaffeesatz-regular-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yanone Kaffeesatz Light';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/yanonekaffeesatz-light-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/yanonekaffeesatz-light-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald Light';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/Oswald-Light-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/Oswald-Light-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/Oswald-Regular-webfont.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/Oswald-Regular-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'elusive';
src: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/elusive.woff) format('woff'),
url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/fonts/elusive.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="crycon-"]:before, [class*=" crycon-"]:before {
font-family: "elusive";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: inherit;  margin-left: .2em;    cursor:inherit;
font-size:inherit;
} .crycon-author:before { content: '\e801'; } 
.crycon-category:before { content: '\e805'; } 
.crycon-category2:before { content: '\e817'; } 
.crycon-folder-close:before { content: '\e81c'; } 
.crycon-folder-open:before { content: '\e81d'; } 
.crycon-tag:before { content: '\e802'; } 
.crycon-bookmark:before { content: '\e810'; } 
.crycon-edit:before { content: '\e804'; } 
.crycon-comment:before { content: '\e800'; } 
.crycon-comments:before { content: '\e815';} 
.crycon-date:before { content: '\e82b'; } 
.crycon-time:before { content: '\e80d'; } 
.crycon-forward:before { content: '\e81b';-webkit-transform:rotate(180deg)  scale(-1, 1);-ms-transform:rotate(180deg)  scale(-1, 1);transform:rotate(180deg) scale(-1, 1);margin-left:5px;font-size:10px;
-moz-transition:.2s margin ease; -o-transition:.2s margin ease; -webkit-transition:.2s margin ease; transition:.2s margin ease; } 
.crycon-reply:before { content: '\e81b';transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);margin-right:5px;font-size:10px;
-moz-transition:.2s margin ease; -o-transition:.2s margin ease; -webkit-transition:.2s margin ease; transition:.2s margin ease; } .crycon-metas:before {
font-size: 13px;
line-height: 1;
cursor: default;
margin-right: 8px;
color: #555;
}
.crycon-time:before,.crycon-folder-close:before, .crycon-folder-open:before {font-size:14px; } 
.crycon-time:before {margin-top:1px; } 
.crycon-edit:before {margin-right:1px; } .crycon-status:before { content: '\e81a'; } 
.crycon-aside:before { content: '\e82a'; } 
.crycon-link:before { content: '\e818'; } 
.crycon-audio:before { content: '\e823'; } 
.crycon-video:before { content: '\e829'; } 
.crycon-image:before { content: '\e824'; } 
.crycon-gallery:before { content: '\e825'; } 
.crycon-quote:before { content: '\e80f'; } .crycon-search:before { content: '\e816'; } 
.crycon-down-dir:before { content: '\e803'; } 
.crycon-right-dir:before { content: '\e806'; } 
.crycon-angle-left:before { content: '\e807'; } 
.crycon-angle-right:before { content: '\e808'; } 
.crycon-angle-up:before { content: '\e809'; } 
.crycon-angle-down:before { content: '\e80a'; } 
.crycon-minus:before { content: '\e80b'; } 
.crycon-left-open:before { content: '\e80c'; } 
.crycon-up:before { content: '\e80e'; } 
.crycon-left-dir:before { content: '\e811'; } 
.crycon-up-open:before { content: '\e812'; } 
.crycon-ok:before { content: '\e813'; } 
.crycon-cancel:before { content: '\e814'; } 
.crycon-up-dir:before { content: '\e819'; } 
.crycon-right-open:before { content: '\e81e'; } 
.crycon-home:before { content: '\e81f'; } 
.crycon-menu:before { content: '\e820'; } 
.crycon-plus:before { content: '\e821'; } 
.crycon-down-open:before { content: '\e822'; } 
.crycon-down:before { content: '\e826'; } 
.crycon-left:before { content: '\e827'; } 
.crycon-right:before { content: '\e828'; } 
.crycon-star-empty:before { content: '\e82c'; } 
.crycon-star:before { content: '\e82d'; } 
.crycon-mail:before { content: '\e82e'; } 
.crycon-home-1:before { content: '\e82f'; } 
.crycon-attach:before { content: '\e830'; } 
.crycon-eye:before { content: '\e831'; } 
.crycon-eye-off:before { content: '\e832'; } 
.crycon-tags:before { content: '\e833'; } 
.crycon-flag:before { content: '\e834'; } 
.crycon-warning:before { content: '\e835'; } 
.crycon-location:before { content: '\e836'; } 
.crycon-trash:before { content: '\e837'; } 
.crycon-doc:before { content: '\e838'; } 
.crycon-phone:before { content: '\e839'; } 
.crycon-cog:before { content: '\e83a'; } 
.crycon-basket:before { content: '\e83b'; } 
.crycon-basket-circled:before { content: '\e83c'; } 
.crycon-wrench:before { content: '\e83d'; } 
.crycon-wrench-circled:before { content: '\e83e'; } 
.crycon-mic:before { content: '\e83f'; } 
.crycon-volume:before { content: '\e840'; } 
.crycon-volume-down:before { content: '\e841'; } 
.crycon-volume-off:before { content: '\e842'; } 
.crycon-headphones:before { content: '\e843'; } 
.crycon-lightbulb:before { content: '\e844'; } 
.crycon-resize-full:before { content: '\e845'; } 
.crycon-resize-full-alt:before { content: '\e846'; } 
.crycon-resize-small:before { content: '\e847'; } 
.crycon-resize-vertical:before { content: '\e848'; } 
.crycon-resize-horizontal:before { content: '\e849'; } 
.crycon-move:before { content: '\e84a'; } 
.crycon-zoom-in:before { content: '\e84b'; } 
.crycon-zoom-out:before { content: '\e84c'; } 
.crycon-arrows-cw:before { content: '\e84d'; } 
.crycon-desktop:before { content: '\e84e'; } 
.crycon-inbox:before { content: '\e84f'; } 
.crycon-cloud:before { content: '\e850'; } 
.crycon-book:before { content: '\e851'; } 
.crycon-certificate:before { content: '\e852'; } 
.crycon-tasks:before { content: '\e853'; } 
.crycon-thumbs-up:before { content: '\e854'; } 
.crycon-thumbs-down:before { content: '\e855'; } 
.crycon-help-circled:before { content: '\e856'; } 
.crycon-star-circled:before { content: '\e857'; } 
.crycon-bell:before { content: '\e858'; } 
.crycon-rss:before { content: '\e859'; } 
.crycon-trash-circled:before { content: '\e85a'; } 
.crycon-cogs:before { content: '\e85b'; } 
.crycon-cog-circled:before { content: '\e85c'; } 
.crycon-calendar-circled:before { content: '\e85d'; } 
.crycon-mic-circled:before { content: '\e85e'; } 
.crycon-volume-up:before { content: '\e85f'; } 
.crycon-print:before { content: '\e860'; } 
.crycon-edit-alt:before { content: '\e861'; } 
.crycon-edit-2:before { content: '\e862'; } 
.crycon-block:before { content: '\e863'; }html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: grayscale;
} blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: normal;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
clear: none;
}
.entry-content h1 { font-size: 32px; }
.entry-content h2 { font-size: 28px; }
.entry-content h3 { font-size: 24px; }
.entry-content h4 { font-size: 20px; }
.entry-content h5 { font-size: 16px; }
.entry-content h6 { font-size: 12px; }
.entry-content blockquote {
display: table;
position: relative;
padding: 2em;
margin: 0 auto;
width: auto;
font-style: italic; }
.entry-content blockquote:before {
position: absolute;
left: 1em;
top: 0;
content: '\e80f';
font-family: 'elusive';
font-size: 1em;
color: rgba(0,0,0,.05);
z-index: 0;
}
.entry-content blockquote:after {
position: absolute;
right: 1em;
bottom: 0;
content: '\e80f';
font-family: 'elusive';
font-size: 1em;
color: rgba(0,0,0,.05);
z-index: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#content blockquote p {
margin-bottom: 0;
font-size: 1.2em;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}  .wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding: 2em;
font-size: 1.2em;
}
.aligncenter[class^='wp-block']:not([class^='wp-block-cover']) {
display: table;
}
.wp-block-separator {
max-width: 25%;
}
.wp-block-separator.is-style-wide {
max-width: 100%;
}
.wp-block-separator.is-style-dots::before {
color: inherit;
}
.wp-block-button {
transition: .2s opacity;
}
.wp-block-button:hover {
opacity: 0.85;
}
.wp-block-pullquote {
text-align: inherit;
} #container {
float: none;
margin: 0;
width: 100%;
}
#content {
margin-bottom: 0;
}
.sidey {
display: block;
float: left;
}
#footer {
clear: both;
width: 100%;
} pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.entry-content pre {
border-left: 10px solid;
padding: 1.3em;
white-space: nowrap;
line-height: 1.5;
overflow: auto;
}
.entry-content code {
}  div.menu,
#colophon,
#branding,
#main,
#header {
margin: 0 auto;
}
#forbottom {
clear: both;
display: block;
margin: 0 auto;
padding: 40px 0;
min-height: 400px;
}
#masthead {
background-position: 50% top;
background-repeat: repeat-x;
}
#branding {
display: block;
clear: both;
height: 75px;
padding: 0;
position: relative;
overflow: hidden;
margin: 0 auto;
}
a#logo {
display: inline;
height: 100%;
}
#linky {
background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);
display: block;
width: 100%;
height: 100%;
} #footer-widget-area {
overflow: hidden;
}
.footerfour .widget-area {
float: left;
margin-right: 2%;
width: 23.5%;
}
.footerthree .widget-area {
float: left;
margin-right: 2%;
width: 32%;
}
.footertwo .widget-area {
float: left;
margin-right: 2%;
width: 49%;
}
.footerone .widget-area {
float: left;
width: 100%;
}
.footertwo #second,
.footerthree #third,
.footerfour #forth {
margin-right: 0;
}
#footer-widget-area #fourth {
margin-right: 0;
}
#site-generator {
float: right;
width: 220px;
}  html {
font-size: 17px;
line-height: 1.8;
}
hr {
border: 1px solid transparent;
clear: both;
height: 1px;
} .entry-content ul {
margin-left: 1.6em;
} .entry-content ul li,
.entry-content ol li {
padding: 2px 0;
} .entry-content ol > li {
text-indent: 0;
}
.entry-content li li {
margin-left: 1em;
}
ol {
list-style-type: decimal;
margin-left: 1.8em;
}
ol ol {
list-style-type: upper-alpha;
}
ol ol ol {
list-style-type: lower-roman;
}
ol ol ol ol {
list-style-type: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
text-decoration: none;
}
pre {
line-height: 1.5;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted transparent;
cursor: help;
}
sup,
sub {
position: relative;
height: 0;
line-height: 1;
}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
max-width: 100%;
border: 1px solid transparent;
padding: 7px 5px;
font-family: inherit;
font-size: 1em;
background: transparent;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
input[type="submit"],
input[type="reset"] {
border: 1px solid transparent;
padding: 10px 15px;
cursor: pointer;
font-size: .9em;
}
input[type="file"] {
font-size: initial;
}
input:focus,
textarea:focus {
outline: none;
}
select option {
padding: .25em;
}
select optgroup,
select option {
font-family: inherit;
}
input::-moz-focus-inner{ border: 0;
padding: 0;
}
a:link,a:visited  {
text-decoration: none;
}
a:hover,
a:active,
a:focus:active,
a:focus:hover,
input:hover:focus,
textarea:hover:focus,
button:hover:focus {
outline: 0;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #222;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 6px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 6px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
}
.entry-content a:not([class]),
.entry-excerpt a:not([class]),
#comments .comment-body a:not([class]),
.widget-container.widget_text a:not([class]),
.ppbox a:not([class]) {
text-decoration: underline;
-webkit-transition: .2s ease-out all;
transition: .2s ease-out all;
} #header {
background: none;
}
#site-title {
float: left;
font-size: 32px;
line-height: 1.1;
}
#site-title a {
text-decoration: none;
display: block;
font-weight: 300;
padding: 5px 0;
}
#site-description {
display: inline;
float: left;
font-size: 1.2em;
line-height: 1.5;
clear: both;
font-weight: 300;
}
#bg_image {
display: block;
margin: 0 auto;
}
#header-container {
display: block;
position: relative;
float: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
height: auto;
}
#branding #bg_image + #header-container {
position: absolute;
}
#header:after {
content: "";
display: table;
clear: both;
} #header-widget-area {
display: block;
position: absolute;
right: 0;
top: 5px;
overflow: hidden;
height: 100%;
width: 50%;
z-index: 251;
} #nav-toggle {
display: none;
border: 0;
}
#access {
display: block;
float: left;
margin: 0 auto;
width: 100%;
}
#access ul {
line-height: 1.6;
}
#access ul li.current_page_item,
#access ul li.current-menu-item {}
#access a {
position: relative;
display: block;
text-decoration: none;
font-size: 14px;
}
#access a:focus {
z-index: 5;
}
#access a > span {
display: block;
padding: 17px 18px;
text-transform: uppercase;
}
#access > .menu > ul {
margin-left: -10px;
}
#access > .menu > ul li > a:not(:only-child) > span:after {
font-family: "Elusive";
content: '\e80a';
position: absolute;
right: 9px;
top: 16px;
z-index: 5;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#access > .menu > ul ul > li a:not(:only-child) > span:after {
top: 11px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
#access > .menu li a:not(:only-child) > span {
padding-right: 18px;
}
#access > .menu > ul > li:hover > a:not(:only-child) > span:after {
top: 20px;
filter: alpha(opacity=0);
opacity: 0;
}
#access > .menu > ul ul > li:hover > a:not(:only-child) > span:after {
right:-20px;
opacity:0;
filter: alpha(opacity=0);
}
#access > .menu > ul > li > a:not(:only-child) > span {
padding-right: 24px;
}
#access ul li {
position: relative;
display: block;
float: left;
white-space: nowrap;
}
#access ul ul {
position: absolute;
z-index: 1000;
clear: both;
margin-left: 0;
min-width: 125%;
visibility: hidden;
opacity: 0;
max-height: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: .25s all ease-in;
transition: .25s all ease-in;
}
#access ul li a {
letter-spacing: 1px;
}
#access ul ul li { display: table;
position: relative;
margin: 0;
width: 100%; float: left;
clear: both;
}
#access ul ul li:last-child {}
#access ul ul ul li:last-child {}
#access ul ul li a span{
padding: 15px 18px;
}
#access ul ul ul {
position: absolute;
left: 100%;
top: 0;
margin: 0;
min-width: 150px;
}
#access ul ul ul li { width: 100%;
display: block;
float: none;
}
#access ul ul ul ul li { }
#access ul ul a,
#access ul ul ul a {
display: table;
float: none;
min-width: 150px;
width: 100%;
}
#access ul ul li:hover,
#access ul ul ul li:hover {}
#access li,
#access ul ul li {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#access ul ul :hover > a {}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-item > a{}
#access ul ul li.current_page_item ,
#access ul ul li.current-menu-ancestor,
#access ul ul li.current-menu-item ,
#access ul ul li.current-menu-parent {}
#access ul li.current_page_item a,
#access ul li.current-menu-ancestor a,
#access ul li.current-menu-item a,
#access ul li.current-menu-parent a,
#access ul li a:hover {}
.nirvana-menu-center #access > .menu {
display: table;
margin: 0 auto;
float: none;
}
.nirvana-menu-center #access > .menu {
text-align: center;
}
.nirvana-menu-center #access > .menu > ul > li > a > span {
text-align: center;
}
.nirvana-menu-center #access > .menu > ul > li {
display: inline-block;
float: initial;
vertical-align: middle;
}
.nirvana-menu-center #access > .menu > ul > * {
text-align: initial;
}
.nirvana-menu-center #access > .menu > ul > li.menu-main-search {
margin-top: 0;
}
.nirvana-menu-right #access  ul.menu {
float: right;
}
.nirvana-menu-right #nav-toggle {
text-align: right;
}
.nirvana-menu-rightmulti #access ul li {
float: right;
}
.nirvana-menu-rightmulti #nav-toggle {
text-align: right;
}
.nirvana-menu-left #nav-toggle {
text-align: left;
}
#access ul li.menu-hover > ul {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
max-height: 1000px;
}
#access li ul ul {
height: 0;
}
#access li.menu-hover > ul > li > ul {
width: auto;
height: auto;
} .topmenu {
display: inline;
float: right;
width: auto;
}
.topmenu ul {
margin-top: 7px;
}
.topmenu ul li {
display: block;
float: left;
line-height: 2.2;
}
.topmenu ul li a {
display: block;
margin: 0 3px;
padding: 0 10px;
letter-spacing: .4px;
font-size: 12px;
text-transform: uppercase;
border-radius: 2px;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.footermenu {
padding: 5px 0;
display: table;
margin: 0 auto;
}
.footermenu > ul {
float: left;
}
.footermenu ul li {
display: block;
float: left;
margin: 5px;
text-align: center;
white-space: nowrap;
border: 1px solid transparent;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.footermenu ul li a {
display: block;
padding: 5px 10px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
} #topbar {
display: block;
height: 42px;
width: 100%;
border-bottom: 1px solid transparent;
position: relative;
z-index: 270;
-webkit-transition:.2s opacity;
transition:.2s opacity;
}
#topbar:hover { filter: alpha(opacity=100);
opacity: 1;
}
#topbar-inner {
display: block;
margin: 0 auto;
}
body.nirvana-topbarfull #topbar-inner {
max-width: 95%;
}
body.nirvana-topbarhide #topbar {
display: none;
}
body.nirvana-topbarfixed #topbar {
position: fixed;
top: 0;
z-index: 300;
opacity: 0.8;
}
body.nirvana-topbarfixed #header-full {
margin-top: 42px;
}
body.nirvana-topbarfixed.admin-bar #topbar {
top: 32px;
} #main {
clear: both;
padding: 0;
margin-top: 20px;
}
#content {
font-size: inherit;
line-height: inherit;
}
.entry-meta a,
.widget-container a,
.footer2 a {
border-bottom: 1px dotted transparent;
-webkit-transition: .25s ease all;
transition: .25s ease all;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
font-size: 1em;
line-height: 1.5;
overflow: auto;
font-family: "Courier New", Courier, monospace;
}
#content code {
font-size: .9em;
}
#content dt,
#content th {
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
line-height: 1.5;
margin: 20px 0 0;
}
#content table {
border: 0;
margin: 0 0px 24px 0;
text-align: left;
width: 100%;
vertical-align: top;
}
#content tr {
vertical-align: top;
}
#content .alternate {}
#content tr th,
#content thead th {
padding: 9px 24px;
font-weight: 600;
}
#content tr td {
border-top: 1px solid transparent;
padding: 6px 24px;
}
#content tr td:last-child, #content tr th:last-child {
border-right: none;
}
#content tr.odd td {}
.page-header {
display: block;
float: none;
padding: 10px 0px;
}
body:not(.author) .page-header {
margin-bottom: 26px;
}
.page-header .category-archive-meta {
padding-top: 5px;
}
.page-title {
font-size: 1em;
font-weight: bold;
display: block;
border-bottom: 1px solid transparent;
}
.page-title-text {
display: inline-block;
border-bottom: 1px solid transparent;
padding: 3px 0 3px 6px;
margin-bottom: -1px;
}
.page-title span {
font-size: 1em;
font-style: italic;
font-weight: normal;
display: inline-block;
margin-bottom: -4px;
padding: 6px;
border-bottom: 1px solid transparent;
}
.page-title a:link,
.page-title a:visited {
text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
}
body:not(.author) .taxonomy-description {
padding: 14px 7px;
}
#content .entry-title {
font-weight: 300;
line-height: 1.2;
padding: 0;
margin: 0;
word-wrap: break-word;
}
.entry-title a {
font-weight: 300;
}
.entry-title a:link,
.entry-title a:visited {
color: inherit;
text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
}
.entry-meta {
display: block;
font-size: 12px;
clear: both;
overflow: hidden;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
margin: 4px 0 20px 0;
padding: 7px 4px;
}
h1.entry-title + .entry-meta {
margin-bottom: 30px;
}
div > footer.entry-meta {
border:0;
}
.entry-meta span,
.entry-utility span {
display: block;
float: left;
line-height: 28px;
margin-right: 15px;
font-size: 16px;
}
.entry-meta span a {
font-size: 16px;
}
.entry-meta time.updated {
display: none;
}
.entry-utility {
clear: both;
font-size: 16px;
}
.footer-tags {
display: block;
float: left;
font-size: 16px;
}
.entry-utility span.bl_bookmark {
float: none;
display: inline;
padding: 0;
}
.comments-link {
float: right;
line-height: 28px;
}
.comments-link * {
font-size: 15px;
}
.comments-link b {
font-weight: normal;
}
#content span.entry-format {
display: inline;
float: left;
font-size: .6em;
line-height: 2;
padding: 0 3px;
}
h3.entry-format > i:before {
cursor:default;
}
.entry-meta abbr,
.entry-utility abbr {
border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
border-bottom: 1px dotted transparent;
}
.entry-content,
.entry-summary {
clear: both;
padding-top: 8px;
word-wrap: break-word;
}
#content .entry-summary p:last-child {
margin-bottom: 12px;
}
.entry-content fieldset {
margin: 0 0 24px 0;
}
.entry-content fieldset legend {
font-weight: bold;
}
.entry-content sup,
.entry-content sub {
font-size: 10px;
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.tag-links {
margin-left: 30px;
}
.page-link {
margin: 10px 0;
clear:both;
}
.page-link a,
.page-link > span > em {
font-weight: normal;
text-decoration: none;
padding: 0 10px;
border-right: 1px solid transparent;
}
.page-link em {
font-style:normal;
}
.page-link  a:last-child,
.page-link > span > em:last-child {
border-right: none;
}
.page-link a:hover {}
span.edit-link {
float: right;
display: block;
margin: 0 0 0 10px;
padding: 0;
font-size: 12px;
}
#author-info {
clear: both;
line-height: 1.5;
margin: -10px 0 24px 0;
overflow: hidden;
padding: 0 0 15px 0;
}
#author-info #author-avatar {
float: left;
height: 80px;
margin: 0 -100px 0 20px;
}
#author-info #author-description {
float: left;
margin: 15px 0 0 130px;
}
#entry-author-info {
clear: both;
line-height: 1.5;
margin: 30px 0;
overflow: hidden;
padding: 0 0 18px 0px;
border-top: 1px solid transparent;
}
#entry-author-info #author-avatar {
float: left;
height: 80px;
margin: 0 -100px 0 20px;
}
#author-avatar .avatar {
border-radius: 0 0 100% 100%;
}
#entry-author-info #author-description {
float: left;
margin: 0 0 0 130px;
}
#entry-author-info h2 {
font-size: 100%;
font-weight: bold;
margin: 0.75em 0 0.5em;
}
#author-link {
margin-top: 0.75em;
}
#content .video-player {
padding: 0;
}  .home #content .format-aside p,
.home #content .category-asides p {
line-height: 20px;
margin-bottom: 10px;
margin-top: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
padding-top: 0;
}
#content .format-aside .entry-title {
display: none;
}
#content .format-aside .entry-format {
font-size: 1.5em;
line-height: 1.5;
padding-top: 10px;
}
#content .format-aside .entry-content,
#content .format-aside .entry-summary {
clear: right;
}
#content .format-aside .author ,
#content .format-aside  .bl_categ {
display: none;
} .gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-icon {
line-height: 0;
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-height: 50%;
padding: 2px 8px;
margin: 0;
color: #fff;
font-size: 1em;
line-height: 1.3;
filter: alpha(opacity=0);
opacity: 0;
text-align: left;
cursor: default;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.gallery-item:hover .gallery-caption {
filter: alpha(opacity=1);
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .format-chat p {
font-family: Monaco, "Courier New", monospace;
} .format-quote blockquote,
.format-quote blockquote p {
font-family: Georgia, "Bitstream Charter", serif;
font-size: 1.1em;
} .format-status .entry-title { }
.status_content {
}
.format-status .avatar {
display: block;
width: auto;
float: left;
margin: 10px 10px 10px 0;
} .attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
} .post_thumbnail {
max-width: 100%;
height: auto;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.sidey select {
max-width: 100%;
}
.sidey img {
max-width: 100%;
height: auto;
}
#content table img {
max-width: inherit;
vertical-align: top;
}
.alignleft,
img.alignleft {
float: left;
margin-right: 26px;
margin-top: 4px;
}
.alignright,
img.alignright {
float: right;
margin-left: 34px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
}
img.aligncenter {
display: block;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.wp-caption img {
filter: alpha(opacity=99);
opacity: 0.99;
-webkit-transition:all .3s ease-in-out;
transition: all .3s ease-in-out;
}
img.alignleft:hover,
img.alignright:hover,
img.aligncenter:hover,
img.alignnone:hover,
.wp-caption img:hover {
filter: alpha(opacity=85);
opacity: 0.85;
}
.wp-caption {
margin-bottom: 20px;
text-align: center;
max-width: 100%;
position: relative;
}
.wp-caption img {
border: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
}
.wp-caption > a {
line-height: 0; display: inline-block;
}
.wp-caption .wp-caption-text {
bottom: 0;
margin-bottom:0;
padding: 10px 5px;
position: absolute;
text-align: center;
text-indent: 0;
width: 100%;
pointer-events: none;
}
.wp-smiley {
margin: 0;
width: 1em;
background: none ;
border: 0;
vertical-align: middle;
-webkit-box-shadow: none;
box-shadow: none;
}
.attachment img { display: block;
margin: 0 auto;
max-width: 96%;
} .navigation {
overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
text-decoration: none;
}
.navigation a:active,
.navigation a:hover {}
.nav-previous a {
float: left;
width: 50%;
padding: 10px 1%;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.nav-next a {
float: right;
text-align: right;
width: 50%;
padding: 10px 1%;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.meta-nav-prev:before {
font-family: "elusive";
content: '\e827';
font-style: normal;
margin-right: 5px;
font-size: 9px;
}
.meta-nav-next:before {
font-family: "elusive";
content: '\e828';
font-style: normal;
margin-left: 5px;
font-size: 9px;
}
.single #nav-above {
display: block;
}
#nav-below {
margin-bottom: 20px;
margin-top: 5px;
display: block;
float: none;
clear: both;
} #comments {
padding: 10px 0;
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
font-size: 1.7em;
}
h3#comments-title {
margin-bottom: 1em;
line-height: 2;
border-bottom: 1px solid transparent;
}
h3#comments-title span {
display: inline-block;
padding: 0 30px;
font-weight: 300;
border-radius: 5px 5px 0 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
margin: 0;
list-style: none;
line-height: 1.5;
}
.commentlist li.comment:hover {
}
.commentlist .comment-body {
padding: 10px 0;
overflow: hidden;
clear: both;
margin-bottom: 20px;
}
.commentlist li:last-child {
}
#comments .comment-body ul,
#comments .comment-body ol {
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.avatar-container {
float: left;
position: relative;
height: 61px;
overflow: hidden;
}
.avatar-container:before {
content: "";
width: 100%;
height: 1px;
bottom: 0;
position: absolute;
}
.commentlist .avatar {
padding-bottom: 1px;
position: relative;
top: 5px;
border-radius: 5px 5px 0 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.comment > div:hover .avatar:nth-child(1) {
top: 0;
}
.comment-author {
display: inline-block;
line-height: 24px;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.comment-details {
position: relative;
float: left;
padding: 7px 15px;
height: 61px;
border-bottom: 1px solid transparent;
}
.comment-author cite {
font-style: normal;
font-weight: normal;
font-size: 1.1em;
}
.comment-meta {
font-size: 0.9em;
}
.comment-meta a:link,
.comment-meta a:visited {
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.commentlist .comment-await {
padding: 10px 0;
display: block;
clear: both;
}
.comment .reply a {
display: inline-block;
font-size: 15px;
padding: 0 15px;
line-height: 2.4;
border: 1px solid transparent;
width: auto;
text-align: right;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.comment .reply a:hover {}
.comment .reply a .crycon-reply:before {
margin-right: 10px;
position: relative;
left: 0;
top: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.comment .reply a:hover .crycon-reply:before {
left: -4px;
top: -4px;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
@-webkit-keyframes reply-arrow {
0% { left: 0; }
50% { left: -10px; }
100% { left: 0; }
}
@keyframes reply-arrow {
0% { left: 0; }
50% { left: -10px; }
100% { left: 0; }
}
.commentlist .children {
background-image: none;
list-style: none;
margin: 0;
margin-left: 20px;
}
.commentlist .children li {
border: none;
background-image: none;
margin: 0;
text-indent: 0;
}
#content .nocomments, #content .nocomments2 {
margin-bottom: 0;
}
.hideme {
display:none;
}
#comments .pingback {
border-bottom: 1px solid transparent;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
font-style: italic;
} #respond {
margin: 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 0.2em;
font-size: 0.8em;
}
.form-allowed-tags {
line-height: 1;
}
.children #respond {
margin: 0 48px 0 0;
min-width: 400px;
}
h3#reply-title {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: 300;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 1.5;
}
#respond .required {}
#commentform  {
max-width: 550px;
display: block;
}
#commentform > p {
font-size: 0.9em;
}
#respond label {
}
#respond input:not([type="checkbox"]):not([type="radio"]) {
width: 100%;
}
.nirvana-comment-placeholders #respond .comment-form-comment label,
.nirvana-comment-placeholders #respond .comment-form-author label,
.nirvana-comment-placeholders #respond .comment-form-email label,
.nirvana-comment-placeholders #respond .comment-form-url label {
display:none;
}
#respond .comment-form-cookies-consent {
clear: both;
}
#respond .form-submit input[type="submit"],
#respond .form-submit input[type="reset"],
#respond .form-submit button {
width: auto;
}
.comment-form-comment textarea {
display: block;
float: none;
height: 150px;
width: 100%;
padding: 10px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
display: block;
float: none;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
display: block;
float: none;
}
#respond input:hover,
#respond textarea:hover {}
#respond .form-allowed-tags {
font-size: 12px;
line-height: 1.5;
width: 100%;
clear: both;
display: block;
float: none;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
text-align: right;
clear: both;
}
#respond .form-submit input {
font-size: 15px;
width: auto;
}
#respond .form-submit input#submit {
border: 1px solid transparent;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
}
#respond .form-submit input#submit:hover {
cursor: pointer;
}
.button {
border: 1px solid transparent;
padding: 4px 7px;
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
}
.file:hover,
.button:hover {
cursor:pointer;
} .widget-area ul,
.widget-area ul ul {
list-style: none;
list-style-image: none;
}
.widget-container {
padding: 5px;
margin: 0 0 20px 0;
}
.widget-container > * {
max-width: 100%;
}
.widget-container ul li {
display: block;
float: none;
margin-bottom: 0.5em;
}
.widget-title {
font-size: 16px;
text-align: left;
margin-bottom: 10px;
border-bottom: 1px solid transparent;
}
.widget-title span {
display: inline-block;
line-height: 2.2;
padding: 0 10px;
position: relative;
top: 1px;
border-bottom: 1px solid transparent;
}
#footer-widget-area a:hover {
text-decoration: underline;
}
.widget-area a:link,
.widget-area a:visited {
text-decoration: none;
word-wrap: break-word;
}
.widget-area a:active,
.widget-area a:hover {}
.widget-area .entry-meta {
font-size: 11px;
} .searchform {
display: block;
height: auto;
position: relative;
overflow: hidden;
max-width: 300px;
}
.contentsearch {
display: block;
float: none;
overflow: hidden;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px;
}
.no-results .contentsearch {
padding: 0;
}
.searchform input[type="search"]  { display: block;
float: left;
font-size: 18px;
padding: 0 50px 0 10px;
height: 52px;
width: 100%;
line-height: 1;
}
.contentsearch .searchform input[type="search"] {
margin-left: 0;
}
.searchsubmit[type="submit"] {
font-family: "elusive";
display: block;
position: absolute;
right: 0;
top: 0;
height: 52px;
width: 52px;
padding: 0;
font-size: 17px;
vertical-align: middle;
background: transparent;
z-index: 4;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
}
.searchform:after {
display: block;
position: absolute;
content: "";
right: 0;
top: 0;
z-index: 3;
width: 52px;
height: 100%;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
outline: 1px solid transparent;
}
.searchform:hover:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
outline: 1px solid transparent;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} .menu-header-search {
margin: 1px 10px;
width: 20px;
}
.menu-header-search .searchform {
position: absolute;
margin-top: 33px;
margin-left: -230px;
z-index: 10;
display: none;
filter: alpha(opacity=0);
opacity: 0;
}
.menu-header-search .searchform:after,
.menu-header-search .searchsubmit {
display: none;
}
.menu-header-search .searchform input[type="search"] {
font-size: 16px;
padding: 5px 30px 5px 10px;
width: 260px;
border: 0;
height: 3em;
line-height: 1;
}
i.search-icon {
position: absolute;
cursor: pointer;
z-index: 11;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
i.search-icon:before {
font-family: "Elusive";
content: '\e816';
display:	block;
font-style:	normal;
font-size:	inherit;
font-size: 12px;
line-height: 2.4;
} #access li.menu-main-search {
float: right;
margin-top: 4px;
max-width: 200px;
}
#access li.menu-main-search .searchform input[type="search"] {
height: 48px;
font-size: 17px;
}
#access li.menu-main-search .searchsubmit[type="submit"] {
height: 48px;
width: 48px;
}
li.menu-main-search  .searchform:after {
background-color: transparent;
}
li.menu-main-search .searchsubmit {
font-size: 15px;
top: 1px;
}
.nirvana-boxed .menu-main-search {
margin: 5px;
} li.menu-footer-search {
max-width: 120px;
}
li.menu-footer-search .searchform:after {
background-color: transparent;
}
li.menu-footer-search .searchform .s {
font-size: 13px;
line-height: 1.5;
height: auto;
border: none;
padding: 5px 10px;
}
li.menu-footer-search .searchform .s:hover {
background: none;
}
li.menu-footer-search .searchsubmit {
font-size: 13px;
line-height: 1.5;
height: auto;
width: auto;
right: 10px;
top: 5px;
} #wp-calendar {width:100%;}
#wp-calendar caption {
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
margin-left: 10px;
}
#wp-calendar thead {
font-size: 11px;
}
#wp-calendar tbody td {
padding: 3px 0 2px;
text-align: center;
border: 1px solid transparent;
}
#wp-calendar tbody td:hover {
filter: alpha(opacity=80);
opacity: 0.8;
}
#wp-calendar tbody td a{
border: none;
background: none;
padding: 0;
margin: 0;
}
#wp- tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
text-align: right;
}
.widget_rss a.rsswidget {}
.widget_rss a.rsswidget:hover {}
.widget_rss .widget-title img {
width: 11px;
height: 11px;
} #main .widget-area ul {
margin-left: 0;
padding: 0;
}
#main .widget-area ul ul {
border: none;
margin-left: 10px;
padding: 10px 0 0 0;
} .yoyo .widget-title {
background: none;
padding: 0;
margin: 0;
} #footer-widget-area {
margin: 40px 0 30px 0;
}
#footer-widget-area a{} #footer {
margin-top: 20px;
margin-bottom: 0;
}
#footer a{
-webkit-transition: color .2s;
transition: color .2s;
}
#footer2 {
display: block;
padding: 35px 0 0;
overflow: visible;
width: 100%;
}
#footer2-inside {
display: block;
float: none;
margin: 0 auto;
}
#footer2:after {
content: "";
display: table;
clear: both;
}
#colophon {
margin: 0 30px;
overflow: hidden;
display: block;
float: none;
margin: 0 auto;
}
#site-copyright {
display: block;
float: none;
padding: 10px 0;
font-style: italic;
clear: both;
margin: 0 auto;
text-align: center;
font-size: 15px;
line-height: 1.5;
}
#footer a,#footer a:hover{
text-decoration: none;
}
img#wpstats {
display: block;
margin: 0 auto 10px;
} pre {
-webkit-text-size-adjust: 140%;
}
code {
-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
}
#site-description {
-webkit-text-size-adjust: none;
}  .socials {
float: right;
position: relative;
}
.socials a {
display: block;
float: left;
position: relative;
line-height: 0;
border-radius: 2px;
padding: 6px;
}
.socials a:hover {
border: 0;
}
.socials img {
position: relative;
z-index: 99;
} .socials .socials-hover {
display: block;
position: absolute;
left: 0;
top: 0;
width: 38px;
height: 38px;
border-radius: 2px;
outline: 1px solid transparent;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.socials a:hover .socials-hover,
.socials a:focus .socials-hover {
z-index: 100;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
outline: 1px solid transparent;
}
.socials a:hover img,
.socials a:focus img {
z-index: 101;
} #sheader {
float: left;
top: 5px;
}
#sheader a {
margin-right: -6px;
}
#sheader.socials a {
padding: 3px;
}
#sheader.socials .socials-hover {
width: 32px;
height: 32px;
} #smenul,
#smenur {
float: none;
margin: 0 auto;
display: table;
}
#smenul a,
#smenur a {
margin: 0 5px;
} #srights,
#slefts {
display: block;
position: fixed;
right: 0;
top: 40%;
height: auto;
width: 42px;
padding: 5px;
margin: 0;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 99;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
#slefts {
left: 0;
}
#srights:hover,
#slefts:hover {
filter: alpha(opacity=100);
opacity: 1;
}
#srights a,
#slefts a {
display: block;
float: none;
clear: both;
margin-top: -6px;
} #sfooter-full {
width: 100%;
display: block;
overflow: hidden;
clear: both;
float: none;
padding: 12px 0;
margin-top: 20px;
}
#sfooter {
float: none;
clear: both;
display: table;
margin: 0 auto;
text-align: center;
}
#sfooter a {
margin-right: 10px;
}
#sfooter.socials a {
padding: 0;
}
#sfooter.socials .socials-hover {
width: 28px;
height: 28px;
} article.post,
article.page,
article.hentry {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
margin-bottom: 36px;
}
div.post,
div.page,
div.hentry,
.yoyo > li {
display: block;
overflow: hidden;
padding: 0;
margin-bottom: 36px;
}
.sticky h2.entry-title a {
padding: 2px 5px;
}
#toTop {
display: block;
width: auto;
height: auto;
position: fixed;
bottom: -50px;
right: 40px;
cursor: pointer;
padding: 14px;
font-size: 14px;
background: rgba(0,0,0,.06);
filter: alpha(opacity=0);
opacity: 0;
z-index: 251;
border: 1px solid rgba(255,255,255,.1);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.28);
box-shadow: 0 0 1px rgba(0,0,0,.28);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#toTop:hover {}
.crycon-back2top:before {
content: '\e812';
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#toTop:hover .crycon-back2top:before {} .nirvana-image-none .entry-content img[class*='align'],
.nirvana-image-none .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-none .entry-summary img[class*='align'],
.nirvana-image-none .entry-summary [class*='wp-block'][class*='align'] img {}
.nirvana-image-one .entry-content img[class*='align'],
.nirvana-image-one .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-one .entry-summary img[class*='align'],
.nirvana-image-one .entry-summary [class*='wp-block'][class*='align'] img {
padding: 1px;
border: 1px solid transparent;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}
.nirvana-image-two .entry-content img[class*='align'],
.nirvana-image-two .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-two .entry-summary img[class*='align'],
.nirvana-image-two .entry-summary [class*='wp-block'][class*='align'] img {
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
padding: 0;
}
.nirvana-image-three .entry-content img[class*='align'],
.nirvana-image-three .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-three .entry-summary img[class*='align'],
.nirvana-image-three .entry-summary [class*='wp-block'][class*='align'] img {
border: 1px solid #222;
padding: 0;
-webkit-box-shadow: 0 0 15px #ccc;
box-shadow: 0 0 15px #ccc;
}
.nirvana-image-four .entry-content img[class*='align'],
.nirvana-image-four .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-four .entry-summary img[class*='align'],
.nirvana-image-four .entry-summary [class*='wp-block'][class*='align'] img {
padding: 10px;
border: 1px solid #DDD;
-webkit-box-shadow: 0 0 2px #CCC;
box-shadow: 0 0 2px #CCC;
}
.nirvana-image-five .entry-content img[class*='align'],
.nirvana-image-five .entry-content [class*='wp-block'][class*='align'] img,
.nirvana-image-five .entry-summary img[class*='align'],
.nirvana-image-five .entry-summary [class*='wp-block'][class*='align'] img {
border: 3px dashed #CCC;
}
.nirvana-image-one .entry-content img[class*='align']:hover,
.nirvana-image-one .entry-content [class*='wp-block'][class*='align'] img:hover,
.nirvana-image-one .entry-summary img[class*='align']:hover,
.nirvana-image-one .entry-summary [class*='wp-block'][class*='align'] img:hover {
background-color: #eee;
}
.nirvana-image-two .entry-content img[class*='align']:hover,
.nirvana-image-two .entry-content [class*='wp-block'][class*='align'] img:hover,
.nirvana-image-two .entry-summary img[class*='align']:hover,
.nirvana-image-two .entry-summary [class*='wp-block'][class*='align'] img:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.nirvana-image-three .entry-content img[class*='align']:hover,
.nirvana-image-three .entry-content [class*='wp-block'][class*='align'] img:hover,
.nirvana-image-three .entry-summary img[class*='align']:hover,
.nirvana-image-three .entry-summary [class*='wp-block'][class*='align'] img:hover {
-webkit-box-shadow: none;
box-shadow: none;
} .caption-simple #content .wp-caption .wp-caption-text {
position: inherit;
padding: 7px 5px;
font-style: italic;
}
.caption-dark #content .wp-caption .wp-caption-text {
padding: 20px 5px 10px;
color: #EEE;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(50%, rgba(0,0,0,.6)),  to(rgba(0,0,0,0.8)));
background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.6) 50%,  rgba(0,0,0,0.8));
-webkit-text-shadow: 0 0 7px #000;
-moz-text-shadow: 0 0 7px #000;
text-shadow: 0 0 7px #000;
}
.caption-light #content  .wp-caption .wp-caption-text {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
color: #333;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)),  to(rgba(255,255,255,0.8)));
background: linear-gradient(to bottom, rgba(255,255,255,0.4),  rgba(255,255,255,0.8));
} #breadcrumbs {
display: block;
position: relative;
padding: 8px 0;
font-size: .8em;
}
#breadcrumbs-box {
display: block;
margin: 0 auto;
padding: 0 5px;
}
.crycon-homebread:before {
content: '\e81f';
font-size: 1em;
cursor: pointer;
}
#breadcrumbs a {}
#breadcrumbs a:hover {} .pagination {
display: table;
float: none;
margin: 20px auto;
text-align: center;
clear: both;
border: 1px solid transparent;
}
.pagination span,
.pagination a {
display: block;
position: relative;
float: left;
margin-right: 0;
padding: 15px 0;
width: 50px;
text-align: center;
font-size: .9em;
line-height: 20px;
text-decoration: none;
-webkit-transition: background .3s;
transition: background .3s;
}
.pagination span:first-child, .pagination a:first-child {
border-left: 0;
}
.pagination a:hover{}
.pagination .current{} a.continue-reading-link {
display: inline-block;
position: relative;
width: auto;
float: none;
padding: 4px 15px;
margin-top: 3px;
line-height: 2.5;
font-size: .8em;
letter-spacing: 1px;
text-transform: uppercase;
font-style: normal;
clear: both;
border: 2px solid transparent;
-webkit-transition: .25s all ease-in-out;
transition: .25s all ease-in-out;
}
.continue-reading-link  .crycon-right-dir:before {
margin-right: 0;
}
.continue-reading-link span {
position: relative;
z-index: 99;
}
a.continue-reading-link i.crycon-right-dir {
position: relative;
font-size: 13px;
z-index: 99;
-webkit-transition: color .5s ease-in;
transition: color .5s ease-in;
}
a.continue-reading-link:hover { }  .nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.theme-default .nivoSlider img.nivo-main-image {
display: block;
position: relative;
width: 100%;
} .nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
} .nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
} .nivo-caption {
display: none;
position: absolute;
left: 10%;
right: 10%;
top: 15%;
width: 80%;
z-index: 8;
margin: 0 auto;
padding: 10px;
overflow: hidden;
text-align:center;
border-radius: 0;
pointer-events: none;
}
.nivo-caption h2 {
display: inline;
width: auto;
margin-bottom: 10px;
line-height: 1.2;
letter-spacing: 3px;
padding: 5px;
font-weight: 700;
text-align: center;
position: relative;
-webkit-animation: myfirst .5s ease-out;
animation: myfirst .5s ease-out;
}
@-webkit-keyframes myfirst {
0% {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
75% {
top: -10px;
filter: alpha(opacity=75);
opacity: .75;
display: block;
}
100% {
top: 0;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
}
@keyframes myfirst {
0% {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
75% {
top: -10px;
filter: alpha(opacity=75);
opacity: .75;
display: block;
}
100% {
top: 0;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
}
h2.nivo-caption-mate {
-webkit-animation: myfirst2 .5s ease-out;
animation: myfirst2 .5s ease-out;
opacity: 0;
}
@-webkit-keyframes myfirst2 {
from {
top: 0px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
to {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
}
@keyframes myfirst2 {
from {
top: 0px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
to {
top: 50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
}
.slide-text {
text-align: left;
line-height: 1.4;
letter-spacing: 1px;
font-weight: 300;
width: 80%;
display: block;
margin: 0 auto;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
@-webkit-keyframes mysecond {
0% {
top: -50px;
opacity: 0;
display: none;
}
75% {
top: 10px;
opacity: 1;
display: block;
}
100% {
top: 0px;
opacity: 1;
display: block;
}
}
@keyframes mysecond
{
0% {
top: -50px;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
75% {
top: 10px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
100% {
top: 0px;
filter: alpha(opacity=100);
opacity: 1;
display: block;
}
}
.inline-slide-text {
position: relative;
filter: alpha(opacity=100);
opacity: 1;
display: inline;
-webkit-animation: mysecond .5s ease-in;
animation: mysecond .5s ease-in;
}
.theme-default .nivoSlider .slide-text a {
display: inline;
border-bottom: 1px dotted;
}
.nivo-html-caption {
display: none;
} .nivo-directionNav a {
position: absolute;
top: 40%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
} .nivo-controlNav a {
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
} .theme-default .nivoSlider {
position: relative;
z-index: 100;
background: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/images/nivoslider/loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
display: table-cell;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
height: 30px;
width: auto;
margin: 0 auto;
padding: 3px 20px 0;
text-align: center;
z-index: 250;
-webkit-transition: .2s all ease-in-out;
transition: .2s all ease-in-out;
}
.slider-bullets .nivo-controlNav a {
display: inline-block;
width: 11px;
height: 11px;
margin: 10px 5px 0;
opacity: .5;
text-indent: -9999px;
border-radius: 10px;
-webkit-transition: all .2s;
transition: all .2s;
}
.theme-default .nivo-controlNav:hover a{
filter: alpha(opacity=100);
opacity: 1;
}
.slider-bullets .nivo-controlNav a:hover {}
.slider-bullets .nivo-controlNav a.active {}
.slider-numbers .nivo-controlNav a {
display: inline-block;
padding: 2px 8px;
margin-right: 5px;
font-size: 12px;
border-radius: 4px;
-weblit-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
}
.slider-numbers .nivo-controlNav a:hover {}
.slider-numbers .nivo-controlNav a.active {}
.theme-default.slider-none .nivo-controlNav {
display: none;
}
.theme-default .nivo-directionNav a {
display: block;
width: 60px;
height: 70px; background: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/images/nivoslider/arrows.png) 15px 15px #fff  no-repeat;
text-indent: -9999px;
border: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.theme-default a.nivo-nextNav {
background-position: -82px 15px;
-webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.4);
box-shadow: -1px 0 2px rgba(0, 0, 0, 0.4);
}
.theme-default a.nivo-prevNav {
-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.4);
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.4);
}
.theme-default .nivo-directionNav a.nivo-prevNav:hover {
background-position: 10px 15px;
}
.theme-default .nivo-directionNav a.nivo-nextNav:hover {
background-position: -77px 15px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
} a.nivo-imageLink  {
background-color: #fff;
filter: alpha(opacity=0);
opacity: 0;
} .slider-wrapper {
display: block;
float: none;
position: relative;
clear: both;
left: 0;
width: 100%;
z-index:100;
}
#slider {
margin: 0 auto;
display: block;
float: none;
}
#pp-afterslider.entry-content {
padding-top: 0;
}
#pp-texttop,
#pp-textmiddle,
#pp-textbottom,
#front-columns-box,
.presentation-page #content {
display: block;
float: none;
clear: both;
padding: 75px 0;
}
#front-columns-box {
overflow: hidden;
}
#front-text1 h2,
#front-text2 h2,
#front-text5 h2,
#front-columns h2 {
display: block;
float: none;
margin: 0 auto;
text-align: center;
font-size: 45px;
line-height: 55px;
clear: both;
font-weight: 300;
}
#front-columns h2 {
margin-bottom: 80px;
}
#front-text1,
#front-text2,
#front-text5  {
display: block;
float: none;
padding: 0 0 80px;
margin: 0 auto;
}
#front-text3,
#front-text4,
#front-text6 {
margin: 0 auto;
overflow: hidden;
}
#front-text3 blockquote,
#front-text4 blockquote,
#front-text6 blockquote {
padding: 15px 0px;
width: inherit;
margin-bottom: 20px;
font-size: 1.5em;
line-height: 1.5;
text-align: justify;
}
#front-columns {
margin: 0 auto;
}
#front-columns > div,
#front-columns > li {
display: block;
height: auto;
float: left;
}
.column1 {
clear: both;
}
.column-image {
position: relative;
}
.column-image img {
display: block;
margin: 0 auto;
-webkit-backface-visibility: hidden;
}
.slider-text-separator {
display: block;
float: none;
clear: both;
margin: 30px auto 40px;
width: 120px;
height: 1px;
background: #FFF;
-webkit-box-shadow: 1px 1px 0px #333;
box-shadow: 1px 1px 0px #333;
}
.readmore  {
display: table;
float: none;
margin: 2.5em auto 0;
min-width: 125px;
border: 2px solid #fff;
}
.theme-default .nivoSlider .readmore  a {
font-size: 1.3em;
padding: .5em .7em;
display: block;
float: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.readmore:hover {
background: #FFF;
}
.readmore:hover a {
color: #777;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
.slider-navhover .nivo-directionNav a.nivo-prevNav {
left: -100px;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.slider-navhover:hover .nivo-directionNav  a.nivo-prevNav {
left: 30px;
}
.slider-navhover .nivo-directionNav a.nivo-nextNav {
right: -100px;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.slider-navhover:hover .nivo-directionNav  a.nivo-nextNav {
right: 30px;
} #cryout_ajax_more_trigger{
display: table;
float: none;
clear: both;
min-width: 160px;
padding: 12px 15px;
margin: 0 auto;
text-align: center;
cursor: pointer;
font-size: 14px;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
#cryout_ajax_more_trigger.cryout_click_loading {
background: url(//www.lkw-versicherungsvergleich.de/wp-content/themes/nirvana/images/loading.gif) transparent no-repeat center center;
text-indent: -9999px;
border: 0;
}
#cryout_ajax_more_trigger.cryout_click_loading:hover {
background-color: transparent;
} .presentation-page #main {
margin-top: 0;
}
.presentation-page #forbottom {
padding: 0;
max-width: 100%;
}
.presentation-page #container {
width: auto;
margin: 0 auto;
}
.presentation-page #footer {
margin-top: 0;
} #frontpage #slider a#slider-stopper {
display: none;
} #front-columns {
display: block;
width: auto;
float: none;
}
.widget-area div.ppcolumn {
position: relative;
}
.column-image {
width: 100%;
display: block;
overflow: hidden;
line-height: 0;
}
.column-image-inside {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 250;
padding: 0 30px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.column-image-inside-centered {
position: relative;
top: 42%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.safari .column-image-inside-centered {
top: 20%;
}
.column-image-inside:hover{
background: rgba(0,0,0,.7);
}
.column-header-image {
display: block;
width: 100%;
position: relative;
top: 30px;
text-align: center;
-webkit-transition: all .3s .3s ease-in-out;
transition: all .3s .3s ease-in-out;
}
.column-text-separator {
display: block;
float: none;
clear: both;
width: 10px;
height: 1px;
background: #FFF;
margin: 20px auto;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.column-text {
position: relative;
top: -30px;
font-size: .9em;
padding: 0 20px;
width: 100%;
overflow: hidden;
line-height: 1.3;
z-index: 251;
color: #EEE;
text-align: justify;
-webkit-transition: all .3s .3s ease-in-out;
transition: all .3s .3s ease-in-out;
}
.column-link {
position: absolute;
width: 100%;
height: 100%;
display: block;
}
.column-header-image,
.column-text-separator,
.column-text {
filter: alpha(opacity=0);
opacity: 0;
}
.column-image-inside:hover .column-header-image,
.column-image-inside:hover .column-text  {
filter: alpha(opacity=100);
opacity: 1;
top: 0;
}
.column-image-inside:hover .column-text-separator  {
filter: alpha(opacity=100);
opacity: 1;
width: 50px;
}
.column-image img {
width: 100%;
}
.coldisplay1 .column-image-inside-centered {
position: relative;
top: 0;
padding-top: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.coldisplay1 .column-header-image,
.coldisplay1 .column-text-separator,
.coldisplay1 .column-text {
filter: alpha(opacity=90);
opacity: 0.9;
top: 0px;
}
.coldisplay1 .column-image-inside .column-text-separator {
width: 150px;
}
.coldisplay1 .column-image-inside:hover .column-text-separator {
width: 100%;
}
.coldisplay2 .column-image-inside {
position: relative;
}
.coldisplay2 .column-image-inside:hover {
background-color: transparent;
}
.coldisplay2 .column-image-inside-centered {
position: relative;
top: 0;
padding-top: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.coldisplay2 .column-header-image,
.coldisplay2 .column-text {
filter: alpha(opacity=90);
opacity: 0.9;
top: 0px;
color: inherit;
}
.coldisplay2 .column-text {
padding: 10px 10px 20px 10px;
}
.coldisplay2 .column-text-separator {
display: none;
} header
,nav
,section
,article
,aside
,footer
,hgroup {
display: block;
}
.tinynav {
display: block;
float: none;
margin: 8px auto;
display: none;
min-width: 200px;
width: 100%;
padding: 10px;
}
.tinynav option {} .magazine-layout #content article.post,
.magazine-layout.search #content article {
float: left;
width: 47%;
padding: 0 0 10px;
}
.magazine-layout #content article:nth-of-type(2n+1) {
clear: both;
margin-right: 6%;
}
.magazine-layout .comments-link {
float: left;
}
.magazine-layout .entry-header .entry-meta {
margin-top: 5px;
}
.magazine-layout span.edit-link {
float: left;
margin-left: 0;
margin-right: 10px;
}
.magazine-layout .entry-header {
clear: both;
} .sharedaddy ul > li { background: none !important; text-indent: 0 !important; } .woocommerce .product .entry-summary {clear:none;} #content embed, #content iframe {max-width:100%;} .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { width: 22.05%; }
body.woocommerce-page .entry-content .checkout ul > li, .woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li { list-style: none; }
body.woocommerce .page-title { display: inherit; margin-bottom: 20px; padding: 10px; font-weight: normal; }