/* [project]/app/globals.css [app-client] (css) */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-text-shadow-color: initial;
--tw-text-shadow-alpha: 100%;
--tw-animation-delay: 0s;
--tw-animation-direction: normal;
--tw-animation-duration: initial;
--tw-animation-fill-mode: none;
--tw-animation-iteration-count: 1;
--tw-enter-blur: 0;
--tw-enter-opacity: 1;
--tw-enter-rotate: 0;
--tw-enter-scale: 1;
--tw-enter-translate-x: 0;
--tw-enter-translate-y: 0;
--tw-exit-blur: 0;
--tw-exit-opacity: 1;
--tw-exit-rotate: 0;
--tw-exit-scale: 1;
--tw-exit-translate-x: 0;
--tw-exit-translate-y: 0;
}
}
}
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-50: #fef2f2;
--color-red-200: #ffcaca;
--color-red-400: #ff6568;
--color-red-500: #fb2c36;
--color-red-600: #e40014;
--color-red-700: #bf000f;
--color-orange-400: #ff8b1a;
--color-orange-500: #fe6e00;
--color-orange-600: #f05100;
--color-amber-50: #fffbeb;
--color-amber-100: #fef3c6;
--color-amber-300: #ffd236;
--color-amber-400: #fcbb00;
--color-amber-500: #f99c00;
--color-amber-600: #dd7400;
--color-amber-800: #953d00;
--color-amber-900: #7b3306;
--color-amber-950: #461901;
--color-yellow-500: #edb200;
--color-yellow-600: #cd8900;
--color-green-50: #f0fdf4;
--color-green-200: #b9f8cf;
--color-green-400: #05df72;
--color-green-500: #00c758;
--color-green-600: #00a544;
--color-green-700: #008138;
--color-cyan-500: #00b7d7;
--color-sky-500: #00a5ef;
--color-blue-50: #eff6ff;
--color-blue-200: #bedbff;
--color-blue-400: #54a2ff;
--color-blue-500: #3080ff;
--color-blue-950: #162456;
--color-indigo-500: #625fff;
--color-purple-500: #ac4bff;
--color-pink-50: #fdf2f8;
--color-pink-400: #fb64b6;
--color-pink-500: #f6339a;
--color-pink-950: #510424;
--color-rose-500: #ff2357;
--color-slate-50: #f8fafc;
--color-slate-400: #90a1b9;
--color-slate-500: #62748e;
--color-slate-700: #314158;
--color-slate-950: #020618;
--color-gray-400: #99a1af;
--color-neutral-700: #404040;
--color-neutral-800: #262626;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-black: 900;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-relaxed: 1.625;
--radius-xs: .125rem;
--radius-2xl: 1rem;
--shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--blur-sm: 8px;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
@supports (color: lab(0% 0 0)) {
:root, :host {
--color-red-50: lab(96.5005% 4.18508 1.52328);
--color-red-200: lab(86.017% 19.8815 7.75869);
--color-red-400: lab(63.7053% 60.745 31.3109);
--color-red-500: lab(55.4814% 75.0732 48.8528);
--color-red-600: lab(48.4493% 77.4328 61.5452);
--color-red-700: lab(40.4273% 67.2623 53.7441);
--color-orange-400: lab(70.0429% 42.5156 75.8207);
--color-orange-500: lab(64.272% 57.1788 90.3583);
--color-orange-600: lab(57.1026% 64.2584 89.8886);
--color-amber-50: lab(98.6252% -.635922 8.42309);
--color-amber-100: lab(95.916% -1.21653 23.111);
--color-amber-300: lab(86.4156% 6.13147 78.3961);
--color-amber-400: lab(80.1641% 16.6016 99.2089);
--color-amber-500: lab(72.7183% 31.8672 97.9407);
--color-amber-600: lab(60.3514% 40.5624 87.1228);
--color-amber-800: lab(37.8822% 37.1699 52.2718);
--color-amber-900: lab(31.2288% 30.2627 40.0378);
--color-amber-950: lab(15.8111% 20.9107 23.3752);
--color-yellow-500: lab(76.3898% 14.5258 98.4589);
--color-yellow-600: lab(62.7799% 22.4197 86.1544);
--color-green-50: lab(98.1563% -5.60117 2.75915);
--color-green-200: lab(92.4222% -26.4702 12.9427);
--color-green-400: lab(78.503% -64.9265 39.7492);
--color-green-500: lab(70.5521% -66.5147 45.8073);
--color-green-600: lab(59.0978% -58.6621 41.2579);
--color-green-700: lab(47.0329% -47.0239 31.4788);
--color-cyan-500: lab(67.805% -35.3952 -30.2018);
--color-sky-500: lab(63.3038% -18.433 -51.0407);
--color-blue-50: lab(96.492% -1.14644 -5.11479);
--color-blue-200: lab(86.15% -4.04379 -21.0797);
--color-blue-400: lab(65.0361% -1.42065 -56.9802);
--color-blue-500: lab(54.1736% 13.3369 -74.6839);
--color-blue-950: lab(15.6723% 8.86232 -32.2945);
--color-indigo-500: lab(48.295% 38.3129 -81.9673);
--color-purple-500: lab(52.0183% 66.11 -78.2316);
--color-pink-50: lab(96.4459% 4.53997 -1.49434);
--color-pink-400: lab(64.5597% 64.3615 -12.7988);
--color-pink-500: lab(56.9303% 76.8162 -8.07021);
--color-pink-950: lab(15.6116% 35.2166 3.53979);
--color-rose-500: lab(56.101% 79.4328 31.4532);
--color-slate-50: lab(98.1434% -.369519 -1.05966);
--color-slate-400: lab(65.5349% -2.25151 -14.5072);
--color-slate-500: lab(48.0876% -2.03595 -16.5814);
--color-slate-700: lab(26.9569% -1.47016 -15.6993);
--color-slate-950: lab(1.76974% 1.32743 -9.28855);
--color-gray-400: lab(65.9269% -.832707 -8.17473);
--color-neutral-700: lab(27.036% 0 0);
--color-neutral-800: lab(15.204% 0 -.00000596046);
}
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::-moz-placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::-moz-placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
* {
border-color: var(--border);
outline-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
* {
outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
body {
background-color: var(--background);
color: var(--foreground);
}
:root {
--background: #fff5f8;
--foreground: #42242e;
--card: #fffafc;
--card-foreground: #42242e;
--popover: #fffafc;
--popover-foreground: #42242e;
--primary: #f4bed0;
--primary-foreground: #361721;
--secondary: #fbe9ef;
--secondary-foreground: #471f2c;
--muted: #fbeff3;
--muted-foreground: #a65973;
--accent: #fbdae5;
--accent-foreground: #471f2c;
--destructive: #f28c8c;
--destructive-foreground: #240f16;
--border: #f5d6e0;
--input: #f5d6e0;
--ring: #f0a8c0;
--selected-item: #fce8ef;
--selected-item-text: #42242e;
--hover-item: #fdf1f5;
--select-background: #f7bacf;
--page-background: #ffe6ee;
--page-foreground: #42242e;
--radius: .5rem;
--switch-checked-bg: var(--primary);
--switch-unchecked-bg: var(--muted-foreground);
--link-bg: #c0c5f6;
--link-text: #2b3882;
--link-hover-bg: #5966f3;
--link-hover-text: #fff;
--chip-bg: #fce8ef;
--chip-text: #633645;
--chip-border: #f3ceda;
--chip-hover-bg: #fbdae5;
--chip-hover-text: #42242e;
--chip-hover-border: #f0c2d1;
--chip-selected-bg: #f7d4e0;
--chip-selected-text: #471f2c;
--chip-selected-border: #ec93b0;
--chip-selected-hover-bg: #f4bed0;
--chip-selected-hover-text: #361721;
--chip-selected-hover-border: #e87da1;
--chip-disabled-bg: #f6eef1;
--chip-disabled-text: #a38f96;
--chip-disabled-border: #eddee3;
}
.dark {
--background: #111113;
--foreground: #fafafa;
--card: #2b2c31;
--card-foreground: #f7edf1;
--popover: #29292e;
--popover-foreground: #e6e6e6;
--primary: #5966f3;
--primary-foreground: #fafafa;
--secondary: #2b2c36;
--secondary-foreground: #bfbfbf;
--muted: #37252b;
--muted-foreground: #aaaab1;
--accent: #2c2c30;
--accent-foreground: #fbfbfb;
--destructive: #d22d38;
--destructive-foreground: #f7edf1;
--border: #46474e;
--input: #1d1d20;
--ring: #4c97f0;
--page-background: #1f1f23;
--page-foreground: #fafafa;
--tabs-selected-background: #1a1a1e;
--selected-item: #3d3d43;
--selected-item-text: #fafafa;
--hover-item: #303036;
--select-background: #000;
--switch-unchecked-bg: #4d505b;
--switch-checked-bg: #5865f2;
--link-bg: #333766;
--link-text: #a8bdff;
--link-hover-bg: #5966f3;
--link-hover-text: #fff;
--chip-bg: #303036;
--chip-text: #ececee;
--chip-border: #56565d;
--chip-hover-bg: #3d3d43;
--chip-hover-text: #ececee;
--chip-hover-border: #67676f;
--chip-selected-bg: #292c51;
--chip-selected-text: #b3c6ff;
--chip-selected-border: #5966f3;
--chip-selected-hover-bg: #2e3261;
--chip-selected-hover-text: #b3c6ff;
--chip-selected-hover-border: #5966f3;
--chip-disabled-bg: #2e2f33;
--chip-disabled-text: #61616b;
--chip-disabled-border: #3b3b40;
}
}
@layer components;
@layer utilities {
.\@container\/card-header {
container: card-header / inline-size;
}
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
inset-inline: calc(var(--spacing) * 0);
}
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
.-top-1 {
top: calc(var(--spacing) * -1);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-1\/2 {
top: 50%;
}
.top-2\.5 {
top: calc(var(--spacing) * 2.5);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-\[50\%\] {
top: 50%;
}
.top-full {
top: 100%;
}
.-right-0\.5 {
right: calc(var(--spacing) * -.5);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.-bottom-0\.5 {
bottom: calc(var(--spacing) * -.5);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: calc(var(--spacing) * 2);
}
.left-3 {
left: calc(var(--spacing) * 3);
}
.left-\[-8px\] {
left: -8px;
}
.left-\[50\%\] {
left: 50%;
}
.z-10 {
z-index: 10;
}
.z-30 {
z-index: 30;
}
.z-50 {
z-index: 50;
}
.col-start-2 {
grid-column-start: 2;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-start-1 {
grid-row-start: 1;
}
.container {
width: 100%;
}
@media (min-width: 40rem) {
.container {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem;
}
}
.m-3 {
margin: calc(var(--spacing) * 3);
}
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.-mx-3 {
margin-inline: calc(var(--spacing) * -3);
}
.mx-1 {
margin-inline: calc(var(--spacing) * 1);
}
.mx-2 {
margin-inline: calc(var(--spacing) * 2);
}
.mx-auto {
margin-inline: auto;
}
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.my-3 {
margin-block: calc(var(--spacing) * 3);
}
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.my-12 {
margin-block: calc(var(--spacing) * 12);
}
.-mt-0\.5 {
margin-top: calc(var(--spacing) * -.5);
}
.-mt-4 {
margin-top: calc(var(--spacing) * -4);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mr-0\.5 {
margin-right: calc(var(--spacing) * .5);
}
.mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-4 {
margin-right: calc(var(--spacing) * 4);
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * .5);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-12 {
margin-bottom: calc(var(--spacing) * 12);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * .5);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-5 {
margin-left: calc(var(--spacing) * 5);
}
.ml-7 {
margin-left: calc(var(--spacing) * 7);
}
.ml-auto {
margin-left: auto;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.field-sizing-content {
field-sizing: content;
}
.aspect-square {
aspect-ratio: 1;
}
.size-2 {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
.size-3\.5 {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.size-4\.5 {
width: calc(var(--spacing) * 4.5);
height: calc(var(--spacing) * 4.5);
}
.size-9 {
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
}
.h-0\.5 {
height: calc(var(--spacing) * .5);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-1\/2 {
height: 50%;
}
.h-1\/3 {
height: 33.3333%;
}
.h-1\/4 {
height: 25%;
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-2\.5 {
height: calc(var(--spacing) * 2.5);
}
.h-3 {
height: calc(var(--spacing) * 3);
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-5\/6 {
height: 83.3333%;
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-11 {
height: calc(var(--spacing) * 11);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-13 {
height: calc(var(--spacing) * 13);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-16 {
height: calc(var(--spacing) * 16);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-32 {
height: calc(var(--spacing) * 32);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-80 {
height: calc(var(--spacing) * 80);
}
.h-96 {
height: calc(var(--spacing) * 96);
}
.h-\[20px\] {
height: 20px;
}
.h-\[28px\] {
height: 28px;
}
.h-\[48px\] {
height: 48px;
}
.h-\[50vh\] {
height: 50vh;
}
.h-\[54px\] {
height: 54px;
}
.h-\[55vh\] {
height: 55vh;
}
.h-\[250px\] {
height: 250px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[400px\] {
height: 400px;
}
.h-\[calc\(100\%-1px\)\] {
height: calc(100% - 1px);
}
.h-\[calc\(100\%-57px\)\] {
height: calc(100% - 57px);
}
.h-\[var\(--radix-select-trigger-height\)\] {
height: var(--radix-select-trigger-height);
}
.h-fit {
height: fit-content;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.max-h-\(--radix-dropdown-menu-content-available-height\) {
max-height: var(--radix-dropdown-menu-content-available-height);
}
.max-h-\(--radix-select-content-available-height\) {
max-height: var(--radix-select-content-available-height);
}
.max-h-96 {
max-height: calc(var(--spacing) * 96);
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[200px\] {
max-height: 200px;
}
.max-h-screen {
max-height: 100vh;
}
.min-h-4 {
min-height: calc(var(--spacing) * 4);
}
.min-h-16 {
min-height: calc(var(--spacing) * 16);
}
.min-h-\[4rem\] {
min-height: 4rem;
}
.min-h-\[48px\] {
min-height: 48px;
}
.min-h-\[50vh\] {
min-height: 50vh;
}
.min-h-\[60px\] {
min-height: 60px;
}
.min-h-\[100px\] {
min-height: 100px;
}
.min-h-screen {
min-height: 100vh;
}
.w-1 {
width: calc(var(--spacing) * 1);
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33.3333%;
}
.w-1\/4 {
width: 25%;
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-2\.5 {
width: calc(var(--spacing) * 2.5);
}
.w-2\/3 {
width: 66.6667%;
}
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-4\/5 {
width: 80%;
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-5\/6 {
width: 83.3333%;
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
.w-36 {
width: calc(var(--spacing) * 36);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-52 {
width: calc(var(--spacing) * 52);
}
.w-56 {
width: calc(var(--spacing) * 56);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-240 {
width: calc(var(--spacing) * 240);
}
.w-\[20px\] {
width: 20px;
}
.w-\[44px\] {
width: 44px;
}
.w-\[48px\] {
width: 48px;
}
.w-\[72px\] {
width: 72px;
}
.w-\[84px\] {
width: 84px;
}
.w-\[96px\] {
width: 96px;
}
.w-\[120px\] {
width: 120px;
}
.w-\[240px\] {
width: 240px;
}
.w-\[250px\] {
width: 250px;
}
.w-\[312px\] {
width: 312px;
}
.w-\[328px\] {
width: 328px;
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
.max-w-2xl {
max-width: var(--container-2xl);
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-\[240px\] {
max-width: 240px;
}
.max-w-\[280px\] {
max-width: 280px;
}
.max-w-\[740px\] {
max-width: 740px;
}
.max-w-\[calc\(100\%-2rem\)\] {
max-width: calc(100% - 2rem);
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-screen {
max-width: 100vw;
}
.max-w-sm {
max-width: var(--container-sm);
}
.max-w-xs {
max-width: var(--container-xs);
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-\[4em\] {
min-width: 4em;
}
.min-w-\[8rem\] {
min-width: 8rem;
}
.min-w-\[48px\] {
min-width: 48px;
}
.min-w-\[60px\] {
min-width: 60px;
}
.min-w-\[160px\] {
min-width: 160px;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
min-width: var(--radix-select-trigger-width);
}
.flex-1 {
flex: 1;
}
.flex-shrink-0, .shrink-0 {
flex-shrink: 0;
}
.flex-grow, .grow {
flex-grow: 1;
}
.origin-\(--radix-dropdown-menu-content-transform-origin\) {
transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\(--radix-popover-content-transform-origin\) {
transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\(--radix-select-content-transform-origin\) {
transform-origin: var(--radix-select-content-transform-origin);
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[-50\%\] {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[-50\%\] {
--tw-translate-y: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-0 {
--tw-scale-x: 0%;
--tw-scale-y: 0%;
--tw-scale-z: 0%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-90 {
--tw-scale-x: 90%;
--tw-scale-y: 90%;
--tw-scale-z: 90%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-0 {
rotate: none;
}
.rotate-45 {
rotate: 45deg;
}
.rotate-90 {
rotate: 90deg;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.animate-in {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.cursor-default {
cursor: default;
}
.cursor-grab {
cursor: grab;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.touch-none {
touch-action: none;
}
.resize-y {
resize: vertical;
}
.scroll-my-1 {
scroll-margin-block: calc(var(--spacing) * 1);
}
.list-inside {
list-style-position: inside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.auto-rows-min {
grid-auto-rows: min-content;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[0_1fr\] {
grid-template-columns: 0 1fr;
}
.grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(220px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(280px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(320px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(350px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.grid-rows-\[auto_auto\] {
grid-template-rows: auto auto;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-around {
justify-content: space-around;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.justify-items-center {
justify-items: center;
}
.justify-items-start {
justify-items: start;
}
.gap-0 {
gap: calc(var(--spacing) * 0);
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
:where(.space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-0\.5 {
row-gap: calc(var(--spacing) * .5);
}
.self-center {
align-self: center;
}
.self-end {
align-self: flex-end;
}
.self-start {
align-self: flex-start;
}
.justify-self-end {
justify-self: flex-end;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-\[4px\] {
border-radius: 4px;
}
.rounded-\[30\%\] {
border-radius: 30%;
}
.rounded-\[inherit\] {
border-radius: inherit;
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-lg {
border-radius: var(--radius);
}
.rounded-md {
border-radius: calc(var(--radius) - 2px);
}
.rounded-sm {
border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
border-radius: calc(var(--radius) + 4px);
}
.rounded-xs {
border-radius: var(--radius-xs);
}
.rounded-t-xl {
border-top-left-radius: calc(var(--radius) + 4px);
border-top-right-radius: calc(var(--radius) + 4px);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-4 {
border-style: var(--tw-border-style);
border-width: 4px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-\[hsl\(340\,60\%\,90\%\)\] {
border-color: #f5d6e0;
}
.border-\[var\(--chip-border\)\] {
border-color: var(--chip-border);
}
.border-\[var\(--chip-selected-border\)\] {
border-color: var(--chip-selected-border);
}
.border-background {
border-color: var(--background);
}
.border-blue-200 {
border-color: var(--color-blue-200);
}
.border-blue-400 {
border-color: var(--color-blue-400);
}
.border-border {
border-color: var(--border);
}
.border-destructive {
border-color: var(--destructive);
}
.border-destructive\/20 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/20 {
border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.border-destructive\/40 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/40 {
border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.border-destructive\/60 {
border-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/60 {
border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
}
}
.border-green-200 {
border-color: var(--color-green-200);
}
.border-input {
border-color: var(--input);
}
.border-muted {
border-color: var(--muted);
}
.border-muted-foreground {
border-color: var(--muted-foreground);
}
.border-pink-400 {
border-color: var(--color-pink-400);
}
.border-primary {
border-color: var(--primary);
}
.border-primary\/10 {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/10 {
border-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.border-primary\/20 {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/20 {
border-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.border-primary\/30 {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.border-primary\/30 {
border-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
.border-red-200 {
border-color: var(--color-red-200);
}
.border-red-500\/50 {
border-color: #fb2c3680;
}
@supports (color: color-mix(in lab, red, red)) {
.border-red-500\/50 {
border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
}
}
.border-slate-400 {
border-color: var(--color-slate-400);
}
.border-transparent {
border-color: #0000;
}
.border-yellow-500\/50 {
border-color: #edb20080;
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-500\/50 {
border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
}
}
.border-t-transparent {
border-top-color: #0000;
}
.border-l-transparent {
border-left-color: #0000;
}
.bg-\[\#4E5058\] {
background-color: #4e5058;
}
.bg-\[\#5865F2\] {
background-color: #5865f2;
}
.bg-\[\#248046\] {
background-color: #248046;
}
.bg-\[\#313338\] {
background-color: #313338;
}
.bg-\[\#795548\] {
background-color: #795548;
}
.bg-\[\#DA373C\] {
background-color: #da373c;
}
.bg-\[hsl\(133\,45\%\,65\%\)\] {
background-color: #7ece8f;
}
.bg-\[hsl\(340\,20\%\,75\%\)\] {
background-color: #ccb3bb;
}
.bg-\[hsl\(340\,100\%\,95\%\)\] {
background-color: #ffe6ee;
}
.bg-\[hsl\(358\,80\%\,65\%\)\] {
background-color: #ed5e63;
}
.bg-\[var\(--chip-bg\)\] {
background-color: var(--chip-bg);
}
.bg-\[var\(--chip-selected-bg\)\] {
background-color: var(--chip-selected-bg);
}
.bg-\[var\(--link-bg\)\] {
background-color: var(--link-bg);
}
.bg-\[var\(--select-background\)\]\/35 {
background-color: var(--select-background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-\[var\(--select-background\)\]\/35 {
background-color: color-mix(in oklab, var(--select-background) 35%, transparent);
}
}
.bg-\[var\(--selected-item\)\] {
background-color: var(--selected-item);
}
.bg-accent {
background-color: var(--accent);
}
.bg-accent\/30 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/30 {
background-color: color-mix(in oklab, var(--accent) 30%, transparent);
}
}
.bg-accent\/50 {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-accent\/50 {
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
.bg-amber-50 {
background-color: var(--color-amber-50);
}
.bg-amber-100 {
background-color: var(--color-amber-100);
}
.bg-background {
background-color: var(--background);
}
.bg-background\/80 {
background-color: var(--background);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/80 {
background-color: color-mix(in oklab, var(--background) 80%, transparent);
}
}
.bg-black\/50 {
background-color: #00000080;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/50 {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.bg-blue-50 {
background-color: var(--color-blue-50);
}
.bg-border {
background-color: var(--border);
}
.bg-border\/25 {
background-color: var(--border);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-border\/25 {
background-color: color-mix(in oklab, var(--border) 25%, transparent);
}
}
.bg-card {
background-color: var(--card);
}
.bg-destructive {
background-color: var(--destructive);
}
.bg-destructive\/5 {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-destructive\/5 {
background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
}
}
.bg-destructive\/10 {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-destructive\/10 {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.bg-destructive\/20 {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-destructive\/20 {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.bg-green-50 {
background-color: var(--color-green-50);
}
.bg-green-500\/15 {
background-color: #00c75826;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-green-500\/15 {
background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
}
}
.bg-muted {
background-color: var(--muted);
}
.bg-muted\/20 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/20 {
background-color: color-mix(in oklab, var(--muted) 20%, transparent);
}
}
.bg-muted\/30 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/30 {
background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
.bg-muted\/40 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/40 {
background-color: color-mix(in oklab, var(--muted) 40%, transparent);
}
}
.bg-muted\/50 {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/50 {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.bg-neutral-800 {
background-color: var(--color-neutral-800);
}
.bg-orange-500\/15 {
background-color: #fe6e0026;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-orange-500\/15 {
background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent);
}
}
.bg-page-background {
background-color: var(--page-background);
}
.bg-pink-50 {
background-color: var(--color-pink-50);
}
.bg-popover {
background-color: var(--popover);
}
.bg-primary {
background-color: var(--primary);
}
.bg-primary\/5 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/5 {
background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
.bg-primary\/10 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/10 {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.bg-primary\/20 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/20 {
background-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.bg-red-50 {
background-color: var(--color-red-50);
}
.bg-secondary {
background-color: var(--secondary);
}
.bg-secondary\/10 {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-secondary\/10 {
background-color: color-mix(in oklab, var(--secondary) 10%, transparent);
}
}
.bg-secondary\/20 {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-secondary\/20 {
background-color: color-mix(in oklab, var(--secondary) 20%, transparent);
}
}
.bg-secondary\/30 {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-secondary\/30 {
background-color: color-mix(in oklab, var(--secondary) 30%, transparent);
}
}
.bg-secondary\/50 {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-secondary\/50 {
background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
}
}
.bg-selected-item {
background-color: var(--selected-item);
}
.bg-sky-500 {
background-color: var(--color-sky-500);
}
.bg-slate-50 {
background-color: var(--color-slate-50);
}
.bg-slate-700 {
background-color: var(--color-slate-700);
}
.bg-transparent {
background-color: #0000;
}
.bg-white {
background-color: var(--color-white);
}
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-primary\/10 {
--tw-gradient-from: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.from-primary\/10 {
--tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.from-primary\/10 {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-background {
--tw-gradient-to: var(--background);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.fill-current {
fill: currentColor;
}
.fill-primary {
fill: var(--primary);
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
padding: calc(var(--spacing) * .5);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-12 {
padding: calc(var(--spacing) * 12);
}
.p-\[1px\] {
padding: 1px;
}
.px-0 {
padding-inline: calc(var(--spacing) * 0);
}
.px-0\.5 {
padding-inline: calc(var(--spacing) * .5);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.py-0 {
padding-block: calc(var(--spacing) * 0);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * .5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pt-1 {
padding-top: calc(var(--spacing) * 1);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5 {
padding-right: calc(var(--spacing) * 2.5);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pr-10 {
padding-right: calc(var(--spacing) * 10);
}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pl-1 {
padding-left: calc(var(--spacing) * 1);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
padding-left: calc(var(--spacing) * 5);
}
.pl-7 {
padding-left: calc(var(--spacing) * 7);
}
.pl-8 {
padding-left: calc(var(--spacing) * 8);
}
.pl-9 {
padding-left: calc(var(--spacing) * 9);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.font-mono {
font-family: var(--font-mono);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.leading-5 {
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
}
.leading-\[18px\] {
--tw-leading: 18px;
line-height: 18px;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-black {
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.whitespace-nowrap {
white-space: nowrap;
}
.whitespace-pre-line {
white-space: pre-line;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.text-\[\#949ba4\] {
color: #949ba4;
}
.text-\[\#dbdee1\] {
color: #dbdee1;
}
.text-\[\#f2f3f5\] {
color: #f2f3f5;
}
.text-\[hsl\(133\,45\%\,55\%\)\] {
color: #59c06f;
}
.text-\[hsl\(340\,30\%\,50\%\)\] {
color: #a65973;
}
.text-\[hsl\(358\,80\%\,65\%\)\] {
color: #ed5e63;
}
.text-\[var\(--chip-selected-text\)\] {
color: var(--chip-selected-text);
}
.text-\[var\(--chip-text\)\] {
color: var(--chip-text);
}
.text-\[var\(--link-text\)\] {
color: var(--link-text);
}
.text-\[var\(--selected-item-text\)\] {
color: var(--selected-item-text);
}
.text-amber-400 {
color: var(--color-amber-400);
}
.text-amber-500 {
color: var(--color-amber-500);
}
.text-amber-600 {
color: var(--color-amber-600);
}
.text-amber-800 {
color: var(--color-amber-800);
}
.text-blue-400 {
color: var(--color-blue-400);
}
.text-blue-500 {
color: var(--color-blue-500);
}
.text-card-foreground {
color: var(--card-foreground);
}
.text-current {
color: currentColor;
}
.text-cyan-500 {
color: var(--color-cyan-500);
}
.text-destructive {
color: var(--destructive);
}
.text-destructive\/90 {
color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.text-destructive\/90 {
color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
.text-foreground {
color: var(--foreground);
}
.text-foreground\/80 {
color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.text-foreground\/80 {
color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
.text-gray-400 {
color: var(--color-gray-400);
}
.text-green-500 {
color: var(--color-green-500);
}
.text-green-600 {
color: var(--color-green-600);
}
.text-green-700 {
color: var(--color-green-700);
}
.text-indigo-500 {
color: var(--color-indigo-500);
}
.text-muted-foreground {
color: var(--muted-foreground);
}
.text-muted-foreground\/40 {
color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.text-muted-foreground\/40 {
color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
.text-muted-foreground\/50 {
color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.text-muted-foreground\/50 {
color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
.text-muted-foreground\/70 {
color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.text-muted-foreground\/70 {
color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
.text-orange-500 {
color: var(--color-orange-500);
}
.text-orange-600 {
color: var(--color-orange-600);
}
.text-page-foreground {
color: var(--page-foreground);
}
.text-pink-400 {
color: var(--color-pink-400);
}
.text-pink-500 {
color: var(--color-pink-500);
}
.text-popover-foreground {
color: var(--popover-foreground);
}
.text-primary {
color: var(--primary);
}
.text-primary-foreground {
color: var(--primary-foreground);
}
.text-purple-500 {
color: var(--color-purple-500);
}
.text-red-400 {
color: var(--color-red-400);
}
.text-red-500 {
color: var(--color-red-500);
}
.text-red-600 {
color: var(--color-red-600);
}
.text-red-700 {
color: var(--color-red-700);
}
.text-rose-500 {
color: var(--color-rose-500);
}
.text-secondary-foreground {
color: var(--secondary-foreground);
}
.text-sky-500 {
color: var(--color-sky-500);
}
.text-slate-500 {
color: var(--color-slate-500);
}
.text-transparent {
color: #0000;
}
.text-white {
color: var(--color-white);
}
.text-yellow-500 {
color: var(--color-yellow-500);
}
.text-yellow-600 {
color: var(--color-yellow-600);
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}
.line-through {
text-decoration-line: line-through;
}
.underline {
text-decoration-line: underline;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.opacity-0 {
opacity: 0;
}
.opacity-40 {
opacity: .4;
}
.opacity-50 {
opacity: .5;
}
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-80 {
opacity: .8;
}
.opacity-100 {
opacity: 1;
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xs {
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-\[var\(--selected-item\)\] {
--tw-ring-color: var(--selected-item);
}
.ring-offset-0 {
--tw-ring-offset-width: 0px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-background {
--tw-ring-offset-color: var(--background);
}
.outline-hidden {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.outline-hidden {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,box-shadow\,background-color\] {
transition-property: color, box-shadow, background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[color\,box-shadow\] {
transition-property: color, box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-shadow {
transition-property: box-shadow;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-none {
transition-property: none;
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s;
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.fade-in-0 {
--tw-enter-opacity: 0;
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.zoom-in-95 {
--tw-enter-scale: .95;
}
.running {
animation-play-state: running;
}
.text-shadow-black {
--tw-text-shadow-color: #000;
}
@supports (color: color-mix(in lab, red, red)) {
.text-shadow-black {
--tw-text-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-text-shadow-alpha), transparent);
}
}
.group-hover\:scale-105:is(:where(.group):hover *) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:bg-muted\/80:is(:where(.group):hover *) {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-muted\/80:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--muted) 80%, transparent);
}
}
.group-hover\:bg-primary\/20:is(:where(.group):hover *) {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.group-hover\:bg-primary\/20:is(:where(.group):hover *) {
background-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
.group-hover\:text-foreground:is(:where(.group):hover *) {
color: var(--foreground);
}
.group-hover\:underline:is(:where(.group):hover *) {
text-decoration-line: underline;
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
pointer-events: none;
}
.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
opacity: .5;
}
.group-data-\[state\=checked\]\:opacity-100:is(:where(.group)[data-state="checked"] *) {
opacity: 1;
}
.group-data-\[state\=unchecked\]\:opacity-100:is(:where(.group)[data-state="unchecked"] *) {
opacity: 1;
}
.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
cursor: not-allowed;
}
.peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
opacity: .5;
}
.selection\:bg-primary ::selection {
background-color: var(--primary);
}
.selection\:bg-primary::selection {
background-color: var(--primary);
}
.selection\:text-primary-foreground ::selection {
color: var(--primary-foreground);
}
.selection\:text-primary-foreground::selection {
color: var(--primary-foreground);
}
.file\:inline-flex::file-selector-button {
display: inline-flex;
}
.file\:h-7::file-selector-button {
height: calc(var(--spacing) * 7);
}
.file\:border-0::file-selector-button {
border-style: var(--tw-border-style);
border-width: 0;
}
.file\:bg-transparent::file-selector-button {
background-color: #0000;
}
.file\:text-sm::file-selector-button {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.file\:font-medium::file-selector-button {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.file\:text-foreground::file-selector-button {
color: var(--foreground);
}
.placeholder\:text-muted-foreground::placeholder {
color: var(--muted-foreground);
}
.hover\:-translate-y-1:hover {
--tw-translate-y: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:translate-y-\[-5px\]:hover {
--tw-translate-y: -5px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:rounded-\[30\%\]:hover {
border-radius: 30%;
}
.hover\:border-\[var\(--chip-hover-border\)\]:hover {
border-color: var(--chip-hover-border);
}
.hover\:border-\[var\(--chip-selected-hover-border\)\]:hover {
border-color: var(--chip-selected-hover-border);
}
.hover\:border-border:hover {
border-color: var(--border);
}
.hover\:border-primary:hover {
border-color: var(--primary);
}
.hover\:border-primary\/40:hover {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/40:hover {
border-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
.hover\:border-primary\/50:hover {
border-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:border-primary\/50:hover {
border-color: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
.hover\:\!bg-\[var\(--hover-item\)\]:hover {
background-color: var(--hover-item) !important;
}
.hover\:bg-\[hsl\(340\,100\%\,92\%\)\]:hover {
background-color: #ffd6e4;
}
.hover\:bg-\[var\(--chip-hover-bg\)\]:hover {
background-color: var(--chip-hover-bg);
}
.hover\:bg-\[var\(--chip-selected-hover-bg\)\]:hover {
background-color: var(--chip-selected-hover-bg);
}
.hover\:bg-\[var\(--hover-item\)\]:hover {
background-color: var(--hover-item);
}
.hover\:bg-\[var\(--link-hover-bg\)\]:hover {
background-color: var(--link-hover-bg);
}
.hover\:bg-accent:hover {
background-color: var(--accent);
}
.hover\:bg-accent\/50:hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-accent\/50:hover {
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
.hover\:bg-destructive\/10:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/10:hover {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.hover\:bg-destructive\/90:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/90:hover {
background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
.hover\:bg-green-500\/20:hover {
background-color: #00c75833;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-green-500\/20:hover {
background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
}
.hover\:bg-muted:hover {
background-color: var(--muted);
}
.hover\:bg-muted-foreground\/40:hover {
background-color: var(--muted-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted-foreground\/40:hover {
background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
.hover\:bg-muted\/30:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/30:hover {
background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
.hover\:bg-muted\/50:hover {
background-color: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/50:hover {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
.hover\:bg-neutral-700:hover {
background-color: var(--color-neutral-700);
}
.hover\:bg-orange-500\/20:hover {
background-color: #fe6e0033;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-orange-500\/20:hover {
background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
}
}
.hover\:bg-primary\/10:hover {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/10:hover {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.hover\:bg-primary\/90:hover {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/90:hover {
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
}
.hover\:bg-secondary\/80:hover {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-secondary\/80:hover {
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
}
.hover\:\!text-\[var\(--selected-item-text\)\]:hover {
color: var(--selected-item-text) !important;
}
.hover\:text-\[var\(--chip-hover-text\)\]:hover {
color: var(--chip-hover-text);
}
.hover\:text-\[var\(--chip-selected-hover-text\)\]:hover {
color: var(--chip-selected-hover-text);
}
.hover\:text-\[var\(--link-hover-text\)\]:hover {
color: var(--link-hover-text);
}
.hover\:text-\[var\(--selected-item-text\)\]:hover {
color: var(--selected-item-text);
}
.hover\:text-accent-foreground:hover {
color: var(--accent-foreground);
}
.hover\:text-destructive:hover {
color: var(--destructive);
}
.hover\:text-foreground:hover {
color: var(--foreground);
}
.hover\:text-primary:hover {
color: var(--primary);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-md:hover {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-primary\/20:hover {
--tw-shadow-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:shadow-primary\/20:hover {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.focus\:\!bg-\[var\(--hover-item\)\]:focus {
background-color: var(--hover-item) !important;
}
.focus\:\!bg-\[var\(--selected-item\)\]:focus {
background-color: var(--selected-item) !important;
}
.focus\:bg-accent:focus {
background-color: var(--accent);
}
.focus\:\!text-\[var\(--selected-item-text\)\]:focus {
color: var(--selected-item-text) !important;
}
.focus\:text-accent-foreground:focus {
color: var(--accent-foreground);
}
.focus\:text-destructive:focus {
color: var(--destructive);
}
.focus\:ring-2:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-ring:focus {
--tw-ring-color: var(--ring);
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:outline-hidden:focus {
--tw-outline-style: none;
outline-style: none;
}
@media (forced-colors: active) {
.focus\:outline-hidden:focus {
outline-offset: 2px;
outline: 2px solid #0000;
}
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:border-ring:focus-visible {
border-color: var(--ring);
}
.focus-visible\:ring-1:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-2:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-\[3px\]:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-destructive\/20:focus-visible {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:ring-destructive\/20:focus-visible {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.focus-visible\:ring-ring:focus-visible {
--tw-ring-color: var(--ring);
}
.focus-visible\:ring-ring\/50:focus-visible {
--tw-ring-color: var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
.focus-visible\:ring-ring\/50:focus-visible {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
.focus-visible\:ring-offset-1:focus-visible {
--tw-ring-offset-width: 1px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:outline-1:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.focus-visible\:outline-ring:focus-visible {
outline-color: var(--ring);
}
.focus-visible\:outline-none:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
.active\:cursor-grabbing:active {
cursor: grabbing;
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:border-\[var\(--chip-disabled-border\)\]:disabled {
border-color: var(--chip-disabled-border);
}
.disabled\:bg-\[var\(--chip-disabled-bg\)\]:disabled {
background-color: var(--chip-disabled-bg);
}
.disabled\:text-\[var\(--chip-disabled-text\)\]:disabled {
color: var(--chip-disabled-text);
}
.disabled\:opacity-50:disabled {
opacity: .5;
}
.disabled\:opacity-100:disabled {
opacity: 1;
}
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
grid-template-columns: 1fr auto;
}
.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
grid-template-columns: calc(var(--spacing) * 4) 1fr;
}
.has-\[\>svg\]\:gap-x-3:has( > svg) {
-moz-column-gap: calc(var(--spacing) * 3);
column-gap: calc(var(--spacing) * 3);
}
.has-\[\>svg\]\:px-2:has( > svg) {
padding-inline: calc(var(--spacing) * 2);
}
.has-\[\>svg\]\:px-2\.5:has( > svg) {
padding-inline: calc(var(--spacing) * 2.5);
}
.has-\[\>svg\]\:px-3:has( > svg) {
padding-inline: calc(var(--spacing) * 3);
}
.has-\[\>svg\]\:px-4:has( > svg) {
padding-inline: calc(var(--spacing) * 4);
}
.aria-invalid\:border-destructive[aria-invalid="true"] {
border-color: var(--destructive);
}
.aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
pointer-events: none;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
opacity: .5;
}
.data-\[highlighted\]\:\!bg-\[var\(--selected-item\)\][data-highlighted] {
background-color: var(--selected-item) !important;
}
.data-\[highlighted\]\:\!text-\[var\(--selected-item-text\)\][data-highlighted] {
color: var(--selected-item-text) !important;
}
.data-\[inset\]\:pl-8[data-inset] {
padding-left: calc(var(--spacing) * 8);
}
.data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
height: 1px;
}
.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
width: 100%;
}
.data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
height: 100%;
}
.data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
width: 1px;
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
color: var(--muted-foreground);
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
--tw-translate-y: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
--tw-enter-translate-y: calc(2*var(--spacing)*-1);
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
--tw-translate-x: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
--tw-enter-translate-x: calc(2*var(--spacing));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
--tw-translate-x: calc(var(--spacing) * 1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
--tw-enter-translate-x: calc(2*var(--spacing)*-1);
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
--tw-translate-y: calc(var(--spacing) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
--tw-enter-translate-y: calc(2*var(--spacing));
}
.data-\[size\=default\]\:h-10[data-size="default"] {
height: calc(var(--spacing) * 10);
}
.data-\[size\=sm\]\:h-9[data-size="sm"] {
height: calc(var(--spacing) * 9);
}
:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
:is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
display: flex;
}
:is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
align-items: center;
}
:is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
gap: calc(var(--spacing) * 2);
}
.data-\[state\=active\]\:bg-\[var\(--tabs-selected-background\)\][data-state="active"] {
background-color: var(--tabs-selected-background);
}
.data-\[state\=active\]\:shadow-sm[data-state="active"] {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.data-\[state\=checked\]\:translate-x-\[19px\][data-state="checked"] {
--tw-translate-x: 19px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:border-primary[data-state="checked"] {
border-color: var(--primary);
}
.data-\[state\=checked\]\:\!bg-\[var\(--selected-item\)\][data-state="checked"] {
background-color: var(--selected-item) !important;
}
.data-\[state\=checked\]\:bg-\[var\(--switch-checked-bg\)\][data-state="checked"] {
background-color: var(--switch-checked-bg);
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
background-color: var(--primary);
}
.data-\[state\=checked\]\:\!text-\[var\(--selected-item-text\)\][data-state="checked"] {
color: var(--selected-item-text) !important;
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
color: var(--primary-foreground);
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[state\=closed\]\:duration-300[data-state="closed"] {
--tw-duration: .3s;
transition-duration: .3s;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
--tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
--tw-exit-scale: .95;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
--tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
--tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
--tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
--tw-exit-translate-y: -100%;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
}
.data-\[state\=open\]\:bg-accent[data-state="open"] {
background-color: var(--accent);
}
.data-\[state\=open\]\:bg-secondary[data-state="open"] {
background-color: var(--secondary);
}
.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
color: var(--accent-foreground);
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
color: var(--muted-foreground);
}
.data-\[state\=open\]\:duration-500[data-state="open"] {
--tw-duration: .5s;
transition-duration: .5s;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
--tw-enter-opacity: 0;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
--tw-enter-scale: .95;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
--tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
--tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
--tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
--tw-enter-translate-y: -100%;
}
.data-\[state\=unchecked\]\:translate-x-\[3px\][data-state="unchecked"] {
--tw-translate-x: 3px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=unchecked\]\:bg-\[var\(--switch-unchecked-bg\)\][data-state="unchecked"] {
background-color: var(--switch-unchecked-bg);
}
.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
color: var(--destructive);
}
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
color: var(--destructive);
}
@media (min-width: 40rem) {
.sm\:mb-0 {
margin-bottom: calc(var(--spacing) * 0);
}
}
@media (min-width: 40rem) {
.sm\:hidden {
display: none;
}
}
@media (min-width: 40rem) {
.sm\:w-4\/5 {
width: 80%;
}
}
@media (min-width: 40rem) {
.sm\:max-w-lg {
max-width: var(--container-lg);
}
}
@media (min-width: 40rem) {
.sm\:max-w-md {
max-width: var(--container-md);
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:flex-row {
flex-direction: row;
}
}
@media (min-width: 40rem) {
.sm\:items-start {
align-items: flex-start;
}
}
@media (min-width: 40rem) {
.sm\:justify-end {
justify-content: flex-end;
}
}
@media (min-width: 40rem) {
:where(.sm\:space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
}
@media (min-width: 40rem) {
.sm\:self-center {
align-self: center;
}
}
@media (min-width: 40rem) {
.sm\:px-6 {
padding-inline: calc(var(--spacing) * 6);
}
}
@media (min-width: 40rem) {
.sm\:pr-4 {
padding-right: calc(var(--spacing) * 4);
}
}
@media (min-width: 40rem) {
.sm\:text-left {
text-align: left;
}
}
@media (min-width: 48rem) {
.md\:col-span-1 {
grid-column: span 1 / span 1;
}
}
@media (min-width: 48rem) {
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (min-width: 48rem) {
.md\:hidden {
display: none;
}
}
@media (min-width: 48rem) {
.md\:h-80 {
height: calc(var(--spacing) * 80);
}
}
@media (min-width: 48rem) {
.md\:h-120 {
height: calc(var(--spacing) * 120);
}
}
@media (min-width: 48rem) {
.md\:w-auto {
width: auto;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:flex-row {
flex-direction: row;
}
}
@media (min-width: 48rem) {
.md\:p-8 {
padding: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (min-width: 64rem) {
.lg\:sticky {
position: sticky;
}
}
@media (min-width: 64rem) {
.lg\:top-20 {
top: calc(var(--spacing) * 20);
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[1fr_300px\] {
grid-template-columns: 1fr 300px;
}
}
.dark\:scale-0:is(.dark *) {
--tw-scale-x: 0%;
--tw-scale-y: 0%;
--tw-scale-z: 0%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.dark\:scale-100:is(.dark *) {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.dark\:-rotate-90:is(.dark *) {
rotate: -90deg;
}
.dark\:rotate-0:is(.dark *) {
rotate: none;
}
.dark\:border-\[hsl\(240\,5\%\,7\%\)\]:is(.dark *) {
border-color: #111113;
}
.dark\:border-input:is(.dark *) {
border-color: var(--input);
}
.dark\:bg-\[hsl\(133\,35\%\,50\%\)\]:is(.dark *) {
background-color: #53ac66;
}
.dark\:bg-\[hsl\(240\,4\%\,23\%\)\]:is(.dark *) {
background-color: #38383d;
}
.dark\:bg-\[hsl\(240\,6\%\,13\%\)\]:is(.dark *) {
background-color: #1f1f23;
}
.dark\:bg-\[hsl\(358\,68\%\,55\%\)\]:is(.dark *) {
background-color: #da3e43;
}
.dark\:bg-amber-900\/30:is(.dark *) {
background-color: #7b33064d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-amber-900\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
}
}
.dark\:bg-amber-950\/30:is(.dark *) {
background-color: #4619014d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-amber-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
}
}
.dark\:bg-background:is(.dark *) {
background-color: var(--background);
}
.dark\:bg-blue-950\/30:is(.dark *) {
background-color: #1624564d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-blue-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent);
}
}
.dark\:bg-destructive\/60:is(.dark *) {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-destructive\/60:is(.dark *) {
background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
}
}
.dark\:bg-input\/30:is(.dark *) {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-input\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
.dark\:bg-neutral-800:is(.dark *) {
background-color: var(--color-neutral-800);
}
.dark\:bg-pink-950\/30:is(.dark *) {
background-color: #5104244d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-pink-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-pink-950) 30%, transparent);
}
}
.dark\:bg-popover:is(.dark *) {
background-color: var(--popover);
}
.dark\:bg-primary\/10:is(.dark *) {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-primary\/10:is(.dark *) {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
.dark\:bg-slate-950\/30:is(.dark *) {
background-color: #0206184d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-slate-950\/30:is(.dark *) {
background-color: color-mix(in oklab, var(--color-slate-950) 30%, transparent);
}
}
.dark\:text-\[hsl\(133\,35\%\,50\%\)\]:is(.dark *) {
color: #53ac66;
}
.dark\:text-\[hsl\(358\,68\%\,55\%\)\]:is(.dark *) {
color: #da3e43;
}
.dark\:text-amber-300:is(.dark *) {
color: var(--color-amber-300);
}
.dark\:text-amber-400:is(.dark *) {
color: var(--color-amber-400);
}
.dark\:text-amber-500:is(.dark *) {
color: var(--color-amber-500);
}
.dark\:text-foreground:is(.dark *) {
color: var(--foreground);
}
.dark\:text-green-400:is(.dark *) {
color: var(--color-green-400);
}
.dark\:text-green-500:is(.dark *) {
color: var(--color-green-500);
}
.dark\:text-muted-foreground:is(.dark *) {
color: var(--muted-foreground);
}
.dark\:text-orange-400:is(.dark *) {
color: var(--color-orange-400);
}
.dark\:text-popover-foreground:is(.dark *) {
color: var(--popover-foreground);
}
.dark\:text-primary:is(.dark *) {
color: var(--primary);
}
.dark\:text-primary-foreground:is(.dark *) {
color: var(--primary-foreground);
}
.dark\:text-red-500:is(.dark *) {
color: var(--color-red-500);
}
.dark\:text-white:is(.dark *) {
color: var(--color-white);
}
.dark\:text-yellow-500:is(.dark *) {
color: var(--color-yellow-500);
}
.dark\:hover\:bg-\[hsl\(240\,5\%\,17\%\)\]:is(.dark *):hover {
background-color: #29292e;
}
.dark\:hover\:bg-accent\/50:is(.dark *):hover {
background-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:hover\:bg-accent\/50:is(.dark *):hover {
background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
.dark\:hover\:bg-input\/50:is(.dark *):hover {
background-color: var(--input);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:hover\:bg-input\/50:is(.dark *):hover {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
.dark\:hover\:bg-neutral-700:is(.dark *):hover {
background-color: var(--color-neutral-700);
}
.dark\:hover\:text-foreground:is(.dark *):hover {
color: var(--foreground);
}
.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"] {
border-color: var(--input);
}
.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state="active"] {
color: var(--foreground);
}
.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] {
background-color: var(--primary);
}
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
.\[\&_p\]\:leading-relaxed p {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.\[\&_svg\]\:pointer-events-none svg {
pointer-events: none;
}
.\[\&_svg\]\:shrink-0 svg {
flex-shrink: 0;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
color: var(--muted-foreground);
}
.\[\.border-b\]\:pb-6.border-b {
padding-bottom: calc(var(--spacing) * 6);
}
.\[\.border-t\]\:pt-6.border-t {
padding-top: calc(var(--spacing) * 6);
}
:is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
display: flex;
}
:is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
align-items: center;
}
:is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
gap: calc(var(--spacing) * 2);
}
:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
color: var(--destructive) !important;
}
.\[\&\>svg\]\:pointer-events-none > svg {
pointer-events: none;
}
.\[\&\>svg\]\:size-3 > svg {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
.\[\&\>svg\]\:size-4 > svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&\>svg\]\:translate-y-0\.5 > svg {
--tw-translate-y: calc(var(--spacing) * .5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.\[\&\>svg\]\:text-current > svg {
color: currentColor;
}
a.\[a\&\]\:hover\:bg-accent:hover {
background-color: var(--accent);
}
a.\[a\&\]\:hover\:bg-destructive\/90:hover {
background-color: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
a.\[a\&\]\:hover\:bg-destructive\/90:hover {
background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
a.\[a\&\]\:hover\:bg-primary\/90:hover {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
a.\[a\&\]\:hover\:bg-primary\/90:hover {
background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
}
a.\[a\&\]\:hover\:bg-secondary\/90:hover {
background-color: var(--secondary);
}
@supports (color: color-mix(in lab, red, red)) {
a.\[a\&\]\:hover\:bg-secondary\/90:hover {
background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
}
}
a.\[a\&\]\:hover\:text-accent-foreground:hover {
color: var(--accent-foreground);
}
}
@property --tw-animation-delay {
syntax: "*";
inherits: false;
initial-value: 0s;
}
@property --tw-animation-direction {
syntax: "*";
inherits: false;
initial-value: normal;
}
@property --tw-animation-duration {
syntax: "*";
inherits: false
}
@property --tw-animation-fill-mode {
syntax: "*";
inherits: false;
initial-value: none;
}
@property --tw-animation-iteration-count {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
.kamibot-v2 .features {
grid-template-columns: repeat(6, 1fr);
gap: 18px;
display: grid;
}
.kamibot-v2 .feature {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-lg);
flex-direction: column;
min-height: 280px;
padding: 26px;
transition: transform .25s cubic-bezier(.2, .7, .2, 1), border-color .2s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
}
.kamibot-v2 .feature:hover {
border-color: var(--kbv2-primary);
transform: translateY(-4px);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .feature:hover {
border-color: color-mix(in oklch, var(--kbv2-primary) 30%, var(--kbv2-border));
}
}
.kamibot-v2 .feature:hover {
box-shadow: var(--shadow-md);
}
.kamibot-v2 .feature-ai {
grid-column: span 6;
}
.kamibot-v2 .feature-tts, .kamibot-v2 .feature-trans {
grid-column: span 3;
}
.kamibot-v2 .feature-emoji, .kamibot-v2 .feature-welcome, .kamibot-v2 .feature-music {
grid-column: span 2;
}
.kamibot-v2 .f-tag {
color: var(--kbv2-text-muted);
border: 1px solid var(--kbv2-border);
background: var(--kbv2-surface-2);
border-radius: 999px;
align-self: flex-start;
align-items: center;
gap: 6px;
padding: 3px 8px;
font-family: JetBrains Mono, monospace;
font-size: 11px;
display: inline-flex;
}
.kamibot-v2 .f-title {
letter-spacing: -.015em;
margin: 14px 0 6px;
font-size: 22px;
font-weight: 700;
}
.kamibot-v2 .f-sub {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0 0 16px;
font-size: 14px;
line-height: 1.55;
}
.kamibot-v2 .f-demo {
background: var(--kbv2-surface-2);
margin-top: auto;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .f-demo {
background: color-mix(in oklch, var(--kbv2-surface-2) 70%, var(--kbv2-surface));
}
}
.kamibot-v2 .f-demo {
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-md);
padding: 12px;
font-size: 13px;
}
.kamibot-v2 .mini-msg {
grid-template-columns: 28px 1fr;
gap: 10px;
padding: 4px 0;
font-size: 13px;
line-height: 1.5;
display: grid;
}
.kamibot-v2 .mini-msg .av {
background: var(--kbv2-primary-soft);
border: 1px solid var(--kbv2-border);
border-radius: 50%;
width: 28px;
height: 28px;
overflow: hidden;
}
.kamibot-v2 .mini-msg .av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 18%;
object-position: center 18%;
width: 100%;
height: 100%;
}
.kamibot-v2 .mini-msg .av.user {
color: #fff;
background: linear-gradient(135deg, #7bbdff, #7792ee);
background: linear-gradient(135deg, lab(74.1011% -7.69091 -40.9642), lab(61.5869% 9.51824 -50.2978));
place-items: center;
font-size: 11px;
font-weight: 600;
display: grid;
}
.kamibot-v2 .mini-msg .av.user2 {
color: #fff;
background: linear-gradient(135deg, #86d489, #44b782);
background: linear-gradient(135deg, lab(78.4161% -36.3887 29.4179), lab(66.9195% -43.116 16.9641));
place-items: center;
font-size: 11px;
font-weight: 600;
display: grid;
}
.kamibot-v2 .mini-msg .head {
font-size: 12px;
}
.kamibot-v2 .mini-msg .name {
font-size: 12.5px;
font-weight: 600;
}
.kamibot-v2 .mini-msg .name.bot {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .mini-msg .text {
color: var(--kbv2-text);
margin-top: 1px;
}
.kamibot-v2 .tts-row {
align-items: center;
gap: 12px;
padding: 8px 4px;
display: flex;
}
.kamibot-v2 .tts-row .play {
background: var(--kbv2-primary);
color: #fff;
cursor: pointer;
width: 36px;
height: 36px;
box-shadow: 0 4px 12px -2px var(--kbv2-primary);
border-radius: 50%;
flex-shrink: 0;
place-items: center;
display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .tts-row .play {
box-shadow: 0 4px 12px -2px color-mix(in oklch, var(--kbv2-primary) 50%, transparent);
}
}
.dark .kamibot-v2 .tts-row .play, .kamibot-v2[data-theme="dark"] .tts-row .play {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
.kamibot-v2 .wave {
flex: 1;
align-items: center;
gap: 2px;
height: 28px;
display: flex;
}
.kamibot-v2 .wave i {
background: var(--kbv2-primary);
opacity: .85;
border-radius: 2px;
width: 3px;
animation: 1.2s ease-in-out infinite kbv2-features-wave;
display: block;
}
@keyframes kbv2-features-wave {
0%, 100% {
height: 6px;
}
50% {
height: var(--h, 18px);
}
}
.kamibot-v2 .tts-row .voice {
color: var(--kbv2-text-muted);
font-family: JetBrains Mono, monospace;
font-size: 11px;
}
.kamibot-v2 .voice-list {
flex-wrap: wrap;
gap: 6px;
margin-top: 12px;
display: flex;
}
.kamibot-v2 .voice-chip {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text-muted);
border-radius: 999px;
padding: 4px 10px;
font-family: JetBrains Mono, monospace;
font-size: 11px;
}
.kamibot-v2 .voice-chip.active {
background: var(--kbv2-primary-soft);
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .voice-chip.active {
border-color: color-mix(in oklch, var(--kbv2-primary) 40%, var(--kbv2-border));
}
}
.kamibot-v2 .voice-chip.active {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .ai-bubble {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: 12px;
padding: 10px 12px;
font-size: 13px;
line-height: 1.5;
}
.kamibot-v2 .ai-bubble + .ai-bubble {
margin-top: 8px;
}
.kamibot-v2 .ai-bubble.bot {
border-left: 3px solid var(--kbv2-primary);
}
.kamibot-v2 .feature-ai .f-demo {
gap: 10px;
display: grid;
}
.kamibot-v2 .ai-plan {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
border-radius: 12px;
padding: 14px 16px 16px;
font-size: 13px;
}
.kamibot-v2 .ai-plan-head {
color: var(--kbv2-text);
letter-spacing: .02em;
align-items: center;
gap: 8px;
margin-bottom: 8px;
font-family: JetBrains Mono, monospace;
font-size: 11.5px;
font-weight: 600;
display: flex;
}
.kamibot-v2 .ai-plan-head .dot {
background: var(--online);
width: 8px;
height: 8px;
box-shadow: 0 0 0 3px var(--online);
border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .ai-plan-head .dot {
box-shadow: 0 0 0 3px color-mix(in oklch, var(--online) 30%, transparent);
}
}
.kamibot-v2 .ai-plan-head .muted {
color: var(--kbv2-text-muted);
font-weight: 500;
}
.kamibot-v2 .ai-plan ol {
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.kamibot-v2 .ai-plan li {
color: var(--kbv2-text);
word-break: keep-all;
align-items: baseline;
gap: 10px;
font-size: 13px;
line-height: 1.5;
display: flex;
}
.kamibot-v2 .ai-plan li > .ai-tick {
flex: 0 0 18px;
align-self: center;
}
.kamibot-v2 .ai-plan li code {
background: var(--mention-bg);
color: var(--kbv2-primary-strong);
white-space: nowrap;
border-radius: 4px;
padding: 1px 6px;
font-family: JetBrains Mono, monospace;
font-size: 12.5px;
}
.kamibot-v2 .ai-plan li .muted {
color: var(--kbv2-text-muted);
}
.kamibot-v2 .ai-tick {
background: var(--online);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .ai-tick {
background: color-mix(in oklch, var(--online) 22%, transparent);
}
}
.kamibot-v2 .ai-tick {
color: #135d1d;
color: lab(34.1389% -33.7773 28.9501);
align-self: center;
font-family: JetBrains Mono, monospace;
font-size: 11px;
font-weight: 700;
}
.dark .kamibot-v2 .ai-tick, .kamibot-v2[data-theme="dark"] .ai-tick {
color: #8be78f;
color: lab(84.454% -42.0049 34.1366);
}
.kamibot-v2 .ai-confirm {
align-items: flex-start;
gap: 10px;
display: flex;
}
.kamibot-v2 .ai-confirm > div {
flex: 1;
}
.kamibot-v2 .ai-confirm-ic {
background: var(--kbv2-primary);
color: #fff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
margin-top: 1px;
display: inline-flex;
}
.kamibot-v2 .ai-confirm-ic svg {
width: 12px;
height: 12px;
}
.dark .kamibot-v2 .ai-confirm-ic, .kamibot-v2[data-theme="dark"] .ai-confirm-ic {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
.kamibot-v2 .ai-confirm b {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .trans-pair {
gap: 6px;
display: grid;
}
.kamibot-v2 .trans-pair .row {
align-items: flex-start;
gap: 8px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .trans-pair .lang {
width: 36px;
color: var(--kbv2-text-muted);
text-align: right;
flex-shrink: 0;
padding: 2px 0;
font-family: JetBrains Mono, monospace;
font-size: 10.5px;
}
.kamibot-v2 .trans-pair .arrow {
color: var(--kbv2-primary);
padding: 2px 0;
}
.kamibot-v2 .trans-pair .body {
color: var(--kbv2-text);
padding: 1px 0;
}
.kamibot-v2 .emoji-grid {
justify-content: center;
align-items: center;
gap: 8px;
padding: 12px 0;
display: flex;
}
.kamibot-v2 .emoji-cell {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: 10px;
place-items: center;
display: grid;
}
.kamibot-v2 .emoji-cell.small {
width: 28px;
height: 28px;
}
.kamibot-v2 .emoji-cell.big {
width: 60px;
height: 60px;
}
.kamibot-v2 .emoji-cell .px {
background: linear-gradient(135deg, #ffb8ab, #fb93b4, #e7aaf5) 0 0 / 8px 8px;
background: linear-gradient(135deg, lab(81.5435% 36.0755 24.5395), lab(72.8454% 42.8909 .517631), lab(77.42% 31.9748 -28.2247)) 0 0 / 8px 8px;
background-image: linear-gradient(135deg, oklch(85% .12 30), oklch(78% .13 0), oklch(82% .12 320)), repeating-linear-gradient(45deg, #0000 0 4px, oklch(95% .02 0 / .3) 4px 5px);
border-radius: 6px;
width: 60%;
height: 60%;
position: relative;
}
.kamibot-v2 .emoji-cell.big .px {
background: linear-gradient(135deg, #ffc8be, #ff98ba, #f0aeff);
background: linear-gradient(135deg, lab(84.9321% 39.1306 26.6759), lab(75.0396% 46.1382 .562775), lab(79.5893% 34.678 -30.5389));
width: 70%;
height: 70%;
}
.kamibot-v2 .emoji-cell.small .label, .kamibot-v2 .emoji-cell.big .label {
color: var(--kbv2-text-muted);
white-space: nowrap;
font-family: JetBrains Mono, monospace;
font-size: 9px;
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
}
.kamibot-v2 .emoji-arrow {
color: var(--kbv2-primary);
font-family: JetBrains Mono, monospace;
font-size: 16px;
}
.kamibot-v2 .welcome-card {
background: linear-gradient(135deg, var(--kbv2-primary-soft), var(--kbv2-surface));
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .welcome-card {
background: linear-gradient(135deg, var(--kbv2-primary-soft), color-mix(in oklch, var(--kbv2-surface) 70%, var(--kbv2-primary-soft)));
}
}
.kamibot-v2 .welcome-card {
border: 1px solid var(--kbv2-primary);
border-radius: 14px;
grid-template-columns: 64px 1fr;
align-items: center;
gap: 14px;
padding: 18px;
display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .welcome-card {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 25%, var(--kbv2-border));
}
}
.kamibot-v2 .welcome-card {
position: relative;
overflow: hidden;
}
.kamibot-v2 .welcome-card:before {
content: "";
background: radial-gradient(circle at 100% 0%, var(--kbv2-primary), transparent 50%);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .welcome-card:before {
background: radial-gradient(circle at 100% 0%, color-mix(in oklch, var(--kbv2-primary) 30%, transparent), transparent 50%);
}
}
.kamibot-v2 .welcome-card:before {
pointer-events: none;
}
.kamibot-v2 .welcome-card .av {
background: var(--kbv2-surface);
width: 64px;
height: 64px;
color: var(--kbv2-primary-strong);
z-index: 1;
border: 3px solid #fff;
border-radius: 50%;
place-items: center;
font-weight: 700;
display: grid;
}
.dark .kamibot-v2 .welcome-card .av, .kamibot-v2[data-theme="dark"] .welcome-card .av {
border-color: var(--kbv2-surface-2);
}
.kamibot-v2 .welcome-card .who {
z-index: 1;
font-size: 15px;
font-weight: 700;
}
.kamibot-v2 .welcome-card .when {
color: var(--kbv2-text-muted);
margin-top: 2px;
font-family: JetBrains Mono, monospace;
font-size: 12px;
}
.kamibot-v2 .welcome-card .num {
color: var(--kbv2-text-muted);
margin-top: 6px;
font-size: 11px;
}
.kamibot-v2 .music-card {
grid-template-columns: 1fr;
gap: 10px;
display: grid;
}
.kamibot-v2 .music-now {
align-items: center;
gap: 10px;
display: flex;
}
.kamibot-v2 .music-cover {
background: repeating-linear-gradient(45deg, #ffb9ac 0 6px, #f896ad 6px 12px);
background: repeating-linear-gradient(45deg, lab(81.729% 29.9239 20.2129) 0 6px, lab(73.0307% 39.6663 4.53259) 6px 12px);
border-radius: 8px;
flex-shrink: 0;
width: 44px;
height: 44px;
}
.kamibot-v2 .music-meta {
min-width: 0;
}
.kamibot-v2 .music-title {
white-space: nowrap;
text-overflow: ellipsis;
font-size: 13px;
font-weight: 600;
overflow: hidden;
}
.kamibot-v2 .music-artist {
color: var(--kbv2-text-muted);
font-size: 11px;
}
.kamibot-v2 .music-bar {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: 2px;
height: 4px;
overflow: hidden;
}
.kamibot-v2 .music-bar .fill {
background: var(--kbv2-primary);
width: 38%;
height: 100%;
animation: 8s linear infinite kbv2-features-progress;
}
@keyframes kbv2-features-progress {
from {
width: 12%;
}
to {
width: 88%;
}
}
.kamibot-v2 .music-time {
color: var(--kbv2-text-muted);
justify-content: space-between;
font-family: JetBrains Mono, monospace;
font-size: 10px;
display: flex;
}
.kamibot-v2 .steps {
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-lg);
background: var(--kbv2-surface);
grid-template-columns: repeat(3, 1fr);
gap: 0;
display: grid;
position: relative;
overflow: hidden;
}
.kamibot-v2 .step {
flex-direction: column;
gap: 10px;
padding: 32px 28px;
display: flex;
position: relative;
}
.kamibot-v2 .step + .step {
border-left: 1px solid var(--kbv2-border);
}
.kamibot-v2 .step .num {
color: var(--kbv2-text-muted);
letter-spacing: .06em;
font-family: JetBrains Mono, monospace;
font-size: 11px;
}
.kamibot-v2 .step .num b {
color: var(--kbv2-primary);
font-size: 28px;
font-weight: 700;
}
.kamibot-v2 .step h4 {
margin: 4px 0 2px;
font-size: 18px;
font-weight: 700;
}
.kamibot-v2 .step p {
color: var(--kbv2-text-muted);
margin: 0;
font-size: 14px;
line-height: 1.55;
}
.kamibot-v2 .step .hint {
color: var(--kbv2-text);
background: var(--kbv2-surface-2);
border: 1px dashed var(--kbv2-border);
border-radius: 8px;
margin-top: 14px;
padding: 8px 12px;
font-family: JetBrains Mono, monospace;
font-size: 12px;
}
.kamibot-v2 .step .hint .slash-cmd {
background: none;
padding: 0;
}
.kamibot-v2 .step-actions {
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 14px;
display: flex;
}
.kamibot-v2 .step-actions-note {
color: var(--kbv2-text-muted);
letter-spacing: .02em;
font-size: 11.5px;
}
.kamibot-v2 .btn.btn-sm {
border-radius: 10px;
padding: 9px 14px;
font-size: 13.5px;
}
.kamibot-v2 .btn.btn-sm svg {
width: 14px;
height: 14px;
}
.kamibot-v2 .btn.btn-ghost {
background: var(--kbv2-surface-2);
color: var(--kbv2-text);
border-color: var(--kbv2-border);
}
.kamibot-v2 .btn.btn-ghost:hover {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .btn.btn-ghost:hover {
border-color: color-mix(in oklch, var(--kbv2-primary) 40%, var(--kbv2-border));
}
}
.kamibot-v2 .btn.btn-ghost:hover {
color: var(--kbv2-primary-strong);
box-shadow: var(--shadow-sm);
transform: translateY(-1px);
}
.kamibot-v2 .btn.btn-ghost.is-copied {
background: var(--kbv2-online);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .btn.btn-ghost.is-copied {
background: color-mix(in oklch, var(--kbv2-online) 18%, var(--kbv2-surface));
}
}
.kamibot-v2 .btn.btn-ghost.is-copied {
border-color: var(--kbv2-online);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .btn.btn-ghost.is-copied {
border-color: color-mix(in oklch, var(--kbv2-online) 50%, var(--kbv2-border));
}
}
.kamibot-v2 .btn.btn-ghost.is-copied {
color: #045e17;
color: lab(34.2428% -36.6503 31.9143);
}
.dark .kamibot-v2 .btn.btn-ghost.is-copied, .kamibot-v2[data-theme="dark"] .btn.btn-ghost.is-copied {
background: var(--kbv2-online);
}
@supports (color: color-mix(in lab, red, red)) {
.dark .kamibot-v2 .btn.btn-ghost.is-copied, .kamibot-v2[data-theme="dark"] .btn.btn-ghost.is-copied {
background: color-mix(in oklch, var(--kbv2-online) 22%, var(--kbv2-surface));
}
}
.dark .kamibot-v2 .btn.btn-ghost.is-copied, .kamibot-v2[data-theme="dark"] .btn.btn-ghost.is-copied {
color: #96e498;
color: lab(84.2225% -36.3792 29.3091);
}
.kamibot-v2 .trust {
text-align: center;
padding: 64px 0;
}
.kamibot-v2 .trust-line {
color: var(--kbv2-text-muted);
text-wrap: pretty;
max-width: 580px;
margin: 0 auto;
font-size: 17px;
line-height: 1.6;
}
.kamibot-v2 .trust-cards {
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-top: 36px;
display: grid;
}
.kamibot-v2 .trust-cards-4 {
grid-template-columns: repeat(4, 1fr);
}
.kamibot-v2 .trust-card {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-md);
text-align: left;
flex-direction: column;
gap: 6px;
padding: 22px;
display: flex;
}
.kamibot-v2 .trust-card .ic {
background: var(--kbv2-primary-soft);
width: 32px;
height: 32px;
color: var(--kbv2-primary-strong);
border-radius: 8px;
place-items: center;
margin-bottom: 6px;
display: grid;
}
.kamibot-v2 .trust-card b {
font-size: 14.5px;
font-weight: 700;
}
.kamibot-v2 .trust-card span {
color: var(--kbv2-text-muted);
font-size: 13px;
line-height: 1.55;
}
.kamibot-v2 .support {
grid-template-columns: 1.4fr 1fr;
gap: 22px;
display: grid;
}
.kamibot-v2 .support.support-solo {
grid-template-columns: minmax(0, 1fr);
max-width: 720px;
margin: 0 auto;
}
.kamibot-v2 .support-card {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-lg);
flex-direction: column;
padding: 36px;
display: flex;
position: relative;
overflow: hidden;
}
.kamibot-v2 .support-donate {
background: radial-gradient(800px 400px at 110% -10%, var(--kbv2-primary), transparent 60%), var(--kbv2-surface);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .support-donate {
background: radial-gradient(800px 400px at 110% -10%, color-mix(in oklch, var(--kbv2-primary) 30%, transparent), transparent 60%), var(--kbv2-surface);
}
}
.kamibot-v2 .support-donate {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .support-donate {
border-color: color-mix(in oklch, var(--kbv2-primary) 25%, var(--kbv2-border));
}
}
.kamibot-v2 .support-donate .eyebrow {
color: var(--kbv2-primary-strong);
font-family: JetBrains Mono, monospace;
font-size: 12px;
}
.kamibot-v2 .support-donate h3 {
letter-spacing: -.015em;
margin: 8px 0;
font-size: 28px;
font-weight: 700;
}
.kamibot-v2 .support-donate p {
color: var(--kbv2-text-muted);
max-width: 460px;
font-size: 15px;
line-height: 1.6;
}
.kamibot-v2 .donate-row {
flex-wrap: wrap;
gap: 8px;
margin-top: 22px;
display: flex;
}
.kamibot-v2 .donate-chip {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
cursor: pointer;
border-radius: 10px;
padding: 10px 14px;
font-family: JetBrains Mono, monospace;
font-size: 13px;
transition: all .2s;
}
.kamibot-v2 .donate-chip:hover, .kamibot-v2 .donate-chip.active {
border-color: var(--kbv2-primary);
background: var(--kbv2-primary-soft);
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .donate-chip small {
color: var(--kbv2-text-muted);
margin-top: 2px;
font-family: Pretendard Variable, sans-serif;
font-size: 10.5px;
display: block;
}
.kamibot-v2 .donate-chip.active small {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .donate-action {
margin-top: 22px;
}
.kamibot-v2 .support-soon {
background: var(--kbv2-surface);
border-style: dashed;
border-color: var(--line-strong);
}
.kamibot-v2 .soon-badge {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text-muted);
border-radius: 999px;
align-self: flex-start;
align-items: center;
gap: 6px;
padding: 4px 10px;
font-family: JetBrains Mono, monospace;
font-size: 11px;
display: inline-flex;
}
.kamibot-v2 .support-soon h3 {
color: var(--kbv2-text);
margin: 14px 0 8px;
font-size: 22px;
font-weight: 700;
}
.kamibot-v2 .support-soon p {
color: var(--kbv2-text-muted);
margin: 0;
font-size: 14px;
line-height: 1.55;
}
.kamibot-v2 .soon-fields {
gap: 8px;
margin-top: auto;
padding-top: 22px;
display: grid;
}
.kamibot-v2 .soon-field {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
border-radius: 8px;
align-items: center;
gap: 8px;
padding: 10px 12px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .soon-field .check {
border: 1.5px solid var(--line-strong);
border-radius: 4px;
flex-shrink: 0;
width: 16px;
height: 16px;
}
.kamibot-v2 .soon-field .label {
color: var(--kbv2-text-muted);
flex: 1;
}
.kamibot-v2 .soon-field .lock {
color: var(--kbv2-text-muted);
}
.kamibot-v2 .soon-input {
gap: 6px;
margin-top: 14px;
display: flex;
}
.kamibot-v2 .soon-input input {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text);
border-radius: 8px;
outline: none;
flex: 1;
padding: 10px 12px;
font-family: Pretendard Variable, sans-serif;
font-size: 13px;
}
.kamibot-v2 .soon-input input:focus {
border-color: var(--kbv2-primary);
}
.kamibot-v2 .soon-input button {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text);
cursor: pointer;
border-radius: 8px;
padding: 10px 14px;
font-size: 13px;
font-weight: 600;
}
.kamibot-v2 .soon-input button:hover {
border-color: var(--kbv2-primary);
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .faq-list {
gap: 10px;
max-width: 820px;
margin: 0 auto;
display: grid;
}
.kamibot-v2 .faq-item {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-md);
transition: border-color .2s, box-shadow .2s;
overflow: hidden;
}
.kamibot-v2 .faq-item[data-open="true"] {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .faq-item[data-open="true"] {
border-color: color-mix(in oklch, var(--kbv2-primary) 30%, var(--kbv2-border));
}
}
.kamibot-v2 .faq-item[data-open="true"] {
box-shadow: var(--shadow-sm);
}
.kamibot-v2 .faq-q {
text-align: left;
cursor: pointer;
width: 100%;
color: var(--kbv2-text);
background: none;
border: none;
align-items: center;
gap: 12px;
padding: 18px 22px;
font-family: inherit;
font-size: 15px;
font-weight: 600;
display: flex;
}
.kamibot-v2 .faq-q .chev {
color: var(--kbv2-text-muted);
margin-left: auto;
transition: transform .25s;
}
.kamibot-v2 .faq-item[data-open="true"] .chev {
color: var(--kbv2-primary);
transform: rotate(180deg);
}
.kamibot-v2 .faq-tag {
color: var(--kbv2-text-muted);
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
border-radius: 6px;
flex-shrink: 0;
padding: 3px 7px;
font-family: JetBrains Mono, monospace;
font-size: 10.5px;
}
.kamibot-v2 .faq-a {
grid-template-rows: 0fr;
transition: grid-template-rows .3s;
display: grid;
}
.kamibot-v2 .faq-item[data-open="true"] .faq-a {
grid-template-rows: 1fr;
}
.kamibot-v2 .faq-a > div {
padding: 0 22px;
overflow: hidden;
}
.kamibot-v2 .faq-item[data-open="true"] .faq-a > div {
padding: 0 22px 20px;
}
.kamibot-v2 .faq-a p {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0;
font-size: 14.5px;
line-height: 1.65;
}
.kamibot-v2 .faq-a p + p {
margin-top: 8px;
}
.kamibot-v2 .foot {
border-top: 1px solid var(--kbv2-border);
margin-top: 32px;
padding: 56px 0 80px;
}
.kamibot-v2 .foot-grid {
grid-template-columns: 1.6fr 1fr 1fr 1fr;
gap: 36px;
display: grid;
}
.kamibot-v2 .foot-brand p {
color: var(--kbv2-text-muted);
max-width: 320px;
margin: 12px 0 0;
font-size: 13.5px;
line-height: 1.6;
}
.kamibot-v2 .foot-mascot-line {
align-items: flex-start;
gap: 10px;
margin-top: 18px;
display: flex;
}
.kamibot-v2 .foot-mascot-line .av {
background: var(--kbv2-primary-soft);
border: 1px solid var(--kbv2-border);
border-radius: 50%;
flex-shrink: 0;
width: 36px;
height: 36px;
overflow: hidden;
}
.kamibot-v2 .foot-mascot-line .av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 18%;
object-position: center 18%;
width: 100%;
height: 100%;
}
.kamibot-v2 .foot-mascot-line .bub {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text);
border-radius: 14px 14px 14px 4px;
padding: 10px 14px;
font-size: 13px;
position: relative;
}
.kamibot-v2 .foot-col h5 {
text-transform: uppercase;
letter-spacing: .08em;
color: var(--kbv2-text-muted);
margin: 0 0 14px;
font-family: JetBrains Mono, monospace;
font-size: 11px;
font-weight: 600;
}
.kamibot-v2 .foot-col ul {
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.kamibot-v2 .foot-col a {
color: var(--kbv2-text-muted);
font-size: 13.5px;
transition: color .15s;
}
.kamibot-v2 .foot-col a:hover {
color: var(--kbv2-primary);
}
.kamibot-v2 .foot-bottom {
border-top: 1px solid var(--kbv2-border);
color: var(--kbv2-text-muted);
justify-content: space-between;
align-items: center;
margin-top: 48px;
padding-top: 24px;
font-family: JetBrains Mono, monospace;
font-size: 12px;
display: flex;
}
.kamibot-v2 .pulse-grid {
grid-template-columns: 1.15fr 1fr;
align-items: start;
gap: 28px;
display: grid;
}
.kamibot-v2 .ann-card {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-lg);
box-shadow: var(--kbv2-shadow-md);
position: relative;
overflow: hidden;
}
.kamibot-v2 .ann-card:before {
content: "";
pointer-events: none;
background: radial-gradient(800px 300px at 100% 0%, var(--kbv2-primary), transparent 60%);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .ann-card:before {
background: radial-gradient(800px 300px at 100% 0%, color-mix(in oklch, var(--kbv2-primary) 18%, transparent), transparent 60%);
}
}
.kamibot-v2 .ann-head {
border-bottom: 1px solid var(--kbv2-border);
background: var(--kbv2-surface-2);
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 14px 22px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .ann-head {
background: color-mix(in oklch, var(--kbv2-surface-2) 60%, var(--kbv2-surface));
}
}
.kamibot-v2 .ann-channel {
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
display: flex;
}
.kamibot-v2 .ann-channel svg {
color: var(--kbv2-text-muted);
}
.kamibot-v2 .ann-pin {
color: var(--kbv2-primary-strong);
background: var(--kbv2-primary-soft);
border-radius: 999px;
align-items: center;
gap: 4px;
margin-left: 8px;
padding: 3px 8px;
font-family: JetBrains Mono, monospace;
font-size: 11px;
font-weight: 500;
display: inline-flex;
}
.kamibot-v2 .ann-pin svg {
color: currentColor;
}
.kamibot-v2 .ann-edition {
color: var(--kbv2-text-muted);
font-size: 11.5px;
}
.kamibot-v2 .ann-msg {
grid-template-columns: 44px 1fr;
gap: 14px;
padding: 22px 22px 18px;
display: grid;
}
.kamibot-v2 .ann-msg .av {
background: var(--kbv2-primary-soft);
border: 1px solid var(--kbv2-border);
border-radius: 50%;
flex-shrink: 0;
width: 44px;
height: 44px;
overflow: hidden;
}
.kamibot-v2 .ann-msg .av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 20%;
object-position: center 20%;
width: 100%;
height: 100%;
display: block;
}
.kamibot-v2 .ann-author {
align-items: baseline;
gap: 8px;
margin-bottom: 4px;
font-size: 14px;
display: flex;
}
.kamibot-v2 .ann-author .name {
font-weight: 600;
}
.kamibot-v2 .ann-author .name.bot {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .ann-author .badge-bot {
background: var(--kbv2-blurple);
color: #fff;
letter-spacing: .02em;
border-radius: 4px;
padding: 1px 5px;
font-size: 10px;
font-weight: 700;
transform: translateY(-1px);
}
.kamibot-v2 .ann-author .ts {
color: var(--kbv2-text-muted);
font-size: 11.5px;
}
.kamibot-v2 .ann-title {
letter-spacing: -.015em;
margin: 4px 0 8px;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
.kamibot-v2 .ann-intro {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0 0 14px;
font-size: 14.5px;
line-height: 1.6;
}
.kamibot-v2 .ann-embed {
border-left: 3px solid var(--kbv2-primary);
background: var(--kbv2-surface-2);
border-radius: 4px 12px 12px 4px;
margin-top: 8px;
padding: 14px 16px;
}
.kamibot-v2 .ann-highlights {
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.kamibot-v2 .ann-highlights li {
grid-template-columns: 60px 1fr;
align-items: flex-start;
gap: 10px;
display: grid;
}
.kamibot-v2 .ann-kind {
letter-spacing: .06em;
text-align: center;
border-radius: 4px;
padding: 3px 7px;
font-size: 10px;
font-weight: 700;
}
.kamibot-v2 .ann-h-body b {
color: var(--kbv2-text);
margin-bottom: 1px;
font-size: 13.5px;
font-weight: 600;
display: block;
}
.kamibot-v2 .ann-h-body span {
color: var(--kbv2-text-muted);
font-size: 13px;
line-height: 1.5;
}
.kamibot-v2 .ann-stats {
border-top: 1px dashed var(--kbv2-border);
grid-template-columns: 1fr auto 1fr auto 1fr;
align-items: center;
margin-top: 14px;
padding-top: 14px;
display: grid;
}
.kamibot-v2 .ann-stats > div:not(.div) {
text-align: center;
}
.kamibot-v2 .ann-stats b {
color: var(--kbv2-text);
letter-spacing: -.01em;
font-family: JetBrains Mono, monospace;
font-size: 18px;
font-weight: 700;
display: block;
}
.kamibot-v2 .ann-stats span {
color: var(--kbv2-text-muted);
margin-top: 2px;
font-size: 11px;
display: block;
}
.kamibot-v2 .ann-stats .div {
background: var(--kbv2-border);
width: 1px;
height: 28px;
}
.kamibot-v2 .ann-reactions {
flex-wrap: wrap;
gap: 6px;
margin-top: 14px;
display: flex;
}
.kamibot-v2 .ann-react {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
cursor: pointer;
border-radius: 999px;
align-items: center;
gap: 6px;
padding: 4px 10px;
font-size: 13px;
transition: all .15s;
display: inline-flex;
}
.kamibot-v2 .ann-react:hover {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .ann-react:hover {
border-color: color-mix(in oklch, var(--kbv2-primary) 35%, var(--kbv2-border));
}
}
.kamibot-v2 .ann-react:hover {
background: var(--kbv2-primary-soft);
}
.kamibot-v2 .ann-react small {
color: var(--kbv2-text-muted);
font-family: JetBrains Mono, monospace;
font-size: 11.5px;
}
.kamibot-v2 .ann-react.add {
color: var(--kbv2-text-muted);
}
.kamibot-v2 .ann-react.add svg {
width: 14px;
height: 14px;
}
.kamibot-v2 .ann-foot {
border-top: 1px solid var(--kbv2-border);
background: var(--kbv2-surface-2);
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 14px 22px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .ann-foot {
background: color-mix(in oklch, var(--kbv2-surface-2) 40%, var(--kbv2-surface));
}
}
.kamibot-v2 .ann-foot {
font-size: 12.5px;
}
.kamibot-v2 .ann-meta {
color: var(--kbv2-text-muted);
align-items: center;
gap: 8px;
display: inline-flex;
}
.kamibot-v2 .ann-meta .dot {
background: var(--kbv2-online);
width: 7px;
height: 7px;
box-shadow: 0 0 0 3px var(--kbv2-online);
border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .ann-meta .dot {
box-shadow: 0 0 0 3px color-mix(in oklch, var(--kbv2-online) 25%, transparent);
}
}
.kamibot-v2 .ann-link {
color: var(--kbv2-primary-strong);
cursor: pointer;
align-items: center;
gap: 6px;
font-weight: 600;
display: inline-flex;
}
.kamibot-v2 .ann-link:hover {
text-decoration: underline;
}
.kamibot-v2 .qa {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-lg);
flex-direction: column;
height: 100%;
padding: 24px;
display: flex;
}
.kamibot-v2 .qa-head {
justify-content: space-between;
align-items: flex-start;
gap: 16px;
margin-bottom: 18px;
display: flex;
}
.kamibot-v2 .qa-head .section-eyebrow {
font-size: 11px;
}
.kamibot-v2 .qa-head .section-eyebrow:before, .kamibot-v2 .qa-head .section-eyebrow:after {
display: none;
}
.kamibot-v2 .qa-title {
letter-spacing: -.01em;
margin: 4px 0;
font-size: 18px;
font-weight: 700;
}
.kamibot-v2 .qa-sub {
color: var(--kbv2-text-muted);
max-width: 360px;
margin: 0;
font-size: 13px;
line-height: 1.55;
}
.kamibot-v2 .qa-cta {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text);
white-space: nowrap;
cursor: pointer;
border-radius: 10px;
flex-shrink: 0;
align-items: center;
gap: 8px;
padding: 8px 14px;
font-size: 13px;
font-weight: 600;
transition: all .15s;
display: inline-flex;
}
.kamibot-v2 .qa-cta:hover {
border-color: var(--kbv2-primary);
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .qa-cta-stack {
flex-direction: column;
align-items: flex-start;
gap: 4px;
padding: 10px 16px;
text-decoration: none;
}
.kamibot-v2 .qa-cta-stack .qa-cta-row {
align-items: center;
gap: 8px;
font-size: 13.5px;
display: inline-flex;
}
.kamibot-v2 .qa-cta-stack .qa-cta-arrow {
margin-left: 2px;
transition: transform .2s;
}
.kamibot-v2 .qa-cta-stack:hover .qa-cta-arrow {
transform: translateX(2px);
}
.kamibot-v2 .qa-cta-meta {
color: var(--kbv2-text-muted);
letter-spacing: .01em;
align-items: center;
gap: 6px;
padding-left: 24px;
font-family: JetBrains Mono, monospace;
font-size: 11.5px;
font-weight: 500;
display: inline-flex;
}
.kamibot-v2 .qa-cta-dot {
background: var(--kbv2-online);
width: 7px;
height: 7px;
box-shadow: 0 0 0 3px var(--kbv2-online);
border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .qa-cta-dot {
box-shadow: 0 0 0 3px color-mix(in oklch, var(--kbv2-online) 25%, transparent);
}
}
.kamibot-v2 .qa-cta-dot {
animation: 2.4s infinite kbv2-pulse-dot;
}
@keyframes kbv2-pulse-dot {
0%, 100% {
opacity: 1;
}
50% {
opacity: .5;
}
}
.kamibot-v2 .qa-list {
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.kamibot-v2 .qa-item {
border-top: 1px solid var(--kbv2-border);
transition: background .15s;
}
.kamibot-v2 .qa-item:last-child {
border-bottom: 1px solid var(--kbv2-border);
}
.kamibot-v2 .qa-q {
cursor: pointer;
text-align: left;
width: 100%;
color: var(--kbv2-text);
background: none;
border: none;
grid-template-columns: 32px 1fr 18px;
align-items: center;
gap: 12px;
padding: 14px 4px;
font-family: inherit;
display: grid;
}
.kamibot-v2 .qa-q:hover {
background: var(--kbv2-primary-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .qa-q:hover {
background: color-mix(in oklch, var(--kbv2-primary-soft) 30%, transparent);
}
}
.kamibot-v2 .qa-asker {
color: #fff;
border-radius: 50%;
flex-shrink: 0;
place-items: center;
width: 32px;
height: 32px;
font-size: 13px;
font-weight: 600;
display: grid;
}
.kamibot-v2 .qa-q-body {
min-width: 0;
}
.kamibot-v2 .qa-q-meta {
color: var(--kbv2-text-muted);
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-bottom: 3px;
font-size: 11px;
display: flex;
}
.kamibot-v2 .qa-q-meta .dot {
opacity: .5;
background: currentColor;
border-radius: 50%;
width: 3px;
height: 3px;
}
.kamibot-v2 .qa-tag {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text-muted);
border-radius: 4px;
padding: 2px 6px;
font-family: JetBrains Mono, monospace;
font-size: 10px;
}
.kamibot-v2 .qa-resolved {
color: #27762f;
color: lab(43.553% -36.5365 30.8488);
align-items: center;
gap: 4px;
font-family: JetBrains Mono, monospace;
font-size: 10.5px;
display: inline-flex;
}
.dark .kamibot-v2 .qa-resolved, .kamibot-v2[data-theme="dark"] .qa-resolved {
color: #7acf7e;
color: lab(76.2082% -39.2083 31.9012);
}
.kamibot-v2 .qa-resolved svg {
width: 11px;
height: 11px;
}
.kamibot-v2 .qa-q-text {
color: var(--kbv2-text);
font-size: 14px;
font-weight: 500;
line-height: 1.45;
}
.kamibot-v2 .qa-chev {
color: var(--kbv2-text-muted);
transition: transform .25s;
}
.kamibot-v2 .qa-item.open .qa-chev {
color: var(--kbv2-primary);
transform: rotate(180deg);
}
.kamibot-v2 .qa-a {
grid-template-rows: 0fr;
transition: grid-template-rows .3s;
display: grid;
}
.kamibot-v2 .qa-item.open .qa-a {
grid-template-rows: 1fr;
}
.kamibot-v2 .qa-a-inner {
padding-left: 44px;
padding-right: 4px;
overflow: hidden;
}
.kamibot-v2 .qa-item.open .qa-a-inner {
padding-bottom: 16px;
}
.kamibot-v2 .qa-msg {
grid-template-columns: 28px 1fr;
gap: 10px;
padding: 6px 0;
display: grid;
}
.kamibot-v2 .qa-msg .av {
background: var(--kbv2-primary-soft);
border: 1px solid var(--kbv2-border);
border-radius: 50%;
flex-shrink: 0;
width: 28px;
height: 28px;
overflow: hidden;
}
.kamibot-v2 .qa-msg .av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 18%;
object-position: center 18%;
width: 100%;
height: 100%;
display: block;
}
.kamibot-v2 .qa-msg .qa-asker {
width: 28px;
height: 28px;
font-size: 11px;
}
.kamibot-v2 .qa-msg .name {
color: var(--kbv2-text);
font-size: 12.5px;
font-weight: 600;
}
.kamibot-v2 .qa-msg .name.bot {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .qa-msg .badge-bot {
background: var(--kbv2-blurple);
color: #fff;
border-radius: 3px;
padding: 1px 4px;
font-size: 9px;
font-weight: 700;
}
.kamibot-v2 .qa-a-text {
color: var(--kbv2-text);
text-wrap: pretty;
margin-top: 1px;
font-size: 13.5px;
line-height: 1.55;
}
@media (max-width: 1024px) {
.kamibot-v2 .pulse-grid {
grid-template-columns: 1fr;
}
.kamibot-v2 .ann-stats {
grid-template-columns: 1fr 1fr 1fr;
}
.kamibot-v2 .ann-stats .div {
display: none;
}
.kamibot-v2 .qa-head {
flex-direction: column;
align-items: flex-start;
}
}
.kamibot-v2 .wl {
background: linear-gradient(180deg, transparent, var(--kbv2-primary-soft) 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl {
background: linear-gradient(180deg, transparent, color-mix(in oklch, var(--kbv2-primary-soft) 30%, transparent) 30%, transparent);
}
}
.kamibot-v2 .wl-grid {
grid-template-columns: 1.05fr 1fr;
align-items: center;
gap: 56px;
display: grid;
}
.kamibot-v2 .wl-copy .section-eyebrow {
text-align: left;
}
.kamibot-v2 .wl-copy .section-eyebrow:before {
display: none;
}
.kamibot-v2 .wl-copy .section-title {
text-align: left;
max-width: none;
}
.kamibot-v2 .wl-copy .section-sub {
text-align: left;
max-width: 520px;
margin: 0 0 28px;
}
.kamibot-v2 .wl-copy .section-sub b {
color: var(--kbv2-text);
font-weight: 600;
}
.kamibot-v2 .wl-bullets {
gap: 18px;
margin: 0 0 32px;
padding: 0;
list-style: none;
display: grid;
}
.kamibot-v2 .wl-bullets li {
grid-template-columns: 36px 1fr;
align-items: start;
gap: 14px;
display: grid;
}
.kamibot-v2 .wl-bullet-ic {
background: var(--kbv2-primary-soft);
width: 32px;
height: 32px;
color: var(--kbv2-primary-strong);
border: 1px solid var(--kbv2-primary);
border-radius: 9px;
place-items: center;
display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-bullet-ic {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 22%, var(--kbv2-border));
}
}
.kamibot-v2 .wl-bullet-ic {
margin-top: 2px;
}
.kamibot-v2 .wl-bullets li b {
color: var(--kbv2-text);
letter-spacing: -.005em;
margin-bottom: 3px;
font-size: 15px;
font-weight: 600;
display: block;
}
.kamibot-v2 .wl-bullets li span:not(.wl-bullet-ic) {
color: var(--kbv2-text-muted);
text-wrap: pretty;
font-size: 13.5px;
line-height: 1.55;
display: block;
}
.kamibot-v2 .wl-actions {
flex-wrap: wrap;
align-items: center;
gap: 18px;
display: flex;
}
.kamibot-v2 .wl-note {
color: var(--kbv2-text-muted);
font-family: JetBrains Mono, monospace;
font-size: 12.5px;
}
.kamibot-v2 .wl-preview {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-lg);
box-shadow: var(--kbv2-shadow-md);
padding: 22px;
position: relative;
}
.kamibot-v2 .wl-preview-label {
letter-spacing: .06em;
text-transform: uppercase;
color: var(--kbv2-text-muted);
white-space: nowrap;
align-items: center;
gap: 8px;
margin-bottom: 14px;
font-family: JetBrains Mono, monospace;
font-size: 11px;
display: flex;
}
.kamibot-v2 .wl-preview-label:before {
content: "";
background: var(--kbv2-primary);
width: 6px;
height: 6px;
box-shadow: 0 0 0 3px var(--kbv2-primary);
border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-preview-label:before {
box-shadow: 0 0 0 3px color-mix(in oklch, var(--kbv2-primary) 25%, transparent);
}
}
.kamibot-v2 .wl-mlist {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
border-radius: 10px;
overflow: hidden;
}
.kamibot-v2 .wl-mlist-head {
letter-spacing: .08em;
text-transform: uppercase;
color: var(--kbv2-text-muted);
border-bottom: 1px dashed var(--kbv2-border);
padding: 10px 14px 6px;
font-family: JetBrains Mono, monospace;
font-size: 10.5px;
}
.kamibot-v2 .wl-row {
grid-template-columns: 56px 40px 1fr;
align-items: center;
gap: 10px;
padding: 12px 14px;
display: grid;
position: relative;
}
.kamibot-v2 .wl-row.before {
opacity: .62;
}
.kamibot-v2 .wl-row.after {
background: linear-gradient(90deg, var(--kbv2-primary-soft), transparent 80%);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-row.after {
background: linear-gradient(90deg, color-mix(in oklch, var(--kbv2-primary-soft) 60%, transparent), transparent 80%);
}
}
.kamibot-v2 .wl-tag {
letter-spacing: .05em;
text-transform: uppercase;
color: var(--kbv2-text-muted);
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
text-align: center;
white-space: nowrap;
border-radius: 5px;
justify-self: start;
padding: 3px 6px;
font-family: JetBrains Mono, monospace;
font-size: 9.5px;
}
.kamibot-v2 .wl-tag-after {
color: var(--kbv2-primary-strong);
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-tag-after {
border-color: color-mix(in oklch, var(--kbv2-primary) 35%, var(--kbv2-border));
}
}
.kamibot-v2 .wl-tag-after {
background: var(--kbv2-primary-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-tag-after {
background: color-mix(in oklch, var(--kbv2-primary-soft) 60%, var(--kbv2-surface));
}
}
.kamibot-v2 .wl-av {
background: var(--kbv2-primary-soft);
border: 1px solid var(--kbv2-border);
border-radius: 50%;
place-items: center;
width: 40px;
height: 40px;
display: grid;
overflow: hidden;
}
.kamibot-v2 .wl-av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 22%;
object-position: center 22%;
width: 100%;
height: 100%;
}
.kamibot-v2 .wl-av-after {
background: #76e2e7;
background: lab(83.5761% -31.4243 -12.969);
border-color: #00aeb6;
border-color: lab(64.2221% -43.6475 -17.8638);
}
.kamibot-v2 .wl-emoji {
font-size: 22px;
}
.kamibot-v2 .wl-meta {
min-width: 0;
overflow: hidden;
}
.kamibot-v2 .wl-name {
color: var(--kbv2-text);
white-space: nowrap;
text-overflow: ellipsis;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
display: flex;
overflow: hidden;
}
.kamibot-v2 .wl-name-after {
color: #00838a;
color: lab(49.1285% -43.4175 -17.7246);
}
.dark .kamibot-v2 .wl-name-after, .kamibot-v2[data-theme="dark"] .wl-name-after {
color: #00d1d9;
color: lab(75.8295% -43.7601 -17.9455);
}
.kamibot-v2 .wl-bot {
letter-spacing: .05em;
background: var(--kbv2-primary);
color: #fff;
white-space: nowrap;
border-radius: 3px;
flex-shrink: 0;
padding: 1px 4px;
font-family: JetBrains Mono, monospace;
font-size: 9px;
font-weight: 700;
}
.kamibot-v2 .wl-row.after .wl-bot {
background: #00838a;
background: lab(49.1285% -43.4175 -17.7246);
}
.dark .kamibot-v2 .wl-row.after .wl-bot, .kamibot-v2[data-theme="dark"] .wl-row.after .wl-bot {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
background: #00aeb6;
background: lab(64.2221% -43.6475 -17.8638);
}
.kamibot-v2 .wl-status {
color: var(--kbv2-text-muted);
word-break: keep-all;
overflow-wrap: break-word;
margin-top: 2px;
font-family: Gowun Dodum, Pretendard Variable, sans-serif;
font-size: 12.5px;
}
.kamibot-v2 .wl-status-after {
color: var(--kbv2-text);
}
.kamibot-v2 .wl-arrow {
letter-spacing: .08em;
text-transform: uppercase;
color: var(--kbv2-primary-strong);
align-items: center;
gap: 10px;
padding: 8px 14px;
font-family: JetBrains Mono, monospace;
font-size: 10.5px;
display: flex;
}
.kamibot-v2 .wl-arrow span {
background: linear-gradient(90deg, transparent, var(--kbv2-primary), transparent);
flex: 1;
height: 1px;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-arrow span {
background: linear-gradient(90deg, transparent, color-mix(in oklch, var(--kbv2-primary) 50%, transparent), transparent);
}
}
.kamibot-v2 .wl-arrow b {
white-space: nowrap;
font-weight: 600;
}
.kamibot-v2 .wl-mlist-foot {
border-top: 1px dashed var(--kbv2-border);
background: var(--kbv2-surface);
gap: 8px;
padding: 14px;
display: grid;
}
.kamibot-v2 .wl-foot-row {
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 12px;
display: flex;
}
.kamibot-v2 .wl-foot-row > span:first-child {
color: var(--kbv2-text-muted);
letter-spacing: .04em;
text-transform: uppercase;
min-width: 76px;
font-family: JetBrains Mono, monospace;
font-size: 10.5px;
}
.kamibot-v2 .wl-foot-row code {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text);
white-space: nowrap;
border-radius: 5px;
padding: 2px 7px;
font-family: JetBrains Mono, monospace;
font-size: 12px;
}
.kamibot-v2 .wl-foot-row .wl-quote {
font-family: Gowun Dodum, Pretendard Variable, sans-serif;
font-size: 12.5px;
}
.kamibot-v2 .wl-after-val {
border-color: var(--kbv2-primary) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-after-val {
border-color: color-mix(in oklch, var(--kbv2-primary) 35%, var(--kbv2-border)) !important;
}
}
.kamibot-v2 .wl-after-val {
color: var(--kbv2-primary-strong) !important;
background: var(--kbv2-primary-soft) !important;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .wl-after-val {
background: color-mix(in oklch, var(--kbv2-primary-soft) 50%, var(--kbv2-surface)) !important;
}
}
.kamibot-v2 .wl-arrow-mini {
color: var(--kbv2-primary);
font-family: JetBrains Mono, monospace;
font-weight: 700;
}
.kamibot-v2 .wl-swatch {
border: 1px solid var(--kbv2-border);
border-radius: 5px;
width: 18px;
height: 18px;
display: inline-block;
}
@media (max-width: 1024px) {
.kamibot-v2 .wl-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.kamibot-v2 .wl-copy .section-sub {
max-width: none;
}
}
.kamibot-v2 .hd-stage {
box-shadow: var(--shadow-lg), 0 0 0 1px var(--kbv2-primary);
background: #161721;
background: lab(8.17862% 1.75785 -7.23778);
border-radius: 14px;
grid-template-columns: 184px 1fr;
gap: 0;
display: grid;
position: relative;
overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-stage {
box-shadow: var(--shadow-lg), 0 0 0 1px color-mix(in oklch, var(--kbv2-primary) 12%, transparent);
}
}
.kamibot-v2 .hd-stage {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
height: 580px;
font-size: 13px;
transition: box-shadow .4s;
}
.kamibot-v2 .hd-stage:before {
content: "";
background: radial-gradient(ellipse at top right, var(--kbv2-primary) 0%, transparent 55%);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-stage:before {
background: radial-gradient(ellipse at top right, color-mix(in oklch, var(--kbv2-primary) 14%, transparent) 0%, transparent 55%);
}
}
.kamibot-v2 .hd-stage:before {
pointer-events: none;
z-index: 0;
}
.kamibot-v2 .hd-stage.has-drawer {
box-shadow: var(--shadow-lg), 0 0 0 1px var(--kbv2-primary), 0 0 60px -10px var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-stage.has-drawer {
box-shadow: var(--shadow-lg), 0 0 0 1px color-mix(in oklch, var(--kbv2-primary) 28%, transparent), 0 0 60px -10px color-mix(in oklch, var(--kbv2-primary) 30%, transparent);
}
}
.kamibot-v2 .hd-stage > * {
z-index: 1;
position: relative;
}
.kamibot-v2 .hd-progress {
z-index: 5;
gap: 5px;
display: flex;
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.kamibot-v2 .hd-dot {
background: #454753;
background: lab(30.2349% 1.51375 -7.33777);
border-radius: 2px;
width: 18px;
height: 3px;
transition: background .3s, width .4s;
}
.kamibot-v2 .hd-dot.is-on {
background: var(--kbv2-primary);
width: 26px;
}
.kamibot-v2 .hd-sidebar {
background: #101119;
background: lab(5.14425% 1.21774 -5.76605);
border-right: 1px solid #08080f;
border-right: 1px solid lab(2.41538% .627562 -2.94118);
flex-direction: column;
min-height: 0;
display: flex;
}
.kamibot-v2 .hd-server {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
border-bottom: 1px solid #08080f;
border-bottom: 1px solid lab(2.41538% .627562 -2.94118);
justify-content: space-between;
align-items: center;
padding: 12px 14px;
font-size: 13px;
font-weight: 600;
display: flex;
box-shadow: inset 0 1px #1d1e29, 0 -1px 4px #0003;
box-shadow: inset 0 1px lab(11.663% 1.69302 -7.26162), 0 -1px 4px lab(0% 0 0 / .2);
}
.kamibot-v2 .hd-server-name {
align-items: center;
gap: 6px;
display: flex;
}
.kamibot-v2 .hd-server-chev {
color: #909299;
color: lab(60.5044% .0824332 -3.77952);
}
.kamibot-v2 .hd-side-scroll {
flex-direction: column;
flex: 1;
gap: 4px;
padding: 10px 0 8px;
display: flex;
overflow: hidden;
}
.kamibot-v2 .hd-cat {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
text-transform: uppercase;
letter-spacing: .04em;
align-items: center;
gap: 4px;
padding: 8px 10px 4px;
font-size: 11px;
font-weight: 700;
display: flex;
}
.kamibot-v2 .hd-cat-mt {
margin-top: 8px;
}
.kamibot-v2 .hd-cat-chev {
opacity: .7;
font-size: 10px;
}
.kamibot-v2 .hd-cat-plus {
opacity: .6;
margin-left: auto;
padding-right: 4px;
font-weight: 400;
}
.kamibot-v2 .hd-channels {
flex-direction: column;
gap: 1px;
margin: 0;
padding: 0 6px;
list-style: none;
display: flex;
}
.kamibot-v2 .hd-channels li {
color: #8f929a;
color: lab(60.4927% .109553 -4.52952);
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 5px;
align-items: center;
gap: 6px;
padding: 5px 8px;
font-size: 12px;
display: flex;
overflow: hidden;
}
.kamibot-v2 .hd-channels li:hover {
color: #e3e4e8;
color: lab(90.6931% .0271499 -1.89799);
background: #1d1e28;
background: lab(11.6834% 1.48311 -6.55137);
}
.kamibot-v2 .hd-ch-hash {
color: #6f7179;
color: lab(47.7319% .122339 -4.52256);
flex-shrink: 0;
font-weight: 600;
}
.kamibot-v2 .hd-ch-ico {
color: #6f7179;
color: lab(47.7319% .122339 -4.52256);
flex-shrink: 0;
}
.kamibot-v2 .hd-channels li.is-voice {
padding-left: 8px;
}
.kamibot-v2 .hd-channels li.is-voice.is-active {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
background: #22232e;
background: lab(13.9853% 1.65828 -7.27514);
}
.kamibot-v2 .hd-channels li.is-voice.is-active .hd-ch-ico {
color: #a1c0b1;
color: lab(75.0174% -13.2548 3.83155);
}
.kamibot-v2 .hd-add-voice {
opacity: .85;
color: #6f7179 !important;
color: lab(47.7319% .122339 -4.52256) !important;
}
.kamibot-v2 .hd-ch-link {
margin-left: auto;
font-size: 10px;
}
.kamibot-v2 .hd-temp-room {
border: 1px solid var(--kbv2-primary);
background: #1d1e29;
background: lab(11.663% 1.69302 -7.26162);
border-radius: 6px;
margin: 4px 6px 0;
padding: 8px 10px;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-temp-room {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 22%, transparent);
}
}
.kamibot-v2 .hd-temp-room {
color: #e3e4e8;
color: lab(90.6931% .0271499 -1.89799);
opacity: 0;
pointer-events: none;
font-size: 12px;
transition: opacity .5s, transform .5s;
transform: translateY(-6px);
}
.kamibot-v2 .hd-temp-room.in {
opacity: 1;
pointer-events: auto;
animation: .5s kbv2-stage-pop-in;
transform: translateY(0);
}
@keyframes kbv2-stage-pop-in {
0% {
opacity: 0;
transform: translateY(-8px)scale(.96);
}
60% {
opacity: 1;
transform: translateY(0)scale(1.02);
}
100% {
opacity: 1;
transform: translateY(0)scale(1);
}
}
.kamibot-v2 .hd-temp-line {
align-items: center;
gap: 6px;
font-weight: 600;
display: flex;
}
.kamibot-v2 .hd-temp-name {
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
font-size: 12px;
overflow: hidden;
}
.kamibot-v2 .hd-temp-time {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
font-size: 10px;
}
.kamibot-v2 .hd-temp-sub {
color: #777a84;
color: lab(51.1938% .170767 -5.64381);
margin: 2px 0 6px 20px;
font-size: 10px;
}
.kamibot-v2 .hd-temp-members {
flex-direction: column;
gap: 4px;
margin: 6px 0 0;
padding: 0 0 0 8px;
list-style: none;
display: flex;
}
.kamibot-v2 .hd-temp-members li {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
align-items: center;
gap: 6px;
font-size: 11px;
animation: .45s backwards kbv2-stage-fade-in;
display: flex;
}
.kamibot-v2 .hd-temp-members li:first-child {
animation-delay: .15s;
}
.kamibot-v2 .hd-temp-members li:nth-child(2) {
animation-delay: .45s;
}
@keyframes kbv2-stage-fade-in {
from {
opacity: 0;
transform: translateX(-4px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.kamibot-v2 .m-av {
color: #fff;
background: #31323d;
background: lab(20.9505% 1.58058 -7.30748);
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
font-size: 9px;
font-weight: 700;
display: inline-flex;
overflow: hidden;
}
.kamibot-v2 .m-av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 20%;
object-position: center 20%;
width: 100%;
height: 100%;
}
.kamibot-v2 .m-av.m-user {
background: linear-gradient(135deg, #f2716a, #d24572);
background: linear-gradient(135deg, lab(63.6309% 50.1648 28.8057), lab(51.4211% 58.6355 7.0743));
}
.kamibot-v2 .m-name {
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
overflow: hidden;
}
.kamibot-v2 .m-name small {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
font-size: 9px;
font-weight: 400;
}
.kamibot-v2 .m-mute {
opacity: .7;
font-size: 10px;
}
.kamibot-v2 .hd-me {
background: #0a0a11;
background: lab(2.977% .704698 -3.34682);
border-top: 1px solid #05050a;
border-top: 1px solid lab(1.52422% .360809 -1.71357);
align-items: center;
gap: 8px;
padding: 7px 8px;
display: flex;
}
.kamibot-v2 .m-me {
width: 26px;
height: 26px;
font-size: 11px;
}
.kamibot-v2 .m-online {
background: #54b85b;
background: lab(67.1358% -44.8964 37.3064);
border-radius: 50%;
width: 6px;
height: 6px;
margin-right: 4px;
display: inline-block;
}
.kamibot-v2 .hd-me-meta {
flex: 1;
min-width: 0;
line-height: 1.15;
}
.kamibot-v2 .hd-me-meta b {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
text-overflow: ellipsis;
white-space: nowrap;
font-size: 11px;
display: block;
overflow: hidden;
}
.kamibot-v2 .hd-me-meta small {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
align-items: center;
font-size: 10px;
display: flex;
}
.kamibot-v2 .hd-me-ico {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
}
.kamibot-v2 .hd-main {
background: #191a24;
background: lab(9.34022% 1.73422 -7.24626);
flex-direction: column;
min-width: 0;
transition: padding-right .5s, transform .5s;
display: flex;
position: relative;
}
.kamibot-v2 .hd-main-head {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
border-bottom: 1px solid #08080f;
border-bottom: 1px solid lab(2.41538% .627562 -2.94118);
flex-shrink: 0;
align-items: center;
gap: 8px;
padding: 11px 14px;
font-size: 13px;
display: flex;
box-shadow: inset 0 1px #22232e;
box-shadow: inset 0 1px lab(13.9853% 1.65828 -7.27514);
}
.kamibot-v2 .hd-main-hash {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
}
.kamibot-v2 .hd-main-name {
font-weight: 600;
}
.kamibot-v2 .hd-main-topic {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
border-left: 1px solid #31323d;
border-left: 1px solid lab(20.9505% 1.58058 -7.30748);
margin-left: 8px;
padding-left: 10px;
font-size: 11px;
}
.kamibot-v2 .hd-main-scroll {
flex-direction: column;
flex: 1;
gap: 12px;
min-height: 0;
padding: 14px 16px 8px;
display: flex;
overflow: hidden;
}
.kamibot-v2 .hd-voice-card {
opacity: 0;
border-radius: 10px;
grid-template-columns: 1fr 1fr;
gap: 4px;
height: 0;
transition: height .55s, opacity .4s;
display: grid;
overflow: hidden;
}
.kamibot-v2 .hd-voice-card.in {
opacity: 1;
height: 124px;
}
.kamibot-v2 .hd-voice-tile {
background: linear-gradient(160deg, #fedadd, #f2bec6);
background: linear-gradient(160deg, lab(90.2714% 13.1763 3.32489), lab(81.8965% 19.9331 3.42366));
border-radius: 6px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.kamibot-v2 .hd-voice-tile-user {
background: linear-gradient(160deg, #cacef2, #b6b1dc);
background: linear-gradient(160deg, lab(83.3402% 3.89302 -18.2945), lab(73.8503% 8.15371 -20.83));
}
.kamibot-v2 .hd-voice-portrait {
background: #f8efee;
background: lab(95.2773% 2.91997 1.93757);
border-radius: 50%;
width: 56px;
height: 56px;
overflow: hidden;
box-shadow: 0 4px 20px #00000026;
}
.kamibot-v2 .hd-voice-portrait img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 18%;
object-position: center 18%;
width: 100%;
height: 100%;
}
.kamibot-v2 .hd-voice-portrait-user {
background: #f8e7e3;
background: lab(92.8736% 5.8561 3.88917);
}
.kamibot-v2 .hd-voice-tag {
color: #fff;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background: #0000008c;
border-radius: 4px;
align-items: center;
gap: 4px;
padding: 2px 6px;
font-size: 10px;
font-weight: 600;
display: inline-flex;
position: absolute;
bottom: 6px;
left: 6px;
}
.kamibot-v2 .hd-voice-tag svg {
color: #ff9189;
color: lab(72.9216% 50.0549 28.4249);
width: 10px;
height: 10px;
}
.kamibot-v2 .hd-msg-list {
flex-direction: column;
gap: 12px;
display: flex;
}
.kamibot-v2 .hd-msg {
border-radius: 4px;
grid-template-columns: 36px 1fr;
gap: 12px;
padding: 4px 4px 6px;
display: grid;
position: relative;
}
.kamibot-v2 .hd-msg .av {
background: #f8efee;
background: lab(95.2773% 2.91997 1.93757);
border-radius: 50%;
flex-shrink: 0;
width: 32px;
height: 32px;
overflow: hidden;
}
.kamibot-v2 .hd-msg .av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 18%;
object-position: center 18%;
width: 100%;
height: 100%;
}
.kamibot-v2 .hd-msg-body {
min-width: 0;
font-size: 13px;
line-height: 1.45;
}
.kamibot-v2 .hd-msg-head {
align-items: baseline;
gap: 6px;
margin-bottom: 2px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .hd-msg-head b {
color: var(--kbv2-primary);
font-size: 13px;
font-weight: 700;
}
.kamibot-v2 .hd-msg-head .badge-bot {
background: var(--kbv2-primary);
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
letter-spacing: .02em;
border-radius: 3px;
padding: 1px 4px;
font-size: 9px;
font-weight: 700;
position: relative;
top: -1px;
}
.kamibot-v2 .hd-msg-head small {
color: #6e717b;
color: lab(47.7135% .177026 -5.64057);
font-size: 10px;
}
.kamibot-v2 .hd-msg-text {
color: #e3e4e8;
color: lab(90.6931% .0271499 -1.89799);
}
.kamibot-v2 .hd-msg-text code {
color: #edc2bd;
color: lab(82.1341% 15.3851 8.34167);
background: #0c0d14;
background: lab(3.61939% .78623 -3.77868);
border-radius: 3px;
padding: 1px 5px;
font-family: JetBrains Mono, monospace;
font-size: 11px;
}
.kamibot-v2 .hd-msg-text b {
font-weight: 700;
}
.kamibot-v2 .hd-msg-sub {
color: #a8abb3;
color: lab(69.7731% .102699 -4.53334);
margin-top: 4px;
font-size: 12px;
}
.kamibot-v2 .hd-quick {
flex-wrap: wrap;
gap: 6px;
margin-top: 10px;
animation: .4s kbv2-stage-fade-in-up;
display: flex;
}
@keyframes kbv2-stage-fade-in-up {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.kamibot-v2 .hd-quick-btn {
color: #d6d7db;
color: lab(86.053% .0275075 -1.8978);
cursor: pointer;
background: #272833;
background: lab(16.3073% 1.62859 -7.28713);
border: 1px solid #363742;
border: 1px solid lab(23.2718% 1.56085 -7.31615);
border-radius: 5px;
align-items: center;
gap: 5px;
padding: 6px 10px;
font-size: 11px;
font-weight: 500;
transition: all .15s;
display: inline-flex;
}
.kamibot-v2 .hd-quick-btn:hover {
background: #31323d;
background: lab(20.9505% 1.58058 -7.30748);
}
.kamibot-v2 .hd-quick-btn svg {
opacity: .85;
width: 12px;
height: 12px;
}
.kamibot-v2 .hd-quick-tts.is-on {
background: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-quick-tts.is-on {
background: color-mix(in oklch, var(--kbv2-primary) 22%, lab(16.3073% 1.62859 -7.28713));
}
}
.kamibot-v2 .hd-quick-tts.is-on {
border-color: var(--kbv2-primary);
color: var(--kbv2-primary);
}
.kamibot-v2 .hd-msg-link {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
border-left: 3px solid var(--kbv2-primary);
background: #101119;
background: lab(5.14425% 1.21774 -5.76605);
border-radius: 6px;
flex-direction: column;
gap: 4px;
padding: 10px 12px;
font-size: 12px;
animation: .45s kbv2-stage-fade-in-up;
display: flex;
}
.kamibot-v2 .hd-msg-link-row {
flex-wrap: wrap;
align-items: center;
gap: 6px;
display: flex;
}
.kamibot-v2 .hd-msg-link-row svg {
color: var(--kbv2-primary);
width: 12px;
height: 12px;
}
.kamibot-v2 .hd-msg-link-arrow {
color: var(--kbv2-primary);
font-weight: 700;
}
.kamibot-v2 .hd-msg-link small {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
font-size: 10px;
}
.kamibot-v2 .hd-msg-link small code {
font-size: 10px;
}
.kamibot-v2 .hd-msg-mention {
animation: .4s kbv2-stage-fade-in-up;
}
.kamibot-v2 .hd-mention {
background: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-mention {
background: color-mix(in oklch, var(--kbv2-primary) 22%, transparent);
}
}
.kamibot-v2 .hd-mention {
color: var(--kbv2-primary);
cursor: pointer;
border-radius: 3px;
padding: 1px 4px;
font-weight: 600;
}
.kamibot-v2 .hd-channel-pill {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
background: #272833;
background: lab(16.3073% 1.62859 -7.28713);
border-radius: 3px;
padding: 1px 5px;
font-size: 11px;
font-weight: 500;
}
.kamibot-v2 .hd-input {
background: #22232e;
background: lab(13.9853% 1.65828 -7.27514);
border-radius: 8px;
flex-shrink: 0;
align-items: center;
gap: 10px;
margin: 0 14px 14px;
padding: 10px 14px;
display: flex;
position: relative;
}
.kamibot-v2 .hd-input-plus {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
flex-shrink: 0;
width: 18px;
height: 18px;
}
.kamibot-v2 .hd-input-field {
flex: 1;
min-width: 0;
font-size: 13px;
position: relative;
}
.kamibot-v2 .hd-input-text {
color: #e3e4e8;
color: lab(90.6931% .0271499 -1.89799);
}
.kamibot-v2 .hd-input-ph {
color: #6e717b;
color: lab(47.7135% .177026 -5.64057);
}
.kamibot-v2 .hd-input-caret {
background: var(--kbv2-primary);
vertical-align: -2px;
width: 1.5px;
height: 14px;
margin-left: 1px;
animation: .9s step-end infinite kbv2-stage-blink;
display: inline-block;
}
@keyframes kbv2-stage-blink {
0%, 49% {
opacity: 1;
}
50%, 100% {
opacity: 0;
}
}
.kamibot-v2 .hd-input-ico {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
flex-shrink: 0;
width: 16px;
height: 16px;
}
.kamibot-v2 .hd-slash-pop {
z-index: 4;
background: #0c0c15;
background: lab(3.59973% .999779 -4.64025);
border: 1px solid #272833;
border: 1px solid lab(16.3073% 1.62859 -7.28713);
border-radius: 8px;
padding: 6px 0;
animation: .25s kbv2-stage-fade-in-up;
position: absolute;
bottom: calc(100% + 10px);
left: -14px;
right: -14px;
box-shadow: 0 12px 32px #0006;
}
.kamibot-v2 .hd-slash-head {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
border-bottom: 1px solid #191a24;
border-bottom: 1px solid lab(9.34022% 1.73422 -7.24626);
justify-content: space-between;
margin-bottom: 4px;
padding: 4px 12px 6px;
font-size: 10px;
display: flex;
}
.kamibot-v2 .hd-slash-head b {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
}
.kamibot-v2 .hd-slash-pop ul {
margin: 0;
padding: 0;
list-style: none;
}
.kamibot-v2 .hd-slash-pop li {
color: #a8abb3;
color: lab(69.7731% .102699 -4.53334);
grid-template-columns: 20px 1fr auto;
align-items: center;
gap: 8px;
padding: 6px 12px;
font-size: 12px;
display: grid;
}
.kamibot-v2 .hd-slash-pop li.active {
background: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-slash-pop li.active {
background: color-mix(in oklch, var(--kbv2-primary) 18%, lab(9.34022% 1.73422 -7.24626));
}
}
.kamibot-v2 .hd-slash-pop li.active {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
}
.kamibot-v2 .hd-slash-pop li .ic {
color: var(--kbv2-primary);
display: flex;
}
.kamibot-v2 .hd-slash-pop li .ic svg {
width: 14px;
height: 14px;
}
.kamibot-v2 .hd-slash-pop li b {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
font-size: 12px;
font-weight: 600;
display: block;
}
.kamibot-v2 .hd-slash-pop li small {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
margin-top: 1px;
font-size: 10px;
display: block;
}
.kamibot-v2 .hd-slash-pop li .key {
color: #a8abb3;
color: lab(69.7731% .102699 -4.53334);
background: #22232e;
background: lab(13.9853% 1.65828 -7.27514);
border-radius: 3px;
padding: 1px 4px;
font-size: 9px;
}
.kamibot-v2 .hd-drawer {
z-index: 3;
background: #14151e;
background: lab(7.0765% 1.45674 -6.45774);
border-left: 1px solid #08080f;
border-left: 1px solid lab(2.41538% .627562 -2.94118);
flex-direction: column;
gap: 10px;
width: 56%;
padding: 16px 14px 14px;
transition: transform .5s cubic-bezier(.4, 0, .2, 1);
display: flex;
position: absolute;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
transform: translateX(100%);
box-shadow: -16px 0 40px -10px #00000073;
}
.kamibot-v2 .hd-drawer.in {
transform: translateX(0);
}
.kamibot-v2 .hd-drawer-head {
border-bottom: 1px solid #08080f;
border-bottom: 1px solid lab(2.41538% .627562 -2.94118);
align-items: center;
gap: 10px;
padding: 4px 6px 8px;
display: flex;
}
.kamibot-v2 .hd-drawer-head .av {
background: #f8efee;
background: lab(95.2773% 2.91997 1.93757);
border-radius: 50%;
width: 32px;
height: 32px;
overflow: hidden;
}
.kamibot-v2 .hd-drawer-head .av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 18%;
object-position: center 18%;
width: 100%;
height: 100%;
}
.kamibot-v2 .hd-drawer-meta b {
color: var(--kbv2-primary);
align-items: center;
gap: 6px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .hd-drawer-meta small {
color: #6e717b;
color: lab(47.7135% .177026 -5.64057);
font-size: 10px;
}
.kamibot-v2 .hd-drawer-embed {
border-left: 3px solid var(--kbv2-primary);
background: #101119;
background: lab(5.14425% 1.21774 -5.76605);
border-radius: 8px;
flex-direction: column;
flex: 1;
gap: 12px;
min-height: 0;
padding: 14px;
display: flex;
overflow-y: auto;
}
.kamibot-v2 .hd-drawer-embed::-webkit-scrollbar {
width: 4px;
}
.kamibot-v2 .hd-drawer-embed::-webkit-scrollbar-thumb {
background: #31323d;
background: lab(20.9505% 1.58058 -7.30748);
border-radius: 2px;
}
.kamibot-v2 .hd-embed-title {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 700;
display: flex;
}
.kamibot-v2 .hd-emoji {
font-size: 16px;
}
.kamibot-v2 .hd-embed-desc {
color: #a8abb3;
color: lab(69.7731% .102699 -4.53334);
font-size: 12px;
}
.kamibot-v2 .hd-embed-actions {
flex-wrap: wrap;
gap: 6px;
display: flex;
}
.kamibot-v2 .hd-pill {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
cursor: pointer;
background: #22232e;
background: lab(13.9853% 1.65828 -7.27514);
border: 1px solid #31323d;
border: 1px solid lab(20.9505% 1.58058 -7.30748);
border-radius: 5px;
align-items: center;
gap: 5px;
padding: 6px 10px;
font-size: 11px;
display: inline-flex;
}
.kamibot-v2 .hd-pill svg {
width: 11px;
height: 11px;
}
.kamibot-v2 .hd-vbox {
background: #0c0d14;
background: lab(3.61939% .78623 -3.77868);
border: 1px solid #08080f;
border: 1px solid lab(2.41538% .627562 -2.94118);
border-radius: 6px;
flex-direction: column;
gap: 10px;
padding: 12px;
display: flex;
}
.kamibot-v2 .hd-vbox-head {
justify-content: space-between;
align-items: center;
display: flex;
}
.kamibot-v2 .hd-vbox-head b {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
font-size: 13px;
}
.kamibot-v2 .hd-vbox-link {
color: #b4b7bf;
color: lab(74.4133% .0997484 -4.53497);
cursor: pointer;
background: #1d1e29;
background: lab(11.663% 1.69302 -7.26162);
border-radius: 4px;
align-items: center;
gap: 4px;
padding: 4px 8px;
font-size: 10px;
display: inline-flex;
}
.kamibot-v2 .hd-vbox-link svg {
width: 10px;
height: 10px;
}
.kamibot-v2 .hd-vbox-callout {
background: var(--kbv2-primary);
align-items: flex-start;
gap: 10px;
padding: 10px 12px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-vbox-callout {
background: color-mix(in oklch, var(--kbv2-primary) 14%, lab(3.61939% .78623 -3.77868));
}
}
.kamibot-v2 .hd-vbox-callout {
border-left: 2px solid var(--kbv2-primary);
border-radius: 4px;
}
.kamibot-v2 .hd-vbox-emoji {
font-size: 18px;
line-height: 1;
}
.kamibot-v2 .hd-vbox-callout b {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
margin-bottom: 2px;
font-size: 12px;
display: block;
}
.kamibot-v2 .hd-vbox-callout small {
color: #a8abb3;
color: lab(69.7731% .102699 -4.53334);
font-size: 11px;
display: block;
}
.kamibot-v2 .hd-select {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
cursor: pointer;
background: #14151f;
background: lab(7.05658% 1.67041 -7.16021);
border: 1px solid #272833;
border: 1px solid lab(16.3073% 1.62859 -7.28713);
border-radius: 5px;
align-items: center;
gap: 8px;
padding: 9px 12px;
font-size: 12px;
transition: border-color .2s;
display: flex;
position: relative;
}
.kamibot-v2 .hd-select-label {
flex: 1;
align-items: center;
gap: 6px;
display: flex;
}
.kamibot-v2 .hd-select-chev {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
margin-left: auto;
transition: transform .3s;
}
.kamibot-v2 .hd-select.is-open .hd-select-chev {
transform: rotate(-180deg);
}
.kamibot-v2 .hd-select-feature {
background: linear-gradient(95deg, var(--kbv2-primary), #14151f);
}
@supports (color: lab(0% 0 0)) {
.kamibot-v2 .hd-select-feature {
background: linear-gradient(95deg, var(--kbv2-primary), lab(7.05658% 1.67041 -7.16021));
}
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-select-feature {
background: linear-gradient(95deg, color-mix(in oklch, var(--kbv2-primary) 16%, lab(7.05658% 1.67041 -7.16021)), lab(7.05658% 1.67041 -7.16021));
}
}
.kamibot-v2 .hd-select-feature {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-select-feature {
border-color: color-mix(in oklch, var(--kbv2-primary) 36%, lab(16.3073% 1.62859 -7.28713));
}
}
.kamibot-v2 .hd-select-feature {
color: #eaebef;
color: lab(93.0131% .0270009 -1.89811);
font-weight: 500;
}
.kamibot-v2 .hd-select-feature.is-open {
border-color: var(--kbv2-primary);
box-shadow: 0 0 0 3px var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-select-feature.is-open {
box-shadow: 0 0 0 3px color-mix(in oklch, var(--kbv2-primary) 16%, transparent);
}
}
.kamibot-v2 .hd-select-muted {
opacity: .7;
}
.kamibot-v2 .hd-select-menu {
border: 1px solid var(--kbv2-primary);
background: #101119;
background: lab(5.14425% 1.21774 -5.76605);
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-select-menu {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 36%, lab(16.3073% 1.62859 -7.28713));
}
}
.kamibot-v2 .hd-select-menu {
z-index: 6;
opacity: 0;
border-radius: 6px;
max-height: 0;
padding: 4px;
transition: max-height .4s, opacity .3s, padding .3s;
overflow: hidden;
box-shadow: 0 16px 40px #00000080;
}
.kamibot-v2 .hd-select.is-open .hd-select-menu {
opacity: 1;
max-height: 320px;
padding: 6px;
}
.kamibot-v2 .hd-voice-row {
color: #ced1d8;
color: lab(83.705% .072211 -3.78537);
border-radius: 4px;
align-items: center;
gap: 8px;
padding: 6px 8px;
font-size: 12px;
transition: background .15s, transform .15s;
display: flex;
}
.kamibot-v2 .hd-voice-row.is-hover {
background: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hd-voice-row.is-hover {
background: color-mix(in oklch, var(--kbv2-primary) 24%, lab(5.14425% 1.21774 -5.76605));
}
}
.kamibot-v2 .hd-voice-row.is-hover {
color: #f0f2f5;
color: lab(95.3331% .0267923 -1.89819);
transform: translateX(2px);
}
.kamibot-v2 .hd-voice-emoji {
flex-shrink: 0;
font-size: 14px;
line-height: 1;
}
.kamibot-v2 .hd-voice-name {
flex: 1;
font-weight: 500;
}
.kamibot-v2 .hd-voice-tag-pill {
background: var(--kbv2-primary);
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
letter-spacing: .02em;
border-radius: 3px;
padding: 1px 5px;
font-size: 9px;
font-weight: 700;
}
.kamibot-v2 .hd-vbox-foot {
color: #828690;
color: lab(55.8343% .163406 -5.64766);
text-align: center;
font-size: 10px;
display: block;
}
.kamibot-v2 .hd-drawer-foot {
color: #6e717b;
color: lab(47.7135% .177026 -5.64057);
border-top: 1px solid #08080f;
border-top: 1px solid lab(2.41538% .627562 -2.94118);
padding: 4px 6px 0;
font-size: 10px;
}
.kamibot-v2 .hd-drawer-foot a {
color: #736aff;
color: lab(43.7188% 126.168 -160.763);
cursor: pointer;
}
@media (max-width: 1024px) {
.kamibot-v2 .hd-stage {
height: 540px;
}
}
@media (max-width: 880px) {
.kamibot-v2 .hd-stage {
grid-template-columns: 152px 1fr;
height: 520px;
font-size: 12px;
}
.kamibot-v2 .hd-drawer {
width: 64%;
}
}
@media (max-width: 720px) {
.kamibot-v2 .hd-stage {
grid-template-columns: 1fr;
height: 540px;
}
.kamibot-v2 .hd-sidebar {
z-index: 4;
width: 70%;
max-width: 240px;
transition: transform .45s;
position: absolute;
top: 0;
bottom: 0;
left: 0;
transform: translateX(-100%);
}
.kamibot-v2 .step-room .hd-sidebar, .kamibot-v2 .step-menu .hd-sidebar, .kamibot-v2 .step-linked .hd-sidebar {
transform: translateX(0);
box-shadow: 16px 0 40px -10px #00000080;
}
.kamibot-v2 .hd-drawer {
z-index: 5;
width: 100%;
}
}
.kamibot-v2 .live-demo {
background: linear-gradient(180deg, var(--kbv2-bg) 0%, var(--kbv2-primary) 100%);
padding: 80px 0 96px;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .live-demo {
background: linear-gradient(180deg, var(--kbv2-bg) 0%, color-mix(in oklch, var(--kbv2-primary) 5%, var(--kbv2-bg)) 100%);
}
}
.kamibot-v2 .live-demo {
border-top: 1px solid var(--kbv2-border);
border-bottom: 1px solid var(--kbv2-border);
position: relative;
overflow: hidden;
}
.kamibot-v2 .live-demo:before {
content: "";
background: radial-gradient(circle, var(--kbv2-primary) 0%, transparent 70%);
border-radius: 50%;
width: 400px;
height: 400px;
position: absolute;
top: -100px;
right: -100px;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .live-demo:before {
background: radial-gradient(circle, color-mix(in oklch, var(--kbv2-primary) 18%, transparent) 0%, transparent 70%);
}
}
.kamibot-v2 .live-demo:before {
pointer-events: none;
}
.kamibot-v2 .ld-head {
text-align: center;
max-width: 720px;
margin: 0 auto 40px;
}
.kamibot-v2 .ld-title {
letter-spacing: -.02em;
margin: 18px 0 14px;
font-size: clamp(30px, 4vw, 44px);
font-weight: 700;
line-height: 1.15;
}
.kamibot-v2 .ld-sub {
color: var(--kbv2-text-muted);
text-wrap: pretty;
font-size: 16px;
line-height: 1.6;
}
.kamibot-v2 .ld-hint {
color: var(--kbv2-primary-strong);
margin-top: 8px;
font-family: JetBrains Mono, monospace;
font-size: 13px;
display: block;
}
.kamibot-v2 .ld-frame {
max-width: 1100px;
margin: 0 auto;
position: relative;
}
.kamibot-v2 .live-demo .hd-stage {
grid-template-columns: 240px 1fr;
height: 720px;
}
.kamibot-v2 .live-demo .hd-stage .hd-drawer {
width: 50%;
}
.kamibot-v2 .live-demo .hd-channels li {
padding: 6px 10px;
font-size: 13px;
}
.kamibot-v2 .live-demo .hd-cat {
font-size: 12px;
}
.kamibot-v2 .live-demo .hd-msg-list {
gap: 14px;
}
.kamibot-v2 .live-demo .hd-msg-body, .kamibot-v2 .live-demo .hd-msg-head b {
font-size: 14px;
}
.kamibot-v2 .live-demo .hd-voice-card.in {
height: 180px;
}
.kamibot-v2 .live-demo .hd-voice-portrait {
width: 72px;
height: 72px;
}
.kamibot-v2 .live-demo .hd-voice-tag {
padding: 3px 8px;
font-size: 11px;
}
.kamibot-v2 .live-demo .hd-input {
padding: 12px 16px;
}
.kamibot-v2 .live-demo .hd-input-field {
font-size: 14px;
}
@media (max-width: 1024px) {
.kamibot-v2 .live-demo .hd-stage {
grid-template-columns: 200px 1fr;
height: 640px;
}
.kamibot-v2 .live-demo .hd-stage .hd-drawer {
width: 64%;
}
}
@media (max-width: 720px) {
.kamibot-v2 .live-demo .hd-stage {
grid-template-columns: 1fr;
height: 600px;
}
.kamibot-v2 .live-demo {
padding: 56px 0 72px;
}
.kamibot-v2 .live-demo .hd-stage .hd-drawer {
width: 88%;
}
}
@media (max-width: 480px) {
.kamibot-v2 .live-demo .hd-stage .hd-drawer {
width: 100%;
}
}
.kamibot-v2 .hd-voice-tile.is-speaking {
outline-offset: -3px;
outline: 3px solid #54b85b;
outline: 3px solid lab(67.1358% -44.8964 37.3064);
animation: 1.4s ease-in-out infinite kbv2-stage-speak-glow;
box-shadow: 0 0 #54b85b99;
box-shadow: 0 0 lab(67.1358% -44.8964 37.3064 / .6);
}
@keyframes kbv2-stage-speak-glow {
0%, 100% {
box-shadow: 0 0 #54b85b99;
box-shadow: 0 0 lab(67.1358% -44.8964 37.3064 / .6);
}
50% {
box-shadow: 0 0 0 12px #0000;
box-shadow: 0 0 0 12px lab(0% 0 0 / 0);
}
}
.kamibot-v2 .hd-wave {
pointer-events: none;
align-items: flex-end;
gap: 3px;
height: 18px;
display: flex;
position: absolute;
bottom: 28px;
left: 50%;
transform: translateX(-50%);
}
.kamibot-v2 .hd-wave span {
background: #54b85b;
background: lab(67.1358% -44.8964 37.3064);
border-radius: 2px;
width: 3px;
animation: .9s ease-in-out infinite kbv2-stage-bar;
}
.kamibot-v2 .hd-wave span:first-child {
animation-delay: 0s;
}
.kamibot-v2 .hd-wave span:nth-child(2) {
animation-delay: .15s;
}
.kamibot-v2 .hd-wave span:nth-child(3) {
animation-delay: .3s;
}
.kamibot-v2 .hd-wave span:nth-child(4) {
animation-delay: .45s;
}
.kamibot-v2 .hd-wave span:nth-child(5) {
animation-delay: .6s;
}
@keyframes kbv2-stage-bar {
0%, 100% {
height: 4px;
}
50% {
height: 16px;
}
}
.kamibot-v2 .hd-speaking-dot {
background: #54b85b;
background: lab(67.1358% -44.8964 37.3064);
border-radius: 50%;
width: 6px;
height: 6px;
margin-left: 4px;
animation: 1.2s ease-in-out infinite kbv2-stage-pulse;
display: inline-block;
}
@keyframes kbv2-stage-pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: .5;
transform: scale(1.4);
}
}
.kamibot-v2 .hd-select-feature.is-picked {
background: linear-gradient(95deg, #1b3249, #14151f);
background: linear-gradient(95deg, lab(19.7866% -2.99199 -17.3377), lab(7.05658% 1.67041 -7.16021));
border-color: #54b85b;
border-color: lab(67.1358% -44.8964 37.3064);
}
.kamibot-v2 .hd-select-feature.is-picked .hd-select-label b {
color: #7acf7e;
color: lab(76.2082% -39.2083 31.9012);
}
.kamibot-v2 .hd-msg-spoken {
animation: .4s kbv2-stage-fade-in-up;
}
.kamibot-v2 .hd-msg-av-user {
color: #fff;
background: linear-gradient(135deg, #f2716a, #d24572);
background: linear-gradient(135deg, lab(63.6309% 50.1648 28.8057), lab(51.4211% 58.6355 7.0743));
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kamibot-v2 .hd-name-user {
color: #fb9890 !important;
color: lab(73.3287% 37.3462 20.7821) !important;
}
.kamibot-v2 .hd-spoken-tag {
color: #bddabd;
color: lab(84.4097% -13.9723 10.9351);
background: #19283c;
background: lab(15.5294% -1.25171 -15.3014);
border: 1px solid #54b85b66;
border: 1px solid lab(67.1358% -44.8964 37.3064 / .4);
border-radius: 999px;
align-items: center;
gap: 6px;
margin-top: 6px;
padding: 4px 10px;
font-size: 11px;
font-weight: 500;
display: inline-flex;
}
.kamibot-v2 .hd-spoken-tag svg {
color: #7acf7e;
color: lab(76.2082% -39.2083 31.9012);
width: 11px;
height: 11px;
}
.kamibot-v2 .hd-spoken-bars {
align-items: flex-end;
gap: 2px;
height: 10px;
margin-left: 2px;
display: inline-flex;
}
.kamibot-v2 .hd-spoken-bars span {
background: #7acf7e;
background: lab(76.2082% -39.2083 31.9012);
border-radius: 1px;
width: 2px;
animation: .8s ease-in-out infinite kbv2-stage-bar-sm;
}
.kamibot-v2 .hd-spoken-bars span:nth-child(2) {
animation-delay: .15s;
}
.kamibot-v2 .hd-spoken-bars span:nth-child(3) {
animation-delay: .3s;
}
.kamibot-v2 .hd-spoken-bars span:nth-child(4) {
animation-delay: .45s;
}
@keyframes kbv2-stage-bar-sm {
0%, 100% {
height: 3px;
}
50% {
height: 9px;
}
}
.kamibot-v2.prem-app {
background: radial-gradient(1100px 700px at 50% -8%, var(--kbv2-primary), transparent 65%), radial-gradient(900px 600px at 110% 30%, var(--kbv2-primary), transparent 70%), var(--kbv2-bg);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2.prem-app {
background: radial-gradient(1100px 700px at 50% -8%, color-mix(in oklch, var(--kbv2-primary) 14%, transparent), transparent 65%), radial-gradient(900px 600px at 110% 30%, color-mix(in oklch, var(--kbv2-primary) 8%, transparent), transparent 70%), var(--kbv2-bg);
}
}
.dark .kamibot-v2.prem-app, .kamibot-v2.prem-app[data-theme="dark"] {
background: radial-gradient(1100px 700px at 50% -8%, var(--kbv2-primary), transparent 65%), radial-gradient(900px 600px at 110% 30%, #4d1928, transparent 70%), var(--kbv2-bg);
}
@supports (color: lab(0% 0 0)) {
.dark .kamibot-v2.prem-app, .kamibot-v2.prem-app[data-theme="dark"] {
background: radial-gradient(1100px 700px at 50% -8%, var(--kbv2-primary), transparent 65%), radial-gradient(900px 600px at 110% 30%, lab(17.8321% 26.1411 3.11428), transparent 70%), var(--kbv2-bg);
}
}
@supports (color: color-mix(in lab, red, red)) {
.dark .kamibot-v2.prem-app, .kamibot-v2.prem-app[data-theme="dark"] {
background: radial-gradient(1100px 700px at 50% -8%, color-mix(in oklch, var(--kbv2-primary) 28%, transparent), transparent 65%), radial-gradient(900px 600px at 110% 30%, lab(17.8321% 26.1411 3.11428), transparent 70%), var(--kbv2-bg);
}
}
.kamibot-v2 .shy {
color: var(--kbv2-text-muted);
font-style: italic;
}
.kamibot-v2.prem-app, .kamibot-v2.prem-app p, .kamibot-v2.prem-app li, .kamibot-v2.prem-app td, .kamibot-v2.prem-app th, .kamibot-v2.prem-app h1, .kamibot-v2.prem-app h2, .kamibot-v2.prem-app h3, .kamibot-v2.prem-app button, .kamibot-v2.prem-app a {
word-break: keep-all;
overflow-wrap: break-word;
}
.kamibot-v2.prem-app .section-eyebrow {
white-space: nowrap;
flex-wrap: nowrap;
}
.kamibot-v2.prem-app .section-eyebrow:before, .kamibot-v2.prem-app .section-eyebrow:after {
flex-shrink: 0;
}
.kamibot-v2 .prem-nav {
z-index: 50;
-webkit-backdrop-filter: blur(14px) saturate(140%);
background: var(--kbv2-bg);
position: sticky;
top: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-nav {
background: color-mix(in oklch, var(--kbv2-bg) 78%, transparent);
}
}
.kamibot-v2 .prem-nav {
border-bottom: 1px solid var(--kbv2-border);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-nav {
border-bottom: 1px solid color-mix(in oklch, var(--kbv2-border) 60%, transparent);
}
}
.kamibot-v2 .prem-nav-inner {
justify-content: space-between;
align-items: center;
gap: 16px;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.kamibot-v2 .prem-nav .brand {
color: var(--kbv2-text);
align-items: center;
gap: 10px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.kamibot-v2 .prem-nav .brand-mark {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
border-radius: 8px;
flex-shrink: 0;
width: 32px;
height: 32px;
overflow: hidden;
}
.kamibot-v2 .prem-nav .brand-mark img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.kamibot-v2 .prem-nav .brand-name {
white-space: nowrap;
font-size: 16px;
}
.kamibot-v2 .prem-nav .brand-divider {
background: var(--kbv2-border);
width: 1px;
height: 18px;
margin: 0 4px;
}
.kamibot-v2 .prem-nav .brand-page {
color: var(--kbv2-text-muted);
letter-spacing: .01em;
white-space: nowrap;
font-size: 13px;
font-weight: 500;
}
.kamibot-v2 .prem-nav-links {
flex: 1;
align-items: center;
gap: 4px;
margin-left: 16px;
display: flex;
}
.kamibot-v2 .prem-nav-side {
flex-shrink: 0;
align-items: center;
gap: 12px;
display: flex;
}
.kamibot-v2 .prem-nav-side > * {
flex: none;
}
.kamibot-v2 .prem-nav-link {
color: var(--kbv2-text-muted);
white-space: nowrap;
border-radius: 8px;
padding: 8px 12px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all .15s;
}
.kamibot-v2 .prem-nav-link:hover {
color: var(--kbv2-text);
background: var(--kbv2-surface-2);
}
@media (max-width: 720px) {
.kamibot-v2 .prem-nav-links {
display: none;
}
}
.kamibot-v2 .prem-hero {
padding: 80px 0 64px;
}
.kamibot-v2 .prem-hero-grid {
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
align-items: center;
gap: 64px;
display: grid;
}
.kamibot-v2 .prem-hero-text {
min-width: 0;
}
.kamibot-v2 .prem-hero-title {
letter-spacing: -.02em;
text-wrap: balance;
margin: 16px 0 28px;
font-size: clamp(36px, 4.6vw, 56px);
font-weight: 700;
line-height: 1.1;
}
.kamibot-v2 .prem-hero-title .shy {
color: var(--kbv2-text-muted);
font-weight: 500;
}
.kamibot-v2 .prem-hero-letter {
color: var(--kbv2-text);
text-wrap: pretty;
max-width: 580px;
font-size: 17px;
line-height: 1.75;
}
.kamibot-v2 .prem-hero-letter p {
margin: 0 0 16px;
}
.kamibot-v2 .prem-hero-letter p:last-child {
margin-bottom: 0;
}
.kamibot-v2 .prem-hero-letter b {
font-weight: 700;
}
.kamibot-v2 .prem-hero-letter em {
background: linear-gradient(transparent 60%, var(--kbv2-primary) 60%);
font-style: normal;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-hero-letter em {
background: linear-gradient(transparent 60%, color-mix(in oklch, var(--kbv2-primary) 28%, transparent) 60%);
}
}
.kamibot-v2 .prem-hero-letter em {
padding: 0 2px;
}
.kamibot-v2 .prem-hero-actions {
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
display: flex;
}
.kamibot-v2 .prem-hero-meta {
color: var(--kbv2-text-muted);
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 24px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .prem-hero-meta span {
align-items: center;
gap: 6px;
display: inline-flex;
}
.kamibot-v2 .prem-hero-meta span svg {
color: var(--kbv2-primary);
width: 14px;
height: 14px;
}
.kamibot-v2 .prem-hero-meta .dot {
background: var(--line-strong);
border-radius: 50%;
width: 3px;
height: 3px;
padding: 0;
}
.kamibot-v2 .prem-hero-mascot {
justify-content: center;
align-items: center;
min-height: 380px;
display: flex;
position: relative;
}
.kamibot-v2 .prem-hero-mascot .mascot-frame {
background: linear-gradient(160deg, var(--kbv2-primary), var(--kbv2-surface-2));
border-radius: 50%;
width: 280px;
height: 280px;
overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-hero-mascot .mascot-frame {
background: linear-gradient(160deg, color-mix(in oklch, var(--kbv2-primary) 30%, var(--kbv2-surface)), var(--kbv2-surface-2));
}
}
.kamibot-v2 .prem-hero-mascot .mascot-frame {
border: 1px solid var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-hero-mascot .mascot-frame {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 30%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-hero-mascot .mascot-frame {
box-shadow: 0 30px 80px -30px var(--kbv2-primary), 0 0 0 8px var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-hero-mascot .mascot-frame {
box-shadow: 0 30px 80px -30px color-mix(in oklch, var(--kbv2-primary) 40%, transparent), 0 0 0 8px color-mix(in oklch, var(--kbv2-primary) 6%, transparent);
}
}
.kamibot-v2 .prem-hero-mascot .mascot-frame {
z-index: 1;
position: relative;
}
.kamibot-v2 .prem-hero-mascot .mascot-frame img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.kamibot-v2 .prem-hero-mascot .mascot-frame-extended {
border-radius: 32px;
width: 320px;
height: 380px;
}
.kamibot-v2 .prem-hero-mascot .mascot-frame-extended img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center bottom;
object-position: center bottom;
}
.kamibot-v2 .prem-hero-mascot .mascot-bub {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text);
box-shadow: var(--shadow-md);
z-index: 2;
border-radius: 18px;
padding: 12px 18px;
font-size: 14px;
position: absolute;
top: 38px;
right: -8px;
}
.kamibot-v2 .prem-hero-mascot .bub-tail {
background: var(--kbv2-surface);
border-left: 1px solid var(--kbv2-border);
border-bottom: 1px solid var(--kbv2-border);
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: -6px;
transform: translateY(-50%)rotate(45deg);
}
.kamibot-v2 .prem-hero-mascot .mascot-deco {
pointer-events: none;
position: absolute;
inset: 0;
}
.kamibot-v2 .prem-hero-mascot .deco-sparkle {
color: var(--kbv2-primary);
opacity: .7;
font-size: 22px;
animation: 3s ease-in-out infinite kbv2-prem-sparkle;
position: absolute;
}
.kamibot-v2 .prem-hero-mascot .deco-sparkle.s1 {
animation-delay: 0s;
top: 20%;
left: 10%;
}
.kamibot-v2 .prem-hero-mascot .deco-sparkle.s2 {
font-size: 18px;
animation-delay: 1s;
bottom: 22%;
right: 12%;
}
.kamibot-v2 .prem-hero-mascot .deco-sparkle.s3 {
font-size: 16px;
animation-delay: 2s;
top: 50%;
left: 6%;
}
@keyframes kbv2-prem-sparkle {
0%, 100% {
opacity: .7;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.3);
}
}
.kamibot-v2 .prem-plans {
padding: 80px 0;
}
.kamibot-v2 .prem-billing-toggle {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
width: fit-content;
box-shadow: var(--shadow-sm);
border-radius: 999px;
margin: -16px auto 48px;
padding: 4px;
display: flex;
}
.kamibot-v2 .prem-billing-opt {
appearance: none;
font: inherit;
color: var(--kbv2-text-muted);
cursor: pointer;
white-space: nowrap;
background: none;
border: 0;
border-radius: 999px;
align-items: center;
gap: 8px;
padding: 10px 22px;
font-size: 14px;
font-weight: 600;
transition: all .2s;
display: inline-flex;
}
.kamibot-v2 .prem-billing-opt.active {
background: var(--kbv2-primary);
color: #fff;
box-shadow: var(--shadow-sm);
}
.dark .kamibot-v2 .prem-billing-opt.active, .kamibot-v2[data-theme="dark"] .prem-billing-opt.active {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
.kamibot-v2 .prem-billing-save {
background: var(--online, #43a84c);
font-size: 11px;
}
@supports (color: lab(0% 0 0)) {
.kamibot-v2 .prem-billing-save {
background: var(--online, lab(61.3221% -44.9349 37.663));
}
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-billing-save {
background: color-mix(in oklch, var(--online, lab(61.3221% -44.9349 37.663)) 25%, transparent);
}
}
.kamibot-v2 .prem-billing-save {
color: #006911;
color: lab(38.0408% -45.2713 40.9531);
letter-spacing: .02em;
white-space: nowrap;
border-radius: 999px;
padding: 2px 8px;
font-weight: 600;
}
.kamibot-v2 .prem-billing-opt.active .prem-billing-save {
color: #fff;
background: #ffffff40;
}
.dark .kamibot-v2 .prem-billing-opt.active .prem-billing-save, .kamibot-v2[data-theme="dark"] .prem-billing-opt.active .prem-billing-save {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
background: #0000002e;
}
.kamibot-v2 .prem-plan-grid {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 8px;
display: grid;
}
.kamibot-v2 .prem-plan {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: 20px;
flex-direction: column;
padding: 32px 28px 28px;
transition: all .2s;
display: flex;
position: relative;
}
.kamibot-v2 .prem-plan:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.kamibot-v2 .prem-plan.is-highlight {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-plan.is-highlight {
border-color: color-mix(in oklch, var(--kbv2-primary) 50%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-plan.is-highlight {
box-shadow: 0 0 0 4px var(--kbv2-primary), var(--shadow-md);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-plan.is-highlight {
box-shadow: 0 0 0 4px color-mix(in oklch, var(--kbv2-primary) 12%, transparent), var(--shadow-md);
}
}
.kamibot-v2 .prem-plan.is-highlight {
background: linear-gradient(180deg, var(--kbv2-primary), var(--kbv2-surface));
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-plan.is-highlight {
background: linear-gradient(180deg, color-mix(in oklch, var(--kbv2-primary) 5%, var(--kbv2-surface)), var(--kbv2-surface));
}
}
.kamibot-v2 .prem-plan-recommend {
background: var(--kbv2-primary);
color: #fff;
letter-spacing: .08em;
box-shadow: var(--shadow-sm);
border-radius: 999px;
padding: 5px 14px;
font-size: 11px;
font-weight: 700;
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
}
.dark .kamibot-v2 .prem-plan-recommend, .kamibot-v2[data-theme="dark"] .prem-plan-recommend {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
.kamibot-v2 .prem-plan-head {
margin-bottom: 20px;
}
.kamibot-v2 .prem-plan-tag {
font-family: var(--kbv2-font-mono);
letter-spacing: .12em;
color: var(--kbv2-primary-strong);
margin-bottom: 8px;
font-size: 11px;
font-weight: 600;
display: inline-block;
}
.kamibot-v2 .prem-plan-name {
letter-spacing: -.01em;
margin: 0 0 4px;
font-size: 24px;
font-weight: 700;
}
.kamibot-v2 .prem-plan-tagline {
color: var(--kbv2-text-muted);
margin: 0;
font-size: 14px;
}
.kamibot-v2 .prem-plan-price {
border-top: 1px solid var(--kbv2-border);
border-bottom: 1px solid var(--kbv2-border);
flex-wrap: wrap;
align-items: baseline;
gap: 6px;
margin-bottom: 18px;
padding: 16px 0;
display: flex;
}
.kamibot-v2 .prem-price-num {
letter-spacing: -.02em;
color: var(--kbv2-text);
font-size: 32px;
font-weight: 700;
font-family: var(--kbv2-font-mono);
font-feature-settings: "tnum";
}
.kamibot-v2 .prem-price-unit {
color: var(--kbv2-text-muted);
font-size: 14px;
}
.kamibot-v2 .prem-plan-price-sub {
color: var(--kbv2-text-muted);
flex-basis: 100%;
margin-top: 2px;
font-size: 12px;
}
.kamibot-v2 .prem-plan-pitch {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0 0 20px;
font-size: 14px;
line-height: 1.6;
}
.kamibot-v2 .prem-plan-feats {
flex-direction: column;
flex: 1;
gap: 10px;
margin: 0 0 24px;
padding: 0;
list-style: none;
display: flex;
}
.kamibot-v2 .prem-plan-feats li {
color: var(--kbv2-text);
align-items: flex-start;
gap: 10px;
font-size: 14px;
line-height: 1.5;
display: flex;
}
.kamibot-v2 .prem-plan-feats li.is-hi {
font-weight: 600;
}
.kamibot-v2 .prem-plan-feats .feat-ic {
background: var(--kbv2-primary);
border-radius: 6px;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-plan-feats .feat-ic {
background: color-mix(in oklch, var(--kbv2-primary) 14%, transparent);
}
}
.kamibot-v2 .prem-plan-feats .feat-ic {
color: var(--kbv2-primary-strong);
margin-top: 1px;
}
.kamibot-v2 .prem-plan-feats .feat-ic svg {
width: 12px;
height: 12px;
}
.kamibot-v2 .prem-plan-feats li.is-hi .feat-ic {
background: var(--kbv2-primary);
color: #fff;
}
.dark .kamibot-v2 .prem-plan-feats li.is-hi .feat-ic, .kamibot-v2[data-theme="dark"] .prem-plan-feats li.is-hi .feat-ic {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
.kamibot-v2 .prem-plan .btn {
justify-content: center;
width: 100%;
}
.kamibot-v2 .prem-plans .btn.btn-ghost, .kamibot-v2 .prem-final-actions .btn.btn-ghost {
background: var(--kbv2-surface);
color: var(--kbv2-text);
border: 1px solid var(--kbv2-border);
}
.kamibot-v2 .prem-plans .btn.btn-ghost:hover, .kamibot-v2 .prem-final-actions .btn.btn-ghost:hover {
border-color: var(--kbv2-primary);
color: var(--kbv2-primary);
transform: translateY(-2px);
}
.kamibot-v2 .btn.btn-ghost-strong {
background: var(--kbv2-text);
color: var(--kbv2-bg);
border: 1px solid var(--kbv2-text);
}
.kamibot-v2 .btn.btn-ghost-strong:hover {
background: var(--ink);
color: var(--kbv2-bg);
transform: translateY(-2px);
}
.dark .kamibot-v2 .btn.btn-ghost-strong, .kamibot-v2[data-theme="dark"] .btn.btn-ghost-strong {
background: var(--kbv2-text);
color: var(--kbv2-bg);
}
.kamibot-v2 .prem-plan-foot {
text-align: center;
color: var(--kbv2-text-muted);
margin-top: 12px;
font-size: 12px;
display: block;
}
.kamibot-v2 .prem-plans-tiny {
text-align: center;
color: var(--kbv2-text-muted);
margin-top: 32px;
font-size: 13px;
font-style: italic;
}
.kamibot-v2 .prem-costs {
background: linear-gradient(180deg, transparent, var(--kbv2-primary) 50%, transparent);
padding: 80px 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-costs {
background: linear-gradient(180deg, transparent, color-mix(in oklch, var(--kbv2-primary) 4%, var(--kbv2-bg)) 50%, transparent);
}
}
.kamibot-v2 .prem-cost-table {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
max-width: 900px;
box-shadow: var(--shadow-sm);
border-radius: 20px;
flex-direction: column;
margin: 0 auto;
display: flex;
overflow: hidden;
}
.kamibot-v2 .prem-cost-row {
border-bottom: 1px solid var(--kbv2-border);
grid-template-columns: 56px minmax(0, 1fr) auto;
align-items: center;
gap: 20px;
padding: 22px 28px;
display: grid;
}
.kamibot-v2 .prem-cost-row:last-child {
border-bottom: 0;
}
.kamibot-v2 .prem-cost-ic {
background: var(--kbv2-primary);
border-radius: 12px;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-cost-ic {
background: color-mix(in oklch, var(--kbv2-primary) 12%, transparent);
}
}
.kamibot-v2 .prem-cost-ic {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .prem-cost-meta {
min-width: 0;
}
.kamibot-v2 .prem-cost-head {
align-items: baseline;
gap: 10px;
margin-bottom: 4px;
display: flex;
}
.kamibot-v2 .prem-cost-label {
font-size: 16px;
font-weight: 700;
}
.kamibot-v2 .prem-cost-unit {
font-size: 12px;
font-family: var(--kbv2-font-mono);
color: var(--kbv2-text-muted);
background: var(--kbv2-surface-2);
border-radius: 4px;
padding: 2px 8px;
}
.kamibot-v2 .prem-cost-detail {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0;
font-size: 13.5px;
line-height: 1.55;
}
.kamibot-v2 .prem-cost-num {
text-align: right;
flex-shrink: 0;
}
.kamibot-v2 .prem-cost-num code {
color: var(--kbv2-primary-strong);
font-size: 16px;
font-weight: 700;
font-family: var(--kbv2-font-mono);
background: none;
}
.kamibot-v2 .prem-cost-callout {
background: var(--kbv2-primary);
gap: 18px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-cost-callout {
background: color-mix(in oklch, var(--kbv2-primary) 8%, var(--kbv2-surface));
}
}
.kamibot-v2 .prem-cost-callout {
border: 1px solid var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-cost-callout {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 25%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-cost-callout {
border-radius: 18px;
max-width: 900px;
margin: 24px auto 0;
padding: 24px 28px;
}
.kamibot-v2 .prem-cost-callout-mark {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: 50%;
flex-shrink: 0;
width: 48px;
height: 48px;
overflow: hidden;
}
.kamibot-v2 .prem-cost-callout-mark img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.kamibot-v2 .prem-cost-callout p {
text-wrap: pretty;
margin: 0 0 8px;
font-size: 15px;
line-height: 1.6;
}
.kamibot-v2 .prem-cost-callout p:last-child {
margin-bottom: 0;
}
.kamibot-v2 .prem-compare {
padding: 80px 0;
}
.kamibot-v2 .prem-compare-wrap {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
box-shadow: var(--shadow-sm);
border-radius: 20px;
overflow: hidden;
}
.kamibot-v2 .prem-compare-table {
border-collapse: collapse;
width: 100%;
font-size: 14px;
}
.kamibot-v2 .prem-compare-table th, .kamibot-v2 .prem-compare-table td {
text-align: left;
vertical-align: middle;
padding: 14px 18px;
}
.kamibot-v2 .prem-compare-table thead th {
background: var(--kbv2-surface-2);
border-bottom: 1px solid var(--kbv2-border);
}
.kamibot-v2 .cmp-th-feature {
color: var(--kbv2-text-muted);
letter-spacing: .1em;
text-transform: uppercase;
width: 38%;
font-size: 12px;
font-weight: 700;
}
.kamibot-v2 .cmp-th-plan {
width: 20.6%;
text-align: center !important;
}
.kamibot-v2 .cmp-th-plan.is-hi {
background: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .cmp-th-plan.is-hi {
background: color-mix(in oklch, var(--kbv2-primary) 10%, var(--kbv2-surface-2));
}
}
.kamibot-v2 .cmp-plan-name {
color: var(--kbv2-text);
font-size: 16px;
font-weight: 700;
display: block;
}
.kamibot-v2 .cmp-plan-price {
color: var(--kbv2-text-muted);
font-size: 12px;
font-family: var(--kbv2-font-mono);
margin-top: 2px;
display: block;
}
.kamibot-v2 .cmp-plan-price small {
font-size: 10px;
}
.kamibot-v2 .cmp-group-row th {
letter-spacing: .12em;
text-transform: uppercase;
color: var(--kbv2-primary-strong);
background: var(--kbv2-primary);
font-size: 11px;
font-weight: 700;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .cmp-group-row th {
background: color-mix(in oklch, var(--kbv2-primary) 5%, var(--kbv2-surface));
}
}
.kamibot-v2 .cmp-group-row th {
border-top: 1px solid var(--kbv2-border);
border-bottom: 1px solid var(--kbv2-border);
padding: 12px 18px;
}
.kamibot-v2 .prem-compare-table tbody tr {
border-bottom: 1px solid var(--kbv2-border);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-compare-table tbody tr {
border-bottom: 1px solid color-mix(in oklch, var(--kbv2-border) 60%, transparent);
}
}
.kamibot-v2 .prem-compare-table tbody tr:last-child {
border-bottom: 0;
}
.kamibot-v2 .cmp-feature {
color: var(--kbv2-text);
font-weight: 500;
}
.kamibot-v2 .prem-compare-table td:not(.cmp-feature) {
text-align: center;
color: var(--kbv2-text-muted);
}
.kamibot-v2 .prem-compare-table td.is-hi {
background: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-compare-table td.is-hi {
background: color-mix(in oklch, var(--kbv2-primary) 4%, transparent);
}
}
.kamibot-v2 .cmp-yes {
background: var(--kbv2-primary);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .cmp-yes {
background: color-mix(in oklch, var(--kbv2-primary) 15%, transparent);
}
}
.kamibot-v2 .cmp-yes {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .cmp-yes svg {
width: 14px;
height: 14px;
}
.kamibot-v2 .cmp-no {
color: var(--ink-4);
font-weight: 600;
display: inline-block;
}
.kamibot-v2 .cmp-text {
color: var(--kbv2-text);
font-size: 13px;
}
.kamibot-v2 .prem-letter {
padding: 96px 0;
}
.kamibot-v2 .prem-letter-card {
background: linear-gradient(180deg, var(--kbv2-primary), var(--kbv2-primary));
max-width: 760px;
margin: 0 auto;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-letter-card {
background: linear-gradient(180deg, color-mix(in oklch, var(--kbv2-primary) 6%, var(--cream, var(--kbv2-surface-2))), color-mix(in oklch, var(--kbv2-primary) 3%, var(--cream, var(--kbv2-surface-2))));
}
}
.kamibot-v2 .prem-letter-card {
border: 1px solid var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-letter-card {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 25%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-letter-card {
box-shadow: 0 30px 60px -30px var(--kbv2-primary), var(--shadow-md);
border-radius: 24px;
padding: 48px 56px 56px;
position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-letter-card {
box-shadow: 0 30px 60px -30px color-mix(in oklch, var(--kbv2-primary) 25%, transparent), var(--shadow-md);
}
}
.dark .kamibot-v2 .prem-letter-card, .kamibot-v2[data-theme="dark"] .prem-letter-card {
background: linear-gradient(180deg, var(--kbv2-primary), var(--kbv2-surface));
}
@supports (color: color-mix(in lab, red, red)) {
.dark .kamibot-v2 .prem-letter-card, .kamibot-v2[data-theme="dark"] .prem-letter-card {
background: linear-gradient(180deg, color-mix(in oklch, var(--kbv2-primary) 12%, var(--kbv2-surface)), var(--kbv2-surface));
}
}
.kamibot-v2 .prem-letter-card:before {
content: "";
border: 1px dashed var(--kbv2-primary);
position: absolute;
inset: 8px;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-letter-card:before {
border: 1px dashed color-mix(in oklch, var(--kbv2-primary) 30%, transparent);
}
}
.kamibot-v2 .prem-letter-card:before {
pointer-events: none;
border-radius: 18px;
}
.kamibot-v2 .prem-letter-head {
align-items: center;
gap: 18px;
margin-bottom: 32px;
display: flex;
position: relative;
}
.kamibot-v2 .prem-letter-stamp {
background: var(--kbv2-surface);
border: 2px solid var(--kbv2-primary);
border-radius: 50%;
width: 64px;
height: 64px;
overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-letter-stamp {
border: 2px solid color-mix(in oklch, var(--kbv2-primary) 50%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-letter-stamp {
box-shadow: var(--shadow-sm);
flex-shrink: 0;
}
.kamibot-v2 .prem-letter-stamp img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.kamibot-v2 .prem-letter-eyebrow {
font-family: var(--kbv2-font-mono);
letter-spacing: .16em;
color: var(--kbv2-primary-strong);
margin-bottom: 6px;
font-size: 11px;
font-weight: 600;
display: block;
}
.kamibot-v2 .prem-letter-title {
letter-spacing: -.01em;
margin: 0;
font-size: 28px;
font-weight: 400;
}
.kamibot-v2 .prem-letter-body {
color: var(--kbv2-text);
font-size: 17px;
line-height: 1.85;
position: relative;
}
.kamibot-v2 .prem-letter-body p {
margin: 0 0 18px;
}
.kamibot-v2 .prem-letter-body p:last-of-type {
margin-bottom: 0;
}
.kamibot-v2 .prem-letter-body b {
font-weight: 700;
}
.kamibot-v2 .prem-letter-body em {
color: var(--kbv2-primary-strong);
font-style: italic;
}
.kamibot-v2 .prem-letter-sig {
border-top: 1px dashed var(--kbv2-primary);
justify-content: flex-end;
align-items: center;
gap: 10px;
margin-top: 32px;
padding-top: 24px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-letter-sig {
border-top: 1px dashed color-mix(in oklch, var(--kbv2-primary) 30%, var(--kbv2-border));
}
}
.kamibot-v2 .sig-line {
color: var(--kbv2-text);
white-space: nowrap;
font-size: 18px;
font-style: italic;
}
.kamibot-v2 .sig-doodle {
color: var(--kbv2-primary);
font-size: 22px;
}
.kamibot-v2 .prem-safety {
padding: 80px 0;
}
.kamibot-v2 .prem-safety-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
max-width: 900px;
margin: 0 auto;
display: grid;
}
.kamibot-v2 .prem-safety-card {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: 16px;
flex-direction: column;
gap: 8px;
padding: 24px 28px;
transition: all .2s;
display: flex;
}
.kamibot-v2 .prem-safety-card:hover {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-safety-card:hover {
border-color: color-mix(in oklch, var(--kbv2-primary) 40%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-safety-ic {
background: var(--kbv2-primary);
border-radius: 10px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-safety-ic {
background: color-mix(in oklch, var(--kbv2-primary) 14%, transparent);
}
}
.kamibot-v2 .prem-safety-ic {
color: var(--kbv2-primary-strong);
margin-bottom: 4px;
}
.kamibot-v2 .prem-safety-card b {
color: var(--kbv2-text);
font-size: 16px;
font-weight: 700;
}
.kamibot-v2 .prem-safety-card p {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0;
font-size: 14px;
line-height: 1.55;
}
.kamibot-v2 .prem-faq {
padding: 80px 0;
}
.kamibot-v2 .prem-faq .faq-list {
flex-direction: column;
gap: 8px;
max-width: 820px;
margin: 0 auto;
display: flex;
}
.kamibot-v2 .prem-faq .faq-item {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: 14px;
transition: all .2s;
overflow: hidden;
}
.kamibot-v2 .prem-faq .faq-item[data-open="true"] {
border-color: var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-faq .faq-item[data-open="true"] {
border-color: color-mix(in oklch, var(--kbv2-primary) 35%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-faq .faq-item[data-open="true"] {
box-shadow: var(--shadow-sm);
}
.kamibot-v2 .prem-faq .faq-q {
appearance: none;
width: 100%;
font: inherit;
text-align: left;
cursor: pointer;
color: var(--kbv2-text);
background: none;
border: 0;
align-items: center;
gap: 16px;
padding: 18px 22px;
display: flex;
}
.kamibot-v2 .prem-faq .faq-q > span:nth-child(2) {
flex: 1;
font-size: 15px;
font-weight: 600;
}
.kamibot-v2 .prem-faq .faq-tag {
font-family: var(--kbv2-font-mono);
letter-spacing: .12em;
color: var(--kbv2-primary-strong);
background: var(--kbv2-primary);
flex-shrink: 0;
font-size: 10px;
font-weight: 700;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-faq .faq-tag {
background: color-mix(in oklch, var(--kbv2-primary) 12%, transparent);
}
}
.kamibot-v2 .prem-faq .faq-tag {
border-radius: 4px;
padding: 4px 8px;
}
.kamibot-v2 .prem-faq .faq-q .chev {
color: var(--kbv2-text-muted);
flex-shrink: 0;
transition: transform .2s;
}
.kamibot-v2 .prem-faq .faq-item[data-open="true"] .faq-q .chev {
transform: rotate(180deg);
}
.kamibot-v2 .prem-faq .faq-a {
grid-template-rows: 0fr;
transition: grid-template-rows .25s;
display: grid;
}
.kamibot-v2 .prem-faq .faq-a > div {
min-height: 0;
overflow: hidden;
}
.kamibot-v2 .prem-faq .faq-item[data-open="true"] .faq-a {
grid-template-rows: 1fr;
}
.kamibot-v2 .prem-faq .faq-a > div > p {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0 22px 16px;
padding-top: 4px;
font-size: 14.5px;
line-height: 1.65;
}
.kamibot-v2 .prem-faq .faq-a > div > p:first-child {
padding-top: 0;
}
.kamibot-v2 .prem-faq .faq-a > div > p:last-child {
padding-bottom: 18px;
}
.kamibot-v2 .prem-final {
padding: 80px 0 120px;
}
.kamibot-v2 .prem-final-card {
text-align: center;
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
max-width: 640px;
box-shadow: var(--shadow-md);
border-radius: 24px;
margin: 0 auto;
padding: 48px 40px;
}
.kamibot-v2 .prem-final-mark {
border: 2px solid var(--kbv2-primary);
border-radius: 50%;
width: 72px;
height: 72px;
display: inline-block;
overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .prem-final-mark {
border: 2px solid color-mix(in oklch, var(--kbv2-primary) 50%, var(--kbv2-border));
}
}
.kamibot-v2 .prem-final-mark {
margin-bottom: 16px;
}
.kamibot-v2 .prem-final-mark img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.kamibot-v2 .prem-final-card h3 {
letter-spacing: -.01em;
margin: 0 0 12px;
font-size: 28px;
font-weight: 400;
}
.kamibot-v2 .prem-final-card p {
color: var(--kbv2-text-muted);
text-wrap: pretty;
margin: 0 0 28px;
font-size: 16px;
line-height: 1.65;
}
.kamibot-v2 .prem-final-actions {
flex-wrap: wrap;
justify-content: center;
gap: 12px;
display: flex;
}
.kamibot-v2 .prem-final-actions .btn {
white-space: nowrap;
}
.kamibot-v2 .prem-foot {
border-top: 1px solid var(--kbv2-border);
padding: 32px 0 48px;
}
.kamibot-v2 .prem-foot .foot-bottom {
color: var(--kbv2-text-muted);
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .prem-foot a {
color: var(--kbv2-text-muted);
text-decoration: none;
}
.kamibot-v2 .prem-foot a:hover {
color: var(--kbv2-primary-strong);
}
@media (max-width: 1024px) {
.kamibot-v2 .prem-hero-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.kamibot-v2 .prem-hero-mascot {
min-height: 280px;
}
.kamibot-v2 .prem-hero-mascot .mascot-frame {
width: 220px;
height: 220px;
}
.kamibot-v2 .prem-hero-mascot .mascot-frame-extended {
width: 240px;
height: 300px;
}
.kamibot-v2 .prem-plan-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.kamibot-v2 .prem-plan.is-highlight {
order: -1;
}
.kamibot-v2 .prem-letter-card {
padding: 36px 28px;
}
.kamibot-v2 .prem-letter-title {
font-size: 22px;
}
.kamibot-v2 .prem-letter-body {
font-size: 15px;
line-height: 1.8;
}
.kamibot-v2 .prem-safety-grid {
grid-template-columns: 1fr;
}
.kamibot-v2 .prem-cost-row {
grid-template-rows: auto auto;
grid-template-columns: 44px 1fr;
gap: 12px 14px;
padding: 18px 20px;
}
.kamibot-v2 .prem-cost-num {
text-align: left;
grid-column: 2;
}
.kamibot-v2 .prem-compare-wrap {
overflow-x: auto;
}
.kamibot-v2 .prem-compare-table {
min-width: 640px;
}
}
@media (max-width: 600px) {
.kamibot-v2 .prem-hero {
padding: 48px 0 40px;
}
.kamibot-v2 .prem-hero-title {
font-size: 32px;
}
.kamibot-v2 .prem-hero-letter {
font-size: 15px;
}
.kamibot-v2 .prem-plans, .kamibot-v2 .prem-costs, .kamibot-v2 .prem-compare, .kamibot-v2 .prem-letter, .kamibot-v2 .prem-safety, .kamibot-v2 .prem-faq {
padding: 56px 0;
}
.kamibot-v2 .prem-letter-head {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.kamibot-v2 .prem-final-card {
padding: 36px 24px;
}
.kamibot-v2 .prem-final-card h3 {
font-size: 22px;
}
}
.kamibot-v2 .legal {
max-width: 760px;
margin: 0 auto;
padding: 64px 32px 120px;
}
.kamibot-v2 .legal-back {
font-family: var(--kbv2-font-mono, "JetBrains Mono", monospace);
color: var(--kbv2-text-muted);
align-items: center;
gap: 6px;
margin-bottom: 32px;
font-size: 12px;
text-decoration: none;
transition: color .15s;
display: inline-flex;
}
.kamibot-v2 .legal-back:hover {
color: var(--kbv2-primary);
}
.kamibot-v2 .legal-back svg {
width: 14px;
height: 14px;
transform: rotate(180deg);
}
.kamibot-v2 .legal-eyebrow {
font-family: var(--kbv2-font-mono, "JetBrains Mono", monospace);
letter-spacing: .12em;
color: var(--kbv2-primary-strong);
background: var(--kbv2-primary-soft);
border-radius: 999px;
align-items: center;
gap: 8px;
margin-bottom: 16px;
padding: 5px 10px;
font-size: 11px;
display: inline-flex;
}
.kamibot-v2 .legal h1 {
letter-spacing: -.022em;
color: var(--kbv2-text);
margin: 0 0 14px;
font-size: clamp(34px, 4.5vw, 44px);
font-weight: 700;
line-height: 1.15;
}
.kamibot-v2 .legal-meta {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-md, 12px);
color: var(--kbv2-text-muted);
flex-wrap: wrap;
gap: 14px;
margin-bottom: 36px;
padding: 14px 18px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .legal-meta b {
color: var(--kbv2-text);
font-weight: 600;
}
.kamibot-v2 .legal-meta .div {
background: var(--kbv2-border);
width: 1px;
}
.kamibot-v2 .legal-stub {
background: var(--kbv2-primary-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .legal-stub {
background: color-mix(in oklch, var(--kbv2-primary-soft) 60%, var(--kbv2-surface));
}
}
.kamibot-v2 .legal-stub {
border: 1px dashed var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .legal-stub {
border: 1px dashed color-mix(in oklch, var(--kbv2-primary) 35%, var(--kbv2-border));
}
}
.kamibot-v2 .legal-stub {
border-radius: var(--kbv2-radius-md, 12px);
color: var(--kbv2-text);
margin-bottom: 36px;
padding: 16px 18px;
font-size: 13.5px;
line-height: 1.6;
}
.kamibot-v2 .legal-stub b {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .legal-toc {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-md, 12px);
margin-bottom: 48px;
padding: 18px 22px;
}
.kamibot-v2 .legal-toc h5 {
letter-spacing: .08em;
text-transform: uppercase;
color: var(--kbv2-text-muted);
font-size: 11px;
font-family: var(--kbv2-font-mono, "JetBrains Mono", monospace);
margin: 0 0 12px;
}
.kamibot-v2 .legal-toc ol {
counter-reset: kbv2-legal-toc;
grid-template-columns: 1fr 1fr;
gap: 8px 18px;
margin: 0;
padding: 0;
list-style: none;
display: grid;
}
.kamibot-v2 .legal-toc li {
counter-increment: kbv2-legal-toc;
font-size: 13.5px;
}
.kamibot-v2 .legal-toc li:before {
content: counter(kbv2-legal-toc, decimal-leading-zero) " ";
font-family: var(--kbv2-font-mono, "JetBrains Mono", monospace);
color: var(--kbv2-text-muted);
margin-right: 8px;
font-size: 11px;
}
.kamibot-v2 .legal-toc a {
color: var(--kbv2-text);
text-decoration: none;
transition: color .15s;
}
.kamibot-v2 .legal-toc a:hover {
color: var(--kbv2-primary);
}
.kamibot-v2 .legal section {
margin-bottom: 44px;
scroll-margin-top: 80px;
}
.kamibot-v2 .legal section h2 {
letter-spacing: -.012em;
color: var(--kbv2-text);
align-items: baseline;
gap: 12px;
margin: 0 0 14px;
font-size: 22px;
font-weight: 700;
display: flex;
}
.kamibot-v2 .legal section h2[data-num]:before {
content: attr(data-num);
font-family: var(--kbv2-font-mono, "JetBrains Mono", monospace);
color: var(--kbv2-primary);
letter-spacing: .04em;
flex-shrink: 0;
font-size: 12px;
font-weight: 600;
}
.kamibot-v2 .legal section h3 {
color: var(--kbv2-text);
margin: 22px 0 8px;
font-size: 15px;
font-weight: 600;
}
.kamibot-v2 .legal p, .kamibot-v2 .legal li {
color: var(--kbv2-text);
text-wrap: pretty;
font-size: 14.5px;
line-height: 1.7;
}
.kamibot-v2 .legal p {
margin: 0 0 12px;
}
.kamibot-v2 .legal ul, .kamibot-v2 .legal ol.numbered {
margin: 0 0 16px;
padding-left: 22px;
}
.kamibot-v2 .legal ul li {
margin-bottom: 6px;
}
.kamibot-v2 .legal a:not(.legal-back):not(.legal-toc a):not(.legal-nav-side a):not(.legal-foot a) {
color: var(--kbv2-primary-strong);
border-bottom: 1px dashed var(--kbv2-primary);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .legal a:not(.legal-back):not(.legal-toc a):not(.legal-nav-side a):not(.legal-foot a) {
border-bottom: 1px dashed color-mix(in oklch, var(--kbv2-primary) 50%, transparent);
}
}
.kamibot-v2 .legal a:not(.legal-back):not(.legal-toc a):not(.legal-nav-side a):not(.legal-foot a) {
text-decoration: none;
}
.kamibot-v2 .legal-callout {
border-left: 3px solid var(--kbv2-primary);
background: var(--kbv2-primary-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .legal-callout {
background: color-mix(in oklch, var(--kbv2-primary-soft) 50%, var(--kbv2-surface));
}
}
.kamibot-v2 .legal-callout {
color: var(--kbv2-text);
border-radius: 4px 12px 12px 4px;
margin: 16px 0;
padding: 14px 18px;
font-size: 13.5px;
line-height: 1.6;
}
.kamibot-v2 .legal-callout b {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .legal table {
border-collapse: collapse;
width: 100%;
margin: 12px 0;
font-size: 13.5px;
}
.kamibot-v2 .legal table thead tr {
border-bottom: 1px solid var(--kbv2-border);
text-align: left;
}
.kamibot-v2 .legal table th, .kamibot-v2 .legal table td {
color: var(--kbv2-text);
padding: 10px 8px;
}
.kamibot-v2 .legal table tbody tr {
border-bottom: 1px solid var(--kbv2-border);
}
.kamibot-v2 .legal hr, .kamibot-v2 .legal-divider {
background: var(--kbv2-border);
border: 0;
height: 1px;
margin: 56px 0 36px;
}
.kamibot-v2 .legal-foot {
color: var(--kbv2-text-muted);
font-size: 12.5px;
font-family: var(--kbv2-font-mono, "JetBrains Mono", monospace);
flex-wrap: wrap;
justify-content: space-between;
gap: 12px;
display: flex;
}
.kamibot-v2 .legal-foot a {
color: var(--kbv2-text-muted);
text-decoration: none;
transition: color .15s;
}
.kamibot-v2 .legal-foot a:hover {
color: var(--kbv2-primary);
}
@media (max-width: 640px) {
.kamibot-v2 .legal {
padding: 48px 24px 100px;
}
.kamibot-v2 .legal-toc ol {
grid-template-columns: 1fr;
}
.kamibot-v2 .legal-meta {
flex-direction: column;
gap: 6px;
}
.kamibot-v2 .legal-meta .div {
display: none;
}
}
.kamibot-v2 .legal-nav {
z-index: 50;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background: var(--kbv2-bg);
position: sticky;
top: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .legal-nav {
background: color-mix(in oklch, var(--kbv2-bg) 75%, transparent);
}
}
.kamibot-v2 .legal-nav {
border-bottom: 1px solid var(--kbv2-border);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .legal-nav {
border-bottom: 1px solid color-mix(in oklch, var(--kbv2-border) 60%, transparent);
}
}
.kamibot-v2 .legal-nav-inner {
justify-content: space-between;
align-items: center;
max-width: 760px;
margin: 0 auto;
padding: 14px 32px;
display: flex;
}
.kamibot-v2 .legal-nav .legal-brand {
color: var(--kbv2-text);
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
}
.kamibot-v2 .legal-nav .legal-brand-mark {
background: var(--kbv2-primary-soft);
border-radius: 50%;
width: 26px;
height: 26px;
display: inline-flex;
overflow: hidden;
}
.kamibot-v2 .legal-nav .legal-brand-mark img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.kamibot-v2 .legal-nav-side {
align-items: center;
gap: 8px;
display: flex;
}
.kamibot-v2 .legal-nav-side a {
color: var(--kbv2-text-muted);
border-radius: var(--kbv2-radius-sm, 8px);
padding: 6px 10px;
font-size: 12.5px;
text-decoration: none;
transition: all .15s;
}
.kamibot-v2 .legal-nav-side a:hover {
color: var(--kbv2-text);
background: var(--kbv2-surface-2);
}
.kamibot-v2 .legal-nav-side a.is-current {
color: var(--kbv2-primary-strong);
background: var(--kbv2-primary-soft);
}
.kamibot-v2.legal-page {
background: var(--kbv2-bg);
color: var(--kbv2-text);
min-height: 100vh;
}
@keyframes breath-glow {
0%, 100% {
opacity: 1;
filter: brightness();
}
50% {
opacity: .3;
filter: brightness(3);
}
}
.animate-breath {
animation: 1.2s ease-in-out infinite breath-glow;
}
.unsaved-bar {
box-shadow: 0 1px 0 0 #f3ceda inset,
0 4px 14px -2px hsl(340, 70%, 75% / .45),
0 2px 4px -1px hsl(340, 50%, 60% / .18);
transform-origin: bottom;
will-change: transform;
background-color: #fdedf2;
border-color: #f1b1c6;
}
.unsaved-bar__message {
color: #5c2336;
}
.unsaved-bar__reset {
color: #c32258;
}
.unsaved-bar__reset:hover:not(:disabled) {
color: #aa1849;
}
.unsaved-bar__primary[data-variant="success"] {
color: #fff;
box-shadow: 0 1px 0 0 #fa9ebd inset, 0 1px 2px hsl(340, 50%, 50% / .3);
background-color: #e9638f;
border-color: #df497b;
}
.unsaved-bar__primary[data-variant="success"]:hover:not(:disabled) {
background-color: #e74078;
border-color: #db2461;
}
.unsaved-bar__primary[data-variant="danger"] {
color: #fff;
background-color: #e96363;
border-color: #df4949;
}
.unsaved-bar__primary[data-variant="danger"]:hover:not(:disabled) {
background-color: #e74040;
}
.dark .unsaved-bar {
background-color: #313338;
border-color: #ffffff1a;
box-shadow: 0 2px 10px #0003;
}
.dark .unsaved-bar__message {
color: #fff;
}
.dark .unsaved-bar__reset {
color: #8ca0fd;
}
.dark .unsaved-bar__reset:hover:not(:disabled) {
color: #a0b2ff;
}
.dark .unsaved-bar__primary[data-variant="success"] {
box-shadow: none;
background-color: #008545;
border-color: #ffffff14;
}
.dark .unsaved-bar__primary[data-variant="success"]:hover:not(:disabled) {
background-color: #00713a;
}
.dark .unsaved-bar__primary[data-variant="danger"] {
background-color: #da373c;
border-color: #ffffff14;
}
.dark .unsaved-bar__primary[data-variant="danger"]:hover:not(:disabled) {
background-color: #c12e32;
}
.unsaved-bar--init {
transform: translate3d(0, 130%, 0);
}
@keyframes unsavedBarEnter {
0% {
transform: translate3d(0, 130%, 0);
}
70% {
transform: translate3d(0, -18%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes unsavedBarExit {
0% {
transform: translate3d(0, 0, 0);
}
12% {
transform: translate3d(0, -14%, 0);
}
24% {
transform: translate3d(0, -21%, 0);
}
32% {
transform: translate3d(0, -22%, 0);
}
48% {
transform: translate3d(0, -22%, 0);
}
60% {
transform: translate3d(0, -16%, 0);
}
78% {
transform: translate3d(0, 20%, 0);
}
100% {
transform: translate3d(0, 145%, 0);
}
}
.unsaved-bar--enter {
animation: .38s cubic-bezier(.22, 1, .36, 1) both unsavedBarEnter;
}
.unsaved-bar--exit {
animation: .48s linear both unsavedBarExit;
}
@media (prefers-reduced-motion: reduce) {
.unsaved-bar {
transform: none;
}
.unsaved-bar--enter, .unsaved-bar--exit {
animation-duration: 1ms;
}
}
.discord-md {
word-break: break-word;
line-height: 1.5;
}
.discord-md .inline-code {
background: #0000000f;
border-radius: .25rem;
padding: .1rem .25rem;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.discord-md pre {
background: #0000000f;
border-radius: .5rem;
padding: .75rem;
overflow: auto;
}
.discord-md blockquote {
color: #000c;
border-left: 4px solid #0003;
margin: .5rem 0 .5rem .25rem;
padding: .25rem .75rem;
}
.discord-md .mention {
background: #5865f226;
border-radius: .25rem;
padding: 0 .25rem;
}
.discord-md .command-mention {
color: #5865f2;
background: #5865f226;
border-radius: .25rem;
padding: 0 .25rem;
font-weight: 500;
}
.discord-md .command-mention-interactive {
cursor: pointer;
font-size: inherit;
border: none;
font-family: inherit;
transition: background-color .15s;
}
.discord-md .command-mention-interactive:hover {
background: #5865f240;
}
.spoiler {
color: #0000;
cursor: pointer;
background: #202225;
border-radius: .2rem;
}
.spoiler.open {
color: inherit;
background: none;
}
.d-emoji {
vertical-align: -.2em;
-o-object-fit: contain;
object-fit: contain;
width: 1.25em;
height: 1.25em;
display: inline-block;
}
.discord-md h1 {
margin: .67em 0;
font-size: 2em;
font-weight: 700;
line-height: 1.2;
}
.discord-md h2 {
margin: .75em 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1.3;
}
.discord-md h3 {
margin: .83em 0;
font-size: 1.17em;
font-weight: 700;
line-height: 1.4;
}
.discord-md h4 {
margin: 1em 0;
font-size: 1em;
font-weight: 700;
line-height: 1.5;
}
.discord-md h5 {
margin: 1.17em 0;
font-size: .83em;
font-weight: 700;
line-height: 1.5;
}
.discord-md h6 {
margin: 1.33em 0;
font-size: .67em;
font-weight: 700;
line-height: 1.5;
}
.dark .discord-md .inline-code {
background: #ffffff1a;
}
.dark .discord-md pre {
background: #ffffff0d;
}
.dark .discord-md blockquote {
color: #ffffffb3;
border-left-color: #ffffff4d;
}
.dark .discord-md .command-mention {
color: #7e93ff;
background: #5865f240;
}
.dark .discord-md .command-mention-interactive:hover {
background: #5865f259;
}
.kami-hovercard {
width: 300px;
box-shadow: 0 0 0 1px #f6cbd9,
0 12px 24px 0 hsl(340, 60%, 60% / .18);
background-color: #fefbfc;
border-radius: 8px;
font-family: gg sans, Apple SD Gothic Neo, NanumBarunGothic, 맑은 고딕, Malgun Gothic, Gulim, 굴림, Dotum, 돋움, Noto Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
overflow: hidden;
}
.dark .kami-hovercard {
background-color: #313338;
box-shadow: 0 0 0 1px #ffffff14, 0 12px 24px #0000003d;
}
.kami-hovercard__banner {
background-color: var(--kami-banner-color, #5865f2);
height: 60px;
-webkit-mask-image: var(--kami-banner-mask);
-webkit-mask-image: var(--kami-banner-mask);
mask-image: var(--kami-banner-mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.kami-hovercard__body {
padding: 0 16px 16px;
position: relative;
}
.kami-hovercard__avatar-slot {
width: 80px;
height: 80px;
position: absolute;
top: -40px;
left: 16px;
}
.kami-hovercard__avatar {
-o-object-fit: cover;
object-fit: cover;
box-sizing: border-box;
background-color: #f9ecf0;
border: 6px solid #fefbfc;
border-radius: 50%;
width: 80px;
height: 80px;
display: block;
}
.dark .kami-hovercard__avatar {
background-color: #1e1f22;
border-color: #313338;
}
.kami-hovercard__avatar-fallback {
color: #5c2336;
justify-content: center;
align-items: center;
font-size: 28px;
font-weight: 700;
display: flex;
}
.dark .kami-hovercard__avatar-fallback {
color: #ffffffd9;
}
.kami-hovercard__main {
padding-top: 48px;
}
.kami-hovercard__display-name {
color: #371521;
word-break: break-word;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.dark .kami-hovercard__display-name {
color: #f2f3f5;
}
.kami-hovercard__username {
color: #783a4f;
word-break: break-all;
margin-top: 2px;
font-size: 14px;
font-weight: 600;
line-height: 18px;
}
.dark .kami-hovercard__username {
color: #fff;
}
.kami-hovercard__divider {
background: #f2d9e1;
height: 1px;
margin: 12px -16px;
}
.dark .kami-hovercard__divider {
background: #ffffff14;
}
.kami-hovercard__section {
flex-direction: column;
gap: 4px;
display: flex;
}
.kami-hovercard__section + .kami-hovercard__section {
margin-top: 12px;
}
.kami-hovercard__section-title {
text-transform: uppercase;
letter-spacing: .02em;
color: #783a4f;
font-size: 12px;
font-weight: 700;
}
.dark .kami-hovercard__section-title {
color: #b5bac1;
}
.kami-hovercard__section-body {
color: #371521;
word-break: break-word;
font-size: 14px;
line-height: 18px;
}
.dark .kami-hovercard__section-body {
color: #dbdee1;
}
.kami-hovercard__role-list {
flex-wrap: wrap;
gap: 4px;
max-width: 100%;
display: flex;
}
.kami-hovercard__role {
box-sizing: border-box;
color: #431927;
background: none;
border: 1px solid #f1c6d4;
border-radius: 9999px;
align-items: center;
max-width: 100%;
height: 24px;
padding-left: 2px;
padding-right: 6px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
display: inline-flex;
}
.dark .kami-hovercard__role {
color: #f2f3f5;
border-color: #ffffff1f;
}
.kami-hovercard__role-dot {
background-color: #c4c9ce;
border-radius: 50%;
flex-shrink: 0;
width: 12px;
height: 12px;
margin: 0 4px;
}
.kami-hovercard__role-label {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 240px;
font-size: 12px;
line-height: 16px;
overflow: hidden;
}
.kami-hovercard__role-icon {
-o-object-fit: contain;
object-fit: contain;
flex-shrink: 0;
width: 12px;
height: 12px;
margin-left: 4px;
}
.kamibot-v2 {
--pink-50: #fff8f8;
--pink-100: #ffeff0;
--pink-200: #ffdee2;
--pink-300: #ffc5cf;
--pink-400: #fd9eb2;
--pink-500: #ee7a98;
--pink-600: #d35a7b;
--pink-700: #a7415a;
--pink-800: #752b3b;
--pink-900: #46161f;
--paper: #fefbf9;
--paper-2: #fbf5f4;
--cream: #f9efec;
--line: #e9dede;
--line-strong: #d9c9c9;
--ink: #251616;
--ink-2: #4f3d3d;
--ink-3: #7d6d6d;
--ink-4: #aea1a1;
--blurple: #6967e1;
--online: #5bbe62;
--tag-bg: #ffeaef;
--mention-bg: #ffdfe6;
--shadow-sm: 0 1px 2px #b43c5a0f;
--shadow-md: 0 6px 24px -8px #b43c5a2e, 0 2px 6px -2px #b43c5a1a;
--shadow-lg: 0 30px 60px -25px #b43c5a4d, 0 10px 25px -10px #b43c5a2e;
--shadow-glow: 0 0 0 6px #ffdce399;
--kbv2-radius-sm: 8px;
--kbv2-radius-md: 14px;
--kbv2-radius-lg: 22px;
--kbv2-radius-xl: 32px;
--kbv2-bg: var(--paper);
--kbv2-surface: #fff;
--kbv2-surface-2: var(--paper-2);
--kbv2-text: var(--ink);
--kbv2-text-muted: var(--ink-3);
--kbv2-border: var(--line);
--kbv2-primary: var(--pink-500);
--kbv2-primary-hover: var(--pink-600);
--kbv2-primary-soft: var(--pink-100);
--kbv2-primary-strong: var(--pink-700);
--kbv2-blurple: var(--blurple);
--kbv2-online: var(--online);
--kbv2-font-sans: var(--font-pretendard), "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
--kbv2-font-mono: var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;
--kbv2-font-handwritten: var(--font-gowun-dodum), var(--font-pretendard), "Pretendard Variable", sans-serif;
}
@supports (color: lab(0% 0 0)) {
.kamibot-v2 {
--pink-50: lab(98.1257% 3.96037 .990391);
--pink-100: lab(95.6599% 8.24386 2.06969);
--pink-200: lab(91.3061% 16.5587 3.50575);
--pink-300: lab(85.1414% 26.5253 4.58616);
--pink-400: lab(75.4234% 38.0281 5.11333);
--pink-500: lab(65.7674% 47.6879 5.54482);
--pink-600: lab(55.2209% 50.746 7.07703);
--pink-700: lab(42.7277% 44.1204 8.08264);
--pink-800: lab(29.1831% 34.2646 7.77966);
--pink-900: lab(15.6263% 24.4178 6.64026);
--paper: lab(98.833% .667602 1.32728);
--paper-2: lab(97.0505% 1.75008 1.16092);
--cream: lab(95.2844% 3.10245 2.9796);
--line: lab(89.4398% 3.80382 1.60424);
--line-strong: lab(82.4194% 5.70822 2.41156);
--ink: lab(9.26474% 7.96331 3.40652);
--ink-2: lab(27.827% 7.94615 3.39243);
--ink-3: lab(47.5988% 6.34754 2.69079);
--ink-4: lab(67.3695% 4.75678 2.00943);
--blurple: lab(48.8371% 26.877 -63.0645);
--online: lab(69.4608% -44.8835 37.1852);
--tag-bg: lab(94.8777% 13.3998 1.47045);
--mention-bg: lab(92.3229% 20.0165 2.61792);
--shadow-glow: 0 0 0 6px lab(91.1629% 20.0149 2.61832 / .6);
}
}
.dark .kamibot-v2, .kamibot-v2[data-theme="dark"] {
--kbv2-bg: #1b0d0f;
--kbv2-surface: #271518;
--kbv2-surface-2: #331d21;
--kbv2-text: #fceeec;
--kbv2-text-muted: #b1a09f;
--kbv2-border: #452a2f;
--line: #3d262a;
--line-strong: #5f3c42;
--ink: #fceeec;
--ink-2: #dbc9c7;
--ink-3: #ae9998;
--ink-4: #826b6c;
--paper: #1b0d0f;
--paper-2: #271518;
--cream: #331d21;
--kbv2-primary: #ff91ac;
--kbv2-primary-hover: #ffb2c4;
--kbv2-primary-soft: #4c252f;
--kbv2-primary-strong: #ffc3d0;
--kbv2-blurple: var(--blurple);
--kbv2-online: var(--online);
--tag-bg: #46202a;
--mention-bg: #592432;
--shadow-sm: 0 1px 2px #0006;
--shadow-md: 0 8px 28px -8px #0000008c, 0 2px 6px -2px #0000004d;
--shadow-lg: 0 40px 80px -30px #000000b3, 0 12px 30px -10px #00000073;
--shadow-glow: 0 0 0 6px #722d4080;
}
@supports (color: lab(0% 0 0)) {
.dark .kamibot-v2, .kamibot-v2[data-theme="dark"] {
--kbv2-bg: lab(5.05298% 6.63407 1.25186);
--kbv2-surface: lab(9.16752% 9.90521 1.73853);
--kbv2-surface-2: lab(13.7411% 11.5849 1.55275);
--kbv2-text: lab(95.2356% 4.3858 2.91133);
--kbv2-text-muted: lab(67.3191% 6.34468 2.68435);
--kbv2-border: lab(20.6502% 13.2205 2.31164);
--line: lab(18.389% 11.5768 2.01865);
--line-strong: lab(29.8127% 16.5257 2.88956);
--ink: lab(95.2356% 4.3858 2.91133);
--ink-2: lab(82.4157% 6.12411 3.2988);
--ink-3: lab(64.9485% 7.93421 3.36286);
--ink-4: lab(47.4753% 9.76667 3.09012);
--paper: lab(5.05298% 6.63407 1.25186);
--paper-2: lab(9.16752% 9.90521 1.73853);
--cream: lab(13.7411% 11.5849 1.55275);
--kbv2-primary: lab(72.6067% 50.9907 5.92308);
--kbv2-primary-hover: lab(80.6831% 52.6706 7.19425);
--kbv2-primary-soft: lab(20.395% 19.7615 2.28605);
--kbv2-primary-strong: lab(84.2835% 49.4662 6.71412);
--tag-bg: lab(18.0748% 19.7358 2.29358);
--mention-bg: lab(22.4726% 26.2206 3.08728);
--shadow-glow: 0 0 0 6px lab(29.1904% 32.7286 3.87477 / .5);
}
}
.kamibot-v2 {
font-family: var(--kbv2-font-sans);
background: var(--kbv2-bg);
color: var(--kbv2-text);
-webkit-font-smoothing: antialiased;
font-feature-settings: "ss01", "ss02";
letter-spacing: -.005em;
isolation: isolate;
min-height: 100vh;
line-height: 1.55;
transition: background-color .4s, color .3s;
position: relative;
overflow: hidden;
}
.kamibot-v2 .mono {
font-family: var(--kbv2-font-mono);
font-feature-settings: "ss01";
}
.kamibot-v2 .gowun {
font-family: var(--kbv2-font-handwritten);
}
.kamibot-v2:before {
content: "";
z-index: -2;
background: radial-gradient(1100px 700px at 80% -10%, var(--kbv2-primary-soft), transparent 60%),
radial-gradient(900px 600px at -10% 30%, var(--kbv2-primary-soft), transparent 65%),
radial-gradient(700px 500px at 50% 110%, var(--kbv2-primary-soft), transparent 70%),
var(--kbv2-bg);
pointer-events: none;
position: absolute;
inset: 0;
}
.dark .kamibot-v2:before, .kamibot-v2[data-theme="dark"]:before {
background: radial-gradient(1200px 800px at 80% -10%, #4d1928, transparent 60%),
radial-gradient(900px 700px at 0% 40%, #3f121d, transparent 65%),
radial-gradient(800px 600px at 60% 110%, #441724, transparent 70%),
var(--kbv2-bg);
}
@supports (color: lab(0% 0 0)) {
.dark .kamibot-v2:before, .kamibot-v2[data-theme="dark"]:before {
background: radial-gradient(1200px 800px at 80% -10%, lab(17.8321% 26.1411 3.11428), transparent 60%),
radial-gradient(900px 700px at 0% 40%, lab(13.3341% 22.8605 4.20263), transparent 65%),
radial-gradient(800px 600px at 60% 110%, lab(15.6333% 22.9101 2.71234), transparent 70%),
var(--kbv2-bg);
}
}
.kamibot-v2 .shell {
max-width: 1240px;
margin: 0 auto;
padding: 0 clamp(20px, 4vw, 40px);
}
.kamibot-v2 .nav {
z-index: 50;
-webkit-backdrop-filter: blur(18px) saturate(140%);
background: var(--kbv2-bg);
position: sticky;
top: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .nav {
background: color-mix(in oklch, var(--kbv2-bg) 75%, transparent);
}
}
.kamibot-v2 .nav {
border-bottom: 1px solid var(--kbv2-border);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .nav {
border-bottom: 1px solid color-mix(in oklch, var(--kbv2-border) 60%, transparent);
}
}
.kamibot-v2 .nav-inner {
align-items: center;
gap: 32px;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.kamibot-v2 .brand {
letter-spacing: -.01em;
flex-shrink: 0;
align-items: center;
gap: 10px;
font-size: 17px;
font-weight: 700;
display: flex;
}
.kamibot-v2 .brand-mark {
background: var(--kbv2-primary-soft);
border: 1px solid var(--kbv2-primary);
border-radius: 10px;
place-items: center;
width: 32px;
height: 32px;
display: grid;
overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .brand-mark {
border: 1px solid color-mix(in oklch, var(--kbv2-primary) 20%, var(--kbv2-border));
}
}
.kamibot-v2 .brand-mark {
position: relative;
}
.kamibot-v2 .brand-mark img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 20%;
object-position: center 20%;
width: 100%;
height: 100%;
}
.kamibot-v2 .brand-name {
align-items: baseline;
gap: 6px;
display: flex;
}
.kamibot-v2 .brand-name small {
color: var(--kbv2-text-muted);
font-size: 11px;
font-weight: 500;
font-family: var(--kbv2-font-mono);
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
border-radius: 4px;
padding: 2px 6px;
}
.kamibot-v2 .nav-links {
gap: 4px;
margin-left: 8px;
display: flex;
}
.kamibot-v2 .nav-link {
color: var(--kbv2-text-muted);
border-radius: 8px;
padding: 8px 14px;
font-size: 14px;
font-weight: 500;
transition: color .15s, background .15s;
}
.kamibot-v2 .nav-link:hover {
color: var(--kbv2-text);
background: var(--kbv2-surface-2);
}
.kamibot-v2 .nav-spacer {
flex: 1;
}
.kamibot-v2 .theme-btn {
border: 1px solid var(--kbv2-border);
background: var(--kbv2-surface);
cursor: pointer;
width: 36px;
height: 36px;
color: var(--kbv2-text-muted);
border-radius: 10px;
place-items: center;
transition: all .2s;
display: grid;
}
.kamibot-v2 .theme-btn:hover {
color: var(--kbv2-primary);
border-color: var(--kbv2-primary);
}
.kamibot-v2 .nav-cta {
background: var(--kbv2-primary);
color: #fff;
cursor: pointer;
box-shadow: var(--shadow-sm);
border: none;
border-radius: 10px;
flex-shrink: 0;
align-items: center;
gap: 8px;
padding: 9px 16px;
font-size: 14px;
font-weight: 600;
transition: transform .15s, background .2s, box-shadow .2s;
display: inline-flex;
}
.kamibot-v2 .nav-cta:hover {
background: var(--kbv2-primary-hover);
box-shadow: var(--shadow-md);
transform: translateY(-1px);
}
.dark .kamibot-v2 .nav-cta, .kamibot-v2[data-theme="dark"] .nav-cta {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
.kamibot-v2 .hero {
padding: 64px 0 96px;
position: relative;
}
.kamibot-v2 .hero-grid {
grid-template-columns: 1.05fr 1fr;
align-items: center;
gap: 56px;
display: grid;
}
.kamibot-v2 .hero-eyebrow {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
color: var(--kbv2-text-muted);
box-shadow: var(--shadow-sm);
border-radius: 999px;
align-items: center;
gap: 8px;
padding: 6px 12px 6px 8px;
font-size: 13px;
display: inline-flex;
}
.kamibot-v2 .hero-eyebrow .dot {
background: var(--online);
width: 8px;
height: 8px;
box-shadow: 0 0 0 3px var(--online);
border-radius: 50%;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .hero-eyebrow .dot {
box-shadow: 0 0 0 3px color-mix(in oklch, var(--online) 30%, transparent);
}
}
.kamibot-v2 .hero-eyebrow .dot {
animation: 2s infinite kbv2-pulse;
}
@keyframes kbv2-pulse {
}
.kamibot-v2 h1, .kamibot-v2 h2, .kamibot-v2 h3, .kamibot-v2 h4, .kamibot-v2 h5, .kamibot-v2 h6, .kamibot-v2 p, .kamibot-v2 li, .kamibot-v2 dt, .kamibot-v2 dd, .kamibot-v2 figcaption, .kamibot-v2 blockquote, .kamibot-v2 button, .kamibot-v2 label {
word-break: keep-all;
overflow-wrap: anywhere;
}
.kamibot-v2 code, .kamibot-v2 pre, .kamibot-v2 kbd, .kamibot-v2 samp, .kamibot-v2 .slash-cmd {
word-break: normal;
overflow-wrap: break-word;
}
.kamibot-v2 .hero-title {
letter-spacing: -.025em;
margin: 22px 0 18px;
font-size: clamp(40px, 5vw, 64px);
font-weight: 700;
line-height: 1.05;
}
.kamibot-v2 .hero-title .accent {
color: var(--kbv2-primary);
white-space: nowrap;
position: relative;
}
.kamibot-v2 .hero-title .accent:after {
content: "";
background: var(--kbv2-primary-soft);
z-index: -1;
border-radius: 4px;
height: 10px;
position: absolute;
bottom: 4px;
left: -2%;
right: -2%;
}
.kamibot-v2 .hero-sub {
color: var(--kbv2-text-muted);
text-wrap: pretty;
max-width: 540px;
font-size: 18px;
line-height: 1.6;
}
.kamibot-v2 .hero-actions {
flex-wrap: wrap;
gap: 12px;
margin-top: 32px;
display: flex;
}
.kamibot-v2 .btn {
cursor: pointer;
border: 1px solid #0000;
border-radius: 12px;
align-items: center;
gap: 10px;
padding: 14px 22px;
font-size: 15px;
font-weight: 600;
transition: all .2s;
display: inline-flex;
}
.kamibot-v2 .btn.btn-primary {
background: var(--kbv2-primary);
color: #fff;
box-shadow: var(--shadow-md);
}
.kamibot-v2 .btn.btn-primary:hover {
background: var(--kbv2-primary-hover);
box-shadow: var(--shadow-lg);
transform: translateY(-2px);
}
.dark .kamibot-v2 .btn.btn-primary, .kamibot-v2[data-theme="dark"] .btn.btn-primary {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
.kamibot-v2 .btn.btn-secondary {
background: var(--kbv2-surface);
color: var(--kbv2-text);
border-color: var(--kbv2-border);
}
.kamibot-v2 .btn.btn-secondary:hover {
border-color: var(--kbv2-primary);
color: var(--kbv2-primary);
}
.kamibot-v2 .hero-meta {
color: var(--kbv2-text-muted);
flex-wrap: wrap;
gap: 20px;
margin-top: 28px;
font-size: 13px;
display: flex;
}
.kamibot-v2 .hero-meta span {
align-items: center;
gap: 6px;
display: inline-flex;
}
.kamibot-v2 .hero-meta svg {
color: var(--kbv2-primary);
}
.kamibot-v2 .hero-side {
position: relative;
}
.kamibot-v2 .chat-panel {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
border-radius: var(--kbv2-radius-lg);
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden;
}
.kamibot-v2 .chat-header {
border-bottom: 1px solid var(--kbv2-border);
background: var(--kbv2-surface-2);
align-items: center;
gap: 10px;
padding: 12px 16px;
display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .chat-header {
background: color-mix(in oklch, var(--kbv2-surface-2) 60%, var(--kbv2-surface));
}
}
.kamibot-v2 .chat-header .hash {
color: var(--kbv2-text-muted);
margin-right: -2px;
font-size: 18px;
font-weight: 600;
}
.kamibot-v2 .chat-header .ch-name {
font-size: 14px;
font-weight: 600;
}
.kamibot-v2 .chat-header .ch-topic {
color: var(--kbv2-text-muted);
border-left: 1px solid var(--kbv2-border);
margin-left: 12px;
padding-left: 12px;
font-size: 12px;
}
.kamibot-v2 .chat-header .ch-spacer {
flex: 1;
}
.kamibot-v2 .chat-header .ch-pill {
color: var(--kbv2-text-muted);
border: 1px solid var(--kbv2-border);
border-radius: 999px;
align-items: center;
gap: 6px;
padding: 3px 8px;
font-size: 11px;
display: inline-flex;
}
.kamibot-v2 .chat-header .ch-pill .dot {
background: var(--online);
border-radius: 50%;
width: 6px;
height: 6px;
}
.kamibot-v2 .chat-body {
flex-direction: column;
gap: 4px;
min-height: 380px;
padding: 18px 18px 12px;
display: flex;
}
.kamibot-v2 .msg {
border-radius: 8px;
grid-template-columns: 40px 1fr;
gap: 14px;
padding: 6px 8px;
transition: background .15s;
display: grid;
}
.kamibot-v2 .msg + .msg.continuation {
margin-top: -4px;
}
.kamibot-v2 .msg:hover {
background: var(--kbv2-primary-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.kamibot-v2 .msg:hover {
background: color-mix(in oklch, var(--kbv2-primary-soft) 30%, transparent);
}
}
.kamibot-v2 .msg .av {
background: var(--kbv2-primary-soft);
border: 1px solid var(--kbv2-border);
border-radius: 50%;
width: 40px;
height: 40px;
overflow: hidden;
}
.kamibot-v2 .msg .av img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 20%;
object-position: center 20%;
width: 100%;
height: 100%;
}
.kamibot-v2 .msg .av.user {
color: #fff;
background: linear-gradient(135deg, #a2d3ff, #90aafa);
background: linear-gradient(135deg, lab(82.3457% -7.61652 -34.4237), lab(70.0063% 6.35436 -43.446));
place-items: center;
font-size: 14px;
font-weight: 600;
display: grid;
}
.kamibot-v2 .msg .body {
min-width: 0;
}
.kamibot-v2 .msg .head {
align-items: baseline;
gap: 8px;
font-size: 14px;
display: flex;
}
.kamibot-v2 .msg .head .name {
color: var(--kbv2-text);
font-weight: 600;
}
.kamibot-v2 .msg .head .name.bot {
color: var(--kbv2-primary-strong);
}
.kamibot-v2 .msg .head .badge-bot {
background: var(--blurple);
color: #fff;
letter-spacing: .02em;
border-radius: 4px;
padding: 1px 5px;
font-size: 10px;
font-weight: 700;
transform: translateY(-1px);
}
.kamibot-v2 .badge-bot.is-verified, .kamibot-v2 .wl-bot.is-verified {
align-items: center;
gap: 3px;
padding-left: 3px;
display: inline-flex;
}
.kamibot-v2 .badge-bot.is-verified:before, .kamibot-v2 .wl-bot.is-verified:before {
content: "";
background-color: #fff;
flex-shrink: 0;
width: 10px;
height: 10px;
display: inline-block;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
.kamibot-v2 .msg .head .ts {
color: var(--kbv2-text-muted);
font-size: 11px;
}
.kamibot-v2 .msg .text {
color: var(--kbv2-text);
word-break: break-word;
margin-top: 1px;
font-size: 14.5px;
line-height: 1.5;
}
.kamibot-v2 .slash-cmd {
background: var(--mention-bg);
color: var(--kbv2-primary-strong);
font-family: var(--kbv2-font-mono);
border-radius: 4px;
align-items: center;
gap: 6px;
padding: 1px 6px;
font-size: 13px;
font-weight: 500;
display: inline-flex;
}
.kamibot-v2 .mention {
background: var(--mention-bg);
color: var(--kbv2-primary-strong);
cursor: pointer;
border-radius: 4px;
padding: 0 4px;
font-weight: 500;
display: inline;
}
.kamibot-v2 .embed {
border-left: 3px solid var(--kbv2-primary);
background: var(--kbv2-surface-2);
border-radius: 4px 8px 8px 4px;
gap: 6px;
max-width: 460px;
margin-top: 6px;
padding: 12px 14px;
display: grid;
}
.kamibot-v2 .embed .e-title {
color: var(--kbv2-text);
font-size: 14px;
font-weight: 600;
}
.kamibot-v2 .embed .e-desc {
color: var(--kbv2-text-muted);
font-size: 13.5px;
line-height: 1.55;
}
.kamibot-v2 .embed .e-fields {
grid-template-columns: 1fr 1fr;
gap: 8px 16px;
margin-top: 6px;
display: grid;
}
.kamibot-v2 .embed .e-fields div {
font-size: 12px;
}
.kamibot-v2 .embed .e-fields b {
color: var(--kbv2-text);
font-weight: 600;
display: block;
}
.kamibot-v2 .embed .e-fields span {
color: var(--kbv2-text-muted);
}
.kamibot-v2 .typing {
color: var(--kbv2-text-muted);
border-top: 1px dashed var(--kbv2-border);
align-items: center;
gap: 8px;
padding: 10px 16px 14px;
font-size: 12.5px;
display: flex;
}
.kamibot-v2 .typing .dots {
gap: 3px;
display: inline-flex;
}
.kamibot-v2 .typing .dots span {
background: var(--kbv2-text-muted);
border-radius: 50%;
width: 5px;
height: 5px;
animation: 1.2s infinite kbv2-blink;
}
.kamibot-v2 .typing .dots span:nth-child(2) {
animation-delay: .18s;
}
.kamibot-v2 .typing .dots span:nth-child(3) {
animation-delay: .36s;
}
@keyframes kbv2-blink {
0%, 60%, 100% {
opacity: .3;
transform: translateY(0);
}
30% {
opacity: 1;
transform: translateY(-2px);
}
}
.kamibot-v2 .typing b {
color: var(--kbv2-text);
font-weight: 600;
}
.kamibot-v2 .chat-input {
border-top: 1px solid var(--kbv2-border);
background: var(--kbv2-surface);
align-items: center;
gap: 10px;
padding: 10px 16px;
display: flex;
}
.kamibot-v2 .chat-input .field {
background: var(--kbv2-surface-2);
border: 1px solid var(--kbv2-border);
font-size: 13.5px;
font-family: var(--kbv2-font-mono);
color: var(--kbv2-text);
cursor: text;
border-radius: 10px;
flex: 1;
align-items: center;
gap: 8px;
padding: 9px 12px;
display: flex;
position: relative;
}
.kamibot-v2 .chat-input .field .caret {
background: var(--kbv2-primary);
width: 1.5px;
height: 16px;
margin-left: 1px;
animation: 1s step-end infinite kbv2-caret;
display: inline-block;
}
@keyframes kbv2-caret {
50% {
opacity: 0;
}
}
.kamibot-v2 .chat-input .icon {
width: 22px;
height: 22px;
color: var(--kbv2-text-muted);
}
.kamibot-v2 .slash-pop {
background: var(--kbv2-surface);
border: 1px solid var(--kbv2-border);
box-shadow: var(--shadow-lg);
font-family: var(--kbv2-font-sans);
border-radius: 12px;
position: absolute;
bottom: calc(100% + 6px);
left: -1px;
right: -1px;
overflow: hidden;
}
.kamibot-v2 .slash-pop .head {
color: var(--kbv2-text-muted);
text-transform: uppercase;
letter-spacing: .08em;
border-bottom: 1px solid var(--kbv2-border);
justify-content: space-between;
padding: 10px 14px;
font-size: 11px;
display: flex;
}
.kamibot-v2 .slash-pop .head b {
color: var(--kbv2-text);
text-transform: none;
letter-spacing: 0;
font-weight: 600;
}
.kamibot-v2 .slash-pop ul {
margin: 0;
padding: 4px 0;
list-style: none;
}
.kamibot-v2 .slash-pop li {
cursor: pointer;
grid-template-columns: 28px 1fr auto;
align-items: center;
gap: 10px;
padding: 8px 14px;
font-size: 13px;
transition: background .1s;
display: grid;
}
.kamibot-v2 .slash-pop li:hover, .kamibot-v2 .slash-pop li.active {
background: var(--kbv2-primary-soft);
}
.kamibot-v2 .slash-pop li .ic {
background: var(--kbv2-surface-2);
width: 24px;
height: 24px;
color: var(--kbv2-primary);
border-radius: 6px;
place-items: center;
display: grid;
}
.kamibot-v2 .slash-pop li .name {
font-family: var(--kbv2-font-mono);
font-weight: 500;
}
.kamibot-v2 .slash-pop li .desc {
color: var(--kbv2-text-muted);
margin-left: 4px;
font-size: 12px;
}
.kamibot-v2 .slash-pop li .desc:before {
content: "— ";
}
.kamibot-v2 .slash-pop li .key {
color: var(--kbv2-text-muted);
font-size: 11px;
}
.kamibot-v2 .mascot-float {
pointer-events: none;
z-index: -1;
width: 280px;
height: 280px;
transition: transform .3s cubic-bezier(.2, .7, .2, 1);
position: absolute;
}
.kamibot-v2 .mascot-float img {
-o-object-fit: contain;
object-fit: contain;
filter: drop-shadow(0 18px 40px #b43c5a33);
width: 100%;
height: 100%;
}
.kamibot-v2 section {
padding: 96px 0;
position: relative;
}
.kamibot-v2 .section-head {
text-align: center;
max-width: 720px;
margin: 0 auto 56px;
}
.kamibot-v2 .section-eyebrow {
color: var(--kbv2-primary-strong);
font-size: 13px;
font-family: var(--kbv2-font-mono);
letter-spacing: .02em;
align-items: center;
gap: 8px;
font-weight: 500;
display: inline-flex;
}
.kamibot-v2 .section-eyebrow:before, .kamibot-v2 .section-eyebrow:after {
content: "";
background: currentColor;
width: 24px;
height: 1px;
}
.kamibot-v2 .section-title {
letter-spacing: -.02em;
word-break: keep-all;
text-wrap: balance;
margin: 14px 0 12px;
font-size: clamp(30px, 3.6vw, 44px);
font-weight: 700;
line-height: 1.15;
}
.kamibot-v2 .section-sub {
color: var(--kbv2-text-muted);
text-wrap: pretty;
word-break: keep-all;
font-size: 16px;
line-height: 1.6;
}
@media (max-width: 1024px) {
.kamibot-v2 .hero-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.kamibot-v2 .features {
grid-template-columns: repeat(2, 1fr);
}
.kamibot-v2 .feature-tts, .kamibot-v2 .feature-trans, .kamibot-v2 .feature-emoji, .kamibot-v2 .feature-welcome, .kamibot-v2 .feature-music {
grid-column: span 1;
}
.kamibot-v2 .feature-ai {
grid-column: span 2;
}
.kamibot-v2 .steps {
grid-template-columns: 1fr;
}
.kamibot-v2 .step + .step {
border-left: none;
border-top: 1px solid var(--kbv2-border);
}
.kamibot-v2 .trust-cards {
grid-template-columns: 1fr;
}
.kamibot-v2 .trust-cards-4 {
grid-template-columns: repeat(2, 1fr);
}
.kamibot-v2 .support {
grid-template-columns: 1fr;
}
.kamibot-v2 .foot-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.kamibot-v2 .features {
grid-template-columns: 1fr;
}
.kamibot-v2 .feature-ai, .kamibot-v2 .feature-tts, .kamibot-v2 .feature-trans, .kamibot-v2 .feature-emoji, .kamibot-v2 .feature-welcome, .kamibot-v2 .feature-music {
grid-column: span 1;
}
.kamibot-v2 .nav-links {
display: none;
}
.kamibot-v2 .nav-inner {
gap: 16px;
}
}
@media (max-width: 640px) {
.kamibot-v2 .nav-links {
display: none;
}
.kamibot-v2 .features, .kamibot-v2 .foot-grid {
grid-template-columns: 1fr;
}
.kamibot-v2 .nav-cta span {
display: none;
}
.kamibot-v2 .nav-inner {
gap: 16px;
padding-top: 16px;
padding-bottom: 16px;
}
.kamibot-v2 .brand {
font-size: 16px;
}
}
.kamibot-v2 .scroll-mascot {
pointer-events: none;
z-index: 5;
border: 3px solid var(--kbv2-surface);
background: var(--kbv2-surface);
width: 96px;
height: 96px;
box-shadow: var(--shadow-lg);
opacity: 0;
border-radius: 50%;
transition: opacity .6s, transform .6s cubic-bezier(.2, .7, .2, 1);
position: fixed;
overflow: hidden;
transform: translate(0)scale(.6);
}
.kamibot-v2 .scroll-mascot img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 20%;
object-position: center 20%;
width: 100%;
height: 100%;
}
.kamibot-v2 .scroll-mascot.visible {
opacity: 1;
transform: translate(0)scale(1);
}
.kamibot-v2 .scroll-mascot .speech {
background: var(--kbv2-primary);
color: #fff;
border: 2px solid var(--kbv2-surface);
border-radius: 50%;
place-items: center;
width: 24px;
height: 24px;
font-size: 11px;
font-weight: 700;
display: grid;
position: absolute;
bottom: -8px;
left: -8px;
}
.dark .kamibot-v2 .scroll-mascot .speech, .kamibot-v2[data-theme="dark"] .scroll-mascot .speech {
color: #190e10;
color: lab(5.09573% 5.25224 1.01083);
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-ordinal {
syntax: "*";
inherits: false
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@property --tw-text-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-text-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes enter {
from {
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
filter: blur(var(--tw-enter-blur, 0));
}
}
@keyframes exit {
to {
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
filter: blur(var(--tw-exit-blur, 0));
}
}
/* [next]/internal/font/google/roboto_c0ff660e.module.css [app-client] (css) */
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/572c13468b8cff87-s.0k68dgt5gi4w6.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/62d4b50592542c9f-s.0id408x23fv8q.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/38772d1e0cde909c-s.06sf8d84-9n3w.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/a0ffaa6a9384d9d3-s.0rpo5i9-tpup~.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/fad568eea626db0e-s.04s-lri-1fnua.woff2") format("woff2");
unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/ccee61546c0358b7-s.17kgvx8~8.fj6.woff2") format("woff2");
unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/8fcf71678f67d0c5-s.0kn0u2cosumsr.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/f7d6090e8b3debad-s.00qosz~21_9iq.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/ce62453a442c7f35-s.p.0333ktddfbsxy.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/572c13468b8cff87-s.0k68dgt5gi4w6.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/62d4b50592542c9f-s.0id408x23fv8q.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/38772d1e0cde909c-s.06sf8d84-9n3w.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/a0ffaa6a9384d9d3-s.0rpo5i9-tpup~.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/fad568eea626db0e-s.04s-lri-1fnua.woff2") format("woff2");
unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/ccee61546c0358b7-s.17kgvx8~8.fj6.woff2") format("woff2");
unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/8fcf71678f67d0c5-s.0kn0u2cosumsr.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/f7d6090e8b3debad-s.00qosz~21_9iq.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/ce62453a442c7f35-s.p.0333ktddfbsxy.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/572c13468b8cff87-s.0k68dgt5gi4w6.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/62d4b50592542c9f-s.0id408x23fv8q.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/38772d1e0cde909c-s.06sf8d84-9n3w.woff2") format("woff2");
unicode-range: U+1F??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/a0ffaa6a9384d9d3-s.0rpo5i9-tpup~.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/fad568eea626db0e-s.04s-lri-1fnua.woff2") format("woff2");
unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/ccee61546c0358b7-s.17kgvx8~8.fj6.woff2") format("woff2");
unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/8fcf71678f67d0c5-s.0kn0u2cosumsr.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/f7d6090e8b3debad-s.00qosz~21_9iq.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/ce62453a442c7f35-s.p.0333ktddfbsxy.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Roboto Fallback;
src: local(Arial);
ascent-override: 92.98%;
descent-override: 24.47%;
line-gap-override: 0.0%;
size-adjust: 99.78%;
}
.roboto_c0ff660e-module__SipTfa__className {
font-family: Roboto, Roboto Fallback;
font-style: normal;
}
.roboto_c0ff660e-module__SipTfa__variable {
--font-roboto: "Roboto", "Roboto Fallback";
}
/* [next]/internal/font/google/jetbrains_mono_61861207.module.css [app-client] (css) */
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: JetBrains Mono Fallback;
src: local(Arial);
ascent-override: 75.79%;
descent-override: 22.29%;
line-gap-override: 0.0%;
size-adjust: 134.59%;
}
.jetbrains_mono_61861207-module__xR7ZdG__className {
font-family: JetBrains Mono, JetBrains Mono Fallback;
font-style: normal;
}
.jetbrains_mono_61861207-module__xR7ZdG__variable {
--font-jetbrains-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}
/* [next]/internal/font/google/gowun_dodum_2759d978.module.css [app-client] (css) */
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7e3792c724018663-s.0pqpcxgfwgt4u.woff2") format("woff2");
unicode-range: U+F9CA-FA0B, U+FF03-FF05, U+FF07, U+FF0A-FF0B, U+FF0D-FF19, U+FF1B, U+FF1D, U+FF20-FF5B, U+FF5D, U+FFE0-FFE3, U+FFE5-FFE6;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/0276bf170af48c47-s.0fnl_qvx.q5x8.woff2") format("woff2");
unicode-range: U+D723-D728, U+D72A-D733, U+D735-D748, U+D74A-D74F, U+D752-D753, U+D755-D757, U+D75A-D75F, U+D762-D764, U+D766-D768, U+D76A-D76B, U+D76D-D76F, U+D771-D787, U+D789-D78B, U+D78D-D78F, U+D791-D797, U+D79A, U+D79C, U+D79E-D7A3, U+F900-F909, U+F90B-F92E;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/98caca7c5eb38086-s.0d0.z5pb146q-.woff2") format("woff2");
unicode-range: U+D679-D68B, U+D68E-D69E, U+D6A0, U+D6A2-D6A7, U+D6A9-D6C3, U+D6C6-D6C7, U+D6C9-D6CB, U+D6CD-D6D3, U+D6D5-D6D6, U+D6D8-D6E3, U+D6E5-D6E7, U+D6E9-D6FB, U+D6FD-D717, U+D719-D71F, U+D721-D722;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3b7e369d6a8bda3a-s.0eacswxjr1yld.woff2") format("woff2");
unicode-range: U+D5BC-D5C7, U+D5CA-D5CB, U+D5CD-D5CF, U+D5D1-D5D7, U+D5D9-D5DA, U+D5DC, U+D5DE-D5E3, U+D5E6-D5E7, U+D5E9-D5EB, U+D5ED-D5F6, U+D5F8, U+D5FA-D5FF, U+D602-D603, U+D605-D607, U+D609-D60F, U+D612-D613, U+D616-D61B, U+D61D-D637, U+D63A-D63B, U+D63D-D63F, U+D641-D647, U+D64A-D64C, U+D64E-D653, U+D656-D657, U+D659-D65B, U+D65D-D666, U+D668, U+D66A-D678;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/d949ec6d7a3e243f-s.0_kphb8r9ggqc.woff2") format("woff2");
unicode-range: U+D507, U+D509-D50B, U+D50D-D513, U+D515-D53B, U+D53E-D53F, U+D541-D543, U+D545-D54C, U+D54E, U+D550, U+D552-D557, U+D55A-D55B, U+D55D-D55F, U+D561-D564, U+D566-D567, U+D56A, U+D56C, U+D56E-D573, U+D576-D577, U+D579-D583, U+D585-D586, U+D58A-D5A4, U+D5A6-D5BB;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/0b32ee564c9e925e-s.122e~~ewlo4_z.woff2") format("woff2");
unicode-range: U+D464-D477, U+D47A-D47B, U+D47D-D47F, U+D481-D487, U+D489-D48A, U+D48C, U+D48E-D4E7, U+D4E9-D503, U+D505-D506;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7bec7b6e6815b3d4-s.0~t~5kz1-gcq-.woff2") format("woff2");
unicode-range: U+D3BF-D3C7, U+D3CA-D3CF, U+D3D1-D3EB, U+D3EE-D3EF, U+D3F1-D3F3, U+D3F5-D3FB, U+D3FD-D400, U+D402-D45B, U+D45D-D463;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/d7b96f5cc463d4a0-s.0g5kb-.ykflxw.woff2") format("woff2");
unicode-range: U+D2FF, U+D302-D304, U+D306-D30B, U+D30F, U+D311-D313, U+D315-D31B, U+D31E, U+D322-D324, U+D326-D327, U+D32A-D32B, U+D32D-D32F, U+D331-D337, U+D339-D33C, U+D33E-D37B, U+D37E-D37F, U+D381-D383, U+D385-D38B, U+D38E-D390, U+D392-D397, U+D39A-D39B, U+D39D-D39F, U+D3A1-D3A7, U+D3A9-D3AA, U+D3AC, U+D3AE-D3B3, U+D3B5-D3B7, U+D3B9-D3BB, U+D3BD-D3BE;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/a4699cbb9c4faaec-s.0_yqojcj274ku.woff2") format("woff2");
unicode-range: U+D257-D27F, U+D281-D29B, U+D29D-D29F, U+D2A1-D2AB, U+D2AD-D2B7, U+D2BA-D2BB, U+D2BD-D2BF, U+D2C1-D2C7, U+D2C9-D2EF, U+D2F2-D2F3, U+D2F5-D2F7, U+D2F9-D2FE;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/fcf6c7fe4e211279-s.100-1k8_pxw7i.woff2") format("woff2");
unicode-range: U+D1B4, U+D1B6-D1F3, U+D1F5-D22B, U+D22E-D22F, U+D231-D233, U+D235-D23B, U+D23D-D240, U+D242-D256;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/8b3e0227c38b01d2-s.0xvyqy9h5n2sg.woff2") format("woff2");
unicode-range: U+D105-D12F, U+D132-D133, U+D135-D137, U+D139-D13F, U+D141-D142, U+D144, U+D146-D14B, U+D14E-D14F, U+D151-D153, U+D155-D15B, U+D15E-D187, U+D189-D19F, U+D1A2-D1A3, U+D1A5-D1A7, U+D1A9-D1AF, U+D1B2-D1B3;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3c9a2a4a59672559-s.0aeo4m3v79rgf.woff2") format("woff2");
unicode-range: U+D04B-D04F, U+D051-D057, U+D059-D06B, U+D06D-D06F, U+D071-D073, U+D075-D07B, U+D07E-D0A3, U+D0A6-D0A7, U+D0A9-D0AB, U+D0AD-D0B3, U+D0B6, U+D0B8, U+D0BA-D0BF, U+D0C2-D0C3, U+D0C5-D0C7, U+D0C9-D0CF, U+D0D2, U+D0D6-D0DB, U+D0DE-D0DF, U+D0E1-D0E3, U+D0E5-D0EB, U+D0EE-D0F0, U+D0F2-D104;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/339e4edfb09e5f39-s.0wg1x7y0.er6h.woff2") format("woff2");
unicode-range: U+CFA2-CFC3, U+CFC5-CFDF, U+CFE2-CFE3, U+CFE5-CFE7, U+CFE9-CFF4, U+CFF6-CFFB, U+CFFD-CFFF, U+D001-D003, U+D005-D017, U+D019-D033, U+D036-D037, U+D039-D03B, U+D03D-D04A;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/aaaa77975a3e134a-s.10i3dtmcg-g~2.woff2") format("woff2");
unicode-range: U+CEF0-CEF3, U+CEF6, U+CEF9-CEFF, U+CF01-CF03, U+CF05-CF07, U+CF09-CF0F, U+CF11-CF12, U+CF14-CF1B, U+CF1D-CF1F, U+CF21-CF2F, U+CF31-CF53, U+CF56-CF57, U+CF59-CF5B, U+CF5D-CF63, U+CF66, U+CF68, U+CF6A-CF6F, U+CF71-CF84, U+CF86-CF8B, U+CF8D-CFA1;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/474fb7523bd31741-s.0.5_7~mczrfdo.woff2") format("woff2");
unicode-range: U+CE3C-CE57, U+CE5A-CE5B, U+CE5D-CE5F, U+CE61-CE67, U+CE6A, U+CE6C, U+CE6E-CE73, U+CE76-CE77, U+CE79-CE7B, U+CE7D-CE83, U+CE85-CE88, U+CE8A-CE8F, U+CE91-CE93, U+CE95-CE97, U+CE99-CE9F, U+CEA2, U+CEA4-CEAB, U+CEAD-CEE3, U+CEE6-CEE7, U+CEE9-CEEB, U+CEED-CEEF;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/97886672b774cdbc-s.0ag0_5pq4hxzp.woff2") format("woff2");
unicode-range: U+CD92-CD93, U+CD96-CD97, U+CD99-CD9B, U+CD9D-CDA3, U+CDA6-CDA8, U+CDAA-CDAF, U+CDB1-CDC3, U+CDC5-CDCB, U+CDCD-CDE7, U+CDE9-CE03, U+CE05-CE1F, U+CE22-CE34, U+CE36-CE3B;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/be8b014fdccdafc1-s.0fbkubbdrqh9c.woff2") format("woff2");
unicode-range: U+CCEF-CD07, U+CD0A-CD0B, U+CD0D-CD1A, U+CD1C, U+CD1E-CD2B, U+CD2D-CD5B, U+CD5D-CD77, U+CD79-CD91;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/bd51ebc7e899b114-s.0fa_f7-gdqklr.woff2") format("woff2");
unicode-range: U+CC3F-CC43, U+CC46-CC47, U+CC49-CC4B, U+CC4D-CC53, U+CC55-CC58, U+CC5A-CC5F, U+CC61-CC97, U+CC9A-CC9B, U+CC9D-CC9F, U+CCA1-CCA7, U+CCAA, U+CCAC, U+CCAE-CCB3, U+CCB6-CCB7, U+CCB9-CCBB, U+CCBD-CCCF, U+CCD1-CCE3, U+CCE5-CCEE;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/53748ebd65a676eb-s.0.9n7mnwkynl7.woff2") format("woff2");
unicode-range: U+CB91-CBD3, U+CBD5-CBE3, U+CBE5-CC0B, U+CC0E-CC0F, U+CC11-CC13, U+CC15-CC1B, U+CC1D-CC20, U+CC23-CC27, U+CC2A-CC2B, U+CC2D, U+CC2F, U+CC31-CC37, U+CC3A, U+CC3C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/fa9e126333199eea-s.0uozyz5gon5b8.woff2") format("woff2");
unicode-range: U+CAF4-CB47, U+CB4A-CB90;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3e2d1af6f67791e8-s.0azmem7bvh2zu.woff2") format("woff2");
unicode-range: U+CA4A-CA4B, U+CA4E-CA4F, U+CA51-CA53, U+CA55-CA5B, U+CA5D-CA60, U+CA62-CA83, U+CA85-CABB, U+CABE-CABF, U+CAC1-CAC3, U+CAC5-CACB, U+CACD-CAD0, U+CAD2, U+CAD4-CAD8, U+CADA-CAF3;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/245b7128876b727a-s.0bijidxf9w8wa.woff2") format("woff2");
unicode-range: U+C996-C997, U+C99A-C99C, U+C99E-C9BF, U+C9C2-C9C3, U+C9C5-C9C7, U+C9C9-C9CF, U+C9D2, U+C9D4, U+C9D7-C9D8, U+C9DB, U+C9DE-C9DF, U+C9E1-C9E3, U+C9E5-C9E6, U+C9E8-C9EB, U+C9EE-C9F0, U+C9F2-C9F7, U+C9F9-CA0B, U+CA0D-CA28, U+CA2A-CA49;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b17f226cd0a57a7e-s.0z6.gz3wfogq~.woff2") format("woff2");
unicode-range: U+C8E9-C8F4, U+C8F6-C8FB, U+C8FE-C8FF, U+C901-C903, U+C905-C90B, U+C90E-C910, U+C912-C917, U+C919-C92B, U+C92D-C94F, U+C951-C953, U+C955-C96B, U+C96D-C973, U+C975-C987, U+C98A-C98B, U+C98D-C98F, U+C991-C995;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/47cfca79e243ffc6-s.0c4pnj~_6vjhh.woff2") format("woff2");
unicode-range: U+C841-C84B, U+C84D-C86F, U+C872-C873, U+C875-C877, U+C879-C87F, U+C882-C884, U+C887-C88A, U+C88D-C8C3, U+C8C5-C8DF, U+C8E1-C8E8;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/a9cc38c2a554f5e0-s.055c99bue3ueb.woff2") format("woff2");
unicode-range: U+C779-C77B, U+C77E-C782, U+C786, U+C78B, U+C78D, U+C78F, U+C792-C793, U+C795, U+C797, U+C799-C79F, U+C7A2, U+C7A7-C7AB, U+C7AE-C7BB, U+C7BD-C7C0, U+C7C2-C7C7, U+C7C9-C7DC, U+C7DE-C7FF, U+C802-C803, U+C805-C807, U+C809, U+C80B-C80F, U+C812, U+C814, U+C817-C81B, U+C81E-C81F, U+C821-C823, U+C825-C82E, U+C830-C837, U+C839-C83B, U+C83D-C840;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/2b2179a9c293acfb-s.0az~hmxac-2ez.woff2") format("woff2");
unicode-range: U+C6BB-C6BF, U+C6C2, U+C6C4, U+C6C6-C6CB, U+C6CE-C6CF, U+C6D1-C6D3, U+C6D5-C6DB, U+C6DD-C6DF, U+C6E1-C6E7, U+C6E9-C6EB, U+C6ED-C6EF, U+C6F1-C6F8, U+C6FA-C703, U+C705-C707, U+C709-C70B, U+C70D-C716, U+C718, U+C71A-C71F, U+C722-C723, U+C725-C727, U+C729-C734, U+C736-C73B, U+C73E-C73F, U+C741-C743, U+C745-C74B, U+C74E-C750, U+C752-C757, U+C759-C773, U+C776-C777;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3bb8c5cbf7b94c5c-s.01.ka5eluse2a.woff2") format("woff2");
unicode-range: U+C5F5-C5FB, U+C5FE, U+C602-C605, U+C607, U+C609-C60F, U+C611-C61A, U+C61C-C623, U+C626-C627, U+C629-C62B, U+C62D, U+C62F-C632, U+C636, U+C638, U+C63A-C63F, U+C642-C643, U+C645-C647, U+C649-C652, U+C656-C65B, U+C65D-C65F, U+C661-C663, U+C665-C677, U+C679-C67B, U+C67D-C693, U+C696-C697, U+C699-C69B, U+C69D-C6A3, U+C6A6, U+C6A8, U+C6AA-C6AF, U+C6B2-C6B3, U+C6B5-C6B7, U+C6B9-C6BA;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/902c5b4cfb705bb7-s.0yh89pjf_~0_4.woff2") format("woff2");
unicode-range: U+C517-C527, U+C52A-C52B, U+C52D-C52F, U+C531-C538, U+C53A, U+C53C, U+C53E-C543, U+C546-C547, U+C54B, U+C54D-C552, U+C556, U+C55A-C55B, U+C55D, U+C55F, U+C562-C563, U+C565-C567, U+C569-C56F, U+C572, U+C574, U+C576-C57B, U+C57E-C57F, U+C581-C583, U+C585-C586, U+C588-C58B, U+C58E, U+C590, U+C592-C596, U+C599-C5B3, U+C5B6-C5B7, U+C5BA, U+C5BE-C5C3, U+C5CA-C5CB, U+C5CD, U+C5CF, U+C5D2-C5D3, U+C5D5-C5D7, U+C5D9-C5DF, U+C5E1-C5E2, U+C5E4, U+C5E6-C5EB, U+C5EF, U+C5F1-C5F3;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/52f47d5a2f326d98-s.0m4nax5a1scw-.woff2") format("woff2");
unicode-range: U+C475-C4EF, U+C4F2-C4F3, U+C4F5-C4F7, U+C4F9-C4FF, U+C502-C50B, U+C50D-C516;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/663544a2566edbdf-s.08.xx85t6c.fk.woff2") format("woff2");
unicode-range: U+C3D0-C3D7, U+C3DA-C3DB, U+C3DD-C3DE, U+C3E1-C3EC, U+C3EE-C3F3, U+C3F5-C42B, U+C42D-C463, U+C466-C474;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/54d0f74a35003694-s.0nasuq9v07np_.woff2") format("woff2");
unicode-range: U+C32B-C367, U+C36A-C36B, U+C36D-C36F, U+C371-C377, U+C37A-C37B, U+C37E-C383, U+C385-C387, U+C389-C3CF;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b9aae64468959c0a-s.04.plfbc_v3jc.woff2") format("woff2");
unicode-range: U+C26A-C26B, U+C26D-C26F, U+C271-C273, U+C275-C27B, U+C27E-C287, U+C289-C28F, U+C291-C297, U+C299-C29A, U+C29C-C2A3, U+C2A5-C2A7, U+C2A9-C2AB, U+C2AD-C2B3, U+C2B6, U+C2B8, U+C2BA-C2BB, U+C2BD-C2DB, U+C2DE-C2DF, U+C2E1-C2E2, U+C2E5-C2EA, U+C2EE, U+C2F0, U+C2F2-C2F5, U+C2F7, U+C2FA-C2FB, U+C2FD-C2FF, U+C301-C307, U+C309-C30C, U+C30E-C312, U+C315-C323, U+C325-C328, U+C32A;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3939b0e69dcff4ad-s.0ooy_jpeg-559.woff2") format("woff2");
unicode-range: U+C1BC-C1C3, U+C1C5-C1DF, U+C1E1-C1FB, U+C1FD-C203, U+C205-C20C, U+C20E, U+C210-C217, U+C21A-C21B, U+C21D-C21E, U+C221-C227, U+C229-C22A, U+C22C, U+C22E, U+C230, U+C233-C24F, U+C251-C257, U+C259-C269;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/a477038ac90752dc-s.0rsu6k5l6.cm~.woff2") format("woff2");
unicode-range: U+C101-C11B, U+C11F, U+C121-C123, U+C125-C12B, U+C12E, U+C132-C137, U+C13A-C13B, U+C13D-C13F, U+C141-C147, U+C14A, U+C14C-C153, U+C155-C157, U+C159-C15B, U+C15D-C166, U+C169-C16F, U+C171-C177, U+C179-C18B, U+C18E-C18F, U+C191-C193, U+C195-C19B, U+C19D-C19E, U+C1A0, U+C1A2-C1A4, U+C1A6-C1BB;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/ff60ef77da3b08a1-s.00tx.c.1y20p2.woff2") format("woff2");
unicode-range: U+C049-C057, U+C059-C05B, U+C05D-C05F, U+C061-C067, U+C069-C08F, U+C091-C0AB, U+C0AE-C0AF, U+C0B1-C0B3, U+C0B5, U+C0B7-C0BB, U+C0BE, U+C0C2-C0C7, U+C0CA-C0CB, U+C0CD-C0CF, U+C0D1-C0D7, U+C0D9-C0DA, U+C0DC, U+C0DE-C0E3, U+C0E5-C0EB, U+C0ED-C0F3, U+C0F6, U+C0F8, U+C0FA-C0FF;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/2bd808303aa669f2-s.0cu7ie3.-sckx.woff2") format("woff2");
unicode-range: U+BFA7-BFAF, U+BFB1-BFC4, U+BFC6-BFCB, U+BFCE-BFCF, U+BFD1-BFD3, U+BFD5-BFDB, U+BFDD-C048;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b05e75b56c2b5deb-s.0g0r802z_uc_9.woff2") format("woff2");
unicode-range: U+BF07, U+BF09-BF3F, U+BF41-BF4F, U+BF52-BF54, U+BF56-BFA6;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/0fb559cf0438565a-s.0pgnj.dqfqm4x.woff2") format("woff2");
unicode-range: U+BE56, U+BE58, U+BE5C-BE5F, U+BE62-BE63, U+BE65-BE67, U+BE69-BE74, U+BE76-BE7B, U+BE7E-BE7F, U+BE81-BE8E, U+BE90, U+BE92-BEA7, U+BEA9-BECF, U+BED2-BED3, U+BED5-BED6, U+BED9-BEE3, U+BEE6-BF06;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/dc3b321e277713bc-s.0_s-y1il.pv1j.woff2") format("woff2");
unicode-range: U+BDB0-BDD3, U+BDD5-BDEF, U+BDF1-BE0B, U+BE0D-BE0F, U+BE11-BE13, U+BE15-BE43, U+BE46-BE47, U+BE49-BE4B, U+BE4D-BE53;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/9b5af900f4d35e13-s.0y4rh2a29mzol.woff2") format("woff2");
unicode-range: U+BD03, U+BD06, U+BD08, U+BD0A-BD0F, U+BD11-BD22, U+BD25-BD47, U+BD49-BD58, U+BD5A-BD7F, U+BD82-BD83, U+BD85-BD87, U+BD8A-BD8F, U+BD91-BD92, U+BD94, U+BD96-BD98, U+BD9A-BDAF;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/441f403286bbc388-s.0kpxr2u9elk4t.woff2") format("woff2");
unicode-range: U+BC4E-BC83, U+BC86-BC87, U+BC89-BC8B, U+BC8D-BC93, U+BC96, U+BC98, U+BC9B-BC9F, U+BCA2-BCA3, U+BCA5-BCA7, U+BCA9-BCB2, U+BCB4-BCBB, U+BCBE-BCBF, U+BCC1-BCC3, U+BCC5-BCCC, U+BCCE-BCD0, U+BCD2-BCD4, U+BCD6-BCF3, U+BCF7, U+BCF9-BCFB, U+BCFD-BD02;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7d39f24d3e808dea-s.0~fi.n9fzuqfm.woff2") format("woff2");
unicode-range: U+BB90-BBA3, U+BBA5-BBAB, U+BBAD-BBBF, U+BBC1-BBF7, U+BBFA-BBFB, U+BBFD-BBFE, U+BC01-BC07, U+BC09-BC0A, U+BC0E, U+BC10, U+BC12-BC13, U+BC17, U+BC19-BC1A, U+BC1E, U+BC20-BC23, U+BC26, U+BC28, U+BC2A-BC2C, U+BC2E-BC2F, U+BC32-BC33, U+BC35-BC37, U+BC39-BC3F, U+BC41-BC42, U+BC44, U+BC46-BC48, U+BC4A-BC4D;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7b53ae009ad9815a-s.01.mw5u6d5j_0.woff2") format("woff2");
unicode-range: U+BAE6-BAFB, U+BAFD-BB17, U+BB19-BB33, U+BB37, U+BB39-BB3A, U+BB3D-BB43, U+BB45-BB46, U+BB48, U+BB4A-BB4F, U+BB51-BB53, U+BB55-BB57, U+BB59-BB62, U+BB64-BB8F;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b6cd99ef6c6de1fe-s.0roifatq7_-sc.woff2") format("woff2");
unicode-range: U+BA30-BA37, U+BA3A-BA3B, U+BA3D-BA3F, U+BA41-BA47, U+BA49-BA4A, U+BA4C, U+BA4E-BA53, U+BA56-BA57, U+BA59-BA5B, U+BA5D-BA63, U+BA65-BA66, U+BA68-BA6F, U+BA71-BA73, U+BA75-BA77, U+BA79-BA84, U+BA86, U+BA88-BAA7, U+BAAA, U+BAAD-BAAF, U+BAB1-BAB7, U+BABA, U+BABC, U+BABE-BAE5;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/2570c5b65066d5a0-s.0zp8~32tit~.n.woff2") format("woff2");
unicode-range: U+B96E-B973, U+B976-B977, U+B979-B97B, U+B97D-B983, U+B986, U+B988, U+B98A-B98D, U+B98F-B9AB, U+B9AE-B9AF, U+B9B1-B9B3, U+B9B5-B9BB, U+B9BE, U+B9C0, U+B9C2-B9C7, U+B9CA-B9CB, U+B9CD, U+B9D2-B9D7, U+B9DA, U+B9DC, U+B9DF-B9E0, U+B9E2, U+B9E6-B9E7, U+B9E9-B9F3, U+B9F6, U+B9F8, U+B9FB-BA2F;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/738452af308beeea-s.12__qqf3yibtm.woff2") format("woff2");
unicode-range: U+B8BF-B8CB, U+B8CD-B8E0, U+B8E2-B8E7, U+B8EA-B8EB, U+B8ED-B8EF, U+B8F1-B8F7, U+B8FA, U+B8FC, U+B8FE-B903, U+B905-B917, U+B919-B91F, U+B921-B93B, U+B93D-B957, U+B95A-B95B, U+B95D-B95F, U+B961-B967, U+B969-B96C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/5ee44ac35ef466d9-s.0f1fdrxchtat_.woff2") format("woff2");
unicode-range: U+B80D-B80F, U+B811-B817, U+B81A, U+B81C-B823, U+B826-B827, U+B829-B82B, U+B82D-B833, U+B836, U+B83A-B83F, U+B841-B85B, U+B85E-B85F, U+B861-B863, U+B865-B86B, U+B86E, U+B870, U+B872-B8AF, U+B8B1-B8BE;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3e1ec4cc0d6df382-s.0872bg6z5kjia.woff2") format("woff2");
unicode-range: U+B74D-B75F, U+B761-B763, U+B765-B774, U+B776-B77B, U+B77E-B77F, U+B781-B783, U+B785-B78B, U+B78E, U+B792-B796, U+B79A-B79B, U+B79D-B7A7, U+B7AA, U+B7AE-B7B3, U+B7B6-B7C8, U+B7CA-B7EB, U+B7EE-B7EF, U+B7F1-B7F3, U+B7F5-B7FB, U+B7FE, U+B802-B806, U+B80A-B80B;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/1be0cb42a92582ff-s.02for3tu2xplj.woff2") format("woff2");
unicode-range: U+B6A7-B6AA, U+B6AC-B6B0, U+B6B2-B6EF, U+B6F1-B727, U+B72A-B72B, U+B72D-B72E, U+B731-B737, U+B739-B73A, U+B73C-B743, U+B745-B74C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/433740dc7a17bdba-s.0x_ly3elxvpg3.woff2") format("woff2");
unicode-range: U+B605-B60F, U+B612-B617, U+B619-B624, U+B626-B69B, U+B69E-B6A3, U+B6A5-B6A6;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/9a7d62ddf828c3de-s.0uyb~e4z3uzqf.woff2") format("woff2");
unicode-range: U+B55F, U+B562-B583, U+B585-B59F, U+B5A2-B5A3, U+B5A5-B5A7, U+B5A9-B5B2, U+B5B5-B5BA, U+B5BD-B604;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b9c87bcdf61d42f4-s.0hh-5x_~6d680.woff2") format("woff2");
unicode-range: U+B4A5-B4B6, U+B4B8-B4BF, U+B4C1-B4C7, U+B4C9-B4DB, U+B4DE-B4DF, U+B4E1-B4E2, U+B4E5-B4EB, U+B4EE, U+B4F0, U+B4F2-B513, U+B516-B517, U+B519-B51A, U+B51D-B523, U+B526, U+B528, U+B52B-B52F, U+B532-B533, U+B535-B537, U+B539-B53F, U+B541-B544, U+B546-B54B, U+B54D-B54F, U+B551-B55B, U+B55D-B55E;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/5897c6a6262e6b18-s.06riim0cuyn3q.woff2") format("woff2");
unicode-range: U+B3F8-B3FB, U+B3FD-B40F, U+B411-B417, U+B419-B41B, U+B41D-B41F, U+B421-B427, U+B42A-B42B, U+B42D-B44F, U+B452-B453, U+B455-B457, U+B459-B45F, U+B462-B464, U+B466-B46B, U+B46D-B47F, U+B481-B4A3;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/6aceadf81a329d5b-s.01r-vvkfsinlq.woff2") format("woff2");
unicode-range: U+B342-B353, U+B356-B357, U+B359-B35B, U+B35D-B35E, U+B360-B363, U+B366, U+B368, U+B36A-B36D, U+B36F, U+B372-B373, U+B375-B377, U+B379-B37F, U+B381-B382, U+B384, U+B386-B38B, U+B38D-B3C3, U+B3C6-B3C7, U+B3C9-B3CA, U+B3CD-B3D3, U+B3D6, U+B3D8, U+B3DA-B3F7;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/24dd11140de20c3d-s.07hw8zqlcetiq.woff2") format("woff2");
unicode-range: U+B27C-B283, U+B285-B28F, U+B292-B293, U+B295-B297, U+B29A-B29F, U+B2A1-B2A4, U+B2A7-B2A9, U+B2AB, U+B2AD-B2C7, U+B2CA-B2CB, U+B2CD-B2CF, U+B2D1-B2D7, U+B2DA, U+B2DC, U+B2DE-B2E3, U+B2E7, U+B2E9-B2EA, U+B2EF-B2F3, U+B2F6, U+B2F8, U+B2FA-B2FB, U+B2FD-B2FE, U+B302-B303, U+B305-B307, U+B309-B30F, U+B312, U+B316-B31B, U+B31D-B341;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/53fd55f09b8bd25f-s.03xjl~ut91ryt.woff2") format("woff2");
unicode-range: U+B1D6-B1E7, U+B1E9-B1FC, U+B1FE-B203, U+B206-B207, U+B209-B20B, U+B20D-B213, U+B216-B21F, U+B221-B257, U+B259-B273, U+B275-B27B;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/599fa0b4669c183e-s.14jg07dmk-.t~.woff2") format("woff2");
unicode-range: U+B120-B122, U+B126-B127, U+B129-B12B, U+B12D-B133, U+B136, U+B138, U+B13A-B13F, U+B142-B143, U+B145-B14F, U+B151-B153, U+B156-B157, U+B159-B177, U+B17A-B17B, U+B17D-B17F, U+B181-B187, U+B189-B18C, U+B18E-B191, U+B195-B1A7, U+B1A9-B1CB, U+B1CD-B1D5;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b112e374a329603d-s.09d2fsk02ezr-.woff2") format("woff2");
unicode-range: U+B05F-B07B, U+B07E-B07F, U+B081-B083, U+B085-B08B, U+B08D-B097, U+B09B, U+B09D-B09F, U+B0A2-B0A7, U+B0AA, U+B0B0, U+B0B2, U+B0B6-B0B7, U+B0B9-B0BB, U+B0BD-B0C3, U+B0C6-B0C7, U+B0CA-B0CF, U+B0D1-B0DF, U+B0E1-B0E4, U+B0E6-B107, U+B10A-B10B, U+B10D-B10F, U+B111-B112, U+B114-B117, U+B119-B11A, U+B11C-B11F;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/5243d17ee08feea9-s.0t2n~6tglm_sb.woff2") format("woff2");
unicode-range: U+AFAC-AFB7, U+AFBA-AFBB, U+AFBD-AFBF, U+AFC1-AFC6, U+AFCA-AFCC, U+AFCE-AFD3, U+AFD5-AFE7, U+AFE9-AFEF, U+AFF1-B00B, U+B00D-B00F, U+B011-B013, U+B015-B01B, U+B01D-B027, U+B029-B043, U+B045-B047, U+B049, U+B04B, U+B04D-B052, U+B055-B056, U+B058-B05C, U+B05E;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/138db893352dcdfc-s.0c7oah_yia.4y.woff2") format("woff2");
unicode-range: U+AF03-AF07, U+AF09-AF2B, U+AF2E-AF33, U+AF35-AF3B, U+AF3E-AF40, U+AF44-AF47, U+AF4A-AF5C, U+AF5E-AF63, U+AF65-AF7F, U+AF81-AFAB;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b1821ed4a2b48341-s.0uq.kc7acald8.woff2") format("woff2");
unicode-range: U+AE56-AE5B, U+AE5E-AE60, U+AE62-AE64, U+AE66-AE67, U+AE69-AE6B, U+AE6D-AE83, U+AE85-AEBB, U+AEBF, U+AEC1-AEC3, U+AEC5-AECB, U+AECE, U+AED0, U+AED2-AED7, U+AED9-AEF3, U+AEF5-AF02;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/8b5933312002e2aa-s.0w7p4o3tsik_k.woff2") format("woff2");
unicode-range: U+AD9C-ADA3, U+ADA5-ADBF, U+ADC1-ADC3, U+ADC5-ADC7, U+ADC9-ADD2, U+ADD4-ADDB, U+ADDD-ADDF, U+ADE1-ADE3, U+ADE5-ADF7, U+ADFA-ADFB, U+ADFD-ADFF, U+AE02-AE07, U+AE0A, U+AE0C, U+AE0E-AE13, U+AE15-AE2F, U+AE31-AE33, U+AE35-AE37, U+AE39-AE3F, U+AE42, U+AE44, U+AE46-AE49, U+AE4B, U+AE4F, U+AE51-AE53, U+AE55;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/348abe59beac2e5e-s.00d-thqp6~r0x.woff2") format("woff2");
unicode-range: U+ACE2-ACE3, U+ACE5-ACE6, U+ACE9-ACEF, U+ACF2, U+ACF4, U+ACF7-ACFB, U+ACFE-ACFF, U+AD01-AD03, U+AD05-AD0B, U+AD0D-AD10, U+AD12-AD1B, U+AD1D-AD33, U+AD35-AD48, U+AD4A-AD4F, U+AD51-AD6B, U+AD6E-AD6F, U+AD71-AD72, U+AD77-AD7C, U+AD7E, U+AD80, U+AD82-AD87, U+AD89-AD8B, U+AD8D-AD8F, U+AD91-AD9B;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/9c557ca51136c8d8-s.0_f0aykn-43l..woff2") format("woff2");
unicode-range: U+AC25-AC2C, U+AC2E, U+AC30, U+AC32-AC37, U+AC39-AC3F, U+AC41-AC4C, U+AC4E-AC6F, U+AC72-AC73, U+AC75-AC76, U+AC79-AC7F, U+AC82, U+AC84-AC88, U+AC8A-AC8B, U+AC8D-AC8F, U+AC91-AC93, U+AC95-AC9B, U+AC9D-AC9E, U+ACA1-ACA7, U+ACAB, U+ACAD-ACAF, U+ACB1-ACB7, U+ACBA-ACBB, U+ACBE-ACC0, U+ACC2-ACC3, U+ACC5-ACDF;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/00a414bba306d510-s.0bjqom75kppmx.woff2") format("woff2");
unicode-range: U+99DF, U+99ED, U+99F1, U+99FF, U+9A01, U+9A08, U+9A0E-9A0F, U+9A19, U+9A2B, U+9A30, U+9A36-9A37, U+9A40, U+9A43, U+9A45, U+9A4D, U+9A55, U+9A57, U+9A5A-9A5B, U+9A5F, U+9A62, U+9A65, U+9A69-9A6A, U+9AA8, U+9AB8, U+9AD3, U+9AE5, U+9AEE, U+9B1A, U+9B27, U+9B2A, U+9B31, U+9B3C, U+9B41-9B45, U+9B4F, U+9B54, U+9B5A, U+9B6F, U+9B8E, U+9B91, U+9B9F, U+9BAB, U+9BAE, U+9BC9, U+9BD6, U+9BE4, U+9BE8, U+9C0D, U+9C10, U+9C12, U+9C15, U+9C25, U+9C32, U+9C3B, U+9C47, U+9C49, U+9C57, U+9CE5, U+9CE7, U+9CE9, U+9CF3-9CF4, U+9CF6, U+9D09, U+9D1B, U+9D26, U+9D28, U+9D3B, U+9D51, U+9D5D, U+9D60-9D61, U+9D6C, U+9D72, U+9DA9, U+9DAF, U+9DB4, U+9DC4, U+9DD7, U+9DF2, U+9DF8-9DFA, U+9E1A, U+9E1E, U+9E75, U+9E79, U+9E7D, U+9E7F, U+9E92-9E93, U+9E97, U+9E9D, U+9E9F, U+9EA5, U+9EB4-9EB5, U+9EBB, U+9EBE, U+9EC3, U+9ECD-9ECE, U+9ED4, U+9ED8, U+9EDB-9EDC, U+9EDE, U+9EE8, U+9EF4, U+9F07-9F08, U+9F0E, U+9F13, U+9F20, U+9F3B, U+9F4A-9F4B, U+9F4E, U+9F52, U+9F5F, U+9F61, U+9F67, U+9F6A, U+9F6C, U+9F77, U+9F8D, U+9F90, U+9F95, U+9F9C, U+AC02-AC03, U+AC05-AC06, U+AC09-AC0F, U+AC17-AC18, U+AC1B, U+AC1E-AC1F, U+AC21-AC23;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/ad7d49bd333511d7-s.183yoqv_zr6xc.woff2") format("woff2");
unicode-range: U+338C-339C, U+339F-33A0, U+33A2-33CB, U+33CF-33D0, U+33D3, U+33D6, U+33D8, U+33DB-33DD, U+4E01, U+4E03, U+4E07-4E08, U+4E11, U+4E14-4E15, U+4E18-4E19, U+4E1E, U+4E32, U+4E38-4E39, U+4E42-4E43, U+4E45, U+4E4D-4E4F, U+4E56, U+4E58-4E59, U+4E5D-4E5E, U+4E6B, U+4E6D, U+4E73, U+4E76-4E77, U+4E7E, U+4E82, U+4E86, U+4E88, U+4E8E, U+4E90-4E92, U+4E94-4E95, U+4E98, U+4E9B, U+4E9E, U+4EA1-4EA2, U+4EA4-4EA6, U+4EA8, U+4EAB, U+4EAD-4EAE, U+4EB6, U+4EC0-4EC1, U+4EC4, U+4EC7, U+4ECB, U+4ECD, U+4ED4-4ED5, U+4ED7-4ED9, U+4EDD, U+4EDF, U+4EE4, U+4EF0, U+4EF2, U+4EF6-4EF7, U+4EFB, U+4F01, U+4F09, U+4F0B, U+4F0D-4F11, U+4F2F, U+4F34, U+4F36, U+4F38, U+4F3A, U+4F3C-4F3D;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/c6802aed89177688-s.0199df9pyt2vj.woff2") format("woff2");
unicode-range: U+3136, U+3138, U+313A-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315B, U+315D-315F, U+3162, U+3164-318C, U+318E, U+3200-321B, U+3231, U+3239, U+3251-325A, U+3260-327B, U+327E-327F, U+328A-3290, U+3294, U+329E, U+32A5, U+3380-3384, U+3388-338B;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/2bc3b42159fa63a5-s.0bdiewzjkg2kf.woff2") format("woff2");
unicode-range: U+2F7D, U+2F7F-2F8B, U+2F8E-2F90, U+2F92-2F97, U+2F99-2FA0, U+2FA2-2FA3, U+2FA5-2FA9, U+2FAC-2FB1, U+2FB3-2FBC, U+2FC1-2FCA, U+2FCD-2FD4, U+3003, U+3012-3019, U+301C, U+301E-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304E, U+3050, U+3052, U+3056, U+305A, U+305C, U+305E, U+3062, U+3065, U+306C, U+3070-307D, U+3080, U+3085, U+3087, U+308E, U+3090-3091, U+30A1, U+30A5, U+30A9, U+30AE, U+30B1-30B2, U+30B4, U+30B6, U+30BC-30BE, U+30C2, U+30C5, U+30CC, U+30D2, U+30D4, U+30D8-30DD, U+30E4, U+30E6, U+30E8, U+30EE, U+30F0-30F2, U+30F4-30F6, U+3133, U+3135;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/266c7759415736ca-s.008rg.x97mbyx.woff2") format("woff2");
unicode-range: U+2541-254B, U+25A4-25A9, U+25B1, U+25B5, U+25B9, U+25BF, U+25C1, U+25C3, U+25C9-25CA, U+25CC, U+25CE, U+25D0-25D1, U+25E6, U+25EF, U+260F, U+261D, U+261F, U+262F, U+2660, U+2664, U+2667-2669, U+266D, U+266F, U+2716, U+271A, U+273D, U+2756, U+2776-277F, U+278A-2793, U+2963, U+2965, U+2AC5-2AC6, U+2ACB-2ACC, U+2F00, U+2F04, U+2F06, U+2F08, U+2F0A-2F0B, U+2F11-2F12, U+2F14, U+2F17-2F18, U+2F1C-2F1D, U+2F1F-2F20, U+2F23-2F26, U+2F28-2F29, U+2F2B, U+2F2D, U+2F2F-2F32, U+2F38, U+2F3C-2F40, U+2F42-2F4C, U+2F4F-2F52, U+2F54-2F58, U+2F5A-2F66, U+2F69-2F70, U+2F72-2F76, U+2F78, U+2F7A-2F7C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/12698d36b9dea85b-s.0t4yhvototo~c.woff2") format("woff2");
unicode-range: U+2479-2487, U+249C-24D1, U+24D3-24D7, U+24D9-24E9, U+24EB-24F4, U+2500-2501, U+2503, U+250C-2513, U+2515-2516, U+2518-2540;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/afcafce2aded2a5e-s.06lu4njxzyvso.woff2") format("woff2");
unicode-range: U+215B-215E, U+2162-2169, U+2170-2179, U+2195-2199, U+21B0-21B4, U+21BC, U+21C0, U+21C4-21C5, U+21CD, U+21CF-21D4, U+21E0-21E3, U+21E6-21E9, U+2200, U+2202-2203, U+2206-2209, U+220B-220C, U+220F, U+2211, U+2213, U+221A, U+221D-2220, U+2222, U+2225-2227, U+2229-222C, U+222E, U+2234-2237, U+223D, U+2243, U+2245, U+2248, U+2250-2253, U+225A, U+2260-2262, U+2264-2267, U+226A-226B, U+226E-2273, U+2276-2277, U+2279-227B, U+2280-2287, U+228A-228B, U+2295-2297, U+22A3-22A5, U+22BB-22BC, U+22CE-22CF, U+22DA-22DB, U+22EE-22EF, U+2306, U+2312, U+2314, U+2467-2478;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3056de066435181a-s.040wxa4y_.pqt.woff2") format("woff2");
unicode-range: U+81-82, U+84, U+A2-A5, U+A7-A8, U+AA, U+AC-AD, U+B1-B3, U+B6, U+B8-BA, U+BC-BE, U+C0, U+C2, U+C6-CB, U+CE-D0, U+D4, U+D8-D9, U+DB-DC, U+DE-DF, U+E6, U+EB, U+EE-F0, U+F4, U+F7-F9, U+FB, U+FE-FF, U+111, U+126-127, U+132-133, U+138, U+13F-142, U+149-14B, U+152-153, U+166-167, U+2BC, U+2C7, U+2D0, U+2D8-2D9, U+2DB-2DD, U+391-394, U+396-3A1, U+3A3-3A9, U+3B2-3B6, U+3B8, U+3BC, U+3BE-3C1, U+3C3-3C9, U+2010, U+2015-2016, U+2018-2019, U+201B, U+201F-2021, U+2025, U+2030, U+2033-2036, U+203C, U+203E, U+2042, U+2074, U+207A-207F, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212B, U+2153-2154;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7801838c82d30e92-s.0xhc1ic1wonhl.woff2") format("woff2");
unicode-range: U+E8, U+2DA, U+2160, U+2194, U+3054, U+3058, U+306D, U+3086, U+308D, U+30AC, U+30BB, U+30C4, U+30CD-30CE, U+30E2, U+3132, U+3146, U+3149, U+339D, U+4E3B, U+4F0A, U+4FDD, U+4FE1, U+5409, U+540C, U+5834, U+592A-592B, U+5B9A, U+5DDE, U+5E0C, U+5E73, U+5F0F, U+60F3, U+653F, U+661F, U+662F, U+667A, U+683C, U+6B4C, U+6C11, U+767C, U+76EE, U+76F4, U+77F3, U+79D1, U+7A7A, U+7B2C, U+7D22, U+8207, U+8A00, U+8A71, U+9280, U+9580, U+958B, U+96C6, U+9762, U+98DF, U+9ED1, U+AC2D, U+ADC8, U+ADD3, U+AF48, U+B014, U+B134-B135, U+B158, U+B2AA, U+B35F, U+B6A4, U+B9CF, U+BB63, U+BD23, U+BE91, U+C29B, U+C3F4, U+C42C, U+C55C, U+C573, U+C58F, U+C78C, U+C7DD, U+C8F5, U+CAD1, U+CC48, U+CF10, U+CF20, U+D03C, U+D07D, U+D2A0, U+D30E, U+D38D, U+D3A8, U+D3C8, U+D5E5, U+D5F9, U+D6E4, U+F90A, U+FF02, U+FF1C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/ef603864bbcacd0e-s.0vdshwb~a4xkt.woff2") format("woff2");
unicode-range: U+3B1, U+2466, U+25A1, U+25A3, U+261C, U+3008-3009, U+305B, U+305D, U+3069, U+30A7, U+30BA, U+30CF, U+30EF, U+3151, U+3157, U+4E4B, U+4E5F, U+4E8C, U+4ECA, U+4ED6, U+4F5B, U+50CF, U+5149, U+5165, U+5171, U+5229, U+529B, U+5316, U+539F, U+53F2, U+571F, U+5728, U+58EB, U+591C, U+5B78, U+5C11, U+5C55, U+5DDD, U+5E02, U+5FB7, U+60C5, U+610F, U+611F, U+6625, U+66F8, U+6797, U+679C, U+682A, U+6D2A, U+706B, U+7406, U+767B, U+76F8, U+77E5, U+7ACB, U+898B, U+8A69, U+8DEF, U+8FD1, U+901A, U+90E8, U+91CD, U+975E, U+AE14, U+AE6C, U+AEC0, U+AFC7, U+AFC9, U+B01C, U+B028, U+B308, U+B311, U+B314, U+B31C, U+B524, U+B560, U+B764, U+B920, U+B9E3, U+BD48, U+BE7D, U+C0DB, U+C231, U+C270, U+C2E3, U+C37D, U+C3ED, U+C530, U+C6A5, U+C6DC, U+C7A4, U+C954, U+C974, U+D000, U+D565, U+D667, U+D6C5, U+D79D, U+FF1E;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b92f8b9bc0b9a006-s.0.vl0y-svb7dn.woff2") format("woff2");
unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308F, U+30C0, U+30D1, U+30D3, U+30D6, U+30DF, U+30E7, U+3153, U+4E16, U+4E8B, U+4EE5, U+5206, U+52A0, U+52D5, U+53E4, U+53EF, U+54C1, U+57CE, U+597D, U+5B8C, U+5EA6, U+5F8C, U+5F97, U+6210, U+6240, U+624B, U+6728, U+6BD4, U+7236, U+7269, U+7279, U+738B, U+7528, U+7530, U+767E, U+798F, U+8005, U+8A18, U+90FD, U+91CC, U+9577, U+9593, U+98A8, U+AC20, U+ACF6, U+AD90, U+AF5D, U+AF80, U+AFCD, U+AFF0, U+B0A1, U+B0B5, U+B1FD, U+B2FC, U+B380, U+B51B, U+B584, U+B5B3, U+B8FD, U+B93C, U+B9F4, U+BB44, U+BC08, U+BC27, U+BC49, U+BE55, U+BE64, U+BFB0, U+BFC5, U+C178, U+C21F, U+C314, U+C4F1, U+C58D, U+C664, U+C698, U+C6A7, U+C6C1, U+C9ED, U+CAC0, U+CACC, U+CAD9, U+CCB5, U+CDCC, U+D0E4, U+D143, U+D320, U+D330, U+D54D, U+FF06, U+FF1F, U+FF5E;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/e93f3686879868e6-s.12_ykzzj9~d63.woff2") format("woff2");
unicode-range: U+B4, U+20A9, U+20AC, U+2190, U+24D8, U+2502, U+2514, U+2592, U+25C7-25C8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30A3, U+30A6, U+30AA, U+30B5, U+30C7, U+30CA-30CB, U+30D0, U+30E3, U+30E5, U+339E, U+4E09, U+4EAC, U+4F5C, U+5167-5168, U+516C, U+51FA, U+5408, U+540D, U+591A, U+5B57, U+6211, U+65B9, U+660E, U+6642, U+6700, U+6B63, U+6E2F, U+7063, U+7532, U+793E, U+81EA, U+8272, U+82B1, U+897F, U+8ECA, U+91CE, U+AC38, U+AD76, U+AE84, U+AECC, U+B07D, U+B0B1, U+B215, U+B2A0, U+B310, U+B3D7, U+B52A, U+B618, U+B775, U+B797, U+BCD5, U+BD59, U+BE80, U+BEA8, U+BED1, U+BEE4-BEE5, U+C060, U+C2EF, U+C329, U+C3DC, U+C597, U+C5BD, U+C5E5, U+C69C, U+C9D6, U+CA29, U+CA5C, U+CA84, U+CC39, U+CC3B, U+CE89, U+CEE5, U+CF65, U+CF85, U+D058, U+D145, U+D22D, U+D325, U+D37D, U+D3AD, U+D769, U+FF0C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/2a2cc858e635e854-s.16purl95r.z~..woff2") format("woff2");
unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304A, U+3053, U+3061, U+307F, U+3082, U+308C, U+3092, U+30A8, U+30AB, U+30AD, U+30B0, U+30B3, U+30B7, U+30C1, U+30C6, U+30C9, U+30D5, U+30D7, U+30DE, U+30E0-30E1, U+30EC-30ED, U+4E0B, U+4E0D, U+4EE3, U+53F0, U+548C, U+5B89, U+5BB6, U+5C0F, U+611B, U+6771, U+6AA2, U+6BCD, U+6C34, U+6CD5, U+6D77, U+767D, U+795E, U+8ECD, U+9999, U+9AD8, U+AC07, U+AC1A, U+AC40, U+AD0C, U+AD88, U+ADA4, U+AE01, U+AE65, U+AEBD, U+AEC4, U+AFE8, U+B139, U+B205, U+B383, U+B38C, U+B42C, U+B461, U+B55C, U+B78F, U+B8FB, U+B9F7, U+BAFC, U+BC99, U+BED8, U+BFCD, U+C0BF, U+C0F9, U+C167, U+C204, U+C20F, U+C22F, U+C258, U+C298, U+C2BC, U+C388, U+C501, U+C50C, U+C5B9, U+C5CE, U+C641, U+C648, U+C73D, U+CA50, U+CA61, U+CC4C, U+CEAC, U+D0D4, U+D5F7, U+D6D7, U+FF1A;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/a955e4862735c334-s.06cjme.yj05a4.woff2") format("woff2");
unicode-range: U+2103, U+2463, U+25C6, U+25CB, U+266C, U+3001, U+300A, U+3046, U+304C-304D, U+304F, U+3055, U+3059, U+3063, U+3066-3068, U+306F, U+3089, U+30B8, U+30BF, U+314F, U+4E0A, U+570B, U+5730, U+5916, U+5929, U+5C71, U+5E74, U+5FC3, U+601D, U+6027, U+63D0, U+6709, U+6734, U+751F, U+7684, U+82F1, U+9053, U+91D1, U+97F3, U+AC2F, U+AC4D, U+ADC4, U+ADE4, U+AE41, U+AE4D-AE4E, U+AED1, U+AFB9, U+B0E0, U+B299, U+B365, U+B46C, U+B480, U+B4C8, U+B7B4, U+B819, U+B918, U+BAAB, U+BAB9, U+BE8F, U+BED7, U+C0EC, U+C19F, U+C1A5, U+C3D9, U+C464, U+C53D, U+C553, U+C570, U+C5CC, U+C633, U+C6A4, U+C7A3, U+C7A6, U+C886, U+C9D9-C9DA, U+C9EC, U+CA0C, U+CC21, U+CD1B, U+CD78, U+CDC4, U+CEF8, U+CFE4, U+D0A5, U+D0B5, U+D0EC, U+D15D, U+D188, U+D23C, U+D2AC, U+D729, U+D79B, U+FF01, U+FF08-FF09, U+FF5C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/bcb519b70ed909b8-s.0ef6j852hd.t5.woff2") format("woff2");
unicode-range: U+2039-203A, U+223C, U+25B3, U+25B7, U+25BD, U+25CF, U+266A, U+3002, U+300B, U+304B, U+3057, U+305F, U+306A-306B, U+307E, U+308A-308B, U+3093, U+30A2, U+30AF, U+30B9, U+30C3, U+30C8, U+30E9-30EB, U+33A1, U+4E00, U+524D, U+5357, U+5B50, U+7121, U+884C, U+9751, U+AC94, U+AEBE, U+AECD, U+AF08, U+AF41, U+AF49, U+B010, U+B053, U+B109, U+B11B, U+B128, U+B154, U+B291, U+B2E6, U+B301, U+B385, U+B525, U+B5B4, U+B729, U+B72F, U+B738, U+B7FF, U+B837, U+B975, U+BA67, U+BB47, U+BC1F, U+BD90, U+BFD4, U+C27C, U+C324, U+C379, U+C3E0, U+C465, U+C53B, U+C58C, U+C610, U+C653, U+C6CD, U+C813, U+C82F, U+C999, U+C9E0, U+CAC4, U+CAD3, U+CBD4, U+CC10, U+CC22, U+CCB8, U+CCBC, U+CDA5, U+CE84, U+CEA3, U+CF67, U+CFE1, U+D241, U+D30D, U+D31C, U+D391, U+D401, U+D479, U+D5C9, U+D5DB, U+D649, U+D6D4;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/499be2a2b7535cf8-s.13drmxpbqr13m.woff2") format("woff2");
unicode-range: U+B0, U+E9, U+2193, U+2462, U+260E, U+261E, U+300E-300F, U+3044, U+30A4, U+30FB-30FC, U+314D, U+5973, U+6545, U+6708, U+7537, U+AC89, U+AC9C, U+ACC1, U+AD04, U+AD75, U+AD7D, U+AE45, U+AE61, U+AF42, U+B0AB, U+B0AF, U+B0B3, U+B12C, U+B194, U+B1A8, U+B220, U+B258, U+B284, U+B2FF, U+B315, U+B371, U+B3D4-B3D5, U+B460, U+B527, U+B534, U+B810, U+B818, U+B98E, U+BA55, U+BBAC, U+BC0B, U+BC40, U+BCA1, U+BCCD, U+BD93, U+BE54, U+BE5A, U+BF08, U+BF50, U+BF55, U+BFDC, U+C0C0, U+C0D0, U+C0F4, U+C100, U+C11E, U+C170, U+C20D, U+C274, U+C290, U+C308, U+C369, U+C539, U+C587, U+C5FF, U+C6EC, U+C70C, U+C7AD, U+C7C8, U+C83C, U+C881, U+CB48, U+CC60, U+CE69, U+CE6B, U+CE75, U+CF04, U+CF08, U+CF55, U+CF70, U+CFFC, U+D0B7, U+D1A8, U+D2C8, U+D384, U+D47C, U+D48B, U+D5DD, U+D5E8, U+D720, U+D759, U+F981;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/03e8f3f8b2b48380-s.12j0loqsj-vg1.woff2") format("woff2");
unicode-range: U+E0, U+E2, U+395, U+3B7, U+3BA, U+2460-2461, U+25A0, U+3010-3011, U+306E, U+30F3, U+314A, U+314C, U+5927, U+65B0, U+7E41, U+97D3, U+9AD4, U+AD49, U+AE0B, U+AE0D, U+AE43, U+AE5D, U+AECF, U+AF3C, U+AF64, U+AFD4, U+B080, U+B084, U+B0C5, U+B10C, U+B1E8, U+B2AC, U+B36E, U+B451, U+B515, U+B540, U+B561, U+B6AB, U+B6B1, U+B72C, U+B730, U+B744, U+B800, U+B8EC, U+B8F0, U+B904, U+B968, U+B96D, U+B987, U+B9D9, U+BB36, U+BB49, U+BC2D, U+BC43, U+BCF6, U+BD89, U+BE57, U+BE61, U+BED4, U+C090, U+C130, U+C148, U+C19C, U+C2F9, U+C36C, U+C37C, U+C384, U+C3DF, U+C575, U+C584, U+C660, U+C719, U+C816, U+CA4D, U+CA54, U+CABC, U+CB49, U+CC14, U+CFF5, U+D004, U+D038, U+D0B4, U+D0D3, U+D0E0, U+D0ED, U+D131, U+D1B0, U+D31F, U+D33D, U+D3A0, U+D3AB, U+D514, U+D584, U+D6A1, U+D6CC, U+D749, U+D760, U+D799;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/ff240a85c0dd62ea-s.086-s28ulhdqv.woff2") format("woff2");
unicode-range: U+24, U+60, U+3B9, U+3BB, U+3BD, U+2191, U+2606, U+300C-300D, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321C, U+4EBA, U+5317, U+AC31, U+AC77, U+AC9F, U+ACB9, U+ACF0-ACF1, U+ACFD, U+AD73, U+AF3D, U+B00C, U+B04A, U+B057, U+B0C4, U+B188, U+B1CC, U+B214, U+B2DB, U+B2EE, U+B304, U+B4ED, U+B518, U+B5BC, U+B625, U+B69C-B69D, U+B7AC, U+B801, U+B86C, U+B959, U+B95C, U+B985, U+BA48, U+BB58, U+BC0C, U+BC38, U+BC85, U+BC9A, U+BF40, U+C068, U+C0BD, U+C0CC, U+C12F, U+C149, U+C1E0, U+C22B, U+C22D, U+C250, U+C2FC, U+C300, U+C313, U+C370, U+C3D8, U+C557, U+C580, U+C5E3, U+C62E, U+C634, U+C6F0, U+C74D, U+C783, U+C78E, U+C796, U+C7BC, U+C92C, U+CA4C, U+CC1C, U+CC54, U+CC59, U+CE04, U+CF30, U+CFC4, U+D140, U+D321, U+D38C, U+D399, U+D54F, U+D587, U+D5D0, U+D6E8, U+D770;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/1e1315e8f1719695-s.0tzatcbxg2bpu.woff2") format("woff2");
unicode-range: U+D7, U+EA, U+FC, U+2192, U+25BC, U+3000, U+3137, U+3145, U+315C, U+7F8E, U+AC13, U+AC71, U+AC90, U+ACB8, U+ACE7, U+AD7F, U+AE50, U+AEF4, U+AF34, U+AFBC, U+B048, U+B09A, U+B0AD, U+B0BC, U+B113, U+B125, U+B141, U+B20C, U+B2D9, U+B2ED, U+B367, U+B369, U+B374, U+B3CB, U+B4EC, U+B611, U+B760, U+B81B, U+B834, U+B8B0, U+B8E1, U+B989, U+B9D1, U+B9E1, U+B9FA, U+BA4D, U+BA78, U+BB35, U+BB54, U+BBF9, U+BC11, U+BCB3, U+BD05, U+BD95, U+BDD4, U+BE10, U+BED0, U+BF51, U+C0D8, U+C232, U+C2B7, U+C2EB, U+C378, U+C500, U+C52C, U+C549, U+C568, U+C598, U+C5C9, U+C61B, U+C639, U+C67C, U+C717, U+C78A, U+C80A, U+C90C-C90D, U+C950, U+C9E7, U+CBE4, U+CCA9, U+CCE4, U+CDB0, U+CE78, U+CE94, U+CE98, U+CF8C, U+D018, U+D034, U+D0F1, U+D1B1, U+D280, U+D2F8, U+D338, U+D380, U+D3B4, U+D610, U+D69F, U+D6FC, U+D758;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/6cbeb9d79b8bcab0-s.09pst8ekwcsj7.woff2") format("woff2");
unicode-range: U+E7, U+2022, U+203B, U+25C0, U+2605, U+2661, U+3147, U+318D, U+672C, U+8A9E, U+ACAA, U+ACBC, U+AD1C, U+AE4A, U+AE5C, U+B044, U+B054, U+B0C8-B0C9, U+B2A6, U+B2D0, U+B35C, U+B364, U+B428, U+B454, U+B465, U+B4B7, U+B4E3, U+B51C, U+B5A1, U+B784, U+B790, U+B7AB, U+B7F4, U+B82C, U+B835, U+B8E9, U+B8F8, U+B9D8, U+B9F9, U+BA5C, U+BA64, U+BABD, U+BB18, U+BB3B, U+BBFF, U+BC0D, U+BC45, U+BC97, U+BCBC, U+BE45, U+BE75, U+BE7C, U+BFCC, U+C0B6, U+C0F7, U+C14B, U+C2B4, U+C30D, U+C4F8, U+C5BB, U+C5D1, U+C5E0, U+C5EE, U+C5FD, U+C606, U+C6C5, U+C6E0, U+C708, U+C81D, U+C820, U+C824, U+C878, U+C918, U+C96C, U+C9E4, U+C9F1, U+CC2E, U+CD09, U+CEA1, U+CEF5, U+CEF7, U+CF64, U+CF69, U+CFE8, U+D035, U+D0AC, U+D230, U+D234, U+D2F4, U+D31D, U+D575, U+D578, U+D608, U+D614, U+D718, U+D751, U+D761, U+D78C, U+D790;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/4950c98e542cfd76-s.0sqtijqc6j1k8.woff2") format("woff2");
unicode-range: U+2665, U+3160, U+4E2D, U+6587, U+65E5, U+AC12, U+AC14, U+AC16, U+AC81, U+AD34, U+ADE0, U+AE54, U+AEBC, U+AF2C, U+AFC0, U+AFC8, U+B04C, U+B08C, U+B099, U+B0A9, U+B0AC, U+B0AE, U+B0B8, U+B123, U+B179, U+B2E5, U+B2F7, U+B4C0, U+B531, U+B538, U+B545, U+B550, U+B5A8, U+B6F0, U+B728, U+B73B, U+B7AD, U+B7ED, U+B809, U+B864, U+B86D, U+B871, U+B9BF, U+B9F5, U+BA40, U+BA4B, U+BA58, U+BA87, U+BAAC, U+BBC0, U+BC16, U+BC34, U+BD07, U+BD99, U+BE59, U+BFD0, U+C058, U+C0E4, U+C0F5, U+C12D, U+C139, U+C228, U+C529, U+C5C7, U+C635, U+C637, U+C735, U+C77D, U+C787, U+C789, U+C8C4, U+C989, U+C98C, U+C9D0, U+C9D3, U+CC0C, U+CC99, U+CD0C, U+CD2C, U+CD98, U+CDA4, U+CE59, U+CE60, U+CE6D, U+CEA0, U+D0D0-D0D1, U+D0D5, U+D14D, U+D1A4, U+D29C, U+D2F1, U+D301, U+D39C, U+D3BC, U+D4E8, U+D540, U+D5EC, U+D640, U+D750;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/e21b6bf9398bd01d-s.0n7f4uwaki5dy.woff2") format("woff2");
unicode-range: U+5E, U+25B2, U+25B6, U+314E, U+AC24, U+ACE1, U+ACE4, U+AE68, U+AF2D, U+B0D0, U+B0E5, U+B150, U+B155, U+B193, U+B2C9, U+B2DD, U+B3C8, U+B3FC, U+B410, U+B458, U+B4DD, U+B5A0, U+B5A4, U+B5BB, U+B7B5, U+B838, U+B840, U+B86F, U+B8F9, U+B960, U+B9E5, U+BAB8, U+BB50, U+BC1D, U+BC24-BC25, U+BCA8, U+BCBD, U+BD04, U+BD10, U+BD24, U+BE48, U+BE5B, U+BE68, U+C05C, U+C12C, U+C140, U+C15C, U+C168, U+C194, U+C219, U+C27D, U+C2A8, U+C2F1, U+C2F8, U+C368, U+C554-C555, U+C559, U+C564, U+C5D8, U+C5FC, U+C625, U+C65C, U+C6B1, U+C728, U+C794, U+C84C, U+C88C, U+C8E0, U+C8FD, U+C998, U+C9DD, U+CC0D, U+CC30, U+CEEC, U+CF13, U+CF1C, U+CF5C, U+D050, U+D07C, U+D0A8, U+D134, U+D138, U+D154, U+D1F4, U+D2BC, U+D329, U+D32C, U+D3D0, U+D3F4, U+D3FC, U+D56B, U+D5CC, U+D600-D601, U+D639, U+D6C8, U+D754, U+D765;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/33c2eda8b86c3c7f-s.0ovx_4.i3u.kq.woff2") format("woff2");
unicode-range: U+3C-3D, U+2026, U+24D2, U+314B, U+AC11, U+ACF3, U+AD74, U+AD81, U+ADF9, U+AE34, U+AF43, U+AFB8, U+B05D, U+B07C, U+B110, U+B118, U+B17C, U+B180, U+B18D, U+B192, U+B2CC, U+B355, U+B378, U+B4A4, U+B4EF, U+B78D, U+B799, U+B7A9, U+B7FD, U+B807, U+B80C, U+B839, U+B9B4, U+B9DB, U+BA3C, U+BAB0, U+BBA4, U+BC94, U+BE4C, U+C154, U+C1C4, U+C26C, U+C2AC, U+C2ED, U+C4F4, U+C55E, U+C561, U+C571, U+C5B5, U+C5C4, U+C654-C655, U+C695, U+C6E8, U+C6F9, U+C724, U+C751, U+C775, U+C7A0, U+C7C1, U+C874, U+C880, U+C9D5, U+C9F8, U+CABD, U+CC29, U+CC2C, U+CCA8, U+CCAB, U+CCD0, U+CE21, U+CE35, U+CE7C, U+CE90, U+CEE8, U+CEF4, U+CFE0, U+D070, U+D0B9, U+D0C1, U+D0C4, U+D0C8, U+D15C, U+D1A1, U+D2C0, U+D300, U+D314, U+D3ED, U+D478, U+D480, U+D48D, U+D508, U+D53D, U+D5E4, U+D611, U+D61C, U+D68D, U+D6A8, U+D798;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/1cbe22f27e6b5f2b-s.06~x1c2zfwyju.woff2") format("woff2");
unicode-range: U+23, U+25, U+5F, U+A9, U+AC08, U+AC78, U+ACA8, U+ACAC, U+ACE8, U+AD70, U+ADC0, U+ADDC, U+B137, U+B140, U+B208, U+B290, U+B2F5, U+B3C5, U+B3CC, U+B420, U+B429, U+B529, U+B530, U+B77D, U+B79C, U+B7A8, U+B7C9, U+B7F0, U+B7FC, U+B828, U+B860, U+B9AD, U+B9C1, U+B9C9, U+B9DD-B9DE, U+B9E8, U+BA38-BA39, U+BABB, U+BC00, U+BC8C, U+BCA0, U+BCA4, U+BCD1, U+BCFC, U+BD09, U+BDF0, U+BE60, U+C0AD, U+C0B4, U+C0BC, U+C190, U+C1FC, U+C220, U+C288, U+C2B9, U+C2F6, U+C528, U+C545, U+C558, U+C5BC, U+C5D4, U+C600, U+C644, U+C6C0, U+C6C3, U+C721, U+C798, U+C7A1, U+C811, U+C838, U+C871, U+C904, U+C990, U+C9DC, U+CC38, U+CC44, U+CCA0, U+CD1D, U+CD95, U+CDA9, U+CE5C, U+CF00, U+CF58, U+D150, U+D22C, U+D305, U+D328, U+D37C, U+D3F0, U+D551, U+D5A5, U+D5C8, U+D5D8, U+D63C, U+D64D, U+D669, U+D734, U+D76C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/4ad8c85708240205-s.0.z65npea851o.woff2") format("woff2");
unicode-range: U+26, U+2B, U+3E, U+40, U+7E, U+AC01, U+AC19, U+AC1D, U+ACA0, U+ACA9, U+ACB0, U+AD8C, U+AE09, U+AE38, U+AE40, U+AED8, U+B09C, U+B0A0, U+B108, U+B204, U+B298, U+B2D8, U+B2EB-B2EC, U+B2F4, U+B313, U+B358, U+B450, U+B4E0, U+B54C, U+B610, U+B780, U+B78C, U+B791, U+B8E8, U+B958, U+B974, U+B984, U+B9B0, U+B9BC-B9BD, U+B9CE, U+BA70, U+BBFC, U+BC0F, U+BC15, U+BC1B, U+BC31, U+BC95, U+BCC0, U+BCC4, U+BD81, U+BD88, U+C0C8, U+C11D, U+C13C, U+C158, U+C18D, U+C1A1, U+C21C, U+C4F0, U+C54A, U+C560, U+C5B8, U+C5C8, U+C5F4, U+C628, U+C62C, U+C678, U+C6CC, U+C808, U+C810, U+C885, U+C88B, U+C900, U+C988, U+C99D, U+C9C8, U+CC3D-CC3E, U+CC45, U+CD08, U+CE20, U+CEE4, U+D074, U+D0A4, U+D0DD, U+D2B9, U+D3B8, U+D3C9, U+D488, U+D544, U+D559, U+D56D, U+D588, U+D615, U+D648, U+D655, U+D658, U+D65C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/978a3a5f6849c51f-s.0ji2ddbpcz9bu.woff2") format("woff2");
unicode-range: U+D, U+48, U+7C, U+AC10, U+AC15, U+AC74, U+AC80, U+AC83, U+ACC4, U+AD11, U+AD50, U+AD6D, U+ADFC, U+AE00, U+AE08, U+AE4C, U+B0A8, U+B124, U+B144, U+B178, U+B274, U+B2A5, U+B2E8, U+B2F9, U+B354, U+B370, U+B418, U+B41C, U+B4F1, U+B514, U+B798, U+B808, U+B824-B825, U+B8CC, U+B978, U+B9D0, U+B9E4, U+BAA9, U+BB3C, U+BC18, U+BC1C, U+BC30, U+BC84, U+BCF5, U+BCF8, U+BD84, U+BE0C, U+BE14, U+C0B0, U+C0C9, U+C0DD, U+C124, U+C2DD, U+C2E4, U+C2EC, U+C54C, U+C57C-C57D, U+C591, U+C5C5-C5C6, U+C5ED, U+C608, U+C640, U+C6B8, U+C6D4, U+C784, U+C7AC, U+C800-C801, U+C9C1, U+C9D1, U+CC28, U+CC98, U+CC9C, U+CCAD, U+CD5C, U+CD94, U+CD9C, U+CDE8, U+CE68, U+CF54, U+D0DC, U+D14C, U+D1A0, U+D1B5, U+D2F0, U+D30C, U+D310, U+D398, U+D45C, U+D50C, U+D53C, U+D560, U+D568, U+D589, U+D604, U+D6C4, U+D788;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/3538673a8e05a5cf-s.095s6jnco6275.woff2") format("woff2");
unicode-range: U+39, U+49, U+4D-4E, U+A0, U+AC04, U+AC1C, U+AC70, U+AC8C, U+ACBD, U+ACF5, U+ACFC, U+AD00, U+AD6C, U+ADF8, U+B098, U+B0B4, U+B294, U+B2C8, U+B300, U+B3C4, U+B3D9, U+B4DC, U+B4E4, U+B77C, U+B7EC, U+B85D, U+B97C, U+B9C8, U+B9CC, U+BA54, U+BA74, U+BA85, U+BAA8, U+BB34, U+BB38, U+BBF8, U+BC14, U+BC29, U+BC88, U+BCF4, U+BD80, U+BE44, U+C0C1, U+C11C, U+C120, U+C131, U+C138, U+C18C, U+C218, U+C2B5, U+C2E0, U+C544, U+C548, U+C5B4, U+C5D0, U+C5EC, U+C5F0, U+C601, U+C624, U+C694, U+C6A9, U+C6B0, U+C6B4, U+C6D0, U+C704, U+C720, U+C73C, U+C740, U+C744, U+C74C, U+C758, U+C77C, U+C785, U+C788, U+C790-C791, U+C7A5, U+C804, U+C815, U+C81C, U+C870, U+C8FC, U+C911, U+C9C4, U+CCB4, U+CE58, U+CE74, U+D06C, U+D0C0, U+D130, U+D2B8, U+D3EC, U+D504, U+D55C, U+D569, U+D574, U+D638, U+D654, U+D68C;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/d1928ece81af942d-s.0t5izncmnxul~.woff2") format("woff2");
unicode-range: U+20-22, U+27-2A, U+2C-38, U+3A-3B, U+3F, U+41-47, U+4A-4C, U+4F-5D, U+61-7B, U+7D, U+A1, U+AB, U+AE, U+B7, U+BB, U+BF, U+2013-2014, U+201C-201D, U+2122, U+AC00, U+ACE0, U+AE30, U+B2E4, U+B85C, U+B9AC, U+C0AC, U+C2A4, U+C2DC, U+C774, U+C778, U+C9C0, U+D558;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/5c3212bf59505067-s.0no.tthkkdugw.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/b1a67e850dc845b9-s.0y46.lqv7me2o.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Gowun Dodum;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/19f498c96f518b66-s.p.11g_hnw8ebl~0.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Gowun Dodum Fallback;
src: local(Arial);
ascent-override: 119.98%;
descent-override: 29.79%;
line-gap-override: 0.0%;
size-adjust: 96.68%;
}
.gowun_dodum_2759d978-module__ekeNhW__className {
font-family: Gowun Dodum, Gowun Dodum Fallback;
font-style: normal;
font-weight: 400;
}
.gowun_dodum_2759d978-module__ekeNhW__variable {
--font-gowun-dodum: "Gowun Dodum", "Gowun Dodum Fallback";
}
/* [project]/app/pretendard_e541fa44.module.css [app-client] (css) */
@font-face {
font-family: pretendard;
src: url("../media/PretendardVariable-s.p.0a.~5ku~863u1.woff2") format("woff2");
font-display: swap;
font-weight: 45 920;
}
@font-face {
font-family: pretendard Fallback;
src: local(Arial);
ascent-override: 93.76%;
descent-override: 23.75%;
line-gap-override: 0.0%;
size-adjust: 101.55%;
}
.pretendard_e541fa44-module__lAOBca__className {
font-family: pretendard, pretendard Fallback;
}
.pretendard_e541fa44-module__lAOBca__variable {
--font-pretendard: "pretendard", "pretendard Fallback";
}
/*# sourceMappingURL=%5Broot-of-the-server%5D__05~m9.b._.css.map*/