*,
:after,
:before {
 --long-kit:  ;
 --calm-pond:  ;
 --mono-shade:  ;
 --lunar-tokens: 0;
 --prime-ivy: #ffffff;
 --solar-mirror:  ;
 --static-chrome:  ;
 --full-ribbon:  ;
 --global-bundle: 0px;
 --static-comet: proximity;
 --safe-brook: 0 0 #00000000;
 --warm-net: 0 0 #00000000;
 --flat-type:  ;
 --deep-pine:  ;
 --deep-tide:  ;
 --metro-panel:  ;
 --common-shore:  ;
 --cool-basil:  ;
 --warm-mirror:  ;
 --main-screen: 1;
 --east-bay: 0;
 --final-tide:  ;
 --back-ivory: 0;
 --south-mist: 0;
 --north-dune:  ;
 --neat-petal:  ;
 --custom-mist: 0;
 --base-bay: 0 0 #00000000;
 --static-sun: 0;
 --lite-ivory:  ;
 --west-cove:  ;
 --high-grid:  ;
 --east-spark:  ;
 --common-peak:  ;
 --shared-ruby:  ;
 --metro-style:  ;
 --core-petal:  ;
 --shared-stream: 0;
 --modern-rain:  ;
 --crisp-ribbon:  ;
 --mini-label: 0 0 #00000000;
 --deep-page:  ;
 --fresh-quay:  ;
 --lunar-copper: rgba(59, 130, 246, .5);
 --ultra-flame:  ;
 --south-tint:  ;
 --core-rail:  ;
 --lower-comet:  ;
 --local-engine: 1;
 --lower-plaza:  ;
 --solid-mark:  
}

*,
:after,
:before {
 border: 0px solid #e5e7eb;
 box-sizing: border-box
}

:host,
html {
 line-height: 1.5;
 font-family: Outfit, sans-serif;
 font-feature-settings: normal;
 font-variation-settings: normal;
 tab-size: 4;
 text-size-adjust: 100%;
 -webkit-tap-highlight-color: #0000
}

body {
 line-height: inherit;
 margin: 0px
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-size: inherit;
 font-weight: inherit
}

a {
 color: inherit;
 text-decoration: inherit
}

b,
strong {
 font-weight: bolder
}

code,
kbd,
pre,
samp {
 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 font-feature-settings: normal;
 font-size: 1em;
 font-variation-settings: normal
}

small {
 font-size: 80%
}

table {
 border-collapse: collapse;
 border-color: inherit;
 text-indent: 0px
}

button,
input,
optgroup,
select,
textarea {
 color: inherit;
 padding: 0px;
 font-family: inherit;
 font-feature-settings: inherit;
 font-size: 100%;
 font-variation-settings: inherit;
 font-weight: inherit;
 line-height: inherit;
 margin: 0px;
 letter-spacing: inherit
}

button,
select {
 text-transform: none
}

button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
 appearance: button;
 background-color: #0000;
 background-image: none
}

[type="search"] {
 appearance: textfield;
 outline-offset: -2px
}

summary {
 display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
 margin: 0px
}

fieldset {
 margin: 0px
}

fieldset,
legend {
 padding: 0px
}

menu,
ol,
ul {
 padding: 0px;
 margin: 0px;
 list-style: none
}

textarea {
 resize: vertical
}

input::placeholder,
textarea::placeholder {
 opacity: 1;
 color: #9ca3af
}

[role="button"],
button {
 cursor: pointer
}

:disabled {
 cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
 vertical-align: middle;
 display: block
}

img,
video {
 max-width: 100%;
 height: auto
}

[hidden]:where(:not([hidden="until-found"])) {
 display: none
}

.free-basil {
 position: absolute
}

.north-tower {
 position: relative
}

.upper-gallery {
 margin-left: auto;
 margin-right: auto
}

.solid-vector {
 margin-bottom: 2.5rem
}

.metro-link {
 margin-bottom: .5rem
}

.modern-extras {
 margin-bottom: 5rem
}

.custom-analytics {
 margin-bottom: .75rem
}

.compact-leaf {
 margin-bottom: 1rem
}

.pure-brick {
 margin-bottom: 1.25rem
}

