.aicl-wrap {
display: inline-block;
position: relative;
max-width: 100%;
line-height: 0;
font-size: 0;
}
.aicl-wrap > img {
display: block;
margin: 0;
max-width: 100%;
} .aicl-badge {
display: inline-flex;
align-items: center;
gap: 5px;
position: absolute;
z-index: 20;
margin: 10px;
padding: 5px 11px;
border-radius: 999px;
background: var(--aicl-bg, #111);
color: var(--aicl-color, #fff);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.02em;
white-space: nowrap;
pointer-events: none;
box-shadow: var(--aicl-shadow, 0 1px 3px rgba(0, 0, 0, 0.35));
}
.aicl-badge-logo {
display: block;
height: 15px !important;
width: auto !important;
max-width: 64px !important;
border-radius: 3px;
flex: none;
}
.aicl-badge::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: currentColor;
opacity: 0.85;
} .aicl-badge.aicl-tl {
top: 0;
left: 0;
}
.aicl-badge.aicl-tr {
top: 0;
right: 0;
}
.aicl-badge.aicl-bl {
bottom: 0;
left: 0;
}
.aicl-badge.aicl-br {
bottom: 0;
right: 0;
} .aicl-badge.aicl-eu {
gap: 6px;
padding: 4px 12px 4px 4px;
background: #0a0a0c;
color: #fff;
letter-spacing: 0;
}
.aicl-badge.aicl-eu::before {
display: none;
}
.aicl-badge.aicl-eu.aicl-eu-basic {
padding: 4px;
}
.aicl-eu-ai {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
color: #0a0a0c;
font-weight: 800;
font-size: 9px;
letter-spacing: -0.02em;
line-height: 1;
}
.aicl-eu-word {
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
letter-spacing: 0.04em;
} .aicl-badge.aicl-eu-svg {
padding: 0;
gap: 0;
background: none;
border-radius: 0;
box-shadow: none;
}
.aicl-badge.aicl-eu-svg::before {
display: none;
}
.aicl-eu-img {
display: block; height: 24px !important;
width: auto !important;
max-width: none !important;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35));
} .aicl-bg {
position: relative;
} .aicl-badge.aicl-shape-pill {
border-radius: var(--aicl-radius, 999px);
}
.aicl-badge.aicl-shape-soft {
border-radius: var(--aicl-radius, 999px);
}
.aicl-badge.aicl-shape-sharp {
border-radius: 0;
}
.aicl-badge.aicl-shape-square {
border-radius: var(--aicl-radius, 999px);
}
.aicl-badge.aicl-shape-banner {
border-radius: 2px;
letter-spacing: 0.05em;
box-shadow: none;
}
.aicl-badge.aicl-shape-tag {
padding-left: 15px;
border-radius: 4px;
clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%);
}
.aicl-badge.aicl-shape-ribbon {
padding-right: 15px;
border-radius: 3px;
clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%);
}
.aicl-badge.aicl-shape-corner {
margin: 0;
border-radius: 0;
}
.aicl-badge.aicl-shape-outline {
background: rgba(15, 15, 18, 0.5);
color: #fff;
border: 1.5px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.aicl-badge.aicl-shape-ticket {
padding-left: 14px;
padding-right: 14px;
border-radius: 4px;
clip-path: polygon(0 0, 100% 0, 100% 35%, calc(100% - 4px) 50%, 100% 65%, 100% 100%, 0 100%, 0 65%, 4px 50%, 0 35%);
}
.aicl-badge.aicl-shape-underline {
border-radius: 0;
background: rgba(15, 15, 18, 0.5);
color: #fff;
border-bottom: 2.5px solid rgba(255, 255, 255, 0.85);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.aicl-badge.aicl-shape-double {
border-radius: 6px;
outline: 1px solid currentColor;
outline-offset: 2px;
} .aicl-badge:not(.aicl-eu) {
border: var(--aicl-border-width, 0) solid var(--aicl-border-color, transparent);
} .aicl-badge.aicl-clickable {
pointer-events: auto;
cursor: pointer;
}
.aicl-modal-overlay {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba(0, 0, 0, 0.55);
}
.aicl-modal {
position: relative;
width: 100%;
max-width: 360px;
padding: 26px 24px 20px;
border-radius: 14px;
background: #fff;
color: #15151a;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
text-align: center;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
}
.aicl-modal-mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
margin: 0 auto 12px;
border-radius: 50%;
background: #0a0a0c;
color: #fff;
font-weight: 800;
font-size: 15px;
}
.aicl-modal-title {
margin: 0 0 8px;
font-size: 17px;
font-weight: 700;
}
.aicl-modal-body {
margin: 0 0 14px;
font-size: 13.5px;
line-height: 1.55;
color: #44444c;
}
.aicl-modal-body > * {
margin: 0 0 8px;
}
.aicl-modal-body > *:last-child {
margin-bottom: 0;
}
.aicl-modal-body a {
color: #5a4cff;
text-decoration: underline;
}
.aicl-modal-body ul,
.aicl-modal-body ol {
padding-left: 18px;
}
.aicl-modal-body li {
margin: 2px 0;
}
.aicl-modal-body h3 {
font-size: 14px;
font-weight: 700;
color: #2a2a31;
}
.aicl-modal-body code {
padding: 1px 5px;
border-radius: 4px;
background: #f0f0f3;
font-size: 12px;
}
.aicl-modal-foot {
margin: 0;
font-size: 11px;
line-height: 1.5;
color: #8a8a93;
}
.aicl-modal-x {
position: absolute;
top: 10px;
right: 12px;
padding: 0;
border: 0;
background: transparent;
color: #9a9aa3;
font-size: 22px;
line-height: 1;
cursor: pointer;
}