@property --_color-stop-1{syntax:"<color>";inherits:false;initial-value:#0000}@property --_color-stop-2{syntax:"<color>";inherits:false;initial-value:#0000}at-property-anim[data-astro-cid-i3th4lnv]{display:block;container:animation/inline-size}.c-demo-container[data-astro-cid-i3th4lnv]{gap:var(--space-l);block-size:100%;inline-size:100%;padding:var(--space-l);flex-direction:column;justify-content:center;align-items:center;display:flex}@container animation (inline-size>=600px){.c-demo-container[data-astro-cid-i3th4lnv]{flex-direction:row}}.c-anim[data-astro-cid-i3th4lnv]{animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}[data-astro-cid-i3th4lnv][data-animation=true] .c-anim[data-astro-cid-i3th4lnv]{animation-play-state:running}.c-figure[data-astro-cid-i3th4lnv]{--border-color:#042020;border:solid 8px var(--border-color);inline-size:min(200px,100%)}.c-figure-caption[data-astro-cid-i3th4lnv]{padding:8px;background-color:var(--border-color);font-family:var(--font-family-en);font-size:var(--font-size-p-xs);letter-spacing:.05em;text-align:center;text-transform:uppercase;padding-block-end:0}.c-gradient[data-astro-cid-i3th4lnv]{aspect-ratio:1}.c-gradient-1[data-astro-cid-i3th4lnv]{background-image:linear-gradient(in oklch, var(--_color-stop-1), var(--_color-stop-2));animation-name:gradient}@keyframes gradient{0%{--_color-stop-1:oklch(74% .1 280);--_color-stop-2:oklch(74% .1 60)}25%{--_color-stop-1:oklch(74% .1 60);--_color-stop-2:oklch(74% .1 60)}50%{--_color-stop-1:oklch(74% .1 60);--_color-stop-2:oklch(74% .1 280)}75%{--_color-stop-1:oklch(74% .1 280);--_color-stop-2:oklch(74% .1 280)}to{--_color-stop-1:oklch(74% .1 280);--_color-stop-2:oklch(74% .1 60)}}.c-gradient-2[data-astro-cid-i3th4lnv]{background-color:#000}.c-gradient-2[data-astro-cid-i3th4lnv] .c-anim[data-astro-cid-i3th4lnv]{mask-image:radial-gradient(var(--_color-stop-1), var(--_color-stop-2));animation-name:mask;animation-direction:alternate;display:block}.c-gradient-2[data-astro-cid-i3th4lnv] img[data-astro-cid-i3th4lnv]{inline-size:100%}@keyframes mask{0%{--_color-stop-1:transparent;--_color-stop-2:transparent}50%{--_color-stop-1:black;--_color-stop-2:transparent}to{--_color-stop-1:black;--_color-stop-2:black}}@property --_chart-angle-1{syntax:"<angle>";inherits:false;initial-value:0turn}@property --_chart-angle-2{syntax:"<angle>";inherits:false;initial-value:0turn}@property --_chart-angle-3{syntax:"<angle>";inherits:false;initial-value:0turn}@property --_chart-counter{syntax:"<integer>";inherits:false;initial-value:0}.c-chart[data-astro-cid-i3th4lnv]{aspect-ratio:1;border-radius:50%;inline-size:min(200px,100%);animation-timing-function:ease}.c-chart-1[data-astro-cid-i3th4lnv]{--_circle-color-1:oklch(55% .18 250);--_circle-color-2:oklch(75% .12 170);--_circle-color-3:oklch(100% .18 250);border:solid 8px var(--_circle-color-1);background-image:conic-gradient(var(--_circle-color-3) var(--_chart-angle-3), var(--_circle-color-1) var(--_chart-angle-3), var(--_circle-color-1) var(--_chart-angle-1), var(--_circle-color-2) var(--_chart-angle-1), var(--_circle-color-2) var(--_chart-angle-2), var(--_circle-color-3) var(--_chart-angle-2));animation-name:conic}@keyframes conic{0%{--_chart-angle-1:0turn;--_chart-angle-2:0turn}20%{--_chart-angle-1:.7turn;--_chart-angle-2:.85turn}60%{--_chart-angle-1:.7turn;--_chart-angle-2:.85turn;--_chart-angle-3:0turn}80%{--_chart-angle-1:.7turn;--_chart-angle-2:.85turn;--_chart-angle-3:1turn}}.c-chart-2[data-astro-cid-i3th4lnv]{--_chart-color-fg:oklch(62% .17 180);--_chart-color-bg:oklch(98% .02 180);box-shadow:0 0 0 8px inset color-mix(in oklch, var(--_chart-color-fg) 40%, transparent);counter-set:progress var(--_chart-counter);background-image:conic-gradient(transparent var(--_chart-angle-3), var(--_chart-color-fg) var(--_chart-angle-3), var(--_chart-color-fg) var(--_chart-angle-1), var(--_chart-color-fg) var(--_chart-angle-1), transparent var(--_chart-angle-2));background-color:var(--_chart-color-bg);animation-name:progress;position:relative}.c-chart-2[data-astro-cid-i3th4lnv]:before{content:"";aspect-ratio:1;background-color:var(--_chart-color-bg);border-radius:50%;inline-size:calc(100% - 16px);margin:auto;display:block;position:absolute;inset:0}@supports (counter-set:progress var(--_chart-counter)){.c-chart-2[data-astro-cid-i3th4lnv]:after{content:counter(progress);color:var(--color-text-primary);font-family:Menlo,monospace;font-size:var(--font-size-h-m);place-items:center;display:grid;position:absolute;inset:0}}@keyframes progress{0%{--_chart-angle-1:0turn;--_chart-angle-2:0turn}20%{--_chart-angle-1:1turn;--_chart-angle-2:1turn;--_chart-counter:100}60%{--_chart-angle-1:1turn;--_chart-angle-2:1turn;--_chart-angle-3:0turn;--_chart-counter:100}80%{--_chart-angle-1:1turn;--_chart-angle-2:1turn;--_chart-angle-3:1turn;--_chart-counter:0}}.c-controls[data-astro-cid-i3th4lnv]{padding-block:var(--space-m);padding-inline:var(--space-l);background-color:#062d2d}.c-btn[data-astro-cid-i3th4lnv]{gap:var(--space-xs);inline-size:100%;max-inline-size:440px;font-family:var(--font-family-en);font-size:var(--font-size-p-xs);letter-spacing:.05em;text-align:center;text-transform:uppercase;margin-inline:auto;line-height:1.1;display:grid}.c-btn-ui[data-astro-cid-i3th4lnv]{--shadow-size:2px;--shadow-color:black;z-index:100;min-block-size:40px;inline-size:100%;padding:var(--space-s);border:2px solid #000;border-block-end-color:var(--shadow-color);border-radius:var(--border-radius);box-shadow:0 var(--shadow-size) 0 var(--shadow-color);text-transform:uppercase;cursor:pointer;translate:0 calc(-1 * var(--shadow-size));background-color:#035e5e;transition-property:box-shadow,translate;transition-duration:.1s;transition-timing-function:ease;display:block;position:relative}.c-btn-ui[data-astro-cid-i3th4lnv]:active{box-shadow:none;translate:0}.c-btn-lamp[data-astro-cid-i3th4lnv]{--icon-size:8px;--gap:var(--space-xs);--off:#5b4646;--on:#ffc400;column-gap:var(--gap);grid-template-columns:repeat(2,auto);justify-content:center;align-items:center;padding-inline-end:calc(var(--icon-size) + var(--gap));display:grid}.c-btn-ui[data-astro-cid-i3th4lnv] svg{fill:#fff;inline-size:12px;margin:auto;position:absolute;inset:0}.c-btn[data-astro-cid-i3th4lnv].--play[aria-checked=true] .c-btn-play[data-astro-cid-i3th4lnv],.c-btn[data-astro-cid-i3th4lnv].--play:not([aria-checked=true]) .c-btn-pause[data-astro-cid-i3th4lnv]{display:none}.c-btn-lamp[data-astro-cid-i3th4lnv]:before{content:"";inline-size:var(--icon-size);block-size:var(--icon-size);background-color:var(--off);border-radius:50%;display:block}.c-btn[data-astro-cid-i3th4lnv][aria-checked=true] .c-btn-lamp[data-astro-cid-i3th4lnv]:before{box-shadow:0 0 4px 0 var(--on);background-color:var(--on)}