.simple-shore {
 margin-bottom: 1.5rem
}

.bright-window {
 margin-left: 2.75rem
}

.shared-kit {
 margin-left: 1rem
}

.static-trail {
 margin-right: .5rem
}

.solid-contact {
 margin-top: 3rem
}

.true-star {
 margin-top: .5rem
}

.rapid-frost {
 margin-top: .75rem
}

.civic-bridge {
 margin-top: 2rem
}

.true-stone {
 display: block
}

.mono-iron {
 display: inline-block
}

.low-star {
 display: flex
}

.mono-cliff {
 display: inline-flex
}

.royal-ring {
 display: grid
}

.lunar-lane {
 height: 3rem
}

.polar-helpers {
 height: 2rem
}

.base-door {
 height: 24rem
}

.west-tracker {
 min-height: 100vh
}

.swift-chain {
 width: 3rem
}

.smooth-chat {
 width: 2rem
}

.dark-grove {
 width: 100%
}

.south-nav {
 max-width: 56rem
}

.compact-style {
 max-width: 80rem
}

.east-utils {
 flex-shrink: 0
}

.slim-olive {
 flex-grow: 1
}

.scale-\[1\.02\],
.east-web {
 transform: translate(var(--custom-mist), var(--back-ivory)) rotate(var(--lunar-tokens)) skewX(var(--static-sun)) skewY(var(--shared-stream)) scaleX(var(--main-screen)) scaleY(var(--local-engine))
}

.lean-coat {
 resize: none
}

.noble-amber {
 list-style-position: inside
}

.prime-scope {
 list-style-type: disc
}

.common-tokens {
 grid-template-columns: repeat(1, minmax(0px, 1fr))
}

.live-slate {
 flex-direction: column
}

.fresh-arch {
 align-items: flex-start
}

.free-pixel {
 align-items: center
}

.native-wave {
 justify-content: center
}

.soft-glass {
 justify-content: space-between
}

.simple-azure {
 gap: 3rem
}

.modern-tag {
 gap: .5rem
}

.final-outline {
 gap: .75rem
}

.slim-stream {
 gap: 1rem
}

.active-extras {
 gap: 1.5rem
}

.fluid-fleet {
 gap: 2rem
}

.crisp-rail > :not([hidden]) ~ :not([hidden]) {
 --shared-deck: 0;
 margin-bottom: calc(.5rem*var(--shared-deck));
 margin-top: calc(.5rem*(1 - var(--shared-deck)))
}

.true-cliff > :not([hidden]) ~ :not([hidden]) {
 --shared-deck: 0;
 margin-bottom: calc(.75rem*var(--shared-deck));
 margin-top: calc(.75rem*(1 - var(--shared-deck)))
}

.outer-atlas > :not([hidden]) ~ :not([hidden]) {
 --shared-deck: 0;
 margin-bottom: calc(1rem*var(--shared-deck));
 margin-top: calc(1rem*(1 - var(--shared-deck)))
}

.dark-vendor > :not([hidden]) ~ :not([hidden]) {
 margin-bottom: calc(1.25rem*var(--shared-deck));
 margin-top: calc(1.25rem*(1 - var(--shared-deck)));
 --shared-deck: 0
}

.plain-azure > :not([hidden]) ~ :not([hidden]) {
 --shared-deck: 0;
 margin-bottom: calc(1.5rem*var(--shared-deck));
 margin-top: calc(1.5rem*(1 - var(--shared-deck)))
}

.grand-pixel {
 overflow: hidden
}

.light-olive {
 border-radius: 1rem
}

.lite-page {
 border-radius: 9999px
}

.royal-deck {
 border-radius: .75rem
}

.inner-analytics {
 border-width: 1px
}

.slim-loader {
 border-bottom-width: 1px
}

.custom-focus {
 --west-gallery: 1;
 border-color: rgb(243 244 246/var(--west-gallery, 1))
}

.wide-brook {
 border-color: rgb(229 231 235/var(--west-gallery, 1));
 --west-gallery: 1
}

.live-engine {
 background-color: #15803d
}

.active-teal {
 background-color: rgba(37, 211, 102, .1)
}

.common-stamp {
 --open-mobile: 1;
 background-color: rgb(249 250 251/var(--open-mobile, 1))
}

