::before, ::after { box-sizing: border-box; }
.w-embed:before, .w-embed:after,
.w-richtext:before, .w-richtext:after { content: unset; }
html { background-color: var(--_theme---background, #F8F7F4); }
button { background-color: unset; padding: unset; text-align: inherit; }
button:not(:disabled) { cursor: pointer; }
video { width: 100%; object-fit: cover; }
.wf-empty { padding: 0; }
svg { max-width: 100%; }
@media (prefers-color-scheme: light) { option { color: black; } }
img::selection { background: transparent; }
body { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
a:not([class]) { text-decoration: underline; }
select:has(option[value=""]:checked) { color: color-mix(in lab, currentcolor 60%, transparent); }
::selection {
  background-color: var(--swatch--copper);
  color: var(--swatch--pure-white);
}
.u-theme-dark ::selection {
  background-color: var(--swatch--copper-light);
  color: var(--swatch--navy);
}
:is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)),
:is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child {
  margin-top: 0;
}
:is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))),
:is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child {
  margin-bottom: 0;
}
.w-richtext a { position: relative; z-index: 4; }
[class*="u-line-clamp"]:not(.w-richtext),
[class*="u-line-clamp"].w-richtext > * {
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
[class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; }
.u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; }
.u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; }
.u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; }
.u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; }
.u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; }
.u-hide-if-empty:empty,
.u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))),
[class*="u-layout-column"]:empty { display: none !important; }
a, button, :where([tabindex]), input { outline-offset: var(--focus--offset-outer, 2px); }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible {
  outline-color: var(--_theme---text, #1B2A4A);
  outline-width: var(--focus--width, 2px);
  outline-style: solid;
}
[data-button]:has(button:disabled) { opacity: 0.5; pointer-events: none; }
.wf-design-mode .clickable_wrap { z-index: 0; }
.clickable_wrap a[href="#"] { display: none; }
.clickable_wrap a[href="#"] ~ button { display: block; }
[data-number="-1"]{--number: initial;}[data-number="0"]{--number: 0;}[data-number="1"]{--number:1}[data-number="2"]{--number:2}[data-number="3"]{--number:3}[data-number="4"]{--number:4}[data-number="5"]{--number:5}[data-number="6"]{--number:6}[data-number="7"]{--number:7}[data-number="8"]{--number:8}[data-number="9"]{--number:9}
[data-number="10"]{--number:10}[data-number="11"]{--number:11}[data-number="12"]{--number:12}[data-number="13"]{--number:13}[data-number="14"]{--number:14}[data-number="15"]{--number:15}[data-number="16"]{--number:16}[data-number="17"]{--number:17}[data-number="18"]{--number:18}[data-number="19"]{--number:19}
[data-number="20"]{--number:20}[data-number="21"]{--number:21}[data-number="22"]{--number:22}[data-number="23"]{--number:23}[data-number="24"]{--number:24}[data-number="25"]{--number:25}[data-number="26"]{--number:26}[data-number="27"]{--number:27}[data-number="28"]{--number:28}[data-number="29"]{--number:29}
[data-number="30"]{--number:30}[data-number="31"]{--number:31}[data-number="32"]{--number:32}[data-number="33"]{--number:33}[data-number="34"]{--number:34}[data-number="35"]{--number:35}[data-number="36"]{--number:36}[data-number="37"]{--number:37}[data-number="38"]{--number:38}[data-number="39"]{--number:39}
[data-number="40"]{--number:40}[data-number="41"]{--number:41}[data-number="42"]{--number:42}[data-number="43"]{--number:43}[data-number="44"]{--number:44}[data-number="45"]{--number:45}[data-number="46"]{--number:46}[data-number="47"]{--number:47}[data-number="48"]{--number:48}[data-number="49"]{--number:49}
[data-number="50"]{--number:50}[data-number="51"]{--number:51}[data-number="52"]{--number:52}[data-number="53"]{--number:53}[data-number="54"]{--number:54}[data-number="55"]{--number:55}[data-number="56"]{--number:56}[data-number="57"]{--number:57}[data-number="58"]{--number:58}[data-number="59"]{--number:59}
[data-number="60"]{--number:60}[data-number="61"]{--number:61}[data-number="62"]{--number:62}[data-number="63"]{--number:63}[data-number="64"]{--number:64}[data-number="65"]{--number:65}[data-number="66"]{--number:66}[data-number="67"]{--number:67}[data-number="68"]{--number:68}[data-number="69"]{--number:69}
[data-number="70"]{--number:70}[data-number="71"]{--number:71}[data-number="72"]{--number:72}[data-number="73"]{--number:73}[data-number="74"]{--number:74}[data-number="75"]{--number:75}[data-number="76"]{--number:76}[data-number="77"]{--number:77}[data-number="78"]{--number:78}[data-number="79"]{--number:79}
[data-number="80"]{--number:80}[data-number="81"]{--number:81}[data-number="82"]{--number:82}[data-number="83"]{--number:83}[data-number="84"]{--number:84}[data-number="85"]{--number:85}[data-number="86"]{--number:86}[data-number="87"]{--number:87}[data-number="88"]{--number:88}[data-number="89"]{--number:89}
[data-number="90"]{--number:90}[data-number="91"]{--number:91}[data-number="92"]{--number:92}[data-number="93"]{--number:93}[data-number="94"]{--number:94}[data-number="95"]{--number:95}[data-number="96"]{--number:96}[data-number="97"]{--number:97}[data-number="98"]{--number:98}[data-number="99"]{--number:99}[data-number="100"]{--number:100}
[data-state] { --_state---true: 1; --_state---false: 0; }
[data-trigger] { --_trigger---on: 1; --_trigger---off: 0; }   
.is-active,
[data-state~="checked"]:is(:checked, :has(:checked)),
[data-state~="current"]:is(.w--current, :has(.w--current)),
[data-state~="open"]:is(.w--open, :has(.w--open)),
[data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])),
[data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])),
[data-state~="external"]:is([target="_blank"], :has([target="_blank"])) {
	--_state---true: 0; --_state---false: 1;
}
.wf-design-mode [data-trigger~="preview"],
[data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)),
[data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible)
  [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) {
	--_trigger---on: 0; --_trigger---off: 1;
}
@media (hover: hover) {
	[data-trigger~="hover"]:hover,
  [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover,
	[data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) {
		--_trigger---on: 0; --_trigger---off: 1;
	}
	[data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; }
}
@media (hover: none) {
  [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; }
}
.u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) {
	aspect-ratio: auto; border-radius: 0; overflow: visible;
}
[data-large-columns="1"] { display: flex; }
[data-large-columns="2"] { display: grid; --_column-count---value: 2; }
[data-large-columns="3"] { display: grid; --_column-count---value: 3; }
[data-large-columns="4"] { display: grid; --_column-count---value: 4; }
[data-large-columns="5"] { display: grid; --_column-count---value: 5; }
[data-large-columns="6"] { display: grid; --_column-count---value: 6; }
[data-large-columns="7"] { display: grid; --_column-count---value: 7; }
[data-large-columns="8"] { display: grid; --_column-count---value: 8; }
[data-large-columns="9"] { display: grid; --_column-count---value: 9; }
[data-large-columns="10"] { display: grid; --_column-count---value: 10; }
[data-large-columns="11"] { display: grid; --_column-count---value: 11; }
[data-large-columns="12"] { display: grid; --_column-count---value: 12; }
.slider_offset { --slide-count: var(--lg); --lg: 3; --md: var(--lg); --sm: var(--md); --xs: var(--sm); }
@container (width < 50em) {
  * {
    --_responsive---large: 0; --_responsive---medium: 1;
    --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row;
    --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative;
  }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; }
  :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; }
	.u-order-first-medium { order: -1; }
	.u-order-auto-medium { order: 0; }
	.u-order-last-medium { order: 1; }
	.u-display-contents-medium { display: contents; }
	.u-display-block-medium { display: block; }
	.u-display-grid-medium { display: grid; }
	.u-display-flex-medium { display: flex; }
	.u-display-none-medium { display: none; }
	.u-all-unset-medium { all: unset; }
	.slider_offset { --slide-count: var(--md); }
}
@container (width < 35em) {
  * {
    --_responsive---medium: 0; --_responsive---small: 1;
    --flex-small: flex; --none-small: none; --column-small: column; --row-small: row;
    --start-small: start; --center-small: center; --end-small: end; --relative-small: relative;
  }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; }
  :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; }
	.u-order-first-small { order: -1; }
	.u-order-auto-small { order: 0; }
	.u-order-last-small { order: 1; }
	.u-display-contents-small { display: contents; }
	.u-display-block-small { display: block; }
	.u-display-grid-small { display: grid; }
	.u-display-flex-small { display: flex; }
	.u-display-none-small { display: none; }
	.u-all-unset-small { all: unset; }
	.slider_offset { --slide-count: var(--sm); }
}
@container (width < 20em) {
  * {
    --_responsive---small: 0; --_responsive---xsmall: 1;
    --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row;
    --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative;
  }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; }
  :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; }
	.u-order-first-xsmall { order: -1; }
	.u-order-auto-xsmall { order: 0; }
	.u-order-last-xsmall { order: 1; }
	.u-display-contents-xsmall { display: contents; }
	.u-display-block-xsmall { display: block; }
	.u-display-grid-xsmall { display: grid; }
	.u-display-flex-xsmall { display: flex; }
	.u-display-none-xsmall { display: none; }
	.u-all-unset-xsmall { all: unset; }
	.slider_offset { --slide-count: var(--xs); }
}
a.bento_cell.is-filled {
  transition: background-color 250ms ease;
}
a.bento_cell.is-filled .card_button_text {
  transition: color 250ms ease;
}
a.bento_cell.is-filled .card_button_arrow {
  transition: color 250ms ease, transform 250ms ease;
}
a.bento_cell.is-filled:is(:hover, :focus-visible) {
  background-color: var(--swatch--ivory);
}
a.bento_cell.is-filled:is(:hover, :focus-visible) .card_button_text {
  color: var(--swatch--copper);
}
a.bento_cell.is-filled:is(:hover, :focus-visible) .card_button_arrow {
  color: var(--swatch--copper);
  transform: translateX(4px);
}
a.bento_cell.is-filled:is(:hover, :focus-visible) .card_button_arrow .u-path {
  stroke: var(--swatch--copper);
}

  .bento_cell.is-graph {
    --grid-cell: 1.5rem;                                  
    --grid-line: var(--swatch--border-soft, #efede7);
    --grid-weight: 1px;

    background-color: var(--_theme---background, #f8f7f4);
    background-image:
      linear-gradient(to right,  var(--grid-line) 0 var(--grid-weight), transparent var(--grid-weight)),
      linear-gradient(to bottom, var(--grid-line) 0 var(--grid-weight), transparent var(--grid-weight));
    background-size: var(--grid-cell) var(--grid-cell);
    background-position: 0 0;
  }

  .u-graph-panel,
  .u-graph-full,
  .u-graph-band {
    --grid-cell: 1.5rem;                     
    --grid-line: var(--swatch--border-soft, #efede7);
    --grid-weight: 1px;
    --grid-fade: var(--_theme---background, #f8f7f4);  
    --grid-fade-x: 11.25rem;                 
    --grid-fade-y: 5rem;                     

    --grid-lines:
      linear-gradient(to right,  var(--grid-line) 0 var(--grid-weight), transparent var(--grid-weight)),
      linear-gradient(to bottom, var(--grid-line) 0 var(--grid-weight), transparent var(--grid-weight));
    --grid-cells: var(--grid-cell) var(--grid-cell), var(--grid-cell) var(--grid-cell);
  }

  .u-graph-panel {
    --grid-panel-w: min(48rem, 60%);         
    --grid-fade-x: 7.5rem;                   
    background-image:
      linear-gradient(to right,
        var(--grid-fade) 0 calc(100% - var(--grid-panel-w)),
        transparent calc(100% - var(--grid-panel-w) + var(--grid-fade-x))),
      var(--grid-lines);
    background-size: 100% 100%, var(--grid-cells);
    background-position: left top, right top, right top;
    background-repeat: no-repeat, repeat, repeat;
  }

  .u-graph-full {
    background-image:
      linear-gradient(to right, var(--grid-fade), transparent),
      linear-gradient(to left,  var(--grid-fade), transparent),
      var(--grid-lines);
    background-size:
      var(--grid-fade-x) 100%,
      var(--grid-fade-x) 100%,
      var(--grid-cells);
    background-position: left top, right top, left top, left top;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
  }

  .u-graph-band {
    --grid-band-h: 43rem;                    
    background-image:
      linear-gradient(to right, var(--grid-fade), transparent),
      linear-gradient(to left,  var(--grid-fade), transparent),
      linear-gradient(to bottom,
        var(--grid-fade) 0 calc(100% - var(--grid-band-h)),
        transparent calc(100% - var(--grid-band-h) + var(--grid-fade-y))),
      var(--grid-lines);
    background-size:
      var(--grid-fade-x) 100%,
      var(--grid-fade-x) 100%,
      100% 100%,
      var(--grid-cells);
    background-position: left top, right top, left top, left bottom, left bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat;
  }

  @media (prefers-reduced-motion: reduce) {
    .u-graph-panel, .u-graph-full, .u-graph-band { animation: none; }
  }
.u-corner-marks {
  --mark-len: 0.75rem;                                      
  --mark-weight: 1.5px;
  --mark-ink: var(--swatch--secondary-text, #6B6B6B);
  --mark-gap: .25rem;                                    
  display: grid;
  place-items: center;
  width: fit-content;
  padding: var(--mark-gap);
  background-repeat: no-repeat;
  background-image:
    linear-gradient(var(--mark-ink) 0 0), linear-gradient(var(--mark-ink) 0 0),
    linear-gradient(var(--mark-ink) 0 0), linear-gradient(var(--mark-ink) 0 0),
    linear-gradient(var(--mark-ink) 0 0), linear-gradient(var(--mark-ink) 0 0),
    linear-gradient(var(--mark-ink) 0 0), linear-gradient(var(--mark-ink) 0 0);
  background-size:
    var(--mark-len) var(--mark-weight), var(--mark-weight) var(--mark-len),   
    var(--mark-len) var(--mark-weight), var(--mark-weight) var(--mark-len),   
    var(--mark-len) var(--mark-weight), var(--mark-weight) var(--mark-len),   
    var(--mark-len) var(--mark-weight), var(--mark-weight) var(--mark-len);   
  background-position:
    left top,     left top,
    right top,    right top,
    left bottom,  left bottom,
    right bottom, right bottom;
}
.icon_plate {
  display: grid;
  place-items: center;
  width: 3.5rem;
  aspect-ratio: 1;
  background-color: var(--swatch--off-white, #f8f7f4);
}
.icon_plate.is-large {
  width: 7.5rem;
}
.u-corner-marks:has(.icon_plate.is-large) {
  --mark-len: 1.25rem;
  --mark-gap: .375rem;
}
@media (scripting: enabled) {
  [data-reveal] {
    opacity: 0;
    transform: translateY(20px);
    transition:
      opacity 600ms cubic-bezier(.22, 1, .36, 1),
      transform 600ms cubic-bezier(.22, 1, .36, 1);
    transition-delay: calc(var(--reveal-i, 0) * var(--reveal-stagger, 80ms));
  }
  [data-reveal].is-visible { opacity: 1; transform: none; }
  [data-reveal="fade"]  { transform: none; }
  [data-reveal="left"]  { transform: translateX(-24px); }
  [data-reveal="right"] { transform: translateX(24px); }
  [data-reveal="scale"] { transform: scale(.96); }
  @media (prefers-reduced-motion: reduce) {
    [data-reveal] { opacity: 1; transform: none; transition: none; }
  }
}
[data-count-group] {
  --count-duration: 900ms;
  --count-stagger: 100ms;
  --count-min: 10;
}
[data-count] { font-variant-numeric: tabular-nums lining-nums; }
[data-count].is-armed {
  opacity: 0;
  transform: translateY(12px);
  filter: blur(4px);
}
[data-count].is-counting {
  opacity: 1;
  transform: none;
  filter: blur(0px);
  transition: opacity 500ms cubic-bezier(.22, 1, .36, 1),
              transform 500ms cubic-bezier(.22, 1, .36, 1),
              filter 500ms cubic-bezier(.22, 1, .36, 1);
}
@media (prefers-reduced-motion: reduce) {
  [data-count].is-armed, [data-count].is-counting {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}
@property --badge-trail-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
[data-badge-trail] {
  --badge-trail-color: var(--swatch--copper, #c67a3c);
  --badge-trail-duration: 4s;
  --badge-trail-arc: .30turn;
  --badge-trail-swing: 25deg;
  --badge-trail-origin: 40% 50%;
  --badge-trail-width: 1px;
  --badge-trail-inset: 1px;
  --badge-trail-opacity: .9;
  position: relative;
}
[data-badge-trail]::after {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--badge-trail-inset));
  border-radius: inherit;
  padding: var(--badge-trail-width);
  pointer-events: none;
  background: conic-gradient(
    from var(--badge-trail-angle) at var(--badge-trail-origin),
    transparent 0turn,
    color-mix(in oklab, var(--badge-trail-color) 60%, transparent) calc(var(--badge-trail-arc) * .35),
    var(--badge-trail-color) calc(var(--badge-trail-arc) * .6),
    color-mix(in oklab, var(--badge-trail-color) 40%, transparent) var(--badge-trail-arc),
    transparent calc(var(--badge-trail-arc) + .04turn),
    transparent 1turn
  );
  opacity: var(--badge-trail-opacity);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
  animation: badge-trail var(--badge-trail-duration) linear infinite;
}
@keyframes badge-trail {
  0%     { --badge-trail-angle: 0deg; }
  12.5%  { --badge-trail-angle: calc(45deg  + var(--badge-trail-swing) * 0.707); }
  25%    { --badge-trail-angle: calc(90deg  + var(--badge-trail-swing)); }
  37.5%  { --badge-trail-angle: calc(135deg + var(--badge-trail-swing) * 0.707); }
  50%    { --badge-trail-angle: 180deg; }
  62.5%  { --badge-trail-angle: calc(225deg - var(--badge-trail-swing) * 0.707); }
  75%    { --badge-trail-angle: calc(270deg - var(--badge-trail-swing)); }
  87.5%  { --badge-trail-angle: calc(315deg - var(--badge-trail-swing) * 0.707); }
  100%   { --badge-trail-angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
  [data-badge-trail]::after { animation: none; opacity: 0; }
}