.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc{width:100%;min-width:0;margin:0 auto;animation:.32s ease-out both ComponentDocLayout-module-scss-module__VTtlWG__component-doc-enter}@keyframes ComponentDocLayout-module-scss-module__VTtlWG__component-doc-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc{animation:none}}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__hero{gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2rem,5vw,4.5rem);display:grid}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__heroContent{gap:1rem;display:grid}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__title{max-width:14ch;color:var(--text-color);letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,8vw,5rem);line-height:.95}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__description{max-width:56rem;color:var(--text-color-secondary);margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__usageSection,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propsSection{margin-bottom:clamp(2.5rem,6vw,5rem)}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__sectionHeading{align-items:center;gap:.85rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:flex}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__sectionAccent{background:var(--primary-color);width:.5rem;height:2.25rem;box-shadow:0 0 1.5rem color-mix(in srgb, var(--primary-color) 35%, transparent);border-radius:999px;display:inline-block}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__sectionTitle{color:var(--text-color);letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,4vw,2.15rem)}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__exampleGrid{grid-template-columns:1fr;gap:clamp(1.25rem,3vw,2rem);display:block}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__exampleBlock{align-items:stretch;gap:clamp(1rem,2vw,1.5rem);min-width:0;display:grid}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__previewCard{border-color:var(--border-color);background:linear-gradient(135deg, color-mix(in srgb, var(--background-color) 94%, var(--primary-color)), var(--background-color));width:100%;min-width:0;max-width:100%;overflow:visible}.ComponentDocLayout-module-scss-module__VTtlWG__previewCardChildren{width:100%;overflow:hidden}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__cardHeader{border-bottom:1px solid var(--border-color);justify-content:flex-start;align-items:center;gap:.85rem;width:100%;padding:1rem;display:flex}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__examplePreview{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;min-width:0;min-height:12rem;padding:clamp(1.25rem,4vw,2rem);display:flex}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__codeBlock{border-radius:var(--border-radius-xl,1rem);min-width:0;box-shadow:var(--box-shadow-medium,0 1rem 2rem #0000002e);background:#2d3436;border:1px solid #3d4547;overflow:hidden}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__codeHeader{background:#252b2d;border-bottom:1px solid #ffffff12;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__windowControls{align-items:center;gap:.45rem;display:inline-flex}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__windowControls span{border-radius:50%;width:.72rem;height:.72rem;display:inline-block}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__windowControls span:first-child{background:#ff5f56}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__windowControls span:nth-child(2){background:#ffbd2e}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__windowControls span:nth-child(3){background:#27c93f}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__codeTitle{color:#ffffff9e;min-width:0;font-family:var(--font-family-mono,monospace);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__copyButton{color:#ffffffc7;width:fit-content;min-width:max-content;min-height:2rem;box-shadow:none;background:0 0;border-color:#ffffff2e;padding:.3rem .75rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__copyButton:hover{color:#fff;background:#ffffff14}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__pre{color:#dde4e6;max-width:100%;max-height:28rem;font-family:var(--font-family-mono,monospace);tab-size:2;margin:0;padding:1.25rem;font-size:.9rem;line-height:1.65;overflow:auto}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__pre code{white-space:pre}.ComponentDocLayout-module-scss-module__VTtlWG__dataTableWrapper{width:100%;overflow:auto}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propName,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propType,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propDefault{background-color:var(--background-color-darker);white-space:normal;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:none;hyphens:none;border-radius:.35rem;max-width:100%;padding:.15rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;line-height:1.55;display:inline-block}@media (max-width:1100px){.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc{padding:clamp(1rem,3vw,2rem)}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__exampleBlock{grid-template-columns:1fr}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__examplePreview{min-height:10rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propName,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propType,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propDefault{font-size:.8rem}}@media (max-width:768px){.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc{padding:1rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__hero{margin-bottom:2.25rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__title{max-width:none}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__sectionHeading{align-items:flex-start}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__sectionAccent{height:1.75rem;margin-top:.2rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__cardHeader{align-items:flex-start}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__examplePreview{justify-content:stretch}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__examplePreview>*{max-width:100%}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__codeHeader{grid-template-columns:auto 1fr}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__copyButton{grid-column:1/-1;justify-self:start}}@media (max-width:640px){.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propName,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propType,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propDefault{font-size:.78rem}}@media (max-width:520px){.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc{padding:.75rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__previewCard,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__codeBlock,.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__propsCard{border-radius:.85rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__cardHeader{padding:.85rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__examplePreview{gap:.75rem;padding:1rem}.ComponentDocLayout-module-scss-module__VTtlWG__componentDoc .ComponentDocLayout-module-scss-module__VTtlWG__pre{padding:1rem;font-size:.8rem}}
@keyframes _fade-in_1dvoq_1{0%{opacity:0}to{opacity:1}}@keyframes _slide-up_1dvoq_1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes _spin-3d_1dvoq_1{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}@keyframes _spin_1dvoq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _pulse_1dvoq_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes _fade-in-up_1dvoq_1{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes _progress-grow_1dvoq_1{0%{width:0}to{width:100%}}@keyframes _indeterminate-move_1dvoq_1{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes _skeleton-loading_1dvoq_1{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes _drawer-slide-in-right_1dvoq_1{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes _drawer-slide-in-left_1dvoq_1{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes _drawer-slide-in-top_1dvoq_1{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes _drawer-slide-in-bottom_1dvoq_1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes _drawer-overlay-fade-in_1dvoq_1{0%{opacity:0}to{opacity:1}}@keyframes _bar-chart-grow_1dvoq_1{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes _donut-chart-draw_1dvoq_1{0%{opacity:0;transform:rotate(-8deg)scale(.96)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes _line-chart-draw_1dvoq_1{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base;@layer boreal-ui.components{._skeletonLoader_1dvoq_307{--skeleton-sheen:var(--disabled-color);--skeleton-duration:3s;background-color:var(--background-color-light);width:100%;min-height:1rem;position:relative;overflow:hidden}@media (max-width:319.98px){._skeletonLoader_1dvoq_307{min-height:.85rem}}@media (min-width:1024px){._skeletonLoader_1dvoq_307{min-height:1.2rem}}._skeletonLoader_1dvoq_307:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--skeleton-sheen) 50%, transparent 100%);animation:_skeleton-loading_1dvoq_1 var(--skeleton-duration) infinite ease-in-out;display:block;position:absolute;inset:0 0 0 -100%}._roundNone_1dvoq_335{border-radius:var(--border-radius-none)}._roundSmall_1dvoq_338{border-radius:var(--border-radius-sm)}._roundMedium_1dvoq_341{border-radius:var(--border-radius-md)}._roundLarge_1dvoq_344{border-radius:var(--border-radius-lg)}._roundFull_1dvoq_347{border-radius:var(--border-radius-full)}._shadowNone_1dvoq_350{box-shadow:var(--box-shadow-none)}._shadowLight_1dvoq_353{box-shadow:var(--box-shadow-light)}._shadowMedium_1dvoq_356{box-shadow:var(--box-shadow-medium)}._shadowStrong_1dvoq_359{box-shadow:var(--box-shadow-heavy)}._shadowIntense_1dvoq_362{box-shadow:var(--box-shadow-intense)}@media (prefers-reduced-motion:reduce){._skeletonLoader_1dvoq_307:after{background:0 0!important;animation:none!important}}@media (forced-colors:active){._skeletonLoader_1dvoq_307{color:canvastext;background:canvas;border:1px solid buttontext}._skeletonLoader_1dvoq_307:after{content:none!important}}}@layer boreal-ui.overrides;