.tooltip-note.svelte-9k5jtv{display:block;margin-top:.2em;font-size:.85em}.courses-header-preview.svelte-164wrn{border-radius:.6em .6em 0 0;overflow:hidden}.bar.svelte-164wrn{display:flex;align-items:center;justify-content:space-between;padding:.5em .8em;background:var(--color-text);color:#fff}.logo.svelte-164wrn{max-width:7em;max-height:1.5em;object-fit:contain}.mini-contact-btn.svelte-164wrn{font-size:.7em;padding:.4em .9em;border:.13em solid var(--color-main-on-dark);border-radius:2em;color:#fff;white-space:nowrap}.child-wrapper.svelte-1tchcfr{position:relative;cursor:pointer}.confetti-wrapper.svelte-1tchcfr{position:absolute;top:50%;left:50%;transform-origin:top;z-index:1}.svg-wrap.svelte-1tchcfr{width:1px;position:absolute;pointer-events:none;z-index:2}.particle.svelte-1tchcfr{position:absolute;display:inline-block;opacity:0;animation:svelte-1tchcfr-particle-animation .6s forwards}@keyframes svelte-1tchcfr-particle-animation{0%{transform:translateY(0) rotate(var(--initial-rotation))}50%{opacity:1}to{transform:translateY(var(--push-amount)) rotate(var(--spin-amount));opacity:0}}.artwork.svelte-1y7t1jt{display:block;width:100%;height:100%}.bg.svelte-1y7t1jt{fill:var(--color-poster-bg)}.text.svelte-1y7t1jt{fill:var(--color-poster-text)}.decorations.svelte-1y7t1jt{fill:var(--color-poster-decorations)}@media(prefers-reduced-motion:no-preference){.animated.svelte-1y7t1jt{--start: .4s;--line-start: calc(var(--start) + .45s);--line-gap: .22s;--letter-gap: 30ms;--spring: linear( 0, .2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, .941 24.01%, .8912 25.91%, .8694 27.84%, .8698 29.21%, .8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, .9961 53.26%, .9839 57.54%, .9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, .9981 86.66%, 1 )}.animated.svelte-1y7t1jt .arrow:where(.svelte-1y7t1jt),.animated.svelte-1y7t1jt .face:where(.svelte-1y7t1jt),.animated.svelte-1y7t1jt .splash-right:where(.svelte-1y7t1jt),.animated.svelte-1y7t1jt .splash-left:where(.svelte-1y7t1jt),.animated.svelte-1y7t1jt .text:where(.svelte-1y7t1jt) path:where(.svelte-1y7t1jt){transform-box:fill-box;transform-origin:center}.animated.svelte-1y7t1jt .arrow:where(.svelte-1y7t1jt){transform-origin:center top;animation:svelte-1y7t1jt-poster-arrow-in 1.1s var(--spring) both,svelte-1y7t1jt-poster-fade-in .2s ease-out both;animation-delay:var(--start)}.animated.svelte-1y7t1jt .line-1:where(.svelte-1y7t1jt){--line: 0}.animated.svelte-1y7t1jt .line-2:where(.svelte-1y7t1jt){--line: 1}.animated.svelte-1y7t1jt .line-3:where(.svelte-1y7t1jt){--line: 2}.animated.svelte-1y7t1jt .text:where(.svelte-1y7t1jt) path:where(.svelte-1y7t1jt){transform-origin:center bottom;animation:svelte-1y7t1jt-poster-letter-in .42s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--line-start) + var(--line) * var(--line-gap) + var(--i) * var(--letter-gap))}.animated.svelte-1y7t1jt .splash-right:where(.svelte-1y7t1jt),.animated.svelte-1y7t1jt .splash-left:where(.svelte-1y7t1jt){--splash-delay: calc(var(--line-start) + 2 * var(--line-gap) + .2s);animation:svelte-1y7t1jt-poster-splash-in .7s var(--spring) both,svelte-1y7t1jt-poster-fade-in .15s ease-out both;animation-delay:var(--splash-delay)}.animated.svelte-1y7t1jt .splash-right:where(.svelte-1y7t1jt){transform-origin:left center}.animated.svelte-1y7t1jt .splash-left:where(.svelte-1y7t1jt){transform-origin:right center}.animated.svelte-1y7t1jt .face:where(.svelte-1y7t1jt){animation:svelte-1y7t1jt-poster-face-in .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--line-start) + 2 * var(--line-gap) + .65s)}}@keyframes svelte-1y7t1jt-poster-arrow-in{0%{transform:translateY(-50%) rotate(-45deg)}}@keyframes svelte-1y7t1jt-poster-fade-in{0%{opacity:0}}@keyframes svelte-1y7t1jt-poster-letter-in{0%{opacity:0;transform:translateY(6px) scale(.9)}}@keyframes svelte-1y7t1jt-poster-splash-in{0%{transform:scale(.3)}}@keyframes svelte-1y7t1jt-poster-face-in{0%{opacity:0;transform:rotate(5deg) scale(.8)}}.default-poster.svelte-1l1qr4k{position:absolute;inset:0}.palette-a.svelte-1l1qr4k{--color-poster-bg: var(--color-text);--color-poster-text: white;--color-poster-decorations: var(--color-main-on-dark)}.palette-b.svelte-1l1qr4k{--color-poster-bg: var(--color-main);--color-poster-text: var(--color-text-on-main);--color-poster-decorations: var(--color-decorations-on-main)}.palette-c.svelte-1l1qr4k{--color-poster-bg: color-mix(in srgb, var(--color-main) 24%, white);--color-poster-text: var(--color-text);--color-poster-decorations: var(--color-main)}img.svelte-31mghv,video.svelte-31mghv{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.course-thumbnail.name-only.svelte-4imdbs{container-type:inline-size;background:var(--color-main);color:var(--color-text-on-main)}.cover-text.svelte-4imdbs{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8cqi 8.7cqi}p.svelte-4imdbs{margin:0;text-align:start}.cover-name.svelte-4imdbs{font-size:10.7cqi;font-weight:900;line-height:.95;max-inline-size:6em;text-wrap:balance}.cover-name.svelte-4imdbs.long{max-inline-size:none}.cover-author.svelte-4imdbs{font-size:5.3cqi}.identity-preview.svelte-1h340v6{display:flex;flex-direction:column;gap:1.4em;font-size:.9em}.identity-preview.svelte-1h340v6 .mini-screen:where(.svelte-1h340v6){border-radius:.6em;overflow:hidden;box-shadow:0 .1em .3em #0000002b;background:#fff}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6){display:flex;min-height:5em}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6){flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5em;padding:1.5em}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6) .inside:where(.svelte-1h340v6){min-width:8em;margin:0 auto}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6) .school-logo:where(.svelte-1h340v6){object-fit:contain;margin-bottom:.2em}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6) .school-logo-text:where(.svelte-1h340v6){display:block;font-size:1em;font-weight:800;line-height:1.2;color:var(--color-text);margin-bottom:.2em}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6) .login-label:where(.svelte-1h340v6){font-size:.8em;font-weight:600;color:var(--color-text)}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6) .mini-field:where(.svelte-1h340v6){width:100%;height:1.5em;border-radius:.3em;border:1px solid var(--tich-line)}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6) .mini-button:where(.svelte-1h340v6){margin-top:.5em;width:100%;font-size:.8em;font-weight:600;border:none;border-radius:.4em;background:var(--color-main);color:var(--color-button-text);padding:.5em 1.2em;cursor:pointer}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-content:where(.svelte-1h340v6) .mini-contact:where(.svelte-1h340v6){display:block;width:fit-content;margin:.6em auto 0;font-size:.65em;color:var(--color-text);border:solid .15em var(--color-main);border-radius:2em;padding:.3em .9em}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-image:where(.svelte-1h340v6){flex:none;width:40%}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-image-ratio:where(.svelte-1h340v6){position:relative;height:0;overflow:hidden;transition:.1s ease all}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-image-ratio:where(.svelte-1h340v6) .login-image-refresh:where(.svelte-1h340v6){position:absolute;top:.3em;left:.3em;width:2em;height:2em;padding:0;display:grid;place-items:center;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:1.1em;cursor:pointer}.identity-preview.svelte-1h340v6 .login-mini:where(.svelte-1h340v6) .login-image-ratio:where(.svelte-1h340v6) .login-image-refresh:where(.svelte-1h340v6):hover{background:#000000a6}.identity-preview.svelte-1h340v6 .email-mini:where(.svelte-1h340v6){background:#f7f7f7;padding:1.2em;text-align:center}.identity-preview.svelte-1h340v6 .email-mini:where(.svelte-1h340v6) .email-card:where(.svelte-1h340v6){display:inline-flex;flex-direction:column;align-items:center;max-width:70%;min-width:11em;background:#fff;border-radius:.9em;box-shadow:0 .05em .05em #0000000a,0 .1em .3em #00000008;padding:1.3em 1.4em;gap:.6em}.identity-preview.svelte-1h340v6 .email-mini:where(.svelte-1h340v6) .email-logo:where(.svelte-1h340v6){max-width:7em;max-height:1.5em;object-fit:contain}.identity-preview.svelte-1h340v6 .email-mini:where(.svelte-1h340v6) .email-logo-text:where(.svelte-1h340v6){font-size:1em;font-weight:800;color:var(--color-text)}.identity-preview.svelte-1h340v6 .email-mini:where(.svelte-1h340v6) .email-cta:where(.svelte-1h340v6){width:100%;border:none;border-radius:.3em;background:var(--color-main);color:var(--color-button-text);font-size:.85em;font-weight:600;padding:.6em;cursor:pointer}.identity-preview.svelte-1h340v6 .email-mini:where(.svelte-1h340v6) .email-footer:where(.svelte-1h340v6){display:flex;justify-content:center;align-items:center;gap:.3em;margin-top:.6em;font-size:.6em;color:var(--color-text)}.identity-preview.svelte-1h340v6 .email-mini:where(.svelte-1h340v6) .email-footer:where(.svelte-1h340v6) .email-footer-logo:where(.svelte-1h340v6){height:.7em;margin-bottom:.15em;object-fit:contain}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6){display:flex;direction:ltr;color:var(--color-text)}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6),.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6){direction:rtl;box-sizing:border-box}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6){flex-grow:1;min-width:13em;padding:1em;display:flex;flex-direction:column;gap:.8em;height:5em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6) .example-caption:where(.svelte-1h340v6){display:flex;align-items:center;gap:.4em;font-size:.85em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6) .lesson-copy:where(.svelte-1h340v6){display:flex;flex-direction:column;gap:.3em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6) .lesson-copy:where(.svelte-1h340v6) .lesson-heading:where(.svelte-1h340v6){margin:0;font-weight:700;font-size:1.5em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6) .lesson-copy:where(.svelte-1h340v6) .lesson-text:where(.svelte-1h340v6){margin:0}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6) .lesson-video:where(.svelte-1h340v6){aspect-ratio:16 / 9;border-radius:.5em;background:#0000000d;display:flex;align-items:center;justify-content:center}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .lesson-pane:where(.svelte-1h340v6) .lesson-video:where(.svelte-1h340v6) .fa-play-circle{font-size:2em;opacity:.3}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6){width:10.5em;display:flex;flex-direction:column}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-chapter:where(.svelte-1h340v6){background:#efefef}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-chapter:where(.svelte-1h340v6) .toc-chapter-top:where(.svelte-1h340v6){padding:.8em .9em;display:flex;align-items:center;justify-content:space-between;gap:.5em;font-size:.85em;cursor:pointer}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-chapter:where(.svelte-1h340v6) .toc-chapter-top:where(.svelte-1h340v6) .toc-chapter-title:where(.svelte-1h340v6){display:flex;align-items:center;gap:.35em;font-weight:600}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-chapter:where(.svelte-1h340v6) .toc-chapter-top:where(.svelte-1h340v6) .toc-chapter-time:where(.svelte-1h340v6){font-size:.85em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-chapter:where(.svelte-1h340v6) .toc-chapter-top:where(.svelte-1h340v6) .toc-chapter-percentage:where(.svelte-1h340v6){font-size:.85em;font-weight:700;color:var(--color-hover-text)}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-chapter:where(.svelte-1h340v6) .toc-progressbar:where(.svelte-1h340v6){height:.15em;background:#00000012;overflow:hidden}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-chapter:where(.svelte-1h340v6) .toc-progressbar:where(.svelte-1h340v6) .toc-progress-done:where(.svelte-1h340v6){height:100%;background:var(--color-hover-text)}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6){display:flex;flex-direction:column}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6){font-size:.85em;background:#0000000a;transition:background-color .12s ease}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6) .toc-lesson-row:where(.svelte-1h340v6){display:flex;align-items:center;gap:.5em;padding:.6em .8em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6) .toc-lesson-row:where(.svelte-1h340v6) .fa-youtube{font-size:.9em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6) .fa-square{cursor:pointer}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6).is-completed .fa-check-square{color:#0000004d;cursor:pointer}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6).is-current{background:#fff}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6).is-current .now-playing:where(.svelte-1h340v6){padding:.5em .9em 0;font-size:.75em;font-weight:700;opacity:.6}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6).is-current .next:where(.svelte-1h340v6){padding:.2em .9em .7em}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6).is-current .next:where(.svelte-1h340v6) .toc-continue:where(.svelte-1h340v6){border:none;border-radius:.4em;background:var(--color-main);color:var(--color-button-text);font-size:.8em;font-weight:600;padding:.6em;display:flex;width:100%;align-items:center;justify-content:center;gap:.7em;cursor:default;cursor:pointer}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6).is-current .next:where(.svelte-1h340v6) .toc-continue:where(.svelte-1h340v6) .fa-arrow-left{margin:0}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6):not(.is-current){cursor:pointer}.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6):not(.is-current):hover,.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6):not(.is-current).is-hover{background:var(--color-hover);color:var(--color-hover-text)}:is(.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6):not(.is-current):hover,.identity-preview.svelte-1h340v6 .learning-body:where(.svelte-1h340v6) .toc-pane:where(.svelte-1h340v6) .toc-lessons:where(.svelte-1h340v6) .toc-lesson:where(.svelte-1h340v6):not(.is-current).is-hover) svg{color:var(--color-hover-text)}.swatches.svelte-ohcwu7{display:inline-flex;align-items:center;padding-inline-start:.1em}.swatch.svelte-ohcwu7{display:inline-block;width:1.1em;height:1.1em;border-radius:50%;box-shadow:0 0 0 .1em var(--color-white, #fff);position:relative}.swatch.svelte-ohcwu7:not(:first-child){margin-inline-start:-.35em}.swatch.svelte-ohcwu7:nth-child(1){z-index:5}.swatch.svelte-ohcwu7:nth-child(2){z-index:4}.swatch.svelte-ohcwu7:nth-child(3){z-index:3}.swatch.svelte-ohcwu7:nth-child(4){z-index:2}.swatch.svelte-ohcwu7:nth-child(5){z-index:1}input.svelte-j66r0g{padding:.24em .6em;width:5.8em;margin-bottom:0;font-weight:var(--hex-input-weight, normal);text-transform:uppercase}input.svelte-j66r0g:disabled{font-weight:300}.swatch.svelte-13rslnh{flex:none;font:inherit;width:var(--swatch-size, 2em);height:var(--swatch-size, 2em);padding:0;border:.5px solid rgba(0,0,0,.12);border-radius:50%;cursor:pointer;transition:filter .2s ease-out}@media(prefers-reduced-motion:reduce){.swatch.svelte-13rslnh{transition:none}}.swatch.svelte-13rslnh:disabled{filter:blur(2px);cursor:not-allowed}.picker-popover.svelte-13rslnh{font-size:var(--base-font-size);position:fixed;inset:auto;margin:0;width:min-content;padding:.75em;border:1px solid var(--tich-line);border-radius:1em;background:var(--tich-white);box-shadow:0 .4em 1.4em -.4em #0000004d;overflow:visible}.picker-popover.svelte-13rslnh:before{content:"";position:absolute;left:var(--arrow-x, 50%);width:.8em;height:.8em;background:inherit;border:1px solid var(--tich-line);rotate:45deg}.picker-popover.svelte-13rslnh:not(.above):before{top:0;translate:-50% -50%;border-right:0;border-bottom:0}.picker-popover.svelte-13rslnh.above:before{bottom:0;translate:-50% 50%;border-left:0;border-top:0}.picker-popover.svelte-13rslnh:popover-open{display:flex;flex-direction:column;gap:.6em}hex-color-picker.svelte-13rslnh{width:12em;height:11em}.actions.svelte-13rslnh{display:flex;gap:.4em;margin-top:0}.confirm.svelte-13rslnh{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3em;box-shadow:inset 0 0 0 1px #0000001f}.sample.svelte-13rslnh{display:inline-flex;align-items:center;justify-content:center;gap:.4em}.choose-theme.svelte-1csrjg2{display:flex;gap:3em;flex-wrap:wrap;min-height:33.9em}.fields-side.svelte-1csrjg2{flex:4 1 7em;min-width:0;display:flex;flex-direction:column;gap:1em}form.svelte-1csrjg2{flex:1;display:flex;flex-direction:column;gap:.7em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2){display:flex;align-items:center;gap:1.5em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .main-note:where(.svelte-1csrjg2){flex:1;margin:0;text-align:center;font-size:.92em;line-height:1.14;color:color-mix(in srgb,var(--color-text) 70%,transparent);scale:1.14;rotate:-8deg;translate:0 -.15em;position:relative}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .main-note:where(.svelte-1csrjg2) .nowrap:where(.svelte-1csrjg2){white-space:nowrap}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .main-note:where(.svelte-1csrjg2) .a11y-hint:where(.svelte-1csrjg2){margin-inline-start:.2em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .main-note:where(.svelte-1csrjg2) .main-note-circle:where(.svelte-1csrjg2){position:absolute;top:50%;left:50%;translate:-50% -69%;scale:1.35;pointer-events:none;color:var(--color-hover)}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .field-wrap:where(.svelte-1csrjg2){font-size:1.4em;--hex-input-weight: 300}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .field-wrap:where(.svelte-1csrjg2){display:inline-grid;grid-template-columns:auto 1fr;column-gap:.45em;row-gap:.1em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .color-row:where(.svelte-1csrjg2){display:contents}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .field-wrap:where(.svelte-1csrjg2)>span:where(.svelte-1csrjg2){grid-area:1 / 2;align-self:end;font-size:1.05em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .main-hex:where(.svelte-1csrjg2){grid-area:2 / 2;align-self:start;font-size:.85em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .main-errors:where(.svelte-1csrjg2){grid-area:3 / 2;font-size:.85em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .main-swatch:where(.svelte-1csrjg2){grid-area:1 / 1 / 3 / 2;align-self:center;translate:0 .12em;margin-inline-start:-.15em;display:inline-flex;--swatch-size: 3em}form.svelte-1csrjg2 .main-wrap:where(.svelte-1csrjg2) .field-wrap:where(.svelte-1csrjg2)>span:where(.svelte-1csrjg2){font-weight:500}.header.svelte-1csrjg2{display:flex;align-items:center;justify-content:space-between;gap:2em;margin-bottom:.267em}.header.svelte-1csrjg2 h1:where(.svelte-1csrjg2){white-space:nowrap}.mode-switch.svelte-1csrjg2{display:flex;flex:none;white-space:nowrap;font-size:.85em}.derive-divider.svelte-1csrjg2{--bleed: 0em;display:flex;align-items:center;margin-block:.3em .6em;margin-inline:calc(-1 * var(--bleed));color:color-mix(in srgb,var(--tich-line) 80%,transparent)}.derive-divider.svelte-1csrjg2.bleed{--bleed: 3em}.derive-divider.svelte-1csrjg2 .line:where(.svelte-1csrjg2){flex:1;height:1px;background:currentColor}.derive-divider.svelte-1csrjg2 .line.end:where(.svelte-1csrjg2){flex:none;width:var(--bleed)}.derive-divider.svelte-1csrjg2 .line.start:where(.svelte-1csrjg2){flex:none;width:calc(var(--bleed) + var(--caret-at, 1.25em) - .75em)}.derive-divider.svelte-1csrjg2 svg:where(.svelte-1csrjg2){flex:none;width:1.5em;height:.75em;translate:0 calc(-.375em + .5px);overflow:visible}.derive-divider.svelte-1csrjg2 polyline:where(.svelte-1csrjg2){fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.derive-divider.svelte-1csrjg2 .toggle-row:where(.svelte-1csrjg2){flex:none;padding-inline:.75em;color:var(--tich-text);white-space:nowrap;line-height:1.12;--checkbox-align: center;--checkbox-fade-duration: 0s;font-size:.76em;--checkbox-box-size: 1.05em;--checkbox-gap: .6em}.derive-divider.svelte-1csrjg2 .toggle-row:where(.svelte-1csrjg2) strong:where(.svelte-1csrjg2){font-weight:500;letter-spacing:.03em}.preview-side.svelte-1csrjg2{min-width:0;padding:2em;background:#0000000d;border-radius:0;margin:-3em;margin-inline-start:0}.sticky-bottom.svelte-1csrjg2{position:sticky;margin-top:auto;bottom:0}.advanced-grid.svelte-1csrjg2{display:grid;grid-template-columns:1fr 1fr;gap:.5em 1.5em}fieldset.svelte-1csrjg2{border:0;padding:0;margin-inline:0;min-inline-size:0}.advanced-grid.svelte-1csrjg2 .field-wrap:where(.svelte-1csrjg2)>span:where(.svelte-1csrjg2){color:var(--tich-muted)}fieldset.svelte-1csrjg2:disabled .field-wrap:where(.svelte-1csrjg2)>span:where(.svelte-1csrjg2){font-weight:300}ul.m-0.svelte-1csrjg2 li:where(.svelte-1csrjg2){display:flex;align-items:center;gap:.4em;list-style:none}.field-wrap.svelte-1csrjg2{display:flex;flex-direction:column;gap:.4em}.field-wrap.svelte-1csrjg2>span:where(.svelte-1csrjg2){font-weight:400;font-size:.72em}.color-row.svelte-1csrjg2{display:flex;gap:.75em;--swatch-size: 1.7em}.a11y-hint.svelte-1csrjg2{display:inline-flex;padding:0;border:0;background:none;font:inherit;color:inherit;--hint-gap: 0}.a11y-why.svelte-1csrjg2{display:grid;grid-template-columns:auto 1fr;column-gap:.6em;align-items:center;padding:1.1em 1.2em;margin-inline-start:-.4em}.a11y-why.svelte-1csrjg2 .a11y-why-title:where(.svelte-1csrjg2){margin-bottom:.15em;font-size:1.25em}.a11y-why.svelte-1csrjg2 .a11y-why-check:where(.svelte-1csrjg2){margin-bottom:.15em;font-size:1.25em;font-weight:700;color:var(--color-main-dark)}.a11y-why.svelte-1csrjg2 :where(.svelte-1csrjg2):is(.a11y-why-check:where(.svelte-1csrjg2),.a11y-why-title:where(.svelte-1csrjg2)):not(:nth-child(-n+2)){margin-top:.6em}.a11y-why.svelte-1csrjg2 p:where(.svelte-1csrjg2){grid-column:2;margin:0 0 1em}.a11y-why.svelte-1csrjg2 p:where(.svelte-1csrjg2):last-child{margin-bottom:0}.a11y-why.svelte-1csrjg2 .a11y-demo:where(.svelte-1csrjg2){grid-column:2;display:flex;flex-wrap:wrap;gap:.6em 1.2em;margin:-.3em 0 1em}.a11y-why.svelte-1csrjg2 .a11y-demo-item:where(.svelte-1csrjg2){display:flex;align-items:center;gap:.4em;font-size:.9em}.a11y-why.svelte-1csrjg2 .a11y-demo-label:where(.svelte-1csrjg2){font-style:italic}.a11y-why.svelte-1csrjg2 .a11y-demo-button:where(.svelte-1csrjg2){padding:.4em .9em;border-radius:.4em;font-weight:700}.a11y-why.svelte-1csrjg2 .external-link:where(.svelte-1csrjg2){display:inline-flex;align-items:center}