.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;
}.cea-grid {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}
.cea-post-lists ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
transition: all ease 0.23s;
}
ul.cea-team-social-media li label {
cursor: pointer;
}
.wp-block-contact-form-7-contact-form-selector.ct-newsletter-blockwithform input,
.wp-block-contact-form-7-contact-form-selector.ct-banner-contactform input {
width: 100%;
border-radius: 0;
margin-bottom: 10px;
}
.wp-block-contact-form-7-contact-form-selector.ct-newsletter-blockwithform input.wpcf7-form-control.wpcf7-submit,
.wp-block-contact-form-7-contact-form-selector.ct-banner-contactform input.wpcf7-form-control.wpcf7-submit {
border-radius: 0;
border: 0;
}
.wc-block-grid.wp-block-product-on-sale.wc-block-product-on-sale.has-4-columns.ct-patterns-onsaleproducts .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
height: 360px;
}
.wc-block-grid.wp-block-product-on-sale.wc-block-product-on-sale.has-4-columns.ct-patterns-onsaleproducts .wc-block-grid__product-title {
font-size: 18px;
margin-top: 25px;
}
.wp-block-group.fota-popup-modal {
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 9999;
align-items: center;
display: none;
}
.wp-block-group.fota-popup-modal.active {
display: flex;
}
.wp-block-group.fota-popup-content {
position: relative;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.45);
}
.wp-block-buttons.fota-modal-close .wp-block-button {
position: absolute;
right: -16px;
top: -22px;
}
.fota-popup-button {
transition: all ease 0.43s;
-moz-transition: all ease 0.43s;
-webkit-transition: all ease 0.43s;
}
.fota-popup-button:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}:root { --irisai-primary: #2563eb;
--irisai-primary-hover: #1d4ed8;
--irisai-primary-text: #ffffff; --irisai-secondary: #7c3aed;
--irisai-secondary-hover: #6d28d9;
--irisai-secondary-text: #ffffff; --irisai-accent: #10b981;
--irisai-accent-hover: #059669;
--irisai-accent-text: #ffffff; --irisai-card-bg: rgba(255, 255, 255, 0.9);
--irisai-card-border: rgba(0, 0, 0, 0.1);
--irisai-input-bg: rgba(255, 255, 255, 0.9);
--irisai-input-border: rgba(0, 0, 0, 0.12); --irisai-text-primary: inherit;
--irisai-text-secondary: inherit;
--irisai-text-muted: rgba(0, 0, 0, 0.6); --irisai-chip-bg: rgba(255, 255, 255, 0.9);
--irisai-chip-hover-bg: var(--irisai-primary);
--irisai-chip-hover-text: var(--irisai-primary-text); --irisai-radius: 14px;
--irisai-shadow-color: rgba(0, 0, 0, 0.1); --irisai-transition-fast: 0.15s;
--irisai-transition-normal: 0.25s;
--irisai-transition-slow: 0.35s; --irisai-error-color: #dc2626;
--irisai-warning-color: #f59e0b;
--irisai-info-color: #3b82f6;
} * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .irisai-landing {
padding: clamp(24px, 5vw, 48px) 0;
color: var(--irisai-text-primary, inherit);
font-family: inherit;
position: relative;
overflow-x: hidden;
}
.irisai-wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 clamp(16px, 4vw, 32px);
} .irisai-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.irisai-modal-backdrop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(8px);
animation: fadeIn var(--irisai-transition-normal) ease;
}
.irisai-modal-content {
position: relative;
background: var(--irisai-card-bg);
border-radius: calc(var(--irisai-radius) + 8px);
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.3),
0 8px 16px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(16px);
border: 1px solid var(--irisai-card-border);
max-width: 480px;
width: 100%;
animation: slideInModal var(--irisai-transition-slow) ease;
}
@keyframes slideInModal {
from {
opacity: 0;
transform: translateY(-30px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.irisai-modal-header {
padding: 24px 24px 12px;
border-bottom: 1px solid var(--irisai-card-border);
}
.irisai-modal-header h3 {
margin: 0;
font-size: 20px;
font-weight: 600;
color: var(--irisai-text-primary, inherit);
}
.irisai-modal-body {
padding: 20px 24px;
}
.irisai-modal-body p {
margin: 0;
line-height: 1.6;
color: var(--irisai-text-secondary, inherit);
}
.irisai-modal-footer {
padding: 16px 24px 24px;
display: flex;
gap: 12px;
justify-content: flex-end;
} .irisai-status {
max-width: 720px;
margin: 16px auto;
text-align: center;
}
.irisai-status-message,
.irisai-status-login,
.irisai-status-consent {
background: var(--irisai-card-bg);
border: 1px solid var(--irisai-card-border);
border-radius: var(--irisai-radius);
padding: 20px;
backdrop-filter: blur(12px);
box-shadow: 0 4px 16px var(--irisai-shadow-color);
}
.irisai-status-login p,
.irisai-status-consent p {
margin: 0 0 16px;
color: var(--irisai-text-secondary, inherit);
} .irisai-btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
border-radius: var(--irisai-radius);
padding: 12px 16px;
cursor: pointer;
border: 2px solid var(--irisai-card-border);
background: transparent;
color: var(--irisai-text-secondary, inherit);
font: inherit;
font-weight: 500;
transition: all var(--irisai-transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
will-change: transform, box-shadow;
}
.irisai-btn-secondary:hover {
border-color: var(--irisai-text-muted);
transform: translateY(-1px);
box-shadow: 0 4px 12px var(--irisai-shadow-color);
} .irisai-btn.disabled,
.irisai-btn:disabled,
.irisai-chip.disabled,
.irisai-chip:disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
transform: none !important;
}
input:disabled {
opacity: 0.6;
cursor: not-allowed;
} .irisai-error {
color: var(--irisai-error-color);
font-weight: 500;
}
.irisai-rate-limit {
color: var(--irisai-warning-color);
font-weight: 500;
} @keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-3px);
}
20%,
40%,
60%,
80% {
transform: translateX(3px);
}
}
.shake {
animation: shake 0.5s ease-in-out;
} .irisai-hero {
text-align: center;
margin-bottom: 32px;
opacity: 0;
animation: fadeInUp var(--irisai-transition-slow) ease forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.irisai-badge {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid var(--irisai-card-border);
background: var(--irisai-card-bg);
padding: 8px 14px;
border-radius: 999px;
font-size: 14px;
font-weight: 500;
box-shadow: 0 2px 8px var(--irisai-shadow-color);
backdrop-filter: blur(10px);
margin-bottom: 20px;
color: var(--irisai-text-secondary, inherit);
transition: all var(--irisai-transition-normal) ease;
will-change: transform;
}
.irisai-badge:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px var(--irisai-shadow-color);
}
.irisai-badge-icon {
font-size: 16px;
transition: transform var(--irisai-transition-fast) ease;
}
.irisai-badge:hover .irisai-badge-icon {
transform: rotate(90deg);
}
.irisai-h1 {
font-weight: 700;
margin: 0 0 16px;
line-height: 1.2;
font-size: clamp(32px, 5vw, 48px);
color: var(--irisai-text-primary, inherit);
}
.irisai-grad {
background: linear-gradient(135deg, var(--irisai-primary), var(--irisai-secondary));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
position: relative;
}
.irisai-sub {
color: var(--irisai-text-muted);
margin: 0 auto;
max-width: 600px;
font-size: 18px;
line-height: 1.6;
} .irisai-bar {
display: flex;
gap: 12px;
align-items: center;
margin: 32px auto 24px;
max-width: 720px;
position: sticky;
top: 16px;
z-index: 10;
opacity: 0;
animation: fadeInUp var(--irisai-transition-slow) ease 0.2s forwards; background:
linear-gradient(135deg,
rgba(255, 255, 255, 0.8) 0%,
rgba(255, 255, 255, 0.6) 50%,
rgba(255, 255, 255, 0.4) 100%);
backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: calc(var(--irisai-radius) + 8px);
padding: 12px;
transition: all var(--irisai-transition-normal) ease;
will-change: transform, box-shadow;
}
.irisai-bar:hover {
transform: translateY(-1px);
}
.irisai-bar-input {
display: flex;
position: relative;
flex: 1;
}
.irisai-bar-input>input {
width: 100%;
padding: 16px 50px 16px 16px;
border: 2px solid var(--irisai-input-border);
border-radius: calc(var(--irisai-radius) + 2px);
background: var(--irisai-input-bg);
color: var(--irisai-text-primary, inherit);
box-shadow: 0 2px 8px var(--irisai-shadow-color);
outline: none;
font: inherit;
font-size: 16px;
transition: all var(--irisai-transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
backdrop-filter: blur(10px);
will-change: border-color, box-shadow;
}
.irisai-bar-input>input:focus {
border-color: var(--irisai-primary);
box-shadow:
0 0 0 4px color-mix(in srgb, var(--irisai-primary) 15%, transparent),
0 4px 16px color-mix(in srgb, var(--irisai-primary) 20%, transparent);
transform: none; }
.irisai-bar-input>input::placeholder {
color: var(--irisai-text-muted);
transition: opacity var(--irisai-transition-fast) ease;
}
.irisai-bar-input>input:focus::placeholder {
opacity: 0.7;
}
.irisai-enter {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
opacity: 0.5;
pointer-events: none;
width: 20px;
color: var(--irisai-text-muted);
transition: all var(--irisai-transition-fast) ease;
}
.irisai-bar-input>input:focus+.irisai-enter {
opacity: 0.8;
transform: translateY(-50%) scale(1.1);
} .irisai-btn {
display: inline-flex;
align-items: center;
gap: 8px;
border-radius: var(--irisai-radius);
padding: 16px 20px;
cursor: pointer;
border: 2px solid var(--irisai-primary);
background: var(--irisai-primary);
color: var(--irisai-primary-text);
font: inherit;
font-weight: 600;
transition: all var(--irisai-transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
will-change: transform, box-shadow;
text-decoration: none;
}
.irisai-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left var(--irisai-transition-slow) ease;
}
.irisai-btn:hover::before {
left: 100%;
}
.irisai-btn:hover {
background: var(--irisai-primary-hover);
border-color: var(--irisai-primary-hover);
transform: translateY(-2px);
box-shadow:
0 8px 20px color-mix(in srgb, var(--irisai-primary) 25%, transparent),
0 4px 8px color-mix(in srgb, var(--irisai-primary) 15%, transparent);
}
.irisai-btn:active {
transform: translateY(-1px);
transition-duration: 0.1s;
}
.irisai-btn-icon {
display: inline-block;
font-size: 16px;
transition: transform var(--irisai-transition-normal) ease;
will-change: transform;
}
.irisai-btn:hover .irisai-btn-icon {
transform: translateX(3px);
} .irisai-btn.loading {
position: relative;
color: transparent;
}
.irisai-btn.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
border: 2px solid transparent;
border-top: 2px solid currentColor;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
} .irisai-chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin-bottom: 32px;
opacity: 0;
animation: fadeInUp var(--irisai-transition-slow) ease 0.4s forwards;
}
.irisai-chip {
border: 1px solid var(--irisai-card-border);
background: var(--irisai-chip-bg);
color: var(--irisai-text-primary, inherit);
border-radius: 999px;
padding: 10px 16px;
cursor: pointer;
font: inherit;
font-size: 14px;
font-weight: 500;
box-shadow: 0 2px 4px var(--irisai-shadow-color);
transition: all var(--irisai-transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
backdrop-filter: blur(10px);
position: relative;
overflow: hidden;
will-change: transform, background-color;
}
.irisai-chip::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--irisai-primary);
opacity: 0;
transition: opacity var(--irisai-transition-normal) ease;
z-index: -1;
}
.irisai-chip:hover::before {
opacity: 1;
}
.irisai-chip:hover {
color: var(--irisai-primary-text);
border-color: var(--irisai-primary);
transform: translateY(-3px);
box-shadow:
0 8px 16px color-mix(in srgb, var(--irisai-primary) 20%, transparent),
0 4px 8px color-mix(in srgb, var(--irisai-primary) 10%, transparent);
}
.irisai-chip:active,
.irisai-chip.clicked {
transform: translateY(-1px);
} .irisai-results {
margin-top: 24px;
display: flex;
flex-direction: column-reverse;
gap: 16px;
}
.irisai-card {
border: 1px solid color-mix(in srgb, var(--irisai-card-border) 120%, transparent);
border-radius: calc(var(--irisai-radius) + 2px);
background:
linear-gradient(145deg,
color-mix(in srgb, var(--irisai-card-bg) 90%, transparent),
var(--irisai-card-bg));
box-shadow:
0 4px 16px color-mix(in srgb, var(--irisai-shadow-color) 150%, transparent),
0 1px 4px color-mix(in srgb, var(--irisai-shadow-color) 100%, transparent);
padding: 20px;
backdrop-filter: blur(12px);
transition: all var(--irisai-transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform, box-shadow;
opacity: 0;
transform: translateY(20px);
} .irisai-card.irisai-show {
opacity: 1;
transform: translateY(0);
}
.irisai-card:hover {
box-shadow:
0 8px 24px color-mix(in srgb, var(--irisai-shadow-color) 200%, transparent),
0 2px 8px color-mix(in srgb, var(--irisai-shadow-color) 120%, transparent);
transform: translateY(-2px);
} .irisai-empty {
text-align: center;
padding: 32px 24px;
}
.irisai-empty-icon {
width: 48px;
height: 48px;
border-radius: 50%;
display: grid;
place-items: center;
margin: 0 auto 16px;
color: var(--irisai-primary-text);
font-size: 24px;
background: linear-gradient(135deg, var(--irisai-primary), var(--irisai-secondary));
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
.irisai-empty-icon svg {
color: var(--irisai-primary-text);
width: 60%;
height: 60%;
}
.irisai-empty h3 {
margin: 0 0 8px;
font-size: 20px;
font-weight: 600;
color: var(--irisai-text-primary, inherit);
}
.irisai-empty p {
margin: 0;
color: var(--irisai-text-muted);
line-height: 1.5;
} .irisai-msg {
display: flex;
margin-bottom: 16px;
opacity: 0;
animation: slideInMessage var(--irisai-transition-normal) ease forwards;
}
@keyframes slideInMessage {
from {
opacity: 0;
transform: translateX(-10px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.irisai-msg.user {
justify-content: flex-end;
}
.irisai-msg.user .irisai-msg {
animation: slideInMessage var(--irisai-transition-normal) ease forwards;
animation-direction: reverse;
}
.irisai-msg .bubble {
max-width: 80%;
border-radius: var(--irisai-radius);
padding: 14px 18px;
transition: all var(--irisai-transition-fast) ease;
}
.irisai-msg.user .bubble {
background: var(--irisai-primary);
color: var(--irisai-primary-text);
border-bottom-right-radius: 4px;
box-shadow: 0 2px 8px color-mix(in srgb, var(--irisai-primary) 20%, transparent);
}
.irisai-msg.ai .bubble {
background: transparent;
padding: 0;
}
.irisai-answer {
padding: 0;
}
.irisai-answer .prose p {
margin: 0 0 12px;
line-height: 1.6;
color: var(--irisai-text-primary, inherit);
opacity: 0;
animation: fadeInText var(--irisai-transition-normal) ease forwards;
}
.irisai-answer .prose p:nth-child(1) {
animation-delay: 0.1s;
}
.irisai-answer .prose p:nth-child(2) {
animation-delay: 0.2s;
}
.irisai-answer .prose p:nth-child(3) {
animation-delay: 0.3s;
}
@keyframes fadeInText {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.irisai-answer .prose p:last-child {
margin-bottom: 0;
} .irisai-sources {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--irisai-card-border);
display: flex;
flex-wrap: wrap;
gap: 8px;
opacity: 0;
animation: fadeIn var(--irisai-transition-normal) ease 0.6s forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
.irisai-tag {
font-size: 12px;
padding: 4px 8px;
background: color-mix(in srgb, var(--irisai-card-border) 30%, transparent);
border-radius: 6px;
text-decoration: none;
color: var(--irisai-text-secondary, inherit);
transition: all var(--irisai-transition-fast) ease;
border: 1px solid transparent;
}
.irisai-tag:hover {
background: color-mix(in srgb, var(--irisai-accent) 15%, transparent);
color: var(--irisai-accent);
border-color: color-mix(in srgb, var(--irisai-accent) 30%, transparent);
transform: translateY(-1px);
} .irisai-typing {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 20px;
min-height: 60px;
}
.irisai-typing-dot {
width: 10px;
height: 10px;
background: var(--irisai-primary);
border-radius: 50%;
animation: typingDots 1.5s infinite ease-in-out;
}
.irisai-typing-dot:nth-child(1) {
animation-delay: 0s;
}
.irisai-typing-dot:nth-child(2) {
animation-delay: 0.2s;
}
.irisai-typing-dot:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes typingDots {
0%,
60%,
100% {
transform: translateY(0) scale(1);
opacity: 0.4;
}
30% {
transform: translateY(-10px) scale(1.2);
opacity: 1;
}
} .irisai-rip {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
transform: scale(0);
animation: ripple 0.6s linear;
pointer-events: none;
}
@keyframes ripple {
to {
transform: scale(2);
opacity: 0;
}
} @media (prefers-color-scheme: dark) {
:root {
--irisai-card-bg: rgba(255, 255, 255, 0.05);
--irisai-card-border: rgba(255, 255, 255, 0.15);
--irisai-input-bg: rgba(255, 255, 255, 0.08);
--irisai-input-border: rgba(255, 255, 255, 0.15);
--irisai-chip-bg: rgba(255, 255, 255, 0.05);
--irisai-text-muted: rgba(255, 255, 255, 0.6);
--irisai-shadow-color: rgba(0, 0, 0, 0.4);
}
.irisai-bar {
background:
linear-gradient(135deg,
rgba(0, 0, 0, 0.6) 0%,
rgba(0, 0, 0, 0.4) 50%,
rgba(0, 0, 0, 0.3) 100%);
border-color: rgba(255, 255, 255, 0.1);
}
.irisai-modal-backdrop {
background: rgba(0, 0, 0, 0.8);
}
} @media (max-width: 768px) {
.irisai-bar {
flex-direction: column;
gap: 12px;
position: relative; top: auto;
}
.irisai-btn {
width: 100%;
justify-content: center;
}
.irisai-chips {
gap: 8px;
}
.irisai-chip {
flex: 1;
min-width: calc(50% - 4px);
text-align: center;
}
.irisai-msg .bubble {
max-width: 90%;
}
.irisai-modal-content {
margin: 16px;
max-width: calc(100% - 32px);
}
.irisai-modal-footer {
flex-direction: column-reverse;
}
.irisai-modal-footer .irisai-btn,
.irisai-modal-footer .irisai-btn-secondary {
width: 100%;
justify-content: center;
}
}
@media (max-width: 480px) {
.irisai-wrap {
padding: 0 16px;
}
.irisai-chip {
flex: none;
width: 100%;
}
.irisai-bar-input>input {
font-size: 16px; }
.irisai-bar {
padding: 8px;
}
.irisai-hero {
margin-bottom: 24px;
}
.irisai-modal-content {
margin: 8px;
max-width: calc(100% - 16px);
}
.irisai-modal-header,
.irisai-modal-body,
.irisai-modal-footer {
padding-left: 16px;
padding-right: 16px;
}
} @media (prefers-reduced-motion: reduce) {
.irisai-typing-dot {
animation: none;
opacity: 0.6;
}
.irisai-card,
.irisai-btn,
.irisai-chip,
.irisai-hero {
animation: none;
opacity: 1;
transform: none;
}
.irisai-modal-content {
animation: none;
}
} .irisai-card,
.irisai-btn,
.irisai-chip,
.irisai-bar {
contain: layout style paint;
} .irisai-btn,
.irisai-chip,
.irisai-card,
.irisai-bar-input>input {
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000px;
} .irisai-waves-container {
width: 480px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #FFF;
margin: auto;
}
@media (max-width: 480px) {
.irisai-waves-container {
width: 300px;
}
}
.irisai-waves-container h1 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 24px;
letter-spacing: 1px;
font-weight: 200;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irisai-waves-container canvas {
width: 100%;
}.logged-in .dpdpa--popup-sidebar{top:32px}.dpdpa--popup{visibility:hidden;position:fixed;left:0;right:0;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);background-color:#fff;padding:15px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);box-shadow:0 2px 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1),0 4px 8px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.1),0 16px 32px 0 rgba(0,0,0,0.1);line-height:1.6;z-index:9999999997;-webkit-transition:1s all;-o-transition:1s all;transition:1s all}.dpdpa--popup .container{max-width:1200px;margin:auto}.dpdpa--popup-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.dpdpa--popup.active{visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.dpdpa--popup-settings{display:inline-block;margin-right:20px}.dpdpa--popup-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:2em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dpdpa--popup-text p{margin:0;font-size:14px;line-height:1.4;color:#444}.dpdpa--popup-text a{display:inline-block;margin:0 1px;color:#3860BE;font-weight:500}.dpdpa--popup-text a:hover{text-decoration:underline;color:#2c4c97}.dpdpa--popup-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:30px}.dpdpa--popup-button-group a{margin-right:15px}.dpdpa--popup-button-group a:last-child{margin-right:0}a.dpdpa--popup-button{display:inline-block;padding:8px 20px;font-size:14px;font-weight:bold;text-align:center;border-radius:3px;background-color:#3860BE;color:#fff;text-decoration:none;clear:both;white-space:nowrap}a.dpdpa--popup-button:hover,a.dpdpa--popup-button:visited{color:#fff;text-decoration:none;background-color:#3256aa;-webkit-transition:0.2 all;-o-transition:0.2 all;transition:0.2 all}.dpdpa--popup-bg{visibility:hidden;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.3)!important;z-index:9999999998;-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;cursor:pointer}.dpdpa--popup-bg.active{visibility:visible;opacity:1}.dpdpa--popup-sidebar{visibility:hidden;opacity:0;background-color:#ffffff;position:fixed;top:0;left:0;right:auto;bottom:0;width:100%;max-width:400px;z-index:9999999999;-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);transform:translateX(-400px)}.dpdpa--popup-sidebar.active{-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);visibility:visible;opacity:1}.dpdpa--popup-close:before,.dpdpa--popup-settings-close:before{display:inline-block;content:"";width:10px;height:10px;background:url(//adspace.co.th/wp-content/plugins/pdpa-thailand/public/assets/images/close.svg) no-repeat 0 0;background-size:cover}.dpdpa--popup-close:hover:before,.dpdpa--popup-settings-close:hover:before{width:10px;height:10px;background:url(//adspace.co.th/wp-content/plugins/pdpa-thailand/public/assets/images/close.svg) no-repeat 0 0;background-size:cover}.dpdpa--popup-close{position:absolute;top:50%;right:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:20px}.dpdpa--popup-settings-close{display:inline-block;position:absolute;right:30px;top:45%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:2}.dpdpa--popup-sidebar-container{line-height:1.7;position:absolute;top:60px;left:1em;right:0;bottom:1em;padding-top:1em;padding-right:1em;overflow-y:auto}.dpdpa--popup-sidebar-header{position:relative}.dpdpa--popup-logo{min-height:60px;padding:12px 15px 12px 20px;border-bottom:1px solid #E9E9E9;-webkit-box-sizing:border-box;box-sizing:border-box}.dpdpa--popup-logo img{width:auto!important;max-height:35px}.dpdpa--popup-section{padding-bottom:15px}.dpdpa--popup-section em{font-style:normal;font-weight:500;font-size:19px;line-height:1;color:#444}.dpdpa--popup-section p{font-size:14px;line-height:1.6;margin:10px 0 15px;color:#444}.dpdpa--popup-section .dpdpa--popup-button{margin-top:10px}.dpdpa--popup-section.intro{border-bottom:1px solid #ddd;padding-bottom:1em}.dpdpa--popup-section.list{margin-top:1em}.dpdpa--popup-list{padding:0;margin:1em 0 0 0}.dpdpa--popup-list li{list-style:none;margin-top:1em}.dpdpa--popup-list li:first-child{margin-top:0.5em}.dpdpa--popup-list p{font-size:13px;line-height:1.6}.dpdpa--popup-header{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;font-size:15px;line-height:1.5;color:#444}.dpdpa--popup-action{padding-left:10px;padding-top:5px;text-align:right;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dpdpa--popup-action.text{padding-top:0;white-space:nowrap;color:#3860BE}.dpdpa--popup-switch{position:relative;display:inline-block;width:55px;height:28px}.dpdpa--popup-switch input{opacity:0;width:0;height:0}.dpdpa--popup-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#F2F1F1;border:1px solid #DDDDDD;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.dpdpa--popup-slider:before{position:absolute;content:"";height:18px;width:18px;left:5px;bottom:4px;background-color:#bbb;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}.dpdpa--popup-switch input:checked+.dpdpa--popup-slider{background-color:rgba(56,96,190,0.2);border-color:#3860BE}.dpdpa--popup-switch input:focus+.dpdpa--popup-slider{-webkit-box-shadow:0 0 1px #2196F3;box-shadow:0 0 1px #2196F3}.dpdpa--popup-switch input:checked+.dpdpa--popup-slider:before{background-color:#3860BE;-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.dpdpa--popup-slider.round{border-radius:34px}.dpdpa--popup-slider.round:before{border-radius:50%}@media only screen and (max-width:860px){.dpdpa--popup{padding:1em}.dpdpa--popup-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dpdpa--popup-text{padding-right:30px}.dpdpa--popup-button-group{margin-top:10px;padding-right:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dpdpa--popup-close{top:-5px;right:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@media only screen and (max-width:782px){.logged-in .dpdpa--popup-sidebar{top:46px}}@media only screen and (max-width:600px){.logged-in .dpdpa--popup-sidebar{top:0}}