@layer base{::selection{background-color:#155dfc;color:#fff}:root{--divider-pattern: color-mix( in oklab, var(--uk-border) var(--uk-border-o, 100%), transparent );--font-cal-sans-ui: Cal Sans UI, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";--font-paper-mono: Paper Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-geist-sans: Geist Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";--font-geist-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--highlighter-padding: 1rem;--showcase-filters-max-width: 100;--showcase-filters-offset: 12;--showcase-filters-size: 50;--showcase-filters-image-padding: 1rem;--showcase-filters-filter-size: calc( 100% - (var(--showcase-filters-image-padding) * 2) )}.uk-ff-a{--uk-global-font-family-sans: var(--font-geist-sans);--uk-global-font-family-mono: var(--font-geist-mono)}.uk-ff-b{--uk-global-font-family-sans: var(--font-cal-sans-ui);--uk-global-font-family-mono: var(--font-paper-mono)}.ts .ts-icon{display:none}.ts.uk-active .ts-icon{display:block}.showcase-gradients-bar{width:0!important;transition:width 2s cubic-bezier(.4,0,.2,1)}.showcase-gradients-bar.animate{width:var(--w)!important}@media (min-width: 40rem){:root{--showcase-filters-max-width: 200;--showcase-filters-offset: 12;--showcase-filters-size: 100;--showcase-filters-image-padding: 2rem}}.image-comparison{width:100%;max-width:100%;margin:0 auto}.comparison-container{position:relative;width:100%;user-select:none;line-height:0}.comparison-image{width:100%;height:auto;display:block;pointer-events:none}.image-overlay{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:1}.comparison-image.overlay-source{width:auto;height:100%;max-width:none;object-fit:cover}.slider{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;transform:translate(-50%);cursor:ew-resize;z-index:10}.slider:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:100%}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;z-index:11}.slider-button svg{width:16px;height:16px;color:#333}.chart-card{--chart-border-computed: color-mix( in srgb, var(--uk-border) var(--uk-border-o), transparent );border-style:var(--tw-border-style);border-width:1px;border-color:var(--chart-border-computed);padding:calc(var(--spacing) * 4);flex-direction:column;justify-content:center;align-items:center;display:flex}.chart-card:hover{--chart-hover-bg-computed: color-mix( in srgb, var(--uk-muted) var(--uk-muted-o), transparent );background-color:var(--chart-hover-bg-computed);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))}.ec pre{overflow-x:auto}.ec pre>code{display:block;padding-block:var(--highlighter-padding);color:var(--ec-codeFg, #e1e4e8);font-family:var(--uk-global-font-family-mono)}.ec .ec-line .code{white-space:pre;padding-inline:var(--highlighter-padding)}.ec .ec-line :where(span[style^=--]:not([class])){color:var(--0, inherit);font-style:var(--0fs, inherit);font-weight:var(--0fw, inherit);text-decoration:var(--0td, inherit)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.color-cell{transition:opacity .3s ease;opacity:1}#fs-colors.animating .color-cell{opacity:.5}#fs-colors.animating .color-cell.highlight{opacity:1}#fs-colors.user-selecting .color-cell{opacity:.5}#fs-colors.user-selecting .color-cell:hover{opacity:1}.dark-slide-icon{transition:transform .3s ease,opacity .3s ease,visibility .3s ease;overflow:hidden;position:absolute;left:50%;transform:translate(-50%)}.dark-slide-sun{transform:translate(-50%,-100%);opacity:0;visibility:hidden;pointer-events:none}.dark-slide-moon{transform:translate(-50%);opacity:1;visibility:visible}.dark\:dark-slide-moon:where(.dark,.dark *){transform:translate(-50%,100%);opacity:0;visibility:hidden;pointer-events:none}.dark\:dark-slide-sun:where(.dark,.dark *){transform:translate(-50%);opacity:1;visibility:visible;pointer-events:auto}}@layer utilities{.dark\:display-hidden:where(.dark,.dark *){display:none}.dark\:display-inline-block:where(.dark,.dark *){display:inline-block}.dark\:display-block:where(.dark,.dark *){display:block}}