.ht{--ht-ink:color-mix(in srgb, var(--amber) 55%, transparent);--ht-dot:1.4px;--ht-gap:11px;position:relative;overflow:hidden}.ht:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle, var(--ht-ink) var(--ht-dot), transparent calc(var(--ht-dot) + .1px));background-size:var(--ht-gap) var(--ht-gap);position:absolute;inset:0}.ht>*{z-index:1;position:relative}.ht-amber{--ht-ink:#e8930ccc;--ht-dot:1.6px;--ht-gap:10px}.ht-blue{--ht-ink:#4d82c866;--ht-dot:1.1px;--ht-gap:9px}.ht-lane{--ht-ink:color-mix(in srgb, var(--lane-base,var(--amber)) 55%, transparent)}.ht-wear{--ht-ink:color-mix(in srgb, var(--wfill,var(--amber)) 55%, transparent)}.ht-ghost{--ht-ink:color-mix(in srgb, var(--on-3) 30%, transparent)}.ht-diag:before{-webkit-mask-image:linear-gradient(135deg,#0000 42%,#00000080 58%,#000 78%);mask-image:linear-gradient(135deg,#0000 42%,#00000080 58%,#000 78%)}.ht-diag-r:before{-webkit-mask-image:linear-gradient(115deg,#0000 62%,#000 100%);mask-image:linear-gradient(115deg,#0000 62%,#000 100%)}.ht-diag-l:before{-webkit-mask-image:linear-gradient(245deg,#0000 62%,#000 100%);mask-image:linear-gradient(245deg,#0000 62%,#000 100%)}.ht-band:before{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 30% 70%,#0000 100%)}.ht-rise:before{-webkit-mask-image:linear-gradient(#0000 20%,#00000080 55%,#000 100%);mask-image:linear-gradient(#0000 20%,#00000080 55%,#000 100%)}.lit-fill.ht{--ht-ink:#ffffff38}.lit-fill.ht:before{z-index:0}.ht-callout{position:relative;overflow:hidden}.ht-callout:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle, var(--ht-ink,color-mix(in srgb, var(--amber) 45%, transparent)) 1.1px, transparent 1.2px);background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(140% 120% at 100% 0,#000 0%,#0006 34%,#0000 62%);mask-image:radial-gradient(140% 120% at 100% 0,#000 0%,#0006 34%,#0000 62%)}.ht-callout>*{z-index:1;position:relative}.fw-host{--fw-radius:480px;position:relative}.fw-boost{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-settle);-webkit-mask-image:radial-gradient(circle var(--fw-radius) at var(--mx,50%) var(--my,44%), #000000f2 0%, #0000008c 55%, #00000029 100%);-webkit-mask-image:radial-gradient(circle var(--fw-radius) at var(--mx,50%) var(--my,44%), #000000f2 0%, #0000008c 55%, #00000029 100%);mask-image:radial-gradient(circle var(--fw-radius) at var(--mx,50%) var(--my,44%), #000000f2 0%, #0000008c 55%, #00000029 100%);position:absolute;inset:0}.fw-host:hover .fw-boost,.fw-host:focus-within .fw-boost{opacity:1}.fw-host:focus-visible .fw-boost{-webkit-mask-image:none;mask-image:none}.fw-host:has(:focus-visible) .fw-boost{-webkit-mask-image:none;mask-image:none}.fw-host:hover .fw-art,.fw-host:focus-within .fw-art{filter:brightness(1.08)saturate(1.1)}@media (hover:none){.fw-boost{display:none}}@media (prefers-reduced-motion:reduce){.fw-boost{transition:none}}