.in-1tq2otf { box-sizing: border-box }.in-1tq2otf * { box-sizing: border-box }.in-1tq2otf *::before { box-sizing: border-box }.in-1tq2otf *::after { box-sizing: border-box }.in-1tq2otf body { box-sizing: border-box }
.in-zfiufo * { user-select: none }.in-zfiufo *::before { user-select: none }.in-zfiufo *::after { user-select: none }.in-zfiufo body { user-select: none }
.in-1gqudk3 ::selection { color: var(--color-white, var(--color-white-500, white)) }
.in-1bajmen { margin:  }.in-1bajmen body { margin: var(--margin-0, 0px) }
.in-1sgivdq { backdrop-filter: blur(var(--blur-2xl)) }
.in-1vagtix { box-shadow: var(--shadow-effect) }
.in-1xeb57d { cursor: var(--cursor-auto) }
.in-12p7o2p { min-width: fit-content }
.in-1vejbwj { min-height: 48px }
.in-b2384 { max-width: 100% }
.in-jhzqup { gap: 0px }
.in-6tjldf { border-radius: var(--radius-12, 12px) }
.in-fjwkch { --cursor-auto: url(/asset/cursors/DefaultCursor.svg), default; --cursor-default: url(/asset/cursors/DefaultCursor.svg), default; --cursor-pointer: url(/asset/cursors/PointerCursor.svg), pointer; --cursor-select: url(/asset/cursors/SelectCursor.svg), alias; --cursor-orbit: url(/asset/cursors/OrbitCursor.svg), all-scroll; --cursor-pan: url(/asset/cursors/PanCursor.svg), grab; --cursor-panning: url(/asset/cursors/PanningCursor.svg), grabbing; --cursor-loading: url(/asset/cursors/LoadingCursor.svg), progress; --cursor-help: url(/asset/cursors/HelpCursor.svg), help; --cursor-disabled: url(/asset/cursors/DisabledCursor.svg), not-allowed; --cursor-text-x: url(/asset/cursors/TextXCursor.svg), vertical-text; --cursor-text-y: url(/asset/cursors/TextYCursor.svg), text; --cursor-cross: url(/asset/cursors/CrossCursor.svg), crosshair; --cursor-zoom-in: url(/asset/cursors/ZoomInCursor.svg), zoom-in; --cursor-zoom-out: url(/asset/cursors/ZoomOutCursor.svg), zoom-out; --cursor-copy: url(/asset/cursors/CopyCursor.svg), copy; --cursor-move: url(/asset/cursors/MoveCursor.svg), move; --cursor-resize-tlbr: url(/asset/cursors/ResizeTLBRCursor.svg), nwse-resize; --cursor-resize-trbl: url(/asset/cursors/ResizeTRBLCursor.svg), nesw-resize; --cursor-resize-y: url(/asset/cursors/ResizeYCursor.svg), ns-resize; --cursor-resize-x: url(/asset/cursors/ResizeXCursor.svg), ew-resize; --cursor-resize-tl: url(/asset/cursors/ResizeTLCursor.svg), nw-resize; --cursor-resize-t: url(/asset/cursors/ResizeTCursor.svg), n-resize; --cursor-resize-tr: url(/asset/cursors/ResizeTRCursor.svg), ne-resize; --cursor-resize-r: url(/asset/cursors/ResizeRCursor.svg), e-resize; --cursor-resize-br: url(/asset/cursors/ResizeBRCursor.svg), se-resize; --cursor-resize-b: url(/asset/cursors/ResizeBCursor.svg), s-resize; --cursor-resize-bl: url(/asset/cursors/ResizeBLCursor.svg), sw-resize; --cursor-resize-l: url(/asset/cursors/ResizeLCursor.svg), w-resize; background: var(--background); font-family: var(--font-body); color: var(--primary); overflow: hidden; height: 100%; width: 100%; padding: var(--padding-0, 0px); --space: 0.25rem; --radius-none: 0px; --radius-xs: 2px; --radius: 4px; --radius-sm: 6px; --radius-md: 8px; --radius-base: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-2xl: 24px; --radius-3xl: 32px; --radius-4xl: 50px; --radius-5xl: 100px; --radius-full: 1000px; --shadow-2xs: 0 1px rgb(0 0 0 / 0.05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --shadow-base: 0 10px 40px rgb(30, 35, 70, 0.05); --shadow-bubble-effect: 0 4.649px 92.974px 0 rgba(144, 0, 255, 0.60), 0 2.324px 11.622px 0 rgba(255, 255, 255, 0.58) inset, 11.622px 18.595px 23.244px 0 rgba(144, 0, 255, 0.95) inset; --shadow-effect: 0px 3px 1px 1px rgba(0, 0, 0, 0.01); --shadow-subtle: 0px 2px 2px 0px rgba(27, 28, 29, 0.12); --shadow-gaussian-blur: 0 0 16px 0 rgba(66, 196, 79, 0.00) inset; --blur-gaussian: 50px; --shadow-hollow: inset 0px -0.5px 1px 0px rgba(255, 255, 255, 0.24), inset 0px -0.35px 1px 0px rgba(255, 255, 255, 0.1), inset 1px 1.5px 4px 0px rgba(17, 20, 44, 0.08), inset 1px 1.5px 4px 0px rgba(17, 20, 44, 0.1); --shadow-input: 0px 2px 3px -1px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(25, 28, 33, 0.02), 0px 0px 0px 1px rgba(25, 28, 33, 0.08); --shadow-active: 2px 4px 0px #f9f9f9; --shadow-brutal: 6px 6px 0 0 rgb(15 23 42), 3px 3px 0 0 rgb(15 23 42); --shadow-soft: 0 12px 40px rgb(15 23 42 / 0.08), 0 4px 12px rgb(15 23 42 / 0.06); --shadow-line: 0px 3px 0px rgba(238, 241, 250, 0.65); --shadow-inn: inset 0px 0px 5px rgba(0, 0, 0, 0.01); --shadow-chasm: 0 1px 1px 0 rgba(255, 255, 255, 0.22) inset, 0 -1px 1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.22); --shadow-prime: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802); --shadow-cool: 0px 100px 80px rgba(166, 150, 194, 0.07), 0px 41.7776px 33.4221px rgba(166, 150, 194, 0.0503198), 0px 22.3363px 17.869px rgba(166, 150, 194, 0.0417275), 0px 12.5216px 10.0172px rgba(166, 150, 194, 0.035), 0px 6.6501px 5.32008px rgba(166, 150, 194, 0.0282725), 0px 2.76726px 2.21381px rgba(166, 150, 194, 0.0196802); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15); --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --blur-base: 100px; --space-0: 0px; --space-2: 2px; --space-4: 4px; --space-6: 6px; --space-8: 8px; --space-10: 10px; --space-12: 12px; --space-14: 14px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-28: 28px; --space-32: 32px; --space-36: 36px; --space-40: 40px; --space-48: 48px; --space-52: 52px; --space-56: 56px; --space-64: 64px; --space-72: 72px; --space-80: 80px; --space-88: 88px; --space-96: 96px; --space-104: 104px; --space-112: 112px; --space-120: 120px; --space-128: 128px; --space-136: 136px; --space-144: 144px; --space-152: 152px; --space-160: 160px; --space-168: 168px; --space-176: 176px; --space-184: 184px; --space-192: 192px; --space-200: 200px; --space-208: 208px; --space-216: 216px; --space-224: 224px; --space-232: 232px; --space-240: 240px; --space-248: 248px; --space-256: 256px; --gap-0: 0px; --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-48: 48px; --gap-52: 52px; --gap-56: 56px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-88: 88px; --gap-96: 96px; --gap-104: 104px; --gap-112: 112px; --gap-120: 120px; --gap-128: 128px; --gap-136: 136px; --gap-144: 144px; --gap-152: 152px; --gap-160: 160px; --gap-168: 168px; --gap-176: 176px; --gap-184: 184px; --gap-192: 192px; --gap-200: 200px; --gap-208: 208px; --gap-216: 216px; --gap-224: 224px; --gap-232: 232px; --gap-240: 240px; --gap-248: 248px; --gap-256: 256px; --row-gap-0: 0px; --row-gap-2: 2px; --row-gap-4: 4px; --row-gap-6: 6px; --row-gap-8: 8px; --row-gap-10: 10px; --row-gap-12: 12px; --row-gap-14: 14px; --row-gap-16: 16px; --row-gap-20: 20px; --row-gap-24: 24px; --row-gap-28: 28px; --row-gap-32: 32px; --row-gap-36: 36px; --row-gap-40: 40px; --row-gap-48: 48px; --row-gap-52: 52px; --row-gap-56: 56px; --row-gap-64: 64px; --row-gap-72: 72px; --row-gap-80: 80px; --row-gap-88: 88px; --row-gap-96: 96px; --row-gap-104: 104px; --row-gap-112: 112px; --row-gap-120: 120px; --row-gap-128: 128px; --row-gap-136: 136px; --row-gap-144: 144px; --row-gap-152: 152px; --row-gap-160: 160px; --row-gap-168: 168px; --row-gap-176: 176px; --row-gap-184: 184px; --row-gap-192: 192px; --row-gap-200: 200px; --row-gap-208: 208px; --row-gap-216: 216px; --row-gap-224: 224px; --row-gap-232: 232px; --row-gap-240: 240px; --row-gap-248: 248px; --row-gap-256: 256px; --column-gap-0: 0px; --column-gap-2: 2px; --column-gap-4: 4px; --column-gap-6: 6px; --column-gap-8: 8px; --column-gap-10: 10px; --column-gap-12: 12px; --column-gap-14: 14px; --column-gap-16: 16px; --column-gap-20: 20px; --column-gap-24: 24px; --column-gap-28: 28px; --column-gap-32: 32px; --column-gap-36: 36px; --column-gap-40: 40px; --column-gap-48: 48px; --column-gap-52: 52px; --column-gap-56: 56px; --column-gap-64: 64px; --column-gap-72: 72px; --column-gap-80: 80px; --column-gap-88: 88px; --column-gap-96: 96px; --column-gap-104: 104px; --column-gap-112: 112px; --column-gap-120: 120px; --column-gap-128: 128px; --column-gap-136: 136px; --column-gap-144: 144px; --column-gap-152: 152px; --column-gap-160: 160px; --column-gap-168: 168px; --column-gap-176: 176px; --column-gap-184: 184px; --column-gap-192: 192px; --column-gap-200: 200px; --column-gap-208: 208px; --column-gap-216: 216px; --column-gap-224: 224px; --column-gap-232: 232px; --column-gap-240: 240px; --column-gap-248: 248px; --column-gap-256: 256px; --padding-0: 0px; --padding-2: 2px; --padding-4: 4px; --padding-6: 6px; --padding-8: 8px; --padding-10: 10px; --padding-12: 12px; --padding-14: 14px; --padding-16: 16px; --padding-20: 20px; --padding-24: 24px; --padding-28: 28px; --padding-32: 32px; --padding-36: 36px; --padding-40: 40px; --padding-48: 48px; --padding-52: 52px; --padding-56: 56px; --padding-64: 64px; --padding-72: 72px; --padding-80: 80px; --padding-88: 88px; --padding-96: 96px; --padding-104: 104px; --padding-112: 112px; --padding-120: 120px; --padding-128: 128px; --padding-136: 136px; --padding-144: 144px; --padding-152: 152px; --padding-160: 160px; --padding-168: 168px; --padding-176: 176px; --padding-184: 184px; --padding-192: 192px; --padding-200: 200px; --padding-208: 208px; --padding-216: 216px; --padding-224: 224px; --padding-232: 232px; --padding-240: 240px; --padding-248: 248px; --padding-256: 256px; --margin-0: 0px; --margin-2: 2px; --margin-4: 4px; --margin-6: 6px; --margin-8: 8px; --margin-10: 10px; --margin-12: 12px; --margin-14: 14px; --margin-16: 16px; --margin-20: 20px; --margin-24: 24px; --margin-28: 28px; --margin-32: 32px; --margin-36: 36px; --margin-40: 40px; --margin-48: 48px; --margin-52: 52px; --margin-56: 56px; --margin-64: 64px; --margin-72: 72px; --margin-80: 80px; --margin-88: 88px; --margin-96: 96px; --margin-104: 104px; --margin-112: 112px; --margin-120: 120px; --margin-128: 128px; --margin-136: 136px; --margin-144: 144px; --margin-152: 152px; --margin-160: 160px; --margin-168: 168px; --margin-176: 176px; --margin-184: 184px; --margin-192: 192px; --margin-200: 200px; --margin-208: 208px; --margin-216: 216px; --margin-224: 224px; --margin-232: 232px; --margin-240: 240px; --margin-248: 248px; --margin-256: 256px; --margin-auto: auto; --stroke: 1px solid transparent; --stroke-nano: linear-gradient(var(--background), var(--background)) padding-box, linear-gradient(90deg, rgba(255, 255, 255, 0.50) 10.9%, rgba(255, 255, 255, 0.00) 95.35%) border-box; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem; --text-6xl: 3.75rem; --text-7xl: 4.5rem; --text-8xl: 6rem; --text-9xl: 8rem; --text-xs--line-height: 1.333333; --text-sm--line-height: 1.428571; --text-base--line-height: 1.5; --text-lg--line-height: 1.555556; --text-xl--line-height: 1.4; --text-2xl--line-height: 1.333333; --text-3xl--line-height: 1.2; --text-4xl--line-height: 1.111111; --text-5xl--line-height: 1; --text-6xl--line-height: 1; --text-7xl--line-height: 1; --text-8xl--line-height: 1; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --font-actual: actual; --font-aeion: aeion; --font-aerospace: aerospace; --font-along: along; --font-alternox: alternox; --font-amithen: amithen; --font-ankle: ankle; --font-anything: anything; --font-aperture: aperture; --font-aqum: aqum; --font-attack: attack; --font-bernados: bernados; --font-bertha: bertha; --font-bionix: bionix; --font-brawls: brawls; --font-brighton: brighton; --font-broad: broad; --font-candace: candace; --font-carolin: carolin; --font-congenial: congenial; --font-dakar: dakar; --font-denson: denson; --font-dumeh: dumeh; --font-editors-note: editors-note; --font-elsone: elsone; --font-engine: engine; --font-enrique: enrique; --font-euclid-circular: euclid-circular; --font-folker: folker; --font-fonzy: fonzy; --font-foregen: foregen; --font-gaoel: gaoel; --font-goodly: goodly; --font-hadeed: hadeed; --font-heather: heather; --font-inder: inder; --font-inter: inter; --font-jls: jls; --font-kimura: kimura; --font-lato: lato; --font-logotype: logotype; --font-lovelo: lovelo; --font-micro: micro; --font-moisses: moisses; --font-monica: monica; --font-montserrat: montserrat; --font-morality: morality; --font-nafasyah: nafasyah; --font-nanotech: nanotech; --font-naon: naon; --font-notche: notche; --font-numaposa: numaposa; --font-oklean: oklean; --font-parizaad: parizaad; --font-polaris: polaris; --font-polly: polly; --font-poppins: poppins; --font-qualux: qualux; --font-queen-rogette: queen-rogette; --font-quora: quora; --font-raleway: raleway; --font-ransom: ransom; --font-remura: remura; --font-rockley: rockley; --font-ronald: ronald; --font-rubik: rubik; --font-safari: safari; --font-sheylla: sheylla; --font-slamdunk: slamdunk; --font-sweetsnow: sweetsnow; --font-stampbor: stampbor; --font-trebuchet: trebuchet; --font-viora: viora; --font-zebrawood: zebrawood; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --vh-100: calc(100vh - 100px); --vw-100: calc(100vw - 100px); --vh-110: calc(100vh - 110px); --vw-110: calc(100vw - 110px); --vh-120: calc(100vh - 120px); --vw-120: calc(100vw - 120px); --vh-130: calc(100vh - 130px); --vw-130: calc(100vw - 130px); --vh-140: calc(100vh - 140px); --vw-140: calc(100vw - 140px); --vh-150: calc(100vh - 150px); --vw-150: calc(100vw - 150px); --vh-160: calc(100vh - 160px); --vw-160: calc(100vw - 160px); --vh-170: calc(100vh - 170px); --vw-170: calc(100vw - 170px); --vh-180: calc(100vh - 180px); --vw-180: calc(100vw - 180px); --vh-190: calc(100vh - 190px); --vw-190: calc(100vw - 190px); --vh-200: calc(100vh - 200px); --vw-200: calc(100vw - 200px); --vh-210: calc(100vh - 210px); --vw-210: calc(100vw - 210px); --vh-220: calc(100vh - 220px); --vw-220: calc(100vw - 220px); --vh-230: calc(100vh - 230px); --vw-230: calc(100vw - 230px); --vh-240: calc(100vh - 240px); --vw-240: calc(100vw - 240px); --vh-250: calc(100vh - 250px); --vw-250: calc(100vw - 250px); --vh-260: calc(100vh - 260px); --vw-260: calc(100vw - 260px); --vh-270: calc(100vh - 270px); --vw-270: calc(100vw - 270px); --vh-280: calc(100vh - 280px); --vw-280: calc(100vw - 280px); --vh-290: calc(100vh - 290px); --vw-290: calc(100vw - 290px); --vh-300: calc(100vh - 300px); --vw-300: calc(100vw - 300px); --vh-310: calc(100vh - 310px); --vw-310: calc(100vw - 310px); --vh-320: calc(100vh - 320px); --vw-320: calc(100vw - 320px); --vh-330: calc(100vh - 330px); --vw-330: calc(100vw - 330px); --vh-340: calc(100vh - 340px); --vw-340: calc(100vw - 340px); --vh-350: calc(100vh - 350px); --vw-350: calc(100vw - 350px); --vh-360: calc(100vh - 360px); --vw-360: calc(100vw - 360px); --vh-370: calc(100vh - 370px); --vw-370: calc(100vw - 370px); --vh-380: calc(100vh - 380px); --vw-380: calc(100vw - 380px); --vh-390: calc(100vh - 390px); --vw-390: calc(100vw - 390px); --vh-400: calc(100vh - 400px); --vw-400: calc(100vw - 400px); --vh-410: calc(100vh - 410px); --vw-410: calc(100vw - 410px); --vh-420: calc(100vh - 420px); --vw-420: calc(100vw - 420px); --vh-430: calc(100vh - 430px); --vw-430: calc(100vw - 430px); --vh-440: calc(100vh - 440px); --vw-440: calc(100vw - 440px); --vh-450: calc(100vh - 450px); --vw-450: calc(100vw - 450px); --vh-460: calc(100vh - 460px); --vw-460: calc(100vw - 460px); --vh-470: calc(100vh - 470px); --vw-470: calc(100vw - 470px); --vh-480: calc(100vh - 480px); --vw-480: calc(100vw - 480px); --vh-490: calc(100vh - 490px); --vw-490: calc(100vw - 490px); --vh-500: calc(100vh - 500px); --vw-500: calc(100vw - 500px); --vh-510: calc(100vh - 510px); --vw-510: calc(100vw - 510px); --vh-520: calc(100vh - 520px); --vw-520: calc(100vw - 520px); --vh-530: calc(100vh - 530px); --vw-530: calc(100vw - 530px); --vh-540: calc(100vh - 540px); --vw-540: calc(100vw - 540px); --vh-550: calc(100vh - 550px); --vw-550: calc(100vw - 550px); --vh-560: calc(100vh - 560px); --vw-560: calc(100vw - 560px); --vh-570: calc(100vh - 570px); --vw-570: calc(100vw - 570px); --vh-580: calc(100vh - 580px); --vw-580: calc(100vw - 580px); --vh-590: calc(100vh - 590px); --vw-590: calc(100vw - 590px); --vh-600: calc(100vh - 600px); --vw-600: calc(100vw - 600px); --vh-610: calc(100vh - 610px); --vw-610: calc(100vw - 610px); --vh-620: calc(100vh - 620px); --vw-620: calc(100vw - 620px); --vh-630: calc(100vh - 630px); --vw-630: calc(100vw - 630px); --vh-640: calc(100vh - 640px); --vw-640: calc(100vw - 640px); --vh-650: calc(100vh - 650px); --vw-650: calc(100vw - 650px); --vh-660: calc(100vh - 660px); --vw-660: calc(100vw - 660px); --vh-670: calc(100vh - 670px); --vw-670: calc(100vw - 670px); --vh-680: calc(100vh - 680px); --vw-680: calc(100vw - 680px); --vh-690: calc(100vh - 690px); --vw-690: calc(100vw - 690px); --vh-700: calc(100vh - 700px); --vw-700: calc(100vw - 700px); --vh-710: calc(100vh - 710px); --vw-710: calc(100vw - 710px); --vh-720: calc(100vh - 720px); --vw-720: calc(100vw - 720px); --vh-730: calc(100vh - 730px); --vw-730: calc(100vw - 730px); --vh-740: calc(100vh - 740px); --vw-740: calc(100vw - 740px); --vh-750: calc(100vh - 750px); --vw-750: calc(100vw - 750px); --vh-760: calc(100vh - 760px); --vw-760: calc(100vw - 760px); --vh-770: calc(100vh - 770px); --vw-770: calc(100vw - 770px); --vh-780: calc(100vh - 780px); --vw-780: calc(100vw - 780px); --vh-790: calc(100vh - 790px); --vw-790: calc(100vw - 790px); --vh-800: calc(100vh - 800px); --vw-800: calc(100vw - 800px); --vh-810: calc(100vh - 810px); --vw-810: calc(100vw - 810px); --vh-820: calc(100vh - 820px); --vw-820: calc(100vw - 820px); --vh-830: calc(100vh - 830px); --vw-830: calc(100vw - 830px); --vh-840: calc(100vh - 840px); --vw-840: calc(100vw - 840px); --vh-850: calc(100vh - 850px); --vw-850: calc(100vw - 850px); --vh-860: calc(100vh - 860px); --vw-860: calc(100vw - 860px); --vh-870: calc(100vh - 870px); --vw-870: calc(100vw - 870px); --vh-880: calc(100vh - 880px); --vw-880: calc(100vw - 880px); --vh-890: calc(100vh - 890px); --vw-890: calc(100vw - 890px); --vh-900: calc(100vh - 900px); --vw-900: calc(100vw - 900px); --vh-910: calc(100vh - 910px); --vw-910: calc(100vw - 910px); --vh-920: calc(100vh - 920px); --vw-920: calc(100vw - 920px); --vh-930: calc(100vh - 930px); --vw-930: calc(100vw - 930px); --vh-940: calc(100vh - 940px); --vw-940: calc(100vw - 940px); --vh-950: calc(100vh - 950px); --vw-950: calc(100vw - 950px); --vh-960: calc(100vh - 960px); --vw-960: calc(100vw - 960px); --vh-970: calc(100vh - 970px); --vw-970: calc(100vw - 970px); --vh-980: calc(100vh - 980px); --vw-980: calc(100vw - 980px); --vh-990: calc(100vh - 990px); --vw-990: calc(100vw - 990px); --vh-1000: calc(100vh - 1000px); --vw-1000: calc(100vw - 1000px); --color-white-50: #ffffff; --color-white-100: #fdfdfd; --color-white-200: #fbfbfb; --color-white-300: #f8f8f8; --color-white-400: #f5f5f5; --color-white-500: #f0f0f0; --color-white-600: #e6e6e6; --color-white-700: #dcdcdc; --color-white-800: #d1d1d1; --color-white-900: #c7c7c7; --color-white-950: #bdbdbd; --color-black-50: #e5e5e5; --color-black-100: #cccccc; --color-black-200: #b3b3b3; --color-black-300: #999999; --color-black-400: #808080; --color-black-500: #666666; --color-black-600: #4d4d4d; --color-black-700: #333333; --color-black-800: #1a1a1a; --color-black-900: #0d0d0d; --color-black-950: #050505; --color-red-50: oklch(0.971 0.013 17.38); --color-red-100: oklch(0.936 0.032 17.717); --color-red-200: oklch(0.885 0.062 18.334); --color-red-300: oklch(0.808 0.114 19.571); --color-red-400: oklch(0.704 0.191 22.216); --color-red-500: oklch(0.637 0.237 25.331); --color-red-600: oklch(0.577 0.245 27.325); --color-red-700: oklch(0.505 0.213 27.518); --color-red-800: oklch(0.444 0.177 26.899); --color-red-900: oklch(0.396 0.141 25.723); --color-red-950: oklch(0.258 0.092 26.042); --color-orange-50: oklch(0.98 0.016 73.684); --color-orange-100: oklch(0.954 0.038 75.164); --color-orange-200: oklch(0.901 0.076 70.697); --color-orange-300: oklch(0.837 0.128 66.29); --color-orange-400: oklch(0.75 0.183 55.934); --color-orange-500: oklch(0.705 0.213 47.604); --color-orange-600: oklch(0.646 0.222 41.116); --color-orange-700: oklch(0.553 0.195 38.402); --color-orange-800: oklch(0.47 0.157 37.304); --color-orange-900: oklch(0.408 0.123 38.172); --color-orange-950: oklch(0.266 0.079 36.259); --color-amber-50: oklch(0.987 0.022 95.277); --color-amber-100: oklch(0.962 0.059 95.617); --color-amber-200: oklch(0.924 0.12 95.746); --color-amber-300: oklch(0.879 0.169 91.605); --color-amber-400: oklch(0.828 0.189 84.429); --color-amber-500: oklch(0.769 0.188 70.08); --color-amber-600: oklch(0.666 0.179 58.318); --color-amber-700: oklch(0.555 0.163 48.998); --color-amber-800: oklch(0.473 0.137 46.201); --color-amber-900: oklch(0.414 0.112 45.904); --color-amber-950: oklch(0.279 0.077 45.635); --color-yellow-50: oklch(0.987 0.026 102.212); --color-yellow-100: oklch(0.973 0.071 103.193); --color-yellow-200: oklch(0.945 0.129 101.54); --color-yellow-300: oklch(0.905 0.182 98.111); --color-yellow-400: oklch(0.852 0.199 91.936); --color-yellow-500: oklch(0.795 0.184 86.047); --color-yellow-600: oklch(0.681 0.162 75.834); --color-yellow-700: oklch(0.554 0.135 66.442); --color-yellow-800: oklch(0.476 0.114 61.907); --color-yellow-900: oklch(0.421 0.095 57.708); --color-yellow-950: oklch(0.286 0.066 53.813); --color-lime-50: oklch(0.986 0.031 120.757); --color-lime-100: oklch(0.967 0.067 122.328); --color-lime-200: oklch(0.938 0.127 124.321); --color-lime-300: oklch(0.897 0.196 126.665); --color-lime-400: oklch(0.841 0.238 128.85); --color-lime-500: oklch(0.768 0.233 130.85); --color-lime-600: oklch(0.648 0.2 131.684); --color-lime-700: oklch(0.532 0.157 131.589); --color-lime-800: oklch(0.453 0.124 130.933); --color-lime-900: oklch(0.405 0.101 131.063); --color-lime-950: oklch(0.274 0.072 132.109); --color-green-50: oklch(0.982 0.018 155.826); --color-green-100: oklch(0.962 0.044 156.743); --color-green-200: oklch(0.925 0.084 155.995); --color-green-300: oklch(0.871 0.15 154.449); --color-green-400: oklch(0.792 0.209 151.711); --color-green-500: oklch(0.723 0.219 149.579); --color-green-600: oklch(0.627 0.194 149.214); --color-green-700: oklch(0.527 0.154 150.069); --color-green-800: oklch(0.448 0.119 151.328); --color-green-900: oklch(0.393 0.095 152.535); --color-green-950: oklch(0.266 0.065 152.934); --color-emerald-50: oklch(0.979 0.021 166.113); --color-emerald-100: oklch(0.95 0.052 163.051); --color-emerald-200: oklch(0.905 0.093 164.15); --color-emerald-300: oklch(0.845 0.143 164.978); --color-emerald-400: oklch(0.765 0.177 163.223); --color-emerald-500: oklch(0.696 0.17 162.48); --color-emerald-600: oklch(0.596 0.145 163.225); --color-emerald-700: oklch(0.508 0.118 165.612); --color-emerald-800: oklch(0.432 0.095 166.913); --color-emerald-900: oklch(0.378 0.077 168.94); --color-emerald-950: oklch(0.262 0.051 172.552); --color-teal-50: oklch(0.984 0.014 180.72); --color-teal-100: oklch(0.953 0.051 180.801); --color-teal-200: oklch(0.91 0.096 180.426); --color-teal-300: oklch(0.855 0.138 181.071); --color-teal-400: oklch(0.777 0.152 181.912); --color-teal-500: oklch(0.704 0.14 182.503); --color-teal-600: oklch(0.6 0.118 184.704); --color-teal-700: oklch(0.511 0.096 186.391); --color-teal-800: oklch(0.437 0.078 188.216); --color-teal-900: oklch(0.386 0.063 188.416); --color-teal-950: oklch(0.277 0.046 192.524); --color-cyan-50: oklch(0.984 0.019 200.873); --color-cyan-100: oklch(0.956 0.045 203.388); --color-cyan-200: oklch(0.917 0.08 205.041); --color-cyan-300: oklch(0.865 0.127 207.078); --color-cyan-400: oklch(0.789 0.154 211.53); --color-cyan-500: oklch(0.715 0.143 215.221); --color-cyan-600: oklch(0.609 0.126 221.723); --color-cyan-700: oklch(0.52 0.105 223.128); --color-cyan-800: oklch(0.45 0.085 224.283); --color-cyan-900: oklch(0.398 0.07 227.392); --color-cyan-950: oklch(0.302 0.056 229.695); --color-sky-50: oklch(0.977 0.013 236.62); --color-sky-100: oklch(0.951 0.026 236.824); --color-sky-200: oklch(0.901 0.058 230.902); --color-sky-300: oklch(0.828 0.111 230.318); --color-sky-400: oklch(0.746 0.16 232.661); --color-sky-500: oklch(0.685 0.169 237.323); --color-sky-600: oklch(0.588 0.158 241.966); --color-sky-700: oklch(0.5 0.134 242.749); --color-sky-800: oklch(0.443 0.11 240.79); --color-sky-900: oklch(0.391 0.09 240.876); --color-sky-950: oklch(0.293 0.066 243.157); --color-blue-50: oklch(0.97 0.014 254.604); --color-blue-100: oklch(0.932 0.032 255.585); --color-blue-200: oklch(0.882 0.059 254.128); --color-blue-300: oklch(0.809 0.105 251.813); --color-blue-400: oklch(0.707 0.165 254.624); --color-blue-500: oklch(0.623 0.214 259.815); --color-blue-600: oklch(0.546 0.245 262.881); --color-blue-700: oklch(0.488 0.243 264.376); --color-blue-800: oklch(0.424 0.199 265.638); --color-blue-900: oklch(0.379 0.146 265.522); --color-blue-950: oklch(0.282 0.091 267.935); --color-indigo-50: oklch(0.962 0.018 272.314); --color-indigo-100: oklch(0.93 0.034 272.788); --color-indigo-200: oklch(0.87 0.065 274.039); --color-indigo-300: oklch(0.785 0.115 274.713); --color-indigo-400: oklch(0.673 0.182 276.935); --color-indigo-500: oklch(0.585 0.233 277.117); --color-indigo-600: oklch(0.511 0.262 276.966); --color-indigo-700: oklch(0.457 0.24 277.023); --color-indigo-800: oklch(0.398 0.195 277.366); --color-indigo-900: oklch(0.359 0.144 278.697); --color-indigo-950: oklch(0.257 0.09 281.288); --color-violet-50: oklch(0.969 0.016 293.756); --color-violet-100: oklch(0.943 0.029 294.588); --color-violet-200: oklch(0.894 0.057 293.283); --color-violet-300: oklch(0.811 0.111 293.571); --color-violet-400: oklch(0.702 0.183 293.541); --color-violet-500: oklch(0.606 0.25 292.717); --color-violet-600: oklch(0.541 0.281 293.009); --color-violet-700: oklch(0.491 0.27 292.581); --color-violet-800: oklch(0.432 0.232 292.759); --color-violet-900: oklch(0.38 0.189 293.745); --color-violet-950: oklch(0.283 0.141 291.089); --color-purple-50: oklch(0.977 0.014 308.299); --color-purple-100: oklch(0.946 0.033 307.174); --color-purple-200: oklch(0.902 0.063 306.703); --color-purple-300: oklch(0.827 0.119 306.383); --color-purple-400: oklch(0.714 0.203 305.504); --color-purple-500: oklch(0.627 0.265 303.9); --color-purple-600: oklch(0.558 0.288 302.321); --color-purple-700: oklch(0.496 0.265 301.924); --color-purple-800: oklch(0.438 0.218 303.724); --color-purple-900: oklch(0.381 0.176 304.987); --color-purple-950: oklch(0.291 0.149 302.717); --color-fuchsia-50: oklch(0.977 0.017 320.058); --color-fuchsia-100: oklch(0.952 0.037 318.852); --color-fuchsia-200: oklch(0.903 0.076 319.62); --color-fuchsia-300: oklch(0.833 0.145 321.434); --color-fuchsia-400: oklch(0.74 0.238 322.16); --color-fuchsia-500: oklch(0.667 0.295 322.15); --color-fuchsia-600: oklch(0.591 0.293 322.896); --color-fuchsia-700: oklch(0.518 0.253 323.949); --color-fuchsia-800: oklch(0.452 0.211 324.591); --color-fuchsia-900: oklch(0.401 0.17 325.612); --color-fuchsia-950: oklch(0.293 0.136 325.661); --color-pink-50: oklch(0.971 0.014 343.198); --color-pink-100: oklch(0.948 0.028 342.258); --color-pink-200: oklch(0.899 0.061 343.231); --color-pink-300: oklch(0.823 0.12 346.018); --color-pink-400: oklch(0.718 0.202 349.761); --color-pink-500: oklch(0.656 0.241 354.308); --color-pink-600: oklch(0.592 0.249 0.584); --color-pink-700: oklch(0.525 0.223 3.958); --color-pink-800: oklch(0.459 0.187 3.815); --color-pink-900: oklch(0.408 0.153 2.432); --color-pink-950: oklch(0.284 0.109 3.907); --color-rose-50: oklch(0.969 0.015 12.422); --color-rose-100: oklch(0.941 0.03 12.58); --color-rose-200: oklch(0.892 0.058 10.001); --color-rose-300: oklch(0.81 0.117 11.638); --color-rose-400: oklch(0.712 0.194 13.428); --color-rose-500: oklch(0.645 0.246 16.439); --color-rose-600: oklch(0.586 0.253 17.585); --color-rose-700: oklch(0.514 0.222 16.935); --color-rose-800: oklch(0.455 0.188 13.697); --color-rose-900: oklch(0.41 0.159 10.272); --color-rose-950: oklch(0.271 0.105 12.094); --color-slate-50: oklch(0.984 0.003 247.858); --color-slate-100: oklch(0.968 0.007 247.896); --color-slate-200: oklch(0.929 0.013 255.508); --color-slate-300: oklch(0.869 0.022 252.894); --color-slate-400: oklch(0.704 0.04 256.788); --color-slate-500: oklch(0.554 0.046 257.417); --color-slate-600: oklch(0.446 0.043 257.281); --color-slate-700: oklch(0.372 0.044 257.287); --color-slate-800: oklch(0.279 0.041 260.031); --color-slate-900: oklch(0.208 0.042 265.755); --color-slate-950: oklch(0.129 0.042 264.695); --color-gray-50: oklch(0.985 0.002 247.839); --color-gray-100: oklch(0.967 0.003 264.542); --color-gray-200: oklch(0.928 0.006 264.531); --color-gray-300: oklch(0.872 0.01 258.338); --color-gray-400: oklch(0.707 0.022 261.325); --color-gray-500: oklch(0.551 0.027 264.364); --color-gray-600: oklch(0.446 0.03 256.802); --color-gray-700: oklch(0.373 0.034 259.733); --color-gray-800: oklch(0.278 0.033 256.848); --color-gray-900: oklch(0.21 0.034 264.665); --color-gray-950: oklch(0.13 0.028 261.692); --color-zinc-50: oklch(0.985 0 0); --color-zinc-100: oklch(0.967 0.001 286.375); --color-zinc-200: oklch(0.92 0.004 286.32); --color-zinc-300: oklch(0.871 0.006 286.286); --color-zinc-400: oklch(0.705 0.015 286.067); --color-zinc-500: oklch(0.552 0.016 285.938); --color-zinc-600: oklch(0.442 0.017 285.786); --color-zinc-700: oklch(0.37 0.013 285.805); --color-zinc-800: oklch(0.274 0.006 286.033); --color-zinc-900: oklch(0.21 0.006 285.885); --color-zinc-950: oklch(0.141 0.005 285.823); --color-neutral-50: oklch(0.985 0 0); --color-neutral-100: oklch(0.97 0 0); --color-neutral-200: oklch(0.922 0 0); --color-neutral-300: oklch(0.87 0 0); --color-neutral-400: oklch(0.708 0 0); --color-neutral-500: oklch(0.556 0 0); --color-neutral-600: oklch(0.439 0 0); --color-neutral-700: oklch(0.371 0 0); --color-neutral-800: oklch(0.269 0 0); --color-neutral-900: oklch(0.205 0 0); --color-neutral-950: oklch(0.145 0 0); --color-stone-50: oklch(0.985 0.001 106.423); --color-stone-100: oklch(0.97 0.001 106.424); --color-stone-200: oklch(0.923 0.003 48.717); --color-stone-300: oklch(0.869 0.005 56.366); --color-stone-400: oklch(0.709 0.01 56.259); --color-stone-500: oklch(0.553 0.013 58.071); --color-stone-600: oklch(0.444 0.011 73.639); --color-stone-700: oklch(0.374 0.01 67.558); --color-stone-800: oklch(0.268 0.007 34.298); --color-stone-900: oklch(0.216 0.006 56.043); --color-stone-950: oklch(0.147 0.004 49.25); --brand-orb: radial-gradient(101.08% 100% at 50% 100%, rgba(94, 94, 94, 0.14) 0%, rgba(94, 94, 94, 0) 73.85%), radial-gradient(100.02% 100% at 50% 100%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 55.59%), var(--brand); --surface-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--surface) 22%, white) 0%, var(--surface) 100%); --background-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--background) 22%, white) 0%, var(--background) 100%); --primary-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--primary) 22%, white) 0%, var(--primary) 100%); --secondary-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--secondary) 22%, white) 0%, var(--secondary) 100%); --muted-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--muted) 22%, white) 0%, var(--muted) 100%); --window-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--window) 22%, white) 0%, var(--window) 100%); --white-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-white-500) 40%, white) 0%, var(--color-white-500) 100%); --black-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-black-500) 30%, white) 0%, var(--color-black-500) 100%); --red-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-red-500) 22%, white) 0%, var(--color-red-500) 100%); --orange-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-orange-500) 22%, white) 0%, var(--color-orange-500) 100%); --amber-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-amber-500) 22%, white) 0%, var(--color-amber-500) 100%); --yellow-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-yellow-500) 22%, white) 0%, var(--color-yellow-500) 100%); --lime-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-lime-500) 22%, white) 0%, var(--color-lime-500) 100%); --green-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-green-500) 22%, white) 0%, var(--color-green-500) 100%); --emerald-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-emerald-500) 22%, white) 0%, var(--color-emerald-500) 100%); --teal-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-teal-500) 22%, white) 0%, var(--color-teal-500) 100%); --cyan-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-cyan-500) 22%, white) 0%, var(--color-cyan-500) 100%); --sky-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-sky-500) 22%, white) 0%, var(--color-sky-500) 100%); --blue-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-blue-500) 22%, white) 0%, var(--color-blue-500) 100%); --indigo-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-indigo-500) 22%, white) 0%, var(--color-indigo-500) 100%); --violet-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-violet-500) 22%, white) 0%, var(--color-violet-500) 100%); --purple-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-purple-500) 22%, white) 0%, var(--color-purple-500) 100%); --fuchsia-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-fuchsia-500) 22%, white) 0%, var(--color-fuchsia-500) 100%); --pink-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-pink-500) 22%, white) 0%, var(--color-pink-500) 100%); --rose-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-rose-500) 22%, white) 0%, var(--color-rose-500) 100%); --slate-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-slate-500) 28%, white) 0%, var(--color-slate-500) 100%); --gray-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-gray-500) 28%, white) 0%, var(--color-gray-500) 100%); --zinc-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-zinc-500) 28%, white) 0%, var(--color-zinc-500) 100%); --neutral-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-neutral-500) 28%, white) 0%, var(--color-neutral-500) 100%); --stone-orb: radial-gradient(76.41% 76.41% at 70% 26.25%, color-mix(in oklab, var(--color-stone-500) 28%, white) 0%, var(--color-stone-500) 100%); --brand-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--brand) 90%, transparent) 70%, transparent 122.82%), var(--brand); --surface-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--surface) 90%, transparent) 70%, transparent 122.82%), var(--surface); --background-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--background) 90%, transparent) 70%, transparent 122.82%), var(--background); --primary-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--primary) 90%, transparent) 70%, transparent 122.82%), var(--primary); --secondary-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--secondary) 90%, transparent) 70%, transparent 122.82%), var(--secondary); --muted-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--muted) 90%, transparent) 70%, transparent 122.82%), var(--muted); --window-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--window) 90%, transparent) 70%, transparent 122.82%), var(--window); --white-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-white-500) 90%, transparent) 70%, transparent 122.82%), var(--color-white-500); --black-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-black-500) 90%, transparent) 70%, transparent 122.82%), var(--color-black-500); --red-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-red-500) 90%, transparent) 70%, transparent 122.82%), var(--color-red-500); --orange-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-orange-500) 90%, transparent) 70%, transparent 122.82%), var(--color-orange-500); --amber-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-amber-500) 90%, transparent) 70%, transparent 122.82%), var(--color-amber-500); --yellow-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-yellow-500) 90%, transparent) 70%, transparent 122.82%), var(--color-yellow-500); --lime-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-lime-500) 90%, transparent) 70%, transparent 122.82%), var(--color-lime-500); --green-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-green-500) 90%, transparent) 70%, transparent 122.82%), var(--color-green-500); --emerald-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-emerald-500) 90%, transparent) 70%, transparent 122.82%), var(--color-emerald-500); --teal-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-teal-500) 90%, transparent) 70%, transparent 122.82%), var(--color-teal-500); --cyan-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-cyan-500) 90%, transparent) 70%, transparent 122.82%), var(--color-cyan-500); --sky-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-sky-500) 90%, transparent) 70%, transparent 122.82%), var(--color-sky-500); --blue-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-blue-500) 90%, transparent) 70%, transparent 122.82%), var(--color-blue-500); --indigo-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-indigo-500) 90%, transparent) 70%, transparent 122.82%), var(--color-indigo-500); --violet-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-violet-500) 90%, transparent) 70%, transparent 122.82%), var(--color-violet-500); --purple-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-purple-500) 90%, transparent) 70%, transparent 122.82%), var(--color-purple-500); --fuchsia-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-fuchsia-500) 90%, transparent) 70%, transparent 122.82%), var(--color-fuchsia-500); --pink-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-pink-500) 90%, transparent) 70%, transparent 122.82%), var(--color-pink-500); --rose-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-rose-500) 90%, transparent) 70%, transparent 122.82%), var(--color-rose-500); --slate-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-slate-500) 90%, transparent) 70%, transparent 122.82%), var(--color-slate-500); --gray-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-gray-500) 90%, transparent) 70%, transparent 122.82%), var(--color-gray-500); --zinc-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-zinc-500) 90%, transparent) 70%, transparent 122.82%), var(--color-zinc-500); --neutral-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-neutral-500) 90%, transparent) 70%, transparent 122.82%), var(--color-neutral-500); --stone-canary: linear-gradient(216deg, rgba(0, 0, 0, 0.4) 60%, transparent 100%), linear-gradient(216deg, color-mix(in oklab, var(--color-stone-500) 90%, transparent) 70%, transparent 122.82%), var(--color-stone-500); --typography-weight: 400; --typography-letter-spacing: var(--tracking-normal); --typography-transform: none }
.in-fjwkch:where([data-in-theme-format="inspatial"][data-theme="light"]) { --radius: 16px; --brand: hsla(274, 100%, 50%, 1); --brand-bubble: linear-gradient(0deg, rgba(17, 20, 44, 0.50) 0%, rgba(17, 20, 44, 0.50) 100%), radial-gradient(102.81% 102.81% at 70.4% 31.2%, #B53FFE 0%, rgba(144, 0, 255, 0.10) 100%), var(--brand); --background: hsla(228, 52%, 96%, 1); --surface: hsla(0, 0%, 100%, 1); --window: hsla(0, 0%, 100%, 1); --primary: hsla(231, 42%, 15%, 1); --secondary: hsla(224, 46%, 89%, 1); --muted: hsla(228, 52%, 96%, 1); --invert: hsla(0, 0%, 100%, 1); --font-heading: var(--font-inder); --font-body: var(--font-inder) }
.in-fjwkch:where([data-in-theme-format="inspatial"][data-theme="dark"]),
.in-fjwkch:where([data-in-theme-format="inspatial-chat"][data-theme="dark"]) { --radius: 16px; --brand: hsla(274, 100%, 50%, 1); --brand-bubble: linear-gradient(0deg, rgba(17, 20, 44, 0.50) 0%, rgba(17, 20, 44, 0.50) 100%), radial-gradient(102.81% 102.81% at 70.4% 31.2%, #B53FFE 0%, rgba(144, 0, 255, 0.10) 100%), var(--brand); --background: hsla(233, 44%, 12%, 1); --surface: hsla(229, 41%, 18%, 0.6); --window: hsla(229, 41%, 18%, 0.3); --primary: hsla(0, 0%, 100%, 1); --secondary: hsla(232, 31%, 29%, 1); --muted: hsla(233, 44%, 12%, 0.25); --invert: hsla(231, 42%, 15%, 1); --font-heading: var(--font-inder); --font-body: var(--font-inder) }
.in-fjwkch:where([data-in-theme-format="inspatial-chat"][data-theme="light"]) { --radius: 16px; --brand: hsla(274, 100%, 50%, 1); --brand-bubble: linear-gradient(0deg, rgba(17, 20, 44, 0.50) 0%, rgba(17, 20, 44, 0.50) 100%), radial-gradient(102.81% 102.81% at 70.4% 31.2%, #B53FFE 0%, rgba(144, 0, 255, 0.10) 100%), var(--brand); --background: hsla(0, 0%, 100%, 1); --surface: linear-gradient(180deg, #9000FF 0%, #A69DE4 51.64%, #8985FF 100%); --window: hsla(0, 0%, 100%, 1); --primary: hsla(231, 42%, 15%, 1); --secondary: hsla(224, 46%, 89%, 1); --muted: hsla(228, 52%, 96%, 1); --invert: hsla(0, 0%, 100%, 1); --font-heading: var(--font-inder); --font-body: var(--font-inder) }
.in-fjwkch:where([data-in-theme-format="weddingClub"][data-theme="light"]),
.in-fjwkch:where([data-in-theme-format="weddingClub"][data-theme="dark"]) { --radius: 0.5rem; --brand: hsla(215, 96%, 67%, 1); --background: hsla(213, 43%, 96%, 1); --surface: hsla(344, 19%, 100%, 1); --primary: hsla(225, 15%, 16%, 1); --secondary: hsla(0, 0%, 98%, 1); --muted: hsla(210, 38%, 95%, 1); --font-heading: var(--font-inder); --font-body: var(--font-inder) }
.in-fjwkch:where([data-in-theme-format="appleCupertino"][data-theme="light"]) { --brand: hsl(211, 100%, 50%); --background: hsl(0, 0%, 100%); --surface: hsl(210, 20%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 0%); --secondary: hsl(212, 100%, 48%); --muted: hsl(240, 6%, 90%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="appleCupertino"][data-theme="dark"]) { --brand: hsl(211, 86%, 60%); --background: hsl(0, 0%, 0%); --surface: hsl(240, 6%, 10%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 100%); --secondary: hsl(212, 86%, 64%); --muted: hsl(240, 6%, 25%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="googleMaterial"][data-theme="light"]) { --brand: hsl(31, 100%, 51%); --background: hsl(0, 0%, 100%); --surface: hsl(0, 0%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 13%); --secondary: hsl(31, 100%, 45%); --muted: hsl(0, 0%, 86%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="googleMaterial"][data-theme="dark"]) { --brand: hsl(31, 100%, 60%); --background: hsl(0, 0%, 7%); --surface: hsl(0, 0%, 12%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 100%); --secondary: hsl(31, 100%, 65%); --muted: hsl(0, 0%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="microsoftFluent"][data-theme="light"]) { --brand: hsl(207, 90%, 54%); --background: hsl(0, 0%, 98%); --surface: hsl(0, 0%, 96%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 20%); --secondary: hsl(207, 90%, 48%); --muted: hsl(0, 0%, 82%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="microsoftFluent"][data-theme="dark"]) { --brand: hsl(207, 90%, 61%); --background: hsl(0, 0%, 10%); --surface: hsl(0, 0%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 100%); --secondary: hsl(207, 90%, 65%); --muted: hsl(0, 0%, 35%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="lavender"][data-theme="light"]) { --brand: hsl(290, 70%, 40%); --background: hsl(270, 45%, 95%); --surface: hsl(275, 40%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(280, 60%, 30%); --secondary: hsl(260, 50%, 50%); --muted: hsl(270, 30%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="lavender"][data-theme="dark"]) { --brand: hsl(290, 70%, 50%); --background: hsl(270, 30%, 10%); --surface: hsl(275, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(280, 60%, 60%); --secondary: hsl(260, 50%, 40%); --muted: hsl(270, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="blossom"][data-theme="light"]) { --brand: hsl(330, 100%, 45%); --background: hsl(340, 60%, 95%); --surface: hsl(335, 50%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(330, 70%, 40%); --secondary: hsl(350, 60%, 60%); --muted: hsl(340, 30%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="blossom"][data-theme="dark"]) { --brand: hsl(330, 100%, 55%); --background: hsl(340, 30%, 10%); --surface: hsl(335, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(330, 70%, 60%); --secondary: hsl(350, 60%, 50%); --muted: hsl(340, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="sky"][data-theme="light"]) { --brand: hsl(200, 100%, 55%); --background: hsl(210, 60%, 97%); --surface: hsl(205, 50%, 93%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(215, 70%, 35%); --secondary: hsl(190, 60%, 50%); --muted: hsl(205, 30%, 75%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="sky"][data-theme="dark"]) { --brand: hsl(200, 100%, 65%); --background: hsl(210, 35%, 12%); --surface: hsl(205, 30%, 17%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(215, 70%, 65%); --secondary: hsl(190, 60%, 40%); --muted: hsl(205, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="sunset"][data-theme="light"]) { --brand: hsl(15, 100%, 50%); --background: hsl(30, 60%, 95%); --surface: hsl(25, 50%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(15, 80%, 40%); --secondary: hsl(45, 70%, 50%); --muted: hsl(30, 40%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="sunset"][data-theme="dark"]) { --brand: hsl(15, 100%, 60%); --background: hsl(20, 40%, 10%); --surface: hsl(25, 35%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(15, 80%, 70%); --secondary: hsl(45, 70%, 60%); --muted: hsl(30, 40%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="forest"][data-theme="light"]) { --radius: 6px; --brand: hsl(140, 70%, 30%); --background: hsl(120, 40%, 95%); --surface: hsl(130, 35%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(140, 60%, 25%); --secondary: hsl(100, 50%, 40%); --muted: hsl(120, 30%, 70%); --invert: hsl(0, 0%, 100%); --font-heading: var(--font-amithen); --font-body: var(--font-inder) }
.in-fjwkch:where([data-in-theme-format="forest"][data-theme="dark"]) { --radius: 6px; --brand: hsl(140, 70%, 40%); --background: hsl(120, 30%, 10%); --surface: hsl(130, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(140, 60%, 60%); --secondary: hsl(100, 50%, 50%); --muted: hsl(120, 30%, 30%); --invert: hsl(231, 42%, 15%); --font-heading: var(--font-amithen); --font-body: var(--font-inder) }
.in-fjwkch:where([data-in-theme-format="ocean"][data-theme="light"]) { --radius: 20px; --brand: hsl(200, 100%, 50%); --background: hsl(195, 60%, 95%); --surface: hsl(200, 50%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(200, 70%, 30%); --secondary: hsl(180, 60%, 40%); --muted: hsl(200, 30%, 70%); --invert: hsl(0, 0%, 100%); --font-heading: var(--font-actual); --font-body: var(--font-polly) }
.in-fjwkch:where([data-in-theme-format="ocean"][data-theme="dark"]) { --radius: 20px; --brand: hsl(200, 100%, 60%); --background: hsl(200, 40%, 10%); --surface: hsl(200, 35%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(200, 70%, 70%); --secondary: hsl(180, 60%, 50%); --muted: hsl(200, 30%, 30%); --invert: hsl(231, 42%, 15%); --font-heading: var(--font-actual); --font-body: var(--font-polly) }
.in-fjwkch:where([data-in-theme-format="midnight"][data-theme="light"]) { --brand: hsl(200, 100%, 50%); --background: hsl(210, 50%, 95%); --surface: hsl(205, 45%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(200, 70%, 30%); --secondary: hsl(220, 60%, 50%); --muted: hsl(210, 30%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="midnight"][data-theme="dark"]) { --brand: hsl(200, 100%, 60%); --background: hsl(210, 30%, 10%); --surface: hsl(205, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(200, 70%, 70%); --secondary: hsl(220, 60%, 40%); --muted: hsl(210, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="autumn"][data-theme="light"]) { --brand: hsl(20, 90%, 40%); --background: hsl(35, 50%, 95%); --surface: hsl(30, 45%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(15, 80%, 35%); --secondary: hsl(40, 70%, 50%); --muted: hsl(30, 30%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="autumn"][data-theme="dark"]) { --brand: hsl(20, 90%, 50%); --background: hsl(25, 30%, 10%); --surface: hsl(30, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(15, 80%, 60%); --secondary: hsl(40, 70%, 40%); --muted: hsl(30, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="polar"][data-theme="light"]) { --brand: hsl(190, 90%, 40%); --background: hsl(200, 50%, 98%); --surface: hsl(195, 45%, 95%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(185, 80%, 35%); --secondary: hsl(205, 60%, 50%); --muted: hsl(195, 30%, 75%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="polar"][data-theme="dark"]) { --brand: hsl(190, 90%, 50%); --background: hsl(200, 30%, 10%); --surface: hsl(195, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(185, 80%, 60%); --secondary: hsl(205, 60%, 40%); --muted: hsl(195, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="mocha"][data-theme="light"]) { --brand: hsl(15, 80%, 30%); --background: hsl(30, 35%, 95%); --surface: hsl(25, 30%, 92%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(20, 70%, 30%); --secondary: hsl(35, 60%, 45%); --muted: hsl(25, 25%, 75%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="mocha"][data-theme="dark"]) { --brand: hsl(15, 80%, 40%); --background: hsl(25, 25%, 10%); --surface: hsl(28, 20%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(20, 70%, 50%); --secondary: hsl(35, 60%, 35%); --muted: hsl(25, 25%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="neon"][data-theme="light"]) { --brand: hsl(0, 100%, 50%); --background: hsl(0, 0%, 5%); --surface: hsl(0, 0%, 10%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(340, 100%, 60%); --secondary: hsl(60, 100%, 50%); --muted: hsl(0, 0%, 30%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="neon"][data-theme="dark"]) { --brand: hsl(0, 100%, 60%); --background: hsl(0, 0%, 3%); --surface: hsl(0, 0%, 8%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(340, 100%, 70%); --secondary: hsl(60, 100%, 60%); --muted: hsl(0, 0%, 25%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="pastel"][data-theme="light"]) { --brand: hsl(340, 80%, 75%); --background: hsl(50, 80%, 97%); --surface: hsl(50, 60%, 95%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(200, 50%, 60%); --secondary: hsl(120, 40%, 65%); --muted: hsl(50, 30%, 85%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="pastel"][data-theme="dark"]) { --brand: hsl(340, 80%, 65%); --background: hsl(240, 25%, 15%); --surface: hsl(240, 20%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(200, 50%, 50%); --secondary: hsl(120, 40%, 55%); --muted: hsl(240, 20%, 35%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="monochrome"][data-theme="light"]) { --brand: hsl(0, 0%, 0%); --background: hsl(0, 0%, 100%); --surface: hsl(0, 0%, 95%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 10%); --secondary: hsl(0, 0%, 40%); --muted: hsl(0, 0%, 75%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="monochrome"][data-theme="dark"]) { --brand: hsl(0, 0%, 100%); --background: hsl(0, 0%, 5%); --surface: hsl(0, 0%, 10%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 90%); --secondary: hsl(0, 0%, 60%); --muted: hsl(0, 0%, 25%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="metropolis"][data-theme="light"]) { --brand: hsl(210, 100%, 50%); --background: hsl(220, 40%, 96%); --surface: hsl(215, 35%, 93%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(210, 70%, 35%); --secondary: hsl(230, 60%, 50%); --muted: hsl(220, 25%, 75%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="metropolis"][data-theme="dark"]) { --brand: hsl(210, 100%, 60%); --background: hsl(220, 25%, 10%); --surface: hsl(215, 20%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(210, 70%, 65%); --secondary: hsl(230, 60%, 40%); --muted: hsl(220, 25%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="cyberpunk"][data-theme="light"]) { --radius: 8px; --brand: hsl(210, 100%, 50%); --background: hsl(180, 100%, 10%); --surface: hsl(180, 80%, 15%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(60, 100%, 50%); --secondary: hsl(330, 100%, 50%); --muted: hsl(180, 50%, 30%); --font-heading: var(--font-polaris); --font-body: var(--font-qualux) }
.in-fjwkch:where([data-in-theme-format="cyberpunk"][data-theme="dark"]) { --radius: 8px; --brand: hsl(210, 100%, 60%); --background: hsl(180, 100%, 5%); --surface: hsl(180, 80%, 10%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(60, 100%, 60%); --secondary: hsl(330, 100%, 60%); --muted: hsl(180, 50%, 20%); --font-heading: var(--font-polaris); --font-body: var(--font-qualux) }
.in-fjwkch:where([data-in-theme-format="earth"][data-theme="light"]) { --brand: hsl(0, 60%, 40%); --background: hsl(35, 35%, 95%); --surface: hsl(30, 30%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(120, 35%, 30%); --secondary: hsl(60, 40%, 50%); --muted: hsl(30, 25%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="earth"][data-theme="dark"]) { --brand: hsl(0, 60%, 50%); --background: hsl(30, 25%, 15%); --surface: hsl(35, 20%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(120, 35%, 50%); --secondary: hsl(60, 40%, 40%); --muted: hsl(30, 25%, 35%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="retro"][data-theme="light"]) { --brand: hsl(200, 100%, 40%); --background: hsl(50, 50%, 95%); --surface: hsl(45, 45%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(190, 80%, 35%); --secondary: hsl(30, 70%, 50%); --muted: hsl(50, 30%, 75%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="retro"][data-theme="dark"]) { --brand: hsl(200, 100%, 50%); --background: hsl(40, 30%, 12%); --surface: hsl(45, 25%, 17%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(190, 80%, 60%); --secondary: hsl(30, 70%, 40%); --muted: hsl(50, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="noire"][data-theme="light"]),
.in-fjwkch:where([data-in-theme-format="noir"][data-theme="light"]) { --brand: hsl(0, 100%, 50%); --background: hsl(0, 0%, 10%); --surface: hsl(0, 0%, 15%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 90%); --secondary: hsl(0, 0%, 70%); --muted: hsl(0, 0%, 30%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="noire"][data-theme="dark"]),
.in-fjwkch:where([data-in-theme-format="noir"][data-theme="dark"]) { --brand: hsl(0, 100%, 40%); --background: hsl(0, 0%, 5%); --surface: hsl(0, 0%, 10%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 80%); --secondary: hsl(0, 0%, 60%); --muted: hsl(0, 0%, 25%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="tropical"][data-theme="light"]) { --brand: hsl(270, 100%, 50%); --background: hsl(160, 50%, 95%); --surface: hsl(155, 45%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(150, 70%, 35%); --secondary: hsl(330, 80%, 55%); --muted: hsl(160, 30%, 75%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="tropical"][data-theme="dark"]) { --brand: hsl(270, 100%, 60%); --background: hsl(160, 30%, 10%); --surface: hsl(155, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(150, 70%, 60%); --secondary: hsl(330, 80%, 45%); --muted: hsl(160, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="nordic"][data-theme="light"]) { --brand: hsl(350, 80%, 50%); --background: hsl(200, 50%, 97%); --surface: hsl(195, 45%, 94%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(210, 70%, 35%); --secondary: hsl(180, 60%, 45%); --muted: hsl(200, 30%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="nordic"][data-theme="dark"]) { --brand: hsl(350, 80%, 60%); --background: hsl(200, 30%, 10%); --surface: hsl(195, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(210, 70%, 60%); --secondary: hsl(180, 60%, 35%); --muted: hsl(200, 30%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="steampunk"][data-theme="light"]) { --brand: hsl(15, 90%, 30%); --background: hsl(30, 40%, 92%); --surface: hsl(28, 35%, 88%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(20, 75%, 28%); --secondary: hsl(40, 65%, 45%); --muted: hsl(25, 25%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="steampunk"][data-theme="dark"]) { --brand: hsl(15, 90%, 40%); --background: hsl(25, 25%, 12%); --surface: hsl(28, 20%, 17%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(20, 75%, 55%); --secondary: hsl(40, 65%, 35%); --muted: hsl(25, 25%, 32%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="breeze"][data-theme="light"]) { --brand: hsl(210, 100%, 50%); --background: hsl(195, 100%, 95%); --surface: hsl(200, 60%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(200, 80%, 40%); --secondary: hsl(180, 60%, 50%); --muted: hsl(200, 20%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="breeze"][data-theme="dark"]) { --brand: hsl(210, 100%, 60%); --background: hsl(200, 30%, 10%); --surface: hsl(200, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(200, 80%, 60%); --secondary: hsl(180, 60%, 40%); --muted: hsl(200, 20%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="emerald"][data-theme="light"]) { --brand: hsl(140, 70%, 30%); --background: hsl(100, 50%, 95%); --surface: hsl(110, 40%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(130, 60%, 30%); --secondary: hsl(90, 50%, 45%); --muted: hsl(120, 15%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="emerald"][data-theme="dark"]) { --brand: hsl(140, 70%, 40%); --background: hsl(120, 20%, 10%); --surface: hsl(120, 15%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(130, 60%, 50%); --secondary: hsl(90, 50%, 35%); --muted: hsl(120, 15%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="dusk"][data-theme="light"]) { --brand: hsl(15, 100%, 50%); --background: hsl(40, 100%, 95%); --surface: hsl(35, 80%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(20, 80%, 50%); --secondary: hsl(45, 90%, 60%); --muted: hsl(30, 20%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="dusk"][data-theme="dark"]) { --brand: hsl(15, 100%, 60%); --background: hsl(20, 30%, 10%); --surface: hsl(25, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(20, 80%, 60%); --secondary: hsl(45, 90%, 50%); --muted: hsl(30, 20%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="amethyst"][data-theme="light"]) { --brand: hsl(290, 70%, 40%); --background: hsl(260, 40%, 95%); --surface: hsl(265, 30%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(280, 60%, 50%); --secondary: hsl(250, 50%, 60%); --muted: hsl(270, 15%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="amethyst"][data-theme="dark"]) { --brand: hsl(290, 70%, 50%); --background: hsl(260, 20%, 10%); --surface: hsl(265, 15%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(280, 60%, 60%); --secondary: hsl(250, 50%, 50%); --muted: hsl(270, 15%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="cherry"][data-theme="light"]) { --brand: hsl(330, 100%, 45%); --background: hsl(10, 100%, 97%); --surface: hsl(355, 60%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(340, 70%, 50%); --secondary: hsl(0, 60%, 70%); --muted: hsl(350, 20%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="cherry"][data-theme="dark"]) { --brand: hsl(330, 100%, 55%); --background: hsl(350, 30%, 10%); --surface: hsl(355, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(340, 70%, 60%); --secondary: hsl(0, 60%, 60%); --muted: hsl(350, 20%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="rustic"][data-theme="light"]) { --brand: hsl(20, 90%, 40%); --background: hsl(40, 30%, 95%); --surface: hsl(35, 25%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(15, 80%, 40%); --secondary: hsl(45, 70%, 50%); --muted: hsl(25, 20%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="rustic"][data-theme="dark"]) { --brand: hsl(20, 90%, 50%); --background: hsl(25, 30%, 10%); --surface: hsl(30, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(15, 80%, 50%); --secondary: hsl(45, 70%, 40%); --muted: hsl(25, 20%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="arctic"][data-theme="light"]) { --brand: hsl(190, 90%, 40%); --background: hsl(210, 60%, 98%); --surface: hsl(205, 50%, 97%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(195, 80%, 40%); --secondary: hsl(215, 60%, 50%); --muted: hsl(200, 15%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="arctic"][data-theme="dark"]) { --brand: hsl(190, 90%, 50%); --background: hsl(210, 30%, 10%); --surface: hsl(205, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(195, 80%, 50%); --secondary: hsl(215, 60%, 60%); --muted: hsl(200, 15%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="expresso"][data-theme="light"]) { --brand: hsl(15, 80%, 30%); --background: hsl(30, 30%, 95%); --surface: hsl(28, 25%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(20, 70%, 35%); --secondary: hsl(35, 60%, 45%); --muted: hsl(25, 15%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="expresso"][data-theme="dark"]) { --brand: hsl(15, 80%, 40%); --background: hsl(25, 30%, 10%); --surface: hsl(28, 25%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(20, 70%, 45%); --secondary: hsl(35, 60%, 35%); --muted: hsl(25, 15%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="sherbet"][data-theme="light"]) { --brand: hsl(340, 80%, 75%); --background: hsl(60, 100%, 97%); --surface: hsl(60, 60%, 95%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(180, 50%, 60%); --secondary: hsl(120, 40%, 70%); --muted: hsl(60, 30%, 85%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="sherbet"][data-theme="dark"]) { --brand: hsl(340, 80%, 65%); --background: hsl(240, 30%, 15%); --surface: hsl(240, 25%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(180, 50%, 50%); --secondary: hsl(120, 40%, 60%); --muted: hsl(240, 20%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="mamal"][data-theme="light"]) { --brand: hsl(0, 0%, 0%); --background: hsl(0, 0%, 100%); --surface: hsl(0, 0%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 20%); --secondary: hsl(0, 0%, 40%); --muted: hsl(0, 0%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="mamal"][data-theme="dark"]) { --brand: hsl(0, 0%, 100%); --background: hsl(0, 0%, 10%); --surface: hsl(0, 0%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 80%); --secondary: hsl(0, 0%, 60%); --muted: hsl(0, 0%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="terra"][data-theme="light"]) { --brand: hsl(0, 60%, 40%); --background: hsl(40, 30%, 95%); --surface: hsl(35, 25%, 90%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(120, 30%, 30%); --secondary: hsl(60, 40%, 50%); --muted: hsl(30, 20%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="terra"][data-theme="dark"]) { --brand: hsl(0, 60%, 50%); --background: hsl(30, 30%, 15%); --surface: hsl(35, 25%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(120, 30%, 40%); --secondary: hsl(60, 40%, 40%); --muted: hsl(30, 20%, 40%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="vintage"][data-theme="light"]) { --brand: hsl(200, 100%, 40%); --background: hsl(30, 50%, 90%); --surface: hsl(30, 40%, 95%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(350, 80%, 50%); --secondary: hsl(160, 50%, 40%); --muted: hsl(30, 30%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="vintage"][data-theme="dark"]) { --brand: hsl(200, 100%, 50%); --background: hsl(30, 30%, 15%); --surface: hsl(30, 25%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(350, 80%, 60%); --secondary: hsl(160, 50%, 50%); --muted: hsl(30, 30%, 40%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="island"][data-theme="light"]) { --brand: hsl(270, 100%, 50%); --background: hsl(180, 50%, 95%); --surface: hsl(180, 40%, 98%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(150, 80%, 40%); --secondary: hsl(330, 70%, 50%); --muted: hsl(180, 30%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="island"][data-theme="dark"]) { --brand: hsl(270, 100%, 60%); --background: hsl(180, 30%, 15%); --surface: hsl(180, 25%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(150, 80%, 50%); --secondary: hsl(330, 70%, 60%); --muted: hsl(180, 30%, 40%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="fjord"][data-theme="light"]) { --brand: hsl(350, 80%, 50%); --background: hsl(210, 50%, 98%); --surface: hsl(210, 40%, 95%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(220, 80%, 30%); --secondary: hsl(180, 60%, 40%); --muted: hsl(210, 30%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="fjord"][data-theme="dark"]) { --brand: hsl(350, 80%, 60%); --background: hsl(210, 30%, 15%); --surface: hsl(210, 25%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(220, 80%, 40%); --secondary: hsl(180, 60%, 50%); --muted: hsl(210, 30%, 40%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="brass"][data-theme="light"]) { --brand: hsl(15, 90%, 30%); --background: hsl(40, 30%, 90%); --surface: hsl(35, 25%, 95%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(20, 70%, 30%); --secondary: hsl(45, 60%, 50%); --muted: hsl(30, 20%, 70%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="brass"][data-theme="dark"]) { --brand: hsl(15, 90%, 40%); --background: hsl(30, 30%, 15%); --surface: hsl(35, 25%, 20%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(20, 70%, 40%); --secondary: hsl(45, 60%, 40%); --muted: hsl(30, 20%, 40%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="unoclub"][data-theme="light"]) { --brand: hsl(145, 63%, 42%); --background: hsl(0, 0%, 100%); --surface: hsl(145, 30%, 96%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 15%); --secondary: hsl(145, 63%, 38%); --muted: hsl(0, 0%, 80%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="unoclub"][data-theme="dark"]) { --brand: hsl(145, 63%, 52%); --background: hsl(0, 0%, 9%); --surface: hsl(145, 20%, 14%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 95%); --secondary: hsl(145, 63%, 58%); --muted: hsl(0, 0%, 30%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="duoclub"][data-theme="light"]) { --brand: hsl(217, 89%, 61%); --background: hsl(0, 0%, 100%); --surface: hsl(217, 40%, 96%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 18%); --secondary: hsl(217, 89%, 55%); --muted: hsl(0, 0%, 78%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="duoclub"][data-theme="dark"]) { --brand: hsl(217, 89%, 71%); --background: hsl(0, 0%, 11%); --surface: hsl(217, 30%, 16%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 92%); --secondary: hsl(217, 89%, 75%); --muted: hsl(0, 0%, 32%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="tresclub"][data-theme="light"]) { --brand: hsl(2, 89%, 58%); --background: hsl(0, 0%, 100%); --surface: hsl(2, 40%, 97%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(0, 0%, 16%); --secondary: hsl(2, 89%, 52%); --muted: hsl(0, 0%, 79%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="tresclub"][data-theme="dark"]) { --brand: hsl(2, 89%, 68%); --background: hsl(0, 0%, 10%); --surface: hsl(2, 30%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 93%); --secondary: hsl(2, 89%, 72%); --muted: hsl(0, 0%, 31%); --invert: hsl(231, 42%, 15%) }
.in-fjwkch:where([data-in-theme-format="zinc"][data-theme="light"]) { --brand: hsl(240, 5%, 65%); --background: hsl(0, 0%, 100%); --surface: hsl(240, 5%, 96%); --window: hsla(0, 0%, 100%, 0.3); --primary: hsl(240, 5%, 26%); --secondary: hsl(240, 5%, 46%); --muted: hsl(240, 5%, 86%); --invert: hsl(0, 0%, 100%) }
.in-fjwkch:where([data-in-theme-format="zinc"][data-theme="dark"]) { --brand: hsl(240, 5%, 65%); --background: hsl(240, 10%, 10%); --surface: hsl(240, 10%, 15%); --window: hsla(229, 41%, 18%, 0.3); --primary: hsl(0, 0%, 90%); --secondary: hsl(240, 5%, 70%); --muted: hsl(240, 5%, 25%); --invert: hsl(231, 42%, 15%) }