.swift-stream {
 --open-mobile: 1;
 background-color: rgb(var(--wild-bay)/var(--open-mobile, 1))
}

.global-style {
 background-color: rgb(var(--wild-bay)/.1)
}

.micro-knot {
 background-color: rgb(255 255 255/var(--open-mobile, 1));
 --open-mobile: 1
}

.wide-sheet {
 background-color: rgba(255, 255, 255, .5)
}

.solar-chain {
 background-image: linear-gradient(to bottom, var(--rich-azure))
}

.west-sheet {
 --true-seed: #0000 var(--metro-style);
 --mini-reef: #0000 var(--static-chrome);
 --rich-azure: var(--true-seed), var(--mini-reef)
}

.live-palette {
 --mini-reef: hsla(0, 0%, 100%, .5) var(--static-chrome)
}

.early-bay {
 object-fit: cover
}

.bright-elm {
 padding: 1rem
}

.wide-leaf {
 padding: 1.5rem
}

.base-engine {
 padding: 2rem
}

.vivid-mist {
 padding-left: 1rem;
 padding-right: 1rem
}

.true-draft {
 padding-left: 2rem;
 padding-right: 2rem
}

.smooth-map {
 padding-bottom: 4rem;
 padding-top: 4rem
}

.ultra-fleet {
 padding-bottom: .5rem;
 padding-top: .5rem
}

.metro-bar {
 padding-bottom: 5rem;
 padding-top: 5rem
}

.core-pine {
 padding-bottom: .75rem;
 padding-top: .75rem
}

.true-tracker {
 padding-bottom: 1rem;
 padding-top: 1rem
}

.shared-modules {
 padding-right: 1.5rem
}

.civic-widgets {
 text-align: center
}

.micro-mesh {
 font-size: 1.5rem;
 line-height: 2rem
}

.rich-wind {
 font-size: 1.875rem;
 line-height: 2.25rem
}

.slim-valley {
 font-size: 2.25rem;
 line-height: 2.5rem
}

.outer-footer {
 font-size: 1.125rem;
 line-height: 1.75rem
}

.swift-chrome {
 font-size: .875rem;
 line-height: 1.25rem
}

.solar-brick {
 font-size: 1.25rem;
 line-height: 1.75rem
}

.north-slider {
 font-size: .75rem;
 line-height: 1rem
}

.prime-layer {
 font-weight: bold
}

.long-fern {
 font-weight: 800
}

.half-azure {
 font-weight: 600
}

.early-scroll {
 text-transform: uppercase
}

.long-azure {
 line-height: 1.625
}

.polar-loader {
 line-height: 1.25
}

.shared-loader {
 letter-spacing: .05em
}

.clean-bloom {
 color: #15803d
}

.modern-cards {
 color: rgb(107 114 128/var(--dark-loop, 1));
 --dark-loop: 1
}

.upper-footer {
 color: rgb(75 85 99/var(--dark-loop, 1));
 --dark-loop: 1
}

.base-slider {
 color: rgb(55 65 81/var(--dark-loop, 1));
 --dark-loop: 1
}

.east-slate {
 color: rgb(31 41 55/var(--dark-loop, 1));
 --dark-loop: 1
}

.light-signal {
 color: rgb(var(--wild-bay)/var(--dark-loop, 1));
 --dark-loop: 1
}

.rapid-flow {
 --dark-loop: 1;
 color: rgb(var(--metro-wind)/var(--dark-loop, 1))
}

.noble-hue {
 --dark-loop: 1;
 color: rgb(255 255 255/var(--dark-loop, 1))
}

.flat-stem {
 text-decoration-line: underline
}

.calm-shell {
 --safe-brook: 0 10px 15px -3px var(--noble-frost), 0 4px 6px -4px var(--noble-frost);
 --warm-net: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)
}

