.input-field{position:relative}.input-field input{width:100%;padding:calc(var(--app-spacing) * 3) calc(var(--app-spacing) * 4);font:var(--app-text-base);border-radius:10px;outline:1px solid var(--color-neutral-300);border:none;color:var(--color-neutral-900);background-color:var(--app-surface);transition:.1s linear outline}.input-field input:focus{outline:2px solid var(--color-primary-600)}.input-field .icon{pointer-events:none;position:absolute;display:block;top:50%;left:0;transform:translate(calc(var(--app-spacing) * 5 - 50%),-50%);width:calc(var(--app-spacing) * 6);height:calc(var(--app-spacing) * 6);color:var(--color-neutral-400)}.input-field:has(.icon) input{padding-left:calc(var(--app-spacing) * 10)}.card{padding:calc(var(--app-spacing) * 6);background-color:var(--app-surface);border-radius:14px;outline:1px solid var(--app-border)}.card .card-title{color:var(--color-neutral-900);font:var(--app-text-base)}.card .card-subtitle{margin-top:var(--app-spacing);color:var(--color-neutral-600);font:var(--app-text-sm)}.chips-container{display:flex;flex-flow:row wrap;gap:calc(var(--app-spacing) * 1.5)}.chip{display:inline-block;padding:var(--app-spacing) calc(var(--app-spacing) * 3);font:var(--app-text-xs);color:var(--color-primary-700);background-color:var(--color-primary-50);border-radius:99999px}button{outline:none;border:none;background:none;margin:0;padding:0}.button{padding:calc(var(--app-spacing) * 2) calc(var(--app-spacing) * 3);display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--app-spacing) * 2);font:var(--app-text-sm);border-radius:10px;transition:background-color .1s linear}.button.primary{color:#fff;background-color:var(--color-primary-600)}.button.primary:hover,.button.primary:focus{background-color:var(--color-primary-700)}.button.secondary{color:var(--color-neutral-700);background-color:#fff;border:1px solid var(--color-neutral-300)}.button.secondary:hover,.button.secondary:focus{background-color:var(--color-neutral-50)}.button .icon{width:16px;height:16px}.button:disabled{background-color:var(--color-neutral-400)}.icon-button{width:max-content;height:max-content;padding:calc(var(--app-spacing) * 2);display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--color-neutral-600);background-color:#fff;transition:background-color .1s linear}.icon-button:hover,.icon-button:focus{background-color:var(--color-neutral-100)}.icon-button .icon{width:20px;height:20px}.select,.select-field>select{min-width:160px;padding:calc(var(--app-spacing) * 2) calc(var(--app-spacing) * 3);background:none;border:1px solid var(--color-neutral-300);border-radius:10px}.select-field{display:inline-flex;flex-flow:column}.select-field label{margin-bottom:calc(var(--app-spacing) * 1);display:block;font:var(--app-text-sm);color:var(--color-neutral-700)}.table{outline:1px solid var(--app-border);border-collapse:collapse;border-radius:10px}.table thead{background-color:var(--color-neutral-50)}.table th{color:var(--color-neutral-600);font:var(--app-text-sm);font-weight:700;text-align:left}.table th,.table td{padding:calc(var(--app-spacing) * 3) calc(var(--app-spacing) * 4)}.table tr:not(:last-of-type){border-bottom:1px solid var(--color-neutral-200)}.table td{color:var(--color-neutral-900);font:var(--app-text-sm)}.skeleton{--skeleton-color: #eee;background-color:var(--skeleton-color);background-image:linear-gradient(90deg,var(--skeleton-color),hsl(from var(--skeleton-color) h s calc(l + 2)),var(--skeleton-color));background-size:200px 100%;background-repeat:no-repeat;animation:skeleton-animation 1.5s ease-in-out infinite}@keyframes skeleton-animation{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}:root{--app-font-family: system-ui;--app-surface: #fff;--app-border: var(--color-neutral-200);--app-spacing: 4px;--app-text-3xl: 1.875rem / 1.2 var(--app-font-family);--app-text-base: 1rem / 1.5 var(--app-font-family);--app-text-sm: .875rem / calc(1.25 / .875) var(--app-font-family);--app-text-xs: .75rem / calc(1 / .75) var(--app-font-family);--color-neutral-50: oklch(.985 .002 247.839);--color-neutral-100: oklch(.967 .003 264.542);--color-neutral-200: oklch(.928 .006 264.531);--color-neutral-300: oklch(.872 .01 258.338);--color-neutral-400: oklch(.707 .022 261.325);--color-neutral-500: oklch(.551 .027 264.364);--color-neutral-600: oklch(.446 .03 256.802);--color-neutral-700: oklch(.373 .034 259.733);--color-neutral-900: oklch(.21 .034 264.665)}*{box-sizing:border-box}html,body{margin:0;background-color:var(--color-neutral-50);font-family:sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}.blue-primary{--color-primary-50: oklch(.97 .014 254.604);--color-primary-100: oklch(.93 .032 254.3);--color-primary-200: oklch(.882 .059 254.128);--color-primary-300: oklch(.8 .115 256);--color-primary-400: oklch(.71 .165 258.2);--color-primary-500: oklch(.623 .214 259.815);--color-primary-600: oklch(.546 .245 262.881);--color-primary-700: oklch(.488 .243 264.376);--color-primary-800: oklch(.435 .195 264.9);--color-primary-900: oklch(.379 .146 265.522)}.purple-primary{--color-primary-50: oklch(97.7% .014 308.299);--color-primary-100: oklch(94.2% .032 307.8);--color-primary-200: oklch(90.2% .063 306.703);--color-primary-300: oklch(82.5% .108 305.5);--color-primary-400: oklch(73.5% .158 304.3);--color-primary-500: oklch(64% .215 303.2);--color-primary-600: oklch(56% .255 302.5);--color-primary-700: oklch(49.6% .265 301.924);--color-primary-800: oklch(43.5% .225 303.4);--color-primary-900: oklch(38.1% .176 304.987)}.green-primary{--color-primary-50: oklch(98.2% .018 155.826);--color-primary-100: oklch(95.5% .045 155.9);--color-primary-200: oklch(92.5% .084 155.995);--color-primary-300: oklch(86% .135 154.5);--color-primary-400: oklch(79% .185 152.5);--color-primary-500: oklch(72.3% .219 149.579);--color-primary-600: oklch(62% .19 149.9);--color-primary-700: oklch(52.7% .154 150.069);--color-primary-800: oklch(45.5% .12 151.3);--color-primary-900: oklch(39.3% .095 152.535)}youtube-player.force-full-size youtube-player-placeholder{width:100%!important;height:100%!important}youtube-player.force-full-size div:has(iframe){display:contents}youtube-player.force-full-size div:has(iframe) iframe{width:100%;height:100%}.max-content{max-width:1800px;margin:0 auto}