.ds-line-field{--ds-line-field-from:var(--ds-color-accent);--ds-line-field-to:var(--ds-color-graphic-accent);--ds-line-field-spark:var(--ds-color-graphic);--ds-line-field-period:var(--ds-duration-ambient);pointer-events:none;position:absolute;inset:0}.ds-line-field__art{position:absolute;inset:0;overflow:hidden}.ds-line-field[data-tone=neutral]{--ds-line-field-from:var(--ds-color-graphic-subtle);--ds-line-field-to:var(--ds-color-graphic-muted)}.ds-line-field[data-placement=end] .ds-line-field__art{mask-image:linear-gradient(90deg,#0000 5%,#000 45%)}.ds-line-field[data-placement=below] .ds-line-field__art{mask-image:linear-gradient(#0000 45%,#000 85%)}.ds-line-field__canvas{width:100%;height:100%;display:block}.ds-line-field__swatch{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ds-line-field__swatch[data-swatch=from]{color:var(--ds-line-field-from)}.ds-line-field__swatch[data-swatch=to]{color:var(--ds-line-field-to)}.ds-line-field__swatch[data-swatch=spark]{color:var(--ds-line-field-spark)}.ds-line-field__toggle{right:var(--ds-gutter);bottom:var(--ds-space-4);pointer-events:auto;position:absolute}
.ds-mesh-gradient{--ds-mesh-gradient-1:var(--ds-color-bg);--ds-mesh-gradient-2:var(--ds-color-bg-subtle);--ds-mesh-gradient-3:var(--ds-color-surface);--ds-mesh-gradient-4:var(--ds-color-bg-subtle);--ds-mesh-gradient-bg:var(--ds-color-bg);--ds-mesh-gradient-period:var(--ds-duration-ambient);--ds-mesh-gradient-veil:var(--ds-color-graphic-veil);pointer-events:none;position:absolute;inset:0}.ds-mesh-gradient[data-tone=accent]{--ds-mesh-gradient-1:var(--ds-color-bg);--ds-mesh-gradient-2:color-mix(in oklab, var(--ds-color-accent) 10%, var(--ds-color-bg));--ds-mesh-gradient-3:color-mix(in oklab, var(--ds-color-accent) 18%, var(--ds-color-bg));--ds-mesh-gradient-4:color-mix(in oklab, var(--ds-color-accent) 6%, var(--ds-color-bg))}.ds-mesh-gradient__art{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(#000 55%,#0000)}.ds-mesh-gradient__art:after{content:"";background:var(--ds-mesh-gradient-veil);position:absolute;inset:0}.ds-mesh-gradient__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ds-mesh-gradient__swatch{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ds-mesh-gradient__swatch[data-swatch="1"]{color:var(--ds-mesh-gradient-1)}.ds-mesh-gradient__swatch[data-swatch="2"]{color:var(--ds-mesh-gradient-2)}.ds-mesh-gradient__swatch[data-swatch="3"]{color:var(--ds-mesh-gradient-3)}.ds-mesh-gradient__swatch[data-swatch="4"]{color:var(--ds-mesh-gradient-4)}.ds-mesh-gradient__swatch[data-swatch=bg]{color:var(--ds-mesh-gradient-bg)}.ds-mesh-gradient .ds-mesh-gradient__toggle{right:var(--ds-gutter);bottom:calc(var(--ds-space-4) + var(--ds-background-bleed,0px));pointer-events:auto;position:absolute}
.ds-grain-gradient{--ds-grain-gradient-light:var(--ds-color-graphic-film-light);--ds-grain-gradient-cyan:var(--ds-color-graphic-film-cyan);--ds-grain-gradient-blue:var(--ds-color-graphic-film-blue);--ds-grain-gradient-navy:var(--ds-color-graphic-film-navy);--ds-grain-gradient-base:var(--ds-color-graphic-film-base);--ds-grain-gradient-period:var(--ds-duration-ambient);--ds-grain-gradient-scrim:65%;--ds-grain-gradient-scrim-hold:50%;--ds-grain-gradient-scrim-size:70% 100%;--ds-grain-gradient-scrim-y:50%;pointer-events:none;position:absolute;inset:0}@media (max-width:1023px){.ds-grain-gradient{--ds-grain-gradient-scrim-hold:55%;--ds-grain-gradient-scrim-size:110% 100%}}.ds-grain-gradient__art{position:absolute;inset:0;overflow:hidden}.ds-grain-gradient__art:after{content:"";background:radial-gradient(var(--ds-grain-gradient-scrim-size) at 50% var(--ds-grain-gradient-scrim-y), color-mix(in oklab, var(--ds-grain-gradient-base) var(--ds-grain-gradient-scrim), transparent) var(--ds-grain-gradient-scrim-hold), transparent);position:absolute;inset:0}.ds-grain-gradient[data-scrim=none] .ds-grain-gradient__art:after{content:none}.ds-grain-gradient__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ds-grain-gradient__swatch{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ds-grain-gradient__swatch[data-swatch=light]{color:var(--ds-grain-gradient-light)}.ds-grain-gradient__swatch[data-swatch=cyan]{color:var(--ds-grain-gradient-cyan)}.ds-grain-gradient__swatch[data-swatch=blue]{color:var(--ds-grain-gradient-blue)}.ds-grain-gradient__swatch[data-swatch=navy]{color:var(--ds-grain-gradient-navy)}.ds-grain-gradient__swatch[data-swatch=base]{color:var(--ds-grain-gradient-base)}.ds-grain-gradient .ds-grain-gradient__toggle{right:var(--ds-gutter);bottom:calc(var(--ds-space-4) + var(--ds-background-bleed,0px));pointer-events:auto;position:absolute}