.calm-shell,
.rural-coral {
 box-shadow: var(--base-bay, 0 0 #00000000), var(--mini-label, 0 0 #00000000), var(--warm-net)
}

.clear-steel,
.global-layer {
 box-shadow: var(--base-bay, 0 0 #00000000), var(--mini-label, 0 0 #00000000), var(--warm-net)
}

.global-layer {
 --warm-net: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
 --safe-brook: 0 20px 25px -5px var(--noble-frost), 0 8px 10px -6px var(--noble-frost)
}

.front-matrix {
 outline: #0000 solid 2px;
 outline-offset: 2px
}

.royal-index {
 transition-duration: 150ms;
 transition-property: all;
 transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.royal-dew {
 transition-duration: 150ms;
 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:root {
 --wild-bay: 214 0 28;
 --full-modules: #d6001c;
 --light-helpers: hsla(0, 0%, 100%, .65);
 --noble-layer: hsla(0, 0%, 100%, .85);
 --metro-wind: 15 23 42;
 --sharp-layer: 163 0 21;
 --warm-tag: hsla(0, 0%, 100%, .4)
}

@media (min-width: 640px) {
 .outer-brook {
  flex-direction: row
 }

 .neat-contact {
  padding-left: 1.5rem;
  padding-right: 1.5rem
 }

}

@media (min-width: 640px) {
 .west-stack {
  grid-template-columns: repeat(2, minmax(0px, 1fr))
 }

 .neat-contact {
  padding-left: 1.5rem;
  padding-right: 1.5rem
 }

}

@media (min-width: 640px) {
 .neat-contact {
  padding-left: 1.5rem;
  padding-right: 1.5rem
 }

}

@media (min-width: 1024px) {
 .bright-sun {
  padding-left: 2rem;
  padding-right: 2rem
 }

}

@media (min-width: 1024px) {
 .true-frost {
  grid-template-columns: repeat(2, minmax(0px, 1fr))
 }

 .live-court {
  grid-template-columns: repeat(4, minmax(0px, 1fr))
 }

 .bright-sun {
  padding-left: 2rem;
  padding-right: 2rem
 }

}

@media (min-width: 1024px) {
 .quick-glow {
  grid-template-columns: repeat(5, minmax(0px, 1fr))
 }

 .bright-sun {
  padding-left: 2rem;
  padding-right: 2rem
 }

}

:root {
 --core-index: #fef2f2;
 --grand-dock: 0 12px 30px -12px rgba(15, 23, 42, .18);
 --outer-birch: #ffffff;
 --lower-moon: var(--full-modules, #d6001c);
 --rich-storm: 0 24px 60px -20px rgba(15, 23, 42, .28);
 --calm-flow: #a30015;
 --safe-lane: 14px;
 --plain-type: .25s cubic-bezier(.2, .7, .2, 1);
 --pure-ivory: none;
 --rapid-bay: 20px;
 --rich-path: 28px;
 --lite-track: #f8fafc;
 --active-lane: #fffbeb;
 --long-pearl: rgba(var(--rapid-track, 214, 0, 28), .06);
 --smart-track: "Outfit", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
 --low-bay: #eef2f7;
 --neat-shore: #ffffff;
 --early-rail: #334155;
 --rapid-field: #0f172a;
 --fluid-skin: #f4f6fb;
 --upper-garden: #e2e8f0;
 --royal-chain: #dc2626;
 --main-brook: 0 1px 2px rgba(15, 23, 42, .06);
 --high-widgets: rgba(var(--rapid-track, 214, 0, 28), .12);
 --west-bloom: #16a34a;
 --main-sage: #eff6ff;
 --inner-layer: #ecfdf5;
 --lunar-forest: 8px;
 --early-menu: #0284c7;
 --bright-page: #64748b;
 --simple-yard: #d97706;
 --flat-route: var(--full-modules, #d6001c);
 --modern-shell: 0 2px 8px rgba(15, 23, 42, .06);
 --neat-header: 1200px
}

html.lite-menu,
[data-theme="dark"] {
 --low-bay: #172033;
 --early-rail: #cbd5e1;
 --modern-shell: 0 2px 8px rgba(0, 0, 0, .4);
 --fluid-skin: #0b1220;
 --bright-page: #94a3b8;
 --rapid-field: #f1f5f9;
 --outer-birch: #0f172a;
 --lite-track: #131f36;
 --upper-garden: #1e293b;
 --grand-dock: 0 12px 30px -12px rgba(0, 0, 0, .6)
}

:root {
 --mono-tokens: rgb(var(--metro-wind, 15 23 42));
 --plain-widgets: var(--full-modules, #d6001c)
}

html,
body {
 text-size-adjust: 100%
}

@container (max-width: 360px) {
 .urban-extras {
  grid-template-columns: repeat(2, minmax(0px, 1fr))
 }

 .solid-lake:nth-child(2n + 1) {
  border-left: 0px;
  padding-left: 0px
 }

 .solid-lake:nth-child(n + 3) {
  border-top: 1px solid var(--grand-components)
 }

 .cool-hue {
  font-size: 22px
 }

 .upper-fog {
  font-size: 18px
 }

 .high-loop {
  gap: 12px;
  padding: 14px
 }

}

@container (max-width: 360px) {
 .modern-port .upper-fog {
  font-size: 18px
 }

 .modern-port .lite-garden {
  gap: 5px 9px
 }

 .modern-port .lite-garden li {
  font-size: 11px
 }

 .modern-port .cool-hue {
  font-size: 24px
 }

 .modern-port .bold-leaf {
  font-size: 18px
 }

 .modern-port .rural-hue {
  padding: 7px 10px;
  font-size: 11.5px
 }

}

@container (min-width: 400px) {
 .mono-glass {
  flex-direction: row;
  align-items: stretch
 }

 .mono-glass .custom-coral {
  flex: 0 0 40%;
  align-self: stretch
 }

 .mono-glass .prime-fog {
  height: 100%
 }

 .mono-glass .civic-scroll {
  aspect-ratio: auto;
  min-height: 220px;
  height: 100%
 }

 .mono-glass .high-loop {
  flex: 1 1 auto
 }

}

@container (min-width: 400px) {
 .mono-glass {
  flex-direction: column
 }

 .mono-glass .custom-coral {
  align-self: auto;
  flex: 0 0 auto
 }

 .mono-glass .prime-fog {
  height: auto
 }

 .mono-glass .civic-scroll {
  aspect-ratio: 16 / 10;
  min-height: 0px;
  height: auto
 }

 .mono-glass .high-loop {
  flex: 1 1 auto
 }

}

@container (max-width: 340px) {
 .wild-motion .upper-fog {
  font-size: 19px
 }

 .wild-motion .cool-hue {
  font-size: 25px
 }

 .wild-motion .bold-leaf {
  font-size: 17px
 }

 .modern-port .back-garden {
  font-size: 13.5px;
  min-height: 46px
 }

}

:root {
 --north-birch: #128c7e;
 --west-rain: cubic-bezier(.22, .61, .36, 1);
 --classic-signal: #e6e8ee;
 --long-bar: var(--full-modules, #d6001c);
 --core-cloud: 22px;
 --polar-bridge: color-mix(in srgb, var(--long-bar) 74%, #0b0d11);
 --free-harbour: #4b5361;
 --grand-seed: 0 2px 5px rgba(11, 13, 17, .05), 0 24px 52px -26px rgba(11, 13, 17, .30);
 --soft-focus: 14px;
 --full-clove: #f7f8fa;
 --rapid-index: #25d366;
 --light-azure: #0b0d11;
 --urban-lens: #838b99;
 --half-board: #ffffff;
 --sharp-screen: color-mix(in srgb, var(--long-bar) 84%, #ffffff);
 --open-moss: 0 1px 2px rgba(11, 13, 17, .05), 0 10px 26px -16px rgba(11, 13, 17, .22);
 --rural-port: #f0f2f6;
 --solar-arch: 11px;
 --long-view: #f5f6f8;
 --quick-glass: color-mix(in srgb, var(--long-bar) 10%, #ffffff);
 --shared-shade: 72px;
 --main-hero: 1260px;
 --high-frost: 8px;
 --polar-lane: 0 3px 8px rgba(11, 13, 17, .06), 0 36px 78px -36px rgba(11, 13, 17, .42);
 --local-focus: 28px
}

body {
 color: var(--free-harbour);
 background: var(--half-board);
 font-family: Outfit, system-ui, -apple-system, "Segoe UI", sans-serif
}

.calm-loop {
 padding-inline: 20px;
 max-width: var(--main-hero);
 width: 100%;
 margin-inline: auto
}

.static-analytics {
 letter-spacing: -.012em;
 text-decoration: none;
 padding: 0px 24px;
 white-space: nowrap;
 display: inline-flex;
 cursor: pointer;
 gap: 10px;
 border: 1px solid #0000;
 border-radius: var(--soft-focus);
 align-items: center;
 justify-content: center;
 min-height: 52px;
 position: relative;
 font-size: 15px;
 font-weight: bold;
 transition: background 180ms var(--west-rain), color 180ms var(--west-rain), border-color 180ms var(--west-rain), transform 180ms var(--west-rain), box-shadow 180ms var(--west-rain)
}

.static-analytics:active {
 transform: translateY(0px) scale(.98)
}

.static-analytics:focus-visible {
 outline: 2px solid var(--long-bar);
 outline-offset: 3px
}

.calm-style {
 color: #ffffff;
 background: var(--long-bar)
}

.calm-style:hover {
 color: #ffffff;
 background: var(--light-azure)
}

.snap-band {
 padding: 96px 0px
}

.shared-reset {
 background: var(--long-view)
}

.bright-coral {
 padding: 64px 0px
}

.lean-garden {
 margin-bottom: 44px;
 max-width: 760px
}

.back-net {
 text-align: center;
 margin-inline: auto
}

.royal-sheet {
 position: relative;
 letter-spacing: -.038em;
 font-size: clamp(30px, 3.9vw, 44px);
 font-weight: 800;
 line-height: 1.08;
 color: var(--light-azure);
 margin: 16px 0px 0px;
 text-wrap: balance
}

.high-coat {
 max-width: 78ch;
 font-size: 16px;
 line-height: 1.78;
 color: var(--free-harbour)
}

.high-coat p {
 margin: 0px 0px 18px
}

.inner-blocks {
 max-width: 880px;
 display: flex;
 margin-inline: auto;
 flex-direction: column;
 gap: 12px
}

.inner-blocks details {
 background: var(--half-board);
 border: 1px solid var(--classic-signal);
 border-radius: var(--soft-focus);
 transition: border-color 180ms var(--west-rain), box-shadow 180ms var(--west-rain);
 overflow: hidden
}

.inner-blocks details:hover {
 border-color: color-mix(in srgb, var(--long-bar) 28%, var(--classic-signal))
}

.inner-blocks summary {
 cursor: pointer;
 list-style: none;
 letter-spacing: -.022em;
 color: var(--light-azure);
 padding: 21px 24px;
 font-size: 16.5px;
 font-weight: bold;
 gap: 18px;
 transition: color 180ms var(--west-rain);
 display: flex;
 align-items: center;
 justify-content: space-between
}

.inner-blocks summary::-webkit-details-marker {
 display: none
}

.front-stone {
 margin: 0px;
 color: var(--free-harbour);
 font-size: 15px;
 line-height: 1.72;
 padding: 0px 24px 22px
}

.live-matrix {
 color: #ffffff;
 display: flex;
 border-radius: var(--local-focus);
 gap: 32px;
 flex-wrap: wrap;
 background: var(--long-bar);
 padding: 44px 46px;
 align-items: center;
 justify-content: space-between
}

.mono-mist {
 letter-spacing: -.032em;
 margin: 0px;
 font-size: clamp(23px, 2.9vw, 32px);
 font-weight: 800;
 line-height: 1.14;
 color: #ffffff
}

.swift-lens {
 margin: 9px 0px 0px;
 color: rgba(255, 255, 255, .84);
 font-size: 15px;
 line-height: 1.6
}

.live-matrix .calm-style {
 background: #ffffff;
 color: var(--light-azure)
}

.live-matrix .calm-style:hover {
 color: #ffffff;
 background: var(--light-azure)
}

@media (max-width: 768px) {
 .calm-loop {
  padding-inline: 16px
 }

 .snap-band {
  padding: 60px 0px
 }

 .live-matrix {
  padding: 28px 22px
 }

 .live-matrix .static-analytics {
  width: 100%
 }

}

.calm-style {
 overflow: hidden;
 position: relative;
 background: var(--long-bar);
 box-shadow: 0 1px 2px color-mix(in srgb, var(--long-bar) 28%, #0000), 0 12px 26px -14px color-mix(in srgb, var(--long-bar) 72%, #0000)
}

.calm-style:before {
 content: "";
 inset: 0px;
 background: linear-gradient(104deg, #0000 36%, rgba(255, 255, 255, .3) 50%, #0000 64%);
 transition: transform 280ms var(--west-rain);
 pointer-events: none;
 transform: translateX(-100%);
 position: absolute
}

.calm-style:hover:before {
 transform: translateX(100%)
}

.calm-style:hover {
 background: var(--polar-bridge);
 box-shadow: 0 2px 4px color-mix(in srgb, var(--long-bar) 26%, #0000), 0 20px 38px -16px color-mix(in srgb, var(--long-bar) 78%, #0000)
}

.static-analytics:hover {
 transform: translateY(-3px)
}

.live-matrix {
 overflow: hidden;
 box-shadow: 0 30px 64px -30px color-mix(in srgb, var(--long-bar) 58%, #0000);
 background: linear-gradient(122deg, var(--long-bar) 0%, var(--polar-bridge) 100%);
 position: relative
}

.live-matrix:after {
 inset: 0px;
 content: "";
 pointer-events: none;
 background: radial-gradient(620px 260px at 88% -30%, rgba(255, 255, 255, .18), #0000 62%);
 position: absolute
}

.live-matrix > div,
.live-matrix .static-analytics {
 z-index: 1;
 position: relative
}

.prime-pond {
 opacity: 0;
 transform: translateY(22px);
 transition: opacity 500ms var(--west-rain), transform 500ms var(--west-rain)
}

.outer-moss.prime-pond {
 transform: translateY(0px);
 opacity: 1
}

@media (prefers-reduced-motion: reduce) {
 .static-analytics,
 .static-analytics i,
 .calm-style:before,
 .urban-pulse,
 .urban-pulse:before,
 .inner-bay,
 .sharp-spark,
 .sharp-spark i,
 .calm-amber a,
 .east-dune a,
 .north-board a,
 .north-board a:after,
 .inner-blocks details,
 .inner-blocks summary,
 .inner-blocks summary i,
 .wide-blocks,
 .pure-mesh,
 .inner-slope,
 .pure-bronze button,
 .deep-net,
 .deep-layer,
 .bold-elements span,
 .prime-pond {
  transition-duration: .01ms
 }

 .static-analytics:hover,
 .static-analytics:active,
 .static-analytics:hover i:last-child:not(:first-child),
 .static-analytics:hover i:first-child:not(:last-child),
 .urban-pulse:hover,
 .calm-amber a:hover,
 .calm-amber a:active,
 .east-dune a:hover,
 .wide-blocks:active,
 .pure-bronze button:hover,
 .pure-bronze button:active,
 .deep-layer:active {
  transform: none
 }

}

@media (prefers-reduced-motion: reduce) {
 .static-analytics,
 .static-analytics i,
 .calm-style:before,
 .urban-pulse,
 .urban-pulse:before,
 .inner-bay,
 .sharp-spark,
 .sharp-spark i,
 .calm-amber a,
 .east-dune a,
 .north-board a,
 .north-board a:after,
 .inner-blocks details,
 .inner-blocks summary,
 .inner-blocks summary i,
 .wide-blocks,
 .pure-mesh,
 .inner-slope,
 .pure-bronze button,
 .deep-net,
 .deep-layer,
 .bold-elements span,
 .prime-pond {
  transition-duration: .01ms
 }

 .static-analytics:hover,
 .static-analytics:active,
 .static-analytics:hover i:last-child:not(:first-child),
 .static-analytics:hover i:first-child:not(:last-child),
 .urban-pulse:hover,
 .calm-amber a:hover,
 .calm-amber a:active,
 .east-dune a:hover,
 .wide-blocks:active,
 .pure-bronze button:hover,
 .pure-bronze button:active,
 .deep-layer:active {
  transform: none
 }

 .calm-style:hover:before {
  transform: translateX(-100%)
 }

 .prime-pond {
  transform: none;
  opacity: 1
 }

}

.vivid-reed {
 position: fixed
}

.core-strip {
 right: 1.5rem
}

.true-bronze {
 top: 6rem
}

.base-rail {
 z-index: 50
}

.low-star {
 display: flex
}

.dark-olive {
 display: none
}

.shared-tag {
 max-width: 24rem
}

.calm-ivory {
 --back-ivory: 0px
}

.calm-ivory,
.rich-comet {
 transform: translate(var(--custom-mist), var(--back-ivory)) rotate(var(--lunar-tokens)) skewX(var(--static-sun)) skewY(var(--shared-stream)) scaleX(var(--main-screen)) scaleY(var(--local-engine))
}

.rich-comet {
 --back-ivory: -20px
}

.scale-\[1\.02\],
.east-web {
 transform: translate(var(--custom-mist), var(--back-ivory)) rotate(var(--lunar-tokens)) skewX(var(--static-sun)) skewY(var(--shared-stream)) scaleX(var(--main-screen)) scaleY(var(--local-engine))
}

.free-pixel {
 align-items: center
}

.final-outline {
 gap: .75rem
}

.royal-deck {
 border-radius: .75rem
}

.metro-mesh {
 --open-mobile: 1;
 background-color: rgb(34 197 94/var(--open-mobile, 1))
}

.calm-signal {
 background-color: rgb(239 68 68/var(--open-mobile, 1));
 --open-mobile: 1
}

.south-page {
 padding-left: 1.5rem;
 padding-right: 1.5rem
}

.true-tracker {
 padding-bottom: 1rem;
 padding-top: 1rem
}

.half-azure {
 font-weight: 600
}

.noble-hue {
 --dark-loop: 1;
 color: rgb(255 255 255/var(--dark-loop, 1))
}

.compact-chat {
 color: hsla(0, 0%, 100%, .4)
}

.active-tag {
 color: hsla(0, 0%, 100%, .5)
}

.tiny-teal {
 color: hsla(0, 0%, 100%, .6)
}

.round-stone {
 color: hsla(0, 0%, 100%, .65)
}

.cool-pier {
 opacity: 0
}

.rapid-stone {
 opacity: 1
}

.custom-grove,
.smart-panel {
 box-shadow: var(--base-bay, 0 0 #00000000), var(--mini-label, 0 0 #00000000), var(--warm-net)
}

.smart-panel {
 --safe-brook: 0 25px 50px -12px var(--noble-frost);
 --warm-net: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

.fluid-signal {
 --deep-pine: blur(12px)
}

.fluid-signal,
.west-chat {
 -webkit-backdrop-filter: var(--deep-pine) var(--deep-page) var(--calm-pond) var(--mono-shade) var(--cool-basil) var(--lower-plaza) var(--lite-ivory) var(--common-peak) var(--core-rail);
 backdrop-filter: var(--deep-pine) var(--deep-page) var(--calm-pond) var(--mono-shade) var(--cool-basil) var(--lower-plaza) var(--lite-ivory) var(--common-peak) var(--core-rail)
}

.royal-index {
 transition-duration: 150ms;
 transition-property: all;
 transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.north-track {
 transition-duration: 500ms
}

.solar-index:hover {
 background-color: rgb(var(--sharp-layer))
}

.outer-skin:hover {
 color: rgb(var(--wild-bay))
}

.fresh-strip:hover {
 color: #ffffff
}

.wide-mesh:hover {
 background-color: #15803d
}

.full-petal:hover {
 background-color: #166534
}

.pure-path:hover {
 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)
}

.early-stream:hover {
 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)
}

.deep-window:hover {
 translate: 0 -2px
}

.whitespace-nowrap {
 white-space: nowrap
}

.live-matrix .static-analytics:focus-visible {
 outline: 2px solid #ffffff;
 outline-offset: 2px;
 box-shadow: 0 0 0 4px rgba(0, 0, 0, .72)
}

@keyframes sierra-garnet {
 75%,
 to {
  transform: scale(2);
  opacity: 0
 }

}

@keyframes ridgeWarm {
 50% {
  opacity: .5
 }

}

@keyframes spin {
 to {
  transform: rotate(1turn)
 }

}

@keyframes sierraHarbor {
 to {
  opacity: 1;
  transform: translateY(0px)
 }

 from {
  opacity: 0;
  transform: translateY(18px)
 }

}