*, :after, :before { box-sizing: border-box; border: 0 solid #e5e7eb } :after, :before { --RX-content: "" } :host, html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } 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-variation-settings: normal; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0 } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; background-color: initial; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: initial } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0 } fieldset { margin: 0 } fieldset, legend { padding: 0 } menu, ol, ul { list-style: none; margin: 0; padding: 0 } dialog { padding: 0 } textarea { resize: vertical } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af } [role=button], button { cursor: pointer } :disabled { cursor: default } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle } img, video { max-width: 100%; height: auto } [hidden] { display: none } *, ::backdrop, :after, :before { --RX-border-spacing-x: 0; --RX-border-spacing-y: 0; --RX-translate-x: 0; --RX-translate-y: 0; --RX-rotate: 0; --RX-skew-x: 0; --RX-skew-y: 0; --RX-scale-x: 1; --RX-scale-y: 1; --RX-pan-x: ; --RX-pan-y: ; --RX-pinch-zoom: ; --RX-scroll-snap-strictness: proximity; --RX-gradient-from-position: ; --RX-gradient-via-position: ; --RX-gradient-to-position: ; --RX-ordinal: ; --RX-slashed-zero: ; --RX-numeric-figure: ; --RX-numeric-spacing: ; --RX-numeric-fraction: ; --RX-ring-inset: ; --RX-ring-offset-width: 0px; --RX-ring-offset-color: #fff; --RX-ring-color: #3b82f680; --RX-ring-offset-shadow: 0 0 #0000; --RX-ring-shadow: 0 0 #0000; --RX-shadow: 0 0 #0000; --RX-shadow-colored: 0 0 #0000; --RX-blur: ; --RX-brightness: ; --RX-contrast: ; --RX-grayscale: ; --RX-hue-rotate: ; --RX-invert: ; --RX-saturate: ; --RX-sepia: ; --RX-drop-shadow: ; --RX-backdrop-blur: ; --RX-backdrop-brightness: ; --RX-backdrop-contrast: ; --RX-backdrop-grayscale: ; --RX-backdrop-hue-rotate: ; --RX-backdrop-invert: ; --RX-backdrop-opacity: ; --RX-backdrop-saturate: ; --RX-backdrop-sepia: } .main-container { width: 100% } @media (min-width:640px) { .main-container { max-width: 640px } } @media (min-width:768px) { .main-container { max-width: 768px } } @media (min-width:1024px) { .main-container { max-width: 1024px } } @media (min-width:1280px) { .main-container { max-width: 1280px } } @media (min-width:1536px) { .main-container { max-width: 1536px } } .hidden-visually { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 } .stationary-kite { position: fixed } .drifting-uav { position: absolute } .connected-nest { position: relative } .all-around-bubble { inset: 0 } .vertical-hug { top: 0; bottom: 0 } .negative-breeze-southwest { left: -1rem } .negative-breeze-northeast { top: -1rem } .ground-level-wind { bottom: 0 } .west-side-anchor { left: 0 } .solo-satellite { isolation: isolate } .negative-stack-on-pile { z-index: -10 } .base-layer { z-index: 0 } .top-of-pile { z-index: 10 } .negative-breeze-circle-4 { margin: -1rem } .comfort-cushion-4 { margin: 1rem } .negative-horizontal-breezes { margin-left: -1rem; margin-right: -1rem } .centered-owl { margin-left: auto; margin-right: auto } .negative-breeze-bottom-10 { margin-bottom: -2.5rem } .negative-breeze-bottom-6 { margin-bottom: -1.5rem } .negative-breeze-top-4 { margin-top: -1rem } .negative-breeze-top-8 { margin-top: -2rem } .small-bottom-sway { margin-bottom: .25rem } .wide-bottom-sway { margin-bottom: 5rem } .medium-bottom-sway { margin-bottom: .75rem } .standard-bottom-sway { margin-bottom: 1rem } .above-standard-bottom-sway { margin-bottom: 1.25rem } .tiny-left-sway { margin-left: .5rem } .automatic-left-movement { margin-left: auto } .tiny-right-sway { margin-right: .25rem } .medium-right-sway { margin-right: .75rem } .tiny-top-lift { margin-top: .25rem } .high-top-lift { margin-top: 2.5rem } .elevated-top-lift { margin-top: 4rem } .little-top-lift { margin-top: .5rem } .slightly-more-top-lift { margin-top: .625rem } .very-high-top-lift { margin-top: 5rem } .standard-top-lift { margin-top: 1rem } .above-standard-top-lift { margin-top: 1.5rem } .heightened-top-lift { margin-top: 2rem } .robust-wall { display: block } .side-by-side-structure { display: inline-block } .fluid-breeze { display: flex } .side-by-side-liquid { display: inline-flex } .patterned-grid { display: grid } .concealed-nature { display: none } .wide-frame { aspect-ratio: 2/1 } .cinematic-scope { aspect-ratio: 16/9 } .tiny-height { height: .25rem } .modest-height { height: 2.5rem } .average-height { height: 5rem } .slight-height { height: 1rem } .tall-profile { height: 12rem } .above-average-height { height: 1.5rem } .near-tall-height { height: 1.75rem } .entire-glyph { height: 100% } .modest-width { width: 2.5rem } .average-width { width: 4rem } .wide-width { width: 5rem } .slight-width { width: 1rem } .tall-expanse { width: 12rem } .above-standard-width { width: 1.5rem } .broad-size { width: 20rem } .entire-width { width: 100% } .double-extra-wide-cap { max-width: 42rem } .triple-extra-wide-cap { max-width: 48rem } .seven-times-capacity { max-width: 80rem } .extra-large-cap { max-width: 36rem } .fixed-branch { flex: none } .non-shrinking-branch { flex-shrink: 0 } .expanding-river { flex-grow: 1 } .shape-shifter { transform: translate(var(--RX-translate-x), var(--RX-translate-y)) rotate(var(--RX-rotate)) skewX(var(--RX-skew-x)) skewY(var(--RX-skew-y)) scaleX(var(--RX-scale-x)) scaleY(var(--RX-scale-y)) } .double-column-tide { -moz-columns: 2; column-count: 2 } .single-column-stream { grid-template-columns: repeat(1, minmax(0, 1fr)) } .vertical-stream { flex-direction: column } .curled-breeze { flex-wrap: wrap } .centered-elements { align-items: center } .end-of-line { justify-content: flex-end } .middle-of-park { justify-content: center } .space-in-garden { justify-content: space-between } .small-space { gap: 1rem } .horizontal-tidy-space { -moz-column-gap: 1rem; column-gap: 1rem } .slightly-bigger-horizontal-space { -moz-column-gap: 1.5rem; column-gap: 1.5rem } .wider-horizontal-space { -moz-column-gap: 2rem; column-gap: 2rem } .high-vertical-space { row-gap: 2.5rem } .moderate-vertical-space { row-gap: 1.5rem } .tiny-horizontal-gap>:not([hidden])~:not([hidden]) { --RX-space-x-reverse: 0; margin-right: calc(.25rem*var(--RX-space-x-reverse)); margin-left: calc(.25rem*(1 - var(--RX-space-x-reverse))) } .wide-horizontal-gap>:not([hidden])~:not([hidden]) { --RX-space-x-reverse: 0; margin-right: calc(2.5rem*var(--RX-space-x-reverse)); margin-left: calc(2.5rem*(1 - var(--RX-space-x-reverse))) } .broader-horizontal-gap>:not([hidden])~:not([hidden]) { --RX-space-x-reverse: 0; margin-right: calc(3rem*var(--RX-space-x-reverse)); margin-left: calc(3rem*(1 - var(--RX-space-x-reverse))) } .small-horizontal-gap>:not([hidden])~:not([hidden]) { --RX-space-x-reverse: 0; margin-right: calc(1rem*var(--RX-space-x-reverse)); margin-left: calc(1rem*(1 - var(--RX-space-x-reverse))) } .broad-vertical-space>:not([hidden])~:not([hidden]) { --RX-space-y-reverse: 0; margin-top: calc(4rem*(1 - var(--RX-space-y-reverse))); margin-bottom: calc(4rem*var(--RX-space-y-reverse)) } .small-vertical-space>:not([hidden])~:not([hidden]) { --RX-space-y-reverse: 0; margin-top: calc(1rem*(1 - var(--RX-space-y-reverse))); margin-bottom: calc(1rem*var(--RX-space-y-reverse)) } .medium-vertical-space>:not([hidden])~:not([hidden]) { --RX-space-y-reverse: 0; margin-top: calc(1.5rem*(1 - var(--RX-space-y-reverse))); margin-bottom: calc(1.5rem*var(--RX-space-y-reverse)) } .cloistered-breeze { overflow: hidden } .soft-edges { border-radius: .25rem } .extra-large-corners { border-radius: 1rem } .complete-circle { border-radius: 9999px } .large-corners { border-radius: .5rem } .medium-corners { border-radius: .375rem } .extra-large-corners { border-radius: .75rem } .no-boundary { border-width: 0 } .double-line { border-width: 2px } .vertical-boundaries { border-top-width: 1px; border-bottom-width: 1px } .left-double-line { border-left-width: 2px } .grayly-boundary-light { --RX-border-opacity: 1; border-color: rgb(229 231 235/var(--RX-border-opacity)) } .partially-clear-boundaries { --RX-border-opacity: 0.6 } .light-gray-background { --RX-bg-opacity: 1; background-color: rgb(243 244 246/var(--RX-bg-opacity)) } .soft-gray-background { --RX-bg-opacity: 1; background-color: rgb(249 250 251/var(--RX-bg-opacity)) } .deep-gray-background { --RX-bg-opacity: 1; background-color: rgb(107 114 128/var(--RX-bg-opacity)) } .dark-gray-background { --RX-bg-opacity: 1; background-color: rgb(31 41 55/var(--RX-bg-opacity)) } .light-violet-background { --RX-bg-opacity: 1; background-color: rgb(250 254 231/var(--RX-bg-opacity)) } .medium-violet-background { --RX-bg-opacity: 1; background-color: rgb(196 181 253/var(--RX-bg-opacity)) } .soft-violet-background { --RX-bg-opacity: 1; background-color: rgb(245 243 255/var(--RX-bg-opacity)) } .deep-violet-background { --RX-bg-opacity: 1; background-color: rgb(200 246 90/var(--RX-bg-opacity)) } .darker-violet-background { --RX-bg-opacity: 1; background-color: rgb(124 58 237/var(--RX-bg-opacity)) } .rich-violet-background { --RX-bg-opacity: 1; background-color: rgb(76 29 149/var(--RX-bg-opacity)) } .pure-background { --RX-bg-opacity: 1; background-color: rgb(255 255 255/var(--RX-bg-opacity)) } .horizontal-blend { background-image: linear-gradient(to right, var(--RX-gradient-stops)) } .starting-violet-light { --RX-gradient-from: #ddd6fe var(--RX-gradient-from-position); --RX-gradient-to: #ddd6fe00 var(--RX-gradient-to-position); --RX-gradient-stops: var(--RX-gradient-from), var(--RX-gradient-to) } .transitioning-violet-medium { --RX-gradient-to: #a78bfa var(--RX-gradient-to-position) } .gray-strike-light { stroke: #e5e7eb } .framed-center { -o-object-fit: cover; object-fit: cover } .central-focus { -o-object-position: center; object-position: center } .gentle-pads { padding: .5rem } .soft-squared-pads { padding: 1rem } .medium-comfort-pads { padding: 1.25rem } .full-comfort-pads { padding: 1.5rem } .large-comfort-pads { padding: 2rem } .little-horizontal-padding { padding-left: .75rem; padding-right: .75rem } .tiny-margins { padding-left: .875rem; padding-right: .875rem } .moderate-horizontal-padding { padding-left: 1rem; padding-right: 1rem } .medium-horizontal-padding { padding-left: 1.25rem; padding-right: 1.25rem } .ample-horizontal-padding { padding-left: 1.5rem; padding-right: 1.5rem } .tiny-vertical-padding { padding-top: .25rem; padding-bottom: .25rem } .large-vertical-padding { padding-top: 4rem; padding-bottom: 4rem } .small-vertical-padding { padding-top: .5rem; padding-bottom: .5rem } .slightly-enlarged-vertical-padding { padding-top: .625rem; padding-bottom: .625rem } .very-large-vertical-padding { padding-top: 5rem; padding-bottom: 5rem } .extra-large-vertical-padding { padding-top: 6rem; padding-bottom: 6rem } .large-bottom-padding { padding-bottom: 4rem } .very-large-bottom-padding { padding-bottom: 5rem } .extra-large-bottom-padding { padding-bottom: 6rem } .little-left-padding { padding-left: .75rem } .elevated-top-padding { padding-top: 5rem } .extra-elevated-top-padding { padding-top: 6rem } .moderate-top-padding { padding-top: 1.5rem } .centered-words { text-align: center } .big-words { font-size: 1.5rem; line-height: 2rem } .larger-words { font-size: 1.875rem; line-height: 2.25rem } .huge-words { font-size: 2.25rem; line-height: 2.5rem } .massive-words { font-size: 3rem; line-height: 1 } .standard-words { font-size: 1rem; line-height: 1.5rem } .large-words { font-size: 1.125rem; line-height: 1.75rem } .small-words { font-size: .875rem; line-height: 1.25rem } .extra-large-words { font-size: 1.25rem; line-height: 1.75rem } .tiny-words { font-size: .75rem; line-height: 1rem } .thick-lettering { font-weight: 700 } .medium-weight-lettering { font-weight: 500 } .semi-bold-lettering { font-weight: 600 } .ample-leading-space { line-height: 2.5rem } .narrow-leading-space { line-height: 1.25rem } .close-leading-space { line-height: 1.5rem } .balanced-leading-space { line-height: 1.75rem } .wide-leading-space { line-height: 2rem } .no-leading-space { line-height: 1 } .loose-leading-space { line-height: 1.625 } .narrow-letter-spacing { letter-spacing: -.025em } .broad-letter-spacing { letter-spacing: .1em } .soft-gray-letters { --RX-text-opacity: 1; color: rgb(156 163 175/var(--RX-text-opacity)) } .dim-gray-letters { --RX-text-opacity: 1; color: rgb(107 114 128/var(--RX-text-opacity)) } .strong-gray-letters { --RX-text-opacity: 1; color: rgb(75 85 99/var(--RX-text-opacity)) } .dark-gray-letters { --RX-text-opacity: 1; color: rgb(55 65 81/var(--RX-text-opacity)) } .rich-gray-letters { --RX-text-opacity: 1; color: rgb(17 24 39/var(--RX-text-opacity)) } .deep-violet-letters { --RX-text-opacity: 1; color: rgb(200 246 90/var(--RX-text-opacity)) } .darker-violet-letters { --RX-text-opacity: 1; color: rgb(124 58 237/var(--RX-text-opacity)) } .royal-violet-letters { --RX-text-opacity: 1; color: rgb(76 29 149/var(--RX-text-opacity)) } .pure-letters { --RX-text-opacity: 1; color: rgb(255 255 255/var(--RX-text-opacity)) } .lined-below { text-decoration-line: underline } .slight-opacity { opacity: .2 } .half-opacity { opacity: .5 } .aggregation-blend { mix-blend-mode: multiply } .super-depth-shadow { --RX-shadow: 0 25px 50px -12px #00000040; --RX-shadow-colored: 0 25px 50px -12px var(--RX-shadow-color) } .super-depth-shadow, .large-shadow { box-shadow: var(--RX-ring-offset-shadow, 0 0 #0000), var(--RX-ring-shadow, 0 0 #0000), var(--RX-shadow) } .large-shadow { --RX-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --RX-shadow-colored: 0 10px 15px -3px var(--RX-shadow-color), 0 4px 6px -4px var(--RX-shadow-color) } .small-shadow { --RX-shadow: 0 1px 2px 0 #0000000d; --RX-shadow-colored: 0 1px 2px 0 var(--RX-shadow-color) } .small-shadow, .extra-depth-shadow { box-shadow: var(--RX-ring-offset-shadow, 0 0 #0000), var(--RX-ring-shadow, 0 0 #0000), var(--RX-shadow) } .extra-depth-shadow { --RX-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --RX-shadow-colored: 0 20px 25px -5px var(--RX-shadow-color), 0 8px 10px -6px var(--RX-shadow-color) } .tight-circle-ring { --RX-ring-offset-shadow: var(--RX-ring-inset) 0 0 0 var(--RX-ring-offset-width) var(--RX-ring-offset-color); --RX-ring-shadow: var(--RX-ring-inset) 0 0 0 calc(1px + var(--RX-ring-offset-width)) var(--RX-ring-color); box-shadow: var(--RX-ring-offset-shadow), var(--RX-ring-shadow), var(--RX-shadow, 0 0 #0000) } .internal-circle-ring { --RX-ring-inset: inset } .medium-gray-ring { --RX-ring-opacity: 1; --RX-ring-color: rgb(209 213 219/var(--RX-ring-opacity)) } .slightly-dark-gray-ring { --RX-ring-color: #1118271a } .large-blur { --RX-blur: blur(16px) } .large-blur, .visibility-filter { filter: var(--RX-blur) var(--RX-brightness) var(--RX-contrast) var(--RX-grayscale) var(--RX-hue-rotate) var(--RX-invert) var(--RX-saturate) var(--RX-sepia) var(--RX-drop-shadow) } .smooth-change { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .fluid-shape-change { transition-property: transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .short-duration { transition-duration: .3s } .centered-radial-masque { -webkit-mask-image: radial-gradient(100% 100% at center, #fff, #0000); mask-image: radial-gradient(100% 100% at center, #fff, #0000) } .soft-gray-placeholder::-moz-placeholder { --RX-text-opacity: 1; color: rgb(156 163 175/var(--RX-text-opacity)) } .soft-gray-placeholder::placeholder { --RX-text-opacity: 1; color: rgb(156 163 175/var(--RX-text-opacity)) } .enlarged-on-hover:hover { --RX-scale-x: 1.05; --RX-scale-y: 1.05; transform: translate(var(--RX-translate-x), var(--RX-translate-y)) rotate(var(--RX-rotate)) skewX(var(--RX-skew-x)) skewY(var(--RX-skew-y)) scaleX(var(--RX-scale-x)) scaleY(var(--RX-scale-y)) } .deep-gray-hover-background:hover { --RX-bg-opacity: 1; background-color: rgb(55 65 81/var(--RX-bg-opacity)) } .soft-violet-hover-background:hover { --RX-bg-opacity: 1; background-color: rgb(250 254 231/var(--RX-bg-opacity)) } .bold-violet-hover-background:hover { --RX-bg-opacity: 1; background-color: rgb(200 246 90/var(--RX-bg-opacity)) } .rich-violet-hover-background:hover { --RX-bg-opacity: 1; background-color: rgb(109 40 217/var(--RX-bg-opacity)) } .dim-gray-hover-text:hover { --RX-text-opacity: 1; color: rgb(107 114 128/var(--RX-text-opacity)) } .dark-gray-hover-text:hover { --RX-text-opacity: 1; color: rgb(17 24 39/var(--RX-text-opacity)) } .rich-violet-hover-text:hover { --RX-text-opacity: 1; color: rgb(124 58 237/var(--RX-text-opacity)) } .focused-tight-circle-ring:focus { --RX-ring-offset-shadow: var(--RX-ring-inset) 0 0 0 var(--RX-ring-offset-width) var(--RX-ring-offset-color); --RX-ring-shadow: var(--RX-ring-inset) 0 0 0 calc(2px + var(--RX-ring-offset-width)) var(--RX-ring-color); box-shadow: var(--RX-ring-offset-shadow), var(--RX-ring-shadow), var(--RX-shadow, 0 0 #0000) } .focused-internal-circle-ring:focus { --RX-ring-inset: inset } .focused-deep-violet-ring:focus { --RX-ring-opacity: 1; --RX-ring-color: rgb(124 58 237/var(--RX-ring-opacity)) } .focal-visible-boundary:focus-visible { outline-style: solid } .double-visible-boundary:focus-visible { outline-width: 2px } .dual-offset-visible-boundary:focus-visible { outline-offset: 2px } .focal-visible-deep-violet-boundary:focus-visible { outline-color: #7c3aed } @media (min-width:640px) { .small-device-double-span { grid-column: span 2/span 2 } .small-device-negative-breeze-space-4 { margin: -1rem } .small-device-elevated-top-16 { margin-top: 4rem } .small-device-pattern { display: grid } .small-device-double-column-pattern { grid-template-columns: repeat(2, minmax(0, 1fr)) } .small-device-horizontal-gap-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem } .small-device-vertical-gap-16 { row-gap: 4rem } .small-device-vertical-gap-8 { row-gap: 2rem } .small-device-no-space-vertical>:not([hidden])~:not([hidden]) { --RX-space-y-reverse: 0; margin-top: calc(0px*(1 - var(--RX-space-y-reverse))); margin-bottom: calc(0px*var(--RX-space-y-reverse)) } .small-device-large-vertical-padding-24 { padding-top: 6rem; padding-bottom: 6rem } .small-device-extra-large-vertical-padding-32 { padding-top: 8rem; padding-bottom: 8rem } .small-device-large-bottom-padding-24 { padding-bottom: 6rem } .small-device-extra-large-bottom-padding-32 { padding-bottom: 8rem } .small-device-moderate-top-padding-12 { padding-top: 3rem } .small-device-extra-large-top-padding-32 { padding-top: 8rem } .small-device-big-words-2xl { font-size: 1.5rem; line-height: 2rem } .small-device-larger-words-3xl { font-size: 1.875rem; line-height: 2.25rem } .small-device-huge-words-4xl { font-size: 2.25rem; line-height: 2.5rem } .small-device-massive-words-6xl { font-size: 3.75rem; line-height: 1 } .small-device-small-words-sm { font-size: .875rem; line-height: 1.25rem } .small-device-close-leading-space-6 { line-height: 1.5rem } .small-device-wide-leading-space-9 { line-height: 2.25rem } } @media (min-width:768px) { .medium-device-negative-horizontal-breeze-8 { margin-left: -2rem; margin-right: -2rem } .medium-device-zero-horizontal-breeze { margin-left: 0; margin-right: 0 } .medium-device-small-bottom-sway { margin-bottom: .5rem } .medium-device-zero-left-sway { margin-left: 0 } .medium-device-fluid-breeze { display: flex } .medium-device-concealed-nature { display: none } .medium-device-tall-height-36 { height: 9rem } .medium-device-third-width { width: 33.333333% } .medium-device-horizontal-stream { flex-direction: row } .medium-device-no-space-vertical>:not([hidden])~:not([hidden]) { --RX-space-y-reverse: 0; margin-top: calc(0px*(1 - var(--RX-space-y-reverse))); margin-bottom: calc(0px*var(--RX-space-y-reverse)) } } @media (min-width:1024px) { .large-device-fixed-position { position: static } .large-device-five-column-span { grid-column: span 5/span 5 } .large-device-seven-column-span { grid-column: span 7/span 7 } .large-device-zero-horizontal-breeze { margin-left: 0; margin-right: 0 } .large-device-no-bottom-sway { margin-bottom: 0 } .large-device-automatic-left-movement { margin-left: auto } .large-device-no-right-sway { margin-right: 0 } .large-device-no-top-lift { margin-top: 0 } .large-device-fluid-breeze { display: flex } .large-device-patterned-grid { display: grid } .large-device-tall-height-48 { height: 12rem } .large-device-half-width { width: 50% } .large-device-three-quarters-width { width: 75% } .large-device-entire-width { width: 100% } .large-device-large-cap { max-width: 32rem } .large-device-no-cap { max-width: none } .large-device-twelve-column-pattern { grid-template-columns: repeat(12, minmax(0, 1fr)) } .large-device-double-column-pattern { grid-template-columns: repeat(2, minmax(0, 1fr)) } .large-device-horizontal-stream { flex-direction: row } .large-device-centered-elements { align-items: center } .large-device-middle-of-park { justify-content: center } .large-device-gap-8 { gap: 2rem } .large-device-horizontal-gap-10 { -moz-column-gap: 2.5rem; column-gap: 2.5rem } .large-device-space-8>:not([hidden])~:not([hidden]) { --RX-space-x-reverse: 0; margin-right: calc(2rem*var(--RX-space-x-reverse)); margin-left: calc(2rem*(1 - var(--RX-space-x-reverse))) } .large-device-padding-x-8 { padding-left: 2rem; padding-right: 2rem } .large-device-vertical-padding-48 { padding-top: 12rem; padding-bottom: 12rem } } @media (min-width:1280px) { .extra-large-device-zero-horizontal-movement { margin-left: 0; margin-right: 0 } .extra-large-device-negative-bottom-sway-8 { margin-bottom: -2rem } .extra-large-device-flexible-frame { aspect-ratio: auto } .extra-large-device-half-width { width: 50% } .extra-large-device-width-96 { width: 24rem } .extra-large-device-no-cap { max-width: none } .extra-large-device-fluid-whole { flex: 1 1 auto } .extra-large-device-fixed-branch { flex: none } .extra-large-device-horizontal-stream { flex-direction: row } .extra-large-device-stretching-elements { align-items: stretch } .extra-large-device-padding-x-16 { padding-left: 4rem; padding-right: 4rem } .extra-large-device-vertical-padding-24 { padding-top: 6rem; padding-bottom: 6rem } .extra-large-device-no-bottom-padding { padding-bottom: 0 } .extra-large-device-large-bottom-padding-32 { padding-bottom: 8rem } }