html, body { height: 100%; } body { display: grid; place-items: stretch; }
.ra { container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); width: 100% }
.rb { display: grid; isolation: isolate; overflow: visible; place-items: flex-start flex-start; position: relative }
.rc { align-items: center; display: flex; flex-direction: row }
.rd { align-items: center; display: flex; flex-direction: row; gap: 8px }
.re { flex: 1 1 0% }
.rf { border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden }
.rg { -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) }
.rh { background: var(--glass); border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid var(--glassLine); outline-offset: -1px; padding: 10px 16px }
.ri { color: var(--pageInk); font-size: 12px; font-weight: 700; letter-spacing: 0.5px }
.rj { align-items: center; display: flex; flex-direction: row; gap: 12px }
.rk { align-items: center; display: flex; flex-direction: row; gap: 4px }
.rl { color: var(--pageInk); font-size: 12px; font-weight: 800; letter-spacing: 0.7px }
.rm { color: color-mix(in srgb, var(--pageInk) 50%, transparent); font-size: 12px }
.rn { background: var(--glass); border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1.5px solid var(--pageInk); outline-offset: -1.5px; padding: 9px 18px }
.ro { color: var(--pageInk); font-size: 13.5px; font-weight: 700 }
.rp { display: grid; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative; width: 100% }
.rq { align-items: stretch; display: flex; flex-direction: column }
.rr { height: 84px; width: 100% }
.rs { width: calc(100cqi * 0.03) }
.rt { align-items: flex-start; display: flex; flex-direction: row }
.ru { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: max(200px, calc(470px - (100cqi * 0.13))); place-items: stretch }
.rv { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: translate(0px, calc(0px - (100cqi * 0.1))); transform-style: preserve-3d }
.rw { backface-visibility: hidden; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: translate3d(0px, 0px, 560px); transform-style: flat }
.rx { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 280px }
.ry { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 360px; place-items: stretch }
.rz { background: var(--cardInk); border-radius: 18px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #9b8afb47; outline-offset: -1px; padding: 20px }
.raa { align-items: stretch; display: flex; flex-direction: column; gap: 10px }
.rab { color: #fafaff8c; font-family: 'monospace', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 1.2px; width: 100% }
.rac { color: var(--paper); font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 26px; line-height: 1; width: 100% }
.rad { border-radius: 9px; display: grid; flex: 1 1 0%; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 0; min-width: 0; overflow: hidden; width: 100% }
.rae { background: var(--violetSurface); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 10px }
.raf { align-items: stretch; display: flex; flex-direction: column; gap: 6px }
.rag { background: linear-gradient(135deg, var(--primaryDeep), var(--primary)); border-radius: 5px; height: 22px; width: 100% }
.rah { align-items: stretch; display: flex; flex: 1 1 0%; flex-direction: row; gap: 6px; min-height: 0; min-width: 0; width: 100% }
.rai { background: #241d46; border-radius: 5px; flex: 1 1 0%; height: 100%; min-height: 0; min-width: 0 }
.raj { align-items: center; display: flex; flex-direction: row; gap: 8px; width: 100% }
.rak { color: #fafaffb3; flex: 1 1 0%; font-size: 10.5px; font-weight: 700; min-height: 0; min-width: 0 }
.ral { background: #2a2350; border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #9b8afb66; outline-offset: -1px; padding: 4px 9px }
.ram { color: var(--quoteInk); font-size: 9.5px; font-weight: 800; letter-spacing: 0.6px }
.ran { align-items: flex-start; display: flex; flex-direction: column }
.rao { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 21px; line-height: 1.15 }
.rap { background: #0d0a1f; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px }
.raq { color: #9b8afb; font-family: 'monospace', sans-serif; font-size: 10px; line-height: 1.75 }
.rar { color: #8f86c2; font-family: 'monospace', sans-serif; font-size: 10px; line-height: 1.75 }
.ras { color: #9b8afb; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 21px; line-height: 1.15 }
.rat { text-align: center }
.rau { color: #fafaffeb; font-size: clamp(16px, calc(100cqi * 0.016), 21px); font-weight: 500; line-height: 1.55 }
.rav { color: var(--primary); font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: clamp(18px, calc(100cqi * 0.018), 24px); font-style: italic; line-height: 1.55 }
.raw { background: linear-gradient(135deg, var(--primaryDeep), var(--primary)); border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 16px 30px }
.rax { color: #ffffff; font-size: 15.5px; font-weight: 700 }
.ray { height: 8px }
.raz { align-items: center; display: flex; flex-direction: row; gap: 10px }
.rba { height: 64px }
.rbb { bottom: 0px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: 360px; width: 1px; z-index: 1 }
.rbc { width: 1px }
.rbd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 150px }
.rbe { align-items: center; display: flex; flex-direction: row; gap: 14px }
.rbf { background: var(--green); border-radius: 999px; height: 8px; width: 8px }
.rbg { color: #fafaffd9; font-size: 15px; font-weight: 800; letter-spacing: 1.8px }
.rbh { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); justify-self: stretch; z-index: 0 }
.rbi { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 120px 0px }
.rbj { width: calc(100cqi * 0.04) }
.rbk { align-items: stretch; display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0; min-width: 0 }
.rbl { align-items: center; display: flex; flex-direction: row; gap: 10px; width: 100% }
.rbm { background: #fafaff8c; height: 1.5px; width: 34px }
.rbn { color: #fafaff8c; font-family: 'monospace', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2.2px }
.rbo { height: 34px; width: 100% }
.rbp { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * 0.92); place-items: stretch }
.rbq { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); opacity: 0; z-index: 0 }
.rbr { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rbs { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * -0.2); z-index: 1 }
.rbt { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * 1.26); place-items: stretch }
.rbu { display: grid; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative }
.rbv { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * 0.2) 0px 0px 0px; z-index: 0 }
.rbw { overflow: hidden; transition: height 900ms ease }
.rbx { height: 308px; width: 1px }
.rby { overflow: hidden; transition: height 900ms ease 24ms }
.rbz { overflow: hidden; transition: height 900ms ease 48ms }
.rca { overflow: hidden; transition: height 900ms ease 72ms }
.rcb { overflow: hidden; transition: height 900ms ease 96ms }
.rcc { overflow: hidden; transition: height 900ms ease 120ms }
.rcd { overflow: hidden; transition: height 900ms ease 144ms }
.rce { overflow: hidden; transition: height 900ms ease 168ms }
.rcf { overflow: hidden; transition: height 900ms ease 192ms }
.rcg { overflow: hidden; transition: height 900ms ease 216ms }
.rch { overflow: hidden; transition: height 900ms ease 240ms }
.rci { overflow: hidden; transition: height 900ms ease 264ms }
.rcj { overflow: hidden; transition: height 900ms ease 288ms }
.rck { overflow: hidden; transition: height 900ms ease 312ms }
.rcl { overflow: hidden; transition: height 900ms ease 336ms }
.rcm { overflow: hidden; transition: height 900ms ease 360ms }
.rcn { overflow: hidden; transition: height 900ms ease 384ms }
.rco { overflow: hidden; transition: height 900ms ease 408ms }
.rcp { overflow: hidden; transition: height 900ms ease 432ms }
.rcq { overflow: hidden; transition: height 900ms ease 456ms }
.rcr { overflow: hidden; transition: height 900ms ease 480ms }
.rcs { overflow: hidden; transition: height 900ms ease 504ms }
.rct { overflow: hidden; transition: height 900ms ease 528ms }
.rcu { height: 56px; width: 100% }
.rcv { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc(100cqi / 2) }
.rcw { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 0px calc(100cqi * 0.05) 0px 0px }
.rcx { color: #fafaff; font-size: clamp(19px, calc(100cqi * 0.02), 26px); font-weight: 600; line-height: 1.5 }
.rcy { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 0px 0px 0px calc(100cqi * 0.05) }
.rcz { height: 64px; width: 100% }
.rda { display: grid; height: 100%; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative; width: 100% }
.rdb { align-self: stretch; bottom: 0px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); justify-self: stretch; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 0 }
.rdc { align-items: center; display: flex; justify-content: center }
.rdd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 170px; place-items: stretch; width: min(430px, calc(100cqi * 0.72)) }
.rde { border-radius: 18px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #9b8afb59; outline-offset: -1px; overflow: hidden }
.rdf { background: var(--violetSurface); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px }
.rdg { align-items: stretch; display: flex; flex-direction: column; gap: 8px }
.rdh { align-items: center; display: flex; flex-direction: row; gap: 5px; width: 100% }
.rdi { background: #fafaff59; border-radius: 999px; height: 7px; width: 7px }
.rdj { background: #241d46; border-radius: 999px; flex: 1 1 0%; height: 9px; margin: 0px 0px 0px 6px; min-height: 0; min-width: 0 }
.rdk { background: #241d46; border-radius: 4px; height: 14px; width: 100% }
.rdl { background: #241d46; border-radius: 4px; flex: 1 1 0%; min-height: 0; min-width: 0; width: 100% }
.rdm { background: linear-gradient(90deg, var(--primaryDeep), var(--primary)); border-radius: 4px; height: 16px; width: 100% }
.rdn { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 210px; place-items: stretch; width: min(520px, calc(100cqi * 0.84)) }
.rdo { flex: 1 1 0%; width: 100% }
.rdp { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 180px; place-items: stretch; width: min(460px, calc(100cqi * 0.76)) }
.rdq { align-items: stretch; display: flex; flex-direction: row; gap: 10px }
.rdr { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 100%; place-items: stretch; width: 34px }
.rds { background: #241d46; border-radius: 999px; height: 8px; width: 100% }
.rdt { align-items: stretch; display: flex; flex: 1 1 0%; flex-direction: column; gap: 8px; height: 100%; min-height: 0; min-width: 0 }
.rdu { align-items: center; display: flex; flex-direction: row; gap: 6px; width: 100% }
.rdv { background: #241d46; border-radius: 4px; flex: 1 1 0%; height: 16px; min-height: 0; min-width: 0 }
.rdw { align-items: flex-end; display: flex; flex: 1 1 0%; flex-direction: row; gap: 6px; min-height: 0; min-width: 0; width: 100% }
.rdx { background: linear-gradient(0deg, var(--primaryDeep), var(--primary)); border-radius: 4px; height: 14.96px; width: 100% }
.rdy { background: linear-gradient(0deg, var(--primaryDeep), var(--primary)); border-radius: 4px; height: 23.799999999999997px; width: 100% }
.rdz { background: linear-gradient(0deg, var(--primaryDeep), var(--primary)); border-radius: 4px; height: 17.68px; width: 100% }
.rea { background: linear-gradient(0deg, var(--primaryDeep), var(--primary)); border-radius: 4px; height: 29.24px; width: 100% }
.reb { background: linear-gradient(0deg, var(--primaryDeep), var(--primary)); border-radius: 4px; height: 20.4px; width: 100% }
.rec { background: linear-gradient(0deg, var(--primaryDeep), var(--primary)); border-radius: 4px; height: 32.3px; width: 100% }
.red { align-content: flex-start; column-gap: 22px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 22px; width: 100% }
.ree { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 22px) / 2) }
.ref { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 430px; place-items: stretch }
.reg { background: var(--cardInk); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden }
.reh { bottom: -50px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); position: absolute; right: -40px; z-index: 0 }
.rei { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: rotate(0.21rad); transform-style: preserve-3d }
.rej { align-self: stretch; bottom: 0px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; right: 0px; top: 0px; z-index: 1 }
.rek { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 28px }
.rel { color: #fafaff80; font-size: 13px; font-weight: 800 }
.rem { height: 14px }
.ren { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 44px; line-height: 0.95 }
.reo { height: 10px }
.rep { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 420px; width: fit-content }
.req { color: #fafaffd1; font-size: 15px; line-height: 1.6 }
.rer { align-content: flex-start; column-gap: 8px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 8px }
.res { border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #fafaff47; outline-offset: -1px; padding: 7px 12px }
.ret { color: #fafaff; font-size: 11px; font-weight: 800; letter-spacing: 0.9px }
.reu { height: 20px; width: 100% }
.rev { align-items: center; display: flex; justify-content: flex-start; width: 100% }
.rew { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 14px 0px }
.rex { color: #fafaff; font-size: 12.5px; font-weight: 600; letter-spacing: 2.75px }
.rey { align-items: center; border-radius: 999px; display: flex; height: 34px; justify-content: center; outline: 1.5px solid #fafaff99; outline-offset: -1.5px; width: 34px }
.rez { color: #fafaff; font-size: 14px; height: 14px; width: 14px }
.rfa { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 8.4)), 280px) * 0.92); place-items: stretch }
.rfb { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 8.4)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rfc { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 8.4)), 280px) * -0.2); z-index: 1 }
.rfd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 8.4)), 280px) * 1.26); place-items: stretch }
.rfe { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 8.4)), 280px) * 0.2) 0px 0px 0px; z-index: 0 }
.rff { height: 70px; width: 100% }
.rfg { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 48px) / 3) }
.rfh { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 500px; place-items: stretch }
.rfi { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: translate(0px, 46px); transform-style: preserve-3d }
.rfj { background: #0e082624; border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1.5px solid #fafaff59; outline-offset: -1.5px; padding: 26px }
.rfk { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 60px; line-height: 1; width: 100% }
.rfl { color: #fafaff; font-size: 21px; font-weight: 800; letter-spacing: -0.2px; width: 100% }
.rfm { height: 10px; width: 100% }
.rfn { color: #fafaffe0; font-size: 14.5px; line-height: 1.62; width: 100% }
.rfo { height: 18px; width: 100% }
.rfp { border-radius: 12px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #fafaff38; outline-offset: -1px; overflow: hidden; width: 100% }
.rfq { background: var(--cardInk); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px }
.rfr { border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #9b8afb66; outline-offset: -1px; padding: 4px 8px }
.rfs { color: var(--quoteInk); font-size: 9px; font-weight: 800; letter-spacing: 0.45px }
.rft { background: #fafaffa6; height: 1.5px; width: 22px }
.rfu { color: #fafaffa6; font-family: 'monospace', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 1.2px }
.rfv { background: #15102e; border-radius: 8px; display: grid; flex: 1 1 0%; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 44px; min-height: 0; min-width: 0; outline: 1px solid #2a2447; outline-offset: -1px; overflow: hidden }
.rfw { bottom: 0px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; right: 0px; top: 0px; z-index: 0 }
.rfx { background: linear-gradient(90deg, #9b8afb00, #9b8afb2e, #9b8afb00); height: 44px; width: 80px }
.rfy { grid-area: 1 / 1; position: absolute; right: 6px; top: 3px; z-index: 1 }
.rfz { align-items: center; background: #15102e; border-radius: 6px; display: flex; height: 20px; outline: 1px solid #2a2447; outline-offset: -1px; padding: 0px 8px; width: 100% }
.rga { color: #ebe9feb3; font-size: 9px; font-weight: 700 }
.rgb { height: 44px; width: 100% }
.rgc { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: translate(0px, 46px); transform-style: preserve-3d; width: 100% }
.rgd { color: #fafaff; font-size: clamp(17.50px, calc(100cqi * 0.022), 28px); font-weight: 600; line-height: 1.45 }
.rge { align-items: center; display: flex; justify-content: center; width: 100% }
.rgf { height: 0px; width: 100% }
.rgg { height: 28px; width: 100% }
.rgh { color: #0e0826eb; font-size: clamp(17px, calc(100cqi * 0.019), 23px); font-weight: 500; line-height: 1.5 }
.rgi { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 54px) / 2) }
.rgj { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 380px; place-items: stretch }
.rgk { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 32px 30px }
.rgl { height: 14px; width: 100% }
.rgm { height: 6px; width: 100% }
.rgn { height: 22px; width: 100% }
.rgo { align-items: flex-start; display: flex; flex-direction: row; gap: 12px; width: 100% }
.rgp { align-items: center; background: #fbe4e4; border-radius: 999px; display: flex; height: 22px; justify-content: center; margin: 1px 0px 0px 0px; width: 22px }
.rgq { color: #b03030; font-size: 11px; font-weight: 800 }
.rgr { color: #0e0826b8; flex: 1 1 0%; font-size: 15px; font-weight: 500; line-height: 1.4; min-height: 0; min-width: 0 }
.rgs { height: 15px; width: 100% }
.rgt { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: rotate(0rad); transform-style: preserve-3d }
.rgu { background: var(--green); border-radius: 999px; height: 7px; width: 7px }
.rgv { align-items: center; background: #10361f; border-radius: 999px; display: flex; height: 22px; justify-content: center; margin: 1px 0px 0px 0px; width: 22px }
.rgw { color: var(--green); font-size: 11px; font-weight: 800 }
.rgx { color: var(--paper); flex: 1 1 0%; font-size: 15px; font-weight: 500; line-height: 1.4; min-height: 0; min-width: 0 }
.rgy { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * 0.92); place-items: stretch }
.rgz { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rha { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * -0.2); z-index: 1 }
.rhb { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * 1.26); place-items: stretch }
.rhc { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * 0.2) 0px 0px 0px; z-index: 0 }
.rhd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 720px; width: fit-content }
.rhe { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden; width: 100% }
.rhf { align-items: flex-start; display: flex; flex-direction: row; gap: 24px }
.rhg { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 300px }
.rhh { background: var(--cardInk); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #9b8afb38; outline-offset: -1px; padding: 14px }
.rhi { align-items: stretch; display: flex; flex-direction: column; gap: 12px }
.rhj { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 190px; place-items: stretch; width: 100% }
.rhk { border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden }
.rhl { color: var(--paper); display: block; flex: 1 1 0%; font-size: 12.5px; font-weight: 700; min-height: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.rhm { align-items: center; display: flex; flex-direction: row; gap: 5px }
.rhn { background: var(--green); border-radius: 999px; height: 5px; width: 5px }
.rho { color: var(--green); font-family: 'monospace', sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: 0.4px }
.rhp { align-items: center; background: linear-gradient(153.43494882292202deg, var(--primaryDeep), var(--primary)); display: flex; justify-content: center }
.rhq { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 170px; place-items: stretch; width: 96px }
.rhr { background: var(--cardInk); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 6px }
.rhs { background: linear-gradient(153.43494882292202deg, #29c467, #6938ef); border-radius: 11px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden; padding: 8px }
.rht { align-items: flex-start; display: flex; flex-direction: column; gap: 4px }
.rhu { color: var(--paper); font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 13px; line-height: 1.05 }
.rhv { align-items: center; display: flex; flex-direction: row; gap: 3px }
.rhw { background: #ffffff; border-radius: 999px; height: 4px; width: 4px }
.rhx { background: #ffffff80; border-radius: 999px; height: 4px; width: 4px }
.rhy { color: #9b8afb; font-family: 'monospace', sans-serif; font-size: 9.5px; line-height: 1.8 }
.rhz { color: #8f86c2; font-family: 'monospace', sans-serif; font-size: 9.5px; line-height: 1.8 }
.ria { color: #29c467; font-family: 'monospace', sans-serif; font-size: 9.5px; line-height: 1.8 }
.rib { height: 26px; width: 100% }
.ric { background: var(--violetSurface); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 13px }
.rid { align-items: stretch; display: flex; flex-direction: column; gap: 9px }
.rie { background: #6938ef; border-radius: 7px; height: 24px; width: 24px }
.rif { background: #9b8afb; border-radius: 7px; height: 24px; width: 24px }
.rig { background: #29c467; border-radius: 7px; height: 24px; width: 24px }
.rih { background: #fafaff; border-radius: 7px; height: 24px; width: 24px }
.rii { width: 100% }
.rij { color: var(--paper); font-size: 17px; font-weight: 800 }
.rik { color: var(--primary); font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: 17px; font-style: italic }
.ril { background: #241d46; border-radius: 4px; height: 7px; width: 100% }
.rim { background: #241d46; border-radius: 4px; height: 7px; width: 110px }
.rin { background: linear-gradient(153.43494882292202deg, #0e0826, #36345e); border-radius: 11px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden; padding: 8px }
.rio { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); position: absolute; right: 0px; top: 0px; z-index: 0 }
.rip { color: #fafaff12; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(150px, calc(100cqi * 0.26), 430px); line-height: 0.8 }
.riq { align-items: stretch; display: flex; flex-direction: column; grid-area: 1 / 1; justify-self: stretch; z-index: 1 }
.rir { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 6.16)), 280px) * 0.92); place-items: stretch }
.ris { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 6.16)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rit { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 6.16)), 280px) * -0.2); z-index: 1 }
.riu { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 6.16)), 280px) * 1.26); place-items: stretch }
.riv { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 6.16)), 280px) * 0.2) 0px 0px 0px; z-index: 0 }
.riw { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 24px) / 2) }
.rix { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 300px; place-items: stretch }
.riy { background: var(--violetSurface); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid var(--borderDark); outline-offset: -1px; padding: 30px }
.riz { color: var(--primary); font-size: 12px; font-weight: 800 }
.rja { height: 16px }
.rjb { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 34px; line-height: 0.98 }
.rjc { height: 12px }
.rjd { color: #fafaffbf; font-size: 15px; line-height: 1.62 }
.rje { align-items: center; display: flex; justify-content: flex-start }
.rjf { align-content: flex-start; align-items: center; column-gap: 7px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 7px }
.rjg { background: var(--violetDeep); border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #2a2447; outline-offset: -1px; padding: 5px 9px }
.rjh { color: #ebe9fea6; font-family: 'Inter', sans-serif; font-size: 9.5px; font-weight: 700 }
.rji { background: var(--violetDeep); border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #9b8afb; outline-offset: -1px; padding: 5px 9px }
.rjj { color: #c9beff; font-family: 'Inter', sans-serif; font-size: 9.5px; font-weight: 700 }
.rjk { height: 22px }
.rjl { color: #fafaff80; font-size: 12.5px; font-weight: 700; text-decoration: line-through }
.rjm { color: var(--green); font-size: 12.5px; font-weight: 700 }
.rjn { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc(100cqi * 1.0) }
.rjo { background: #fafaff59; height: 1.5px; width: 100% }
.rjp { color: #fafaff; font-size: clamp(26px, calc(100cqi * 0.036), 54px); font-weight: 200; letter-spacing: -0.6px; line-height: 1.22 }
.rjq { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - clamp(30px, calc(100cqi * 0.05), 72px)) / 2) }
.rjr { align-items: flex-start; display: flex; flex-direction: column; gap: 10px }
.rjs { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(46px, calc(100cqi * 0.13), 96px); line-height: 0.9 }
.rjt { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 300px; width: fit-content }
.rju { color: #fafaffcc; font-size: 13.5px; font-weight: 700; letter-spacing: 0.3px; line-height: 1.35 }
.rjv { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 766.5px }
.rjw { background: var(--cardInk); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 24px }
.rjx { align-items: center; background: linear-gradient(135deg, var(--primaryDeep), var(--primary)); border-radius: 999px; display: flex; height: 46px; justify-content: center; width: 46px }
.rjy { color: #ffffff; font-size: 17px; font-weight: 800 }
.rjz { color: #fafaff; font-size: 19px; font-weight: 800 }
.rka { height: 4px }
.rkb { color: #fafaff99; font-size: 12px; font-weight: 700; letter-spacing: 1.2px }
.rkc { color: #fafaffd1; font-size: 13.5px; line-height: 1.6 }
.rkd { color: var(--quoteInk); font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: 15.5px; font-style: italic; line-height: 1.4 }
.rke { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 180px) / 4) }
.rkf { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(46px, calc(100cqi * 0.5), 120px); line-height: 0.9 }
.rkg { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 220px; width: fit-content }
.rkh { color: #fafaffbf; font-size: 13px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.35 }
.rki { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 520px; place-items: stretch; width: 100% }
.rkj { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 330px; place-items: stretch; width: 600px; z-index: 1 }
.rkk { background: var(--paper); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 32px 34px }
.rkl { color: var(--primaryDeep); font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: 52px; font-style: italic; line-height: 0.9; width: 100% }
.rkm { color: var(--ink); font-size: 16px; line-height: 1.65; width: 100% }
.rkn { background: var(--borderLight); height: 1px; width: 100% }
.rko { height: 16px; width: 100% }
.rkp { color: #14082fb3; font-size: 12px; font-weight: 800; letter-spacing: 0.6px; width: 100% }
.rkq { align-items: center; border-radius: 999px; display: flex; height: 52px; justify-content: center; outline: 1.5px solid var(--ink); outline-offset: -1.5px; width: 52px }
.rkr { color: var(--ink); font-size: 18px; height: 18px; width: 18px }
.rks { align-items: center; display: flex; flex-direction: column }
.rkt { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 1.6800000000000002)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rku { align-items: stretch; display: flex; flex-direction: column; width: 100% }
.rkv { background: #fafaff40; height: 1.5px; width: 100% }
.rkw { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 26px 4px; width: 100% }
.rkx { align-items: center; display: flex; flex-direction: row; gap: 20px }
.rky { color: #fafaff73; font-size: 12px; font-weight: 800 }
.rkz { color: #fafaff; flex: 1 1 0%; font-size: 21px; font-weight: 700; letter-spacing: -0.2px; line-height: 1.3; min-height: 0; min-width: 0 }
.rla { align-items: center; background: #00000000; border-radius: 999px; display: flex; height: 34px; justify-content: center; outline: 1.5px solid #fafaff66; outline-offset: -1.5px; width: 34px }
.rlb { color: #fafaff; font-size: 17px; height: 17px; width: 17px }
.rlc { overflow: hidden; transition: height 550ms ease; width: 100% }
.rld { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 0px 4px 28px 4px }
.rle { color: #fafaffcc; font-size: 15.5px; line-height: 1.65 }
.rlf { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 5.040000000000001)), 280px) * 0.92); place-items: stretch }
.rlg { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 5.040000000000001)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rlh { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 5.040000000000001)), 280px) * -0.2); z-index: 1 }
.rli { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 5.040000000000001)), 280px) * 1.26); place-items: stretch }
.rlj { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 5.040000000000001)), 280px) * 0.2) 0px 0px 0px; z-index: 0 }
.rlk { align-items: center; display: flex; flex-direction: row; gap: 7px }
.rll { background: var(--green); border-radius: 999px; height: 6px; width: 6px }
.rlm { color: #fafaff99; font-size: 12.5px; font-weight: 600 }
.rln { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 420px }
.rlo { align-items: stretch; display: flex; flex-direction: column; gap: 7px }
.rlp { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 0px 0px 0px 0px }
.rlq { background: linear-gradient(90deg, #6938ef, #9b8afb, #c9beff, #29c467, #f5a524); border-radius: 999px; height: 9px; width: calc(100cqi * 0.78) }
.rlr { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 0px 0px 0px calc(100cqi * 0.1) }
.rls { background: linear-gradient(90deg, #6938ef, #9b8afb, #c9beff, #29c467, #f5a524); border-radius: 999px; height: 9px; width: calc(100cqi * 0.56) }
.rlt { background: linear-gradient(90deg, #6938ef, #9b8afb, #c9beff, #29c467, #f5a524); border-radius: 999px; height: 9px; width: calc(100cqi * 0.88) }
.rlu { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: calc(100cqi * 0.62); width: fit-content }
.rlv { color: var(--paper); font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(26px, min(calc(100cqi * 0.065), calc(100cqi / 10.799999999999999)), 110px); line-height: 0.98 }
.rlw { background: #9b8afb2e; height: 1px; width: 100% }
.rlx { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 200px }
.rly { color: #fafaff80; font-size: 11.5px; font-weight: 800; letter-spacing: 2.3px }
.rlz { height: 18px }
.rma { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 7px 0px }
.rmb { color: #fafaffd9; font-size: 16px; font-weight: 600 }
.rmc { color: #fafaff99; font-size: 13.5px; line-height: 1.65 }
.rmd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc(100cqi - 736px) }
.rme { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 736px) * 0.8) }
.rmf { color: #fafaff80; font-size: 12.5px }
.rmg { outline: 10px solid #0e0826; outline-offset: -10px }
.rmh { display: none; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: fixed; right: 0px; top: 0px; z-index: 2 }
.rmi { align-self: stretch; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 6px 0px }
.rmj { align-items: flex-end; display: flex; flex-direction: row; gap: 14px }
.rmk { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 22px }
.rml { color: var(--primary); font-family: 'monospace', sans-serif; font-size: 12px; font-weight: 700 }
.rmm { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(30px, calc(100cqi * 0.107), 52px); line-height: 1.22 }
.rmn { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) }
.rmo { background: var(--pageInk); border-radius: 2px; height: 2px; width: 22px }
.rmp { background: #fafaff; border-radius: 2px; height: 2px; width: 22px }
.rmq { bottom: 16px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); position: fixed; right: 16px; z-index: 4 }
html { scroll-behavior: smooth; }
@container (max-width: 1180px) { #r640 { display: none; } }
@container (max-width: 900px) { #r641 { display: none; } }
@container (max-width: 1180px) { #r642 { height: 84px; } }
@container (min-width: 1180.02px) { #r642 { height: 68px; } }
@container (max-width: 767.98px) { #r646 { height: 246px; } }
@container (max-width: 767.98px) { #r645 { width: 190px; } }
@container (max-width: 767.98px) { #r648 { height: 246px; } }
@container (max-width: 767.98px) { #r647 { width: 190px; } }
@container (max-width: 767.98px) { #r650 { height: 246px; } }
@container (max-width: 767.98px) { #r649 { width: 190px; } }
@container (max-width: 767.98px) { #r652 { height: 246px; } }
@container (max-width: 767.98px) { #r651 { width: 190px; } }
@container (max-width: 767.98px) { #r654 { height: 246px; } }
@container (max-width: 767.98px) { #r653 { width: 190px; } }
@container (max-width: 767.98px) { #r656 { height: 246px; } }
@container (max-width: 767.98px) { #r655 { width: 190px; } }
@container (max-width: 767.98px) { #r658 { height: 246px; } }
@container (max-width: 767.98px) { #r657 { width: 190px; } }
@container (max-width: 767.98px) { #r660 { height: 246px; } }
@container (max-width: 767.98px) { #r659 { width: 190px; } }
@container (max-width: 767.98px) { #r662 { height: 246px; } }
@container (max-width: 767.98px) { #r661 { width: 190px; } }
@container (max-width: 700px) { #r663 { height: 8px; } }
@container (min-width: 700.02px) { #r663 { height: 56px; } }
@container (max-width: 700px) { #r664 { display: none; } }
@container (max-width: 700px) { #r665 { height: 64px; } }
@container (min-width: 700.02px) { #r665 { height: 140px; } }
@container (max-width: 899.98px) { #r667 { padding: 0px 0px 0px 0px; } }
@container (max-width: 899.98px) { #r669 { padding: 0px 0px 0px 0px; } }
@container (max-width: 899.98px) { #r670 { height: 130px; } }
@container (max-width: 899.98px) { #r671 { height: 160px; } }
@container (max-width: 899.98px) { #r672 { height: 130px; } }
@container (max-width: 899.98px) { #r674 { height: 480px; } }
@container (max-width: 899.98px) { #r676 { height: 480px; } }
@container (max-width: 899.98px) { #r678 { height: 470px; } }
@container (max-width: 899.98px) { #r680 { height: 470px; } }
@container (max-width: 899.98px) { #r682 { height: 470px; } }
@container (max-width: 819.98px) { #r684 { height: 340px; } }
@container (max-width: 819.98px) { #r217 { transform: rotate(1.5708rad); } }
@container (max-width: 819.98px) { #r686 { height: 340px; } }
@container (max-width: 899.98px) { #r688 { height: 330px; } }
@container (max-width: 899.98px) { #r690 { height: 330px; } }
@container (max-width: 899.98px) { #r692 { height: 330px; } }
@container (max-width: 899.98px) { #r694 { height: 330px; } }
@container (max-width: 1099.98px) { #r697 { height: 320px; } }
@container (max-width: 1099.98px) { #r698 { height: 320px; } }
@container (max-width: 1099.98px) { #r699 { height: 320px; } }
@container (max-width: 1099.98px) { #r700 { height: 320px; } }
@container (max-width: 699.98px) { #r706 { height: 430px; width: 100cqi; } }
@container (max-width: 899.98px) { #r706 { height: 430px; } }
@container (max-width: 899.98px) { #r705 { height: 660px; } }
@container (max-width: 768px) { #r714 { border: 6px solid #0e0826; } }
@container (max-width: 700px) { #r716 { display: none; } }
@container (max-width: 900px) { #r715 { display: grid; } }
@container (max-width: 700px) { #r717 { display: none; } }
@container (max-width: 1180px) { #r642 { height: 84px; } }
@container (min-width: 1180.02px) { #r642 { height: 68px; } }
@container (max-width: 767.98px) { #r643 { height: calc(320px + (100cqi * 0.05)); } }
@container (max-width: 767.98px) { #r644 { transform: translate(0px, calc(100cqi * 0.05)); } }
@container (max-width: 767.98px) { #r645 { width: 190px; } }
@container (max-width: 767.98px) { #r646 { height: 246px; } }
@container (max-width: 767.98px) { #r647 { width: 190px; } }
@container (max-width: 767.98px) { #r648 { height: 246px; } }
@container (max-width: 767.98px) { #r649 { width: 190px; } }
@container (max-width: 767.98px) { #r650 { height: 246px; } }
@container (max-width: 767.98px) { #r651 { width: 190px; } }
@container (max-width: 767.98px) { #r652 { height: 246px; } }
@container (max-width: 767.98px) { #r653 { width: 190px; } }
@container (max-width: 767.98px) { #r654 { height: 246px; } }
@container (max-width: 767.98px) { #r655 { width: 190px; } }
@container (max-width: 767.98px) { #r656 { height: 246px; } }
@container (max-width: 767.98px) { #r657 { width: 190px; } }
@container (max-width: 767.98px) { #r658 { height: 246px; } }
@container (max-width: 767.98px) { #r659 { width: 190px; } }
@container (max-width: 767.98px) { #r660 { height: 246px; } }
@container (max-width: 767.98px) { #r661 { width: 190px; } }
@container (max-width: 767.98px) { #r662 { height: 246px; } }
@container (max-width: 700px) { #r663 { height: 8px; } }
@container (min-width: 700.02px) { #r663 { height: 56px; } }
@container (max-width: 700px) { #r665 { height: 64px; } }
@container (min-width: 700.02px) { #r665 { height: 140px; } }
@container (max-width: 899.98px) { #r666 { width: 100cqi; } }
@container (max-width: 899.98px) { #r667 { padding: 0px 0px 0px 0px; } }
@container (max-width: 899.98px) { #r668 { width: 100cqi; } }
@container (max-width: 899.98px) { #r669 { padding: 0px 0px 0px 0px; } }
@container (max-width: 899.98px) { #r670 { height: 130px; } }
@container (max-width: 899.98px) { #r671 { height: 160px; } }
@container (max-width: 899.98px) { #r672 { height: 130px; } }
@container (max-width: 899.98px) { #r673 { width: 100cqi; } }
@container (max-width: 899.98px) { #r674 { height: 480px; } }
@container (max-width: 899.98px) { #r675 { width: 100cqi; } }
@container (max-width: 899.98px) { #r676 { height: 480px; } }
@container (max-width: 899.98px) { #r677 { width: 100cqi; } }
@container (max-width: 899.98px) { #r678 { height: 470px; } }
@container (max-width: 899.98px) { #r679 { width: 100cqi; } }
@container (max-width: 899.98px) { #r680 { height: 470px; } }
@container (max-width: 899.98px) { #r681 { width: 100cqi; } }
@container (max-width: 899.98px) { #r682 { height: 470px; } }
@container (max-width: 819.98px) { #r683 { width: 100cqi; } }
@container (max-width: 819.98px) { #r684 { height: 340px; } }
@container (max-width: 819.98px) { #r685 { width: 100cqi; } }
@container (max-width: 819.98px) { #r686 { height: 340px; } }
@container (max-width: 899.98px) { #r687 { width: 100cqi; } }
@container (max-width: 899.98px) { #r688 { height: 330px; } }
@container (max-width: 899.98px) { #r689 { width: 100cqi; } }
@container (max-width: 899.98px) { #r690 { height: 330px; } }
@container (max-width: 899.98px) { #r691 { width: 100cqi; } }
@container (max-width: 899.98px) { #r692 { height: 330px; } }
@container (max-width: 899.98px) { #r693 { width: 100cqi; } }
@container (max-width: 899.98px) { #r694 { height: 330px; } }
@container (max-width: 759.98px) { #r695 { width: 100cqi; } }
@container (max-width: 759.98px) { #r696 { width: 100cqi; } }
@container (max-width: 1099.98px) { #r697 { height: 320px; } }
@container (max-width: 1099.98px) { #r698 { height: 320px; } }
@container (max-width: 1099.98px) { #r699 { height: 320px; } }
@container (max-width: 1099.98px) { #r700 { height: 320px; } }
@container (max-width: 759.98px) { #r701 { width: 100cqi; } }
@container (max-width: 759.98px) { #r702 { width: 100cqi; } }
@container (max-width: 759.98px) { #r703 { width: 100cqi; } }
@container (max-width: 759.98px) { #r704 { width: 100cqi; } }
@container (max-width: 899.98px) { #r705 { height: 660px; } }
@container (max-width: 699.98px) { #r706 { height: 430px; width: 100cqi; } }
@container (max-width: 899.98px) { #r706 { height: 430px; } }
@container (max-width: 699.98px) { #r706 { height: 430px; width: 100cqi; } }
@container (max-width: 899.98px) { #r706 { height: 430px; } }
@container (max-width: 699.98px) { #r707 { width: calc(100cqi * 0.7); } }
@container (max-width: 899.98px) { #r708 { max-width: 100cqi; } }
@container (max-width: 899.98px) { #r709 { width: calc((100cqi - 34px) / 2); } }
@container (max-width: 899.98px) { #r710 { width: calc((100cqi - 34px) / 2); } }
@container (max-width: 899.98px) { #r711 { width: calc((100cqi - 34px) / 2); } }
@container (max-width: 899.98px) { #r712 { width: calc((100cqi - 34px) / 2); } }
@container (max-width: 899.98px) { #r713 { width: calc(((100cqi - 34px) / 2) * 0.8); } }
@container (max-width: 768px) { #r714 { border: 6px solid #0e0826; } }
@property --v-value_1987 { syntax: "*"; inherits: false; }
@property --v-maxWidth_2220 { syntax: "*"; inherits: false; }
@property --v-value_2239 { syntax: "*"; inherits: false; }
@property --v-sp_1970 { syntax: "*"; inherits: false; }
@property --v-maxWidth_1969 { syntax: "*"; inherits: false; }
@property --b-visible_2020 { syntax: "*"; inherits: false; }
@property --b-visible_2022 { syntax: "*"; inherits: false; }
@property --b-visible_2028 { syntax: "*"; inherits: false; }
@property --b-visible_2030 { syntax: "*"; inherits: false; }
@property --b-visible_2036 { syntax: "*"; inherits: false; }
@property --b-visible_2040 { syntax: "*"; inherits: false; }
@property --b-visible_2042 { syntax: "*"; inherits: false; }
@property --b-visible_2044 { syntax: "*"; inherits: false; }
@property --b-visible_2048 { syntax: "*"; inherits: false; }
@property --b-visible_2060 { syntax: "*"; inherits: false; }
@property --b-visible_2076 { syntax: "*"; inherits: false; }
@property --b-visible_2078 { syntax: "*"; inherits: false; }
@property --b-visible_2095 { syntax: "*"; inherits: false; }
@property --b-visible_2097 { syntax: "*"; inherits: false; }
@property --b-visible_2150 { syntax: "*"; inherits: false; }
@property --b-visible_2238 { syntax: "*"; inherits: false; }
@property --b-mnav_2240 { syntax: "*"; inherits: false; }
@property --s0 { syntax: "*"; inherits: false; }
@property --s1 { syntax: "*"; inherits: false; }
@property --s2 { syntax: "*"; inherits: false; }
@property --s3 { syntax: "*"; inherits: false; }
@keyframes rk0 { 0% { transform: rotateY(0rad); } 10% { transform: rotateY(0.62832rad); } 20% { transform: rotateY(1.25664rad); } 30% { transform: rotateY(1.88496rad); } 40% { transform: rotateY(2.51328rad); } 50% { transform: rotateY(3.1416rad); } 60% { transform: rotateY(3.76992rad); } 70% { transform: rotateY(4.3982399999999995rad); } 80% { transform: rotateY(5.02656rad); } 90% { transform: rotateY(5.65488rad); } 100% { transform: rotateY(6.2832rad); } }
@keyframes rk1 { 0% { transform: rotateX(0.209rad) rotateY(0rad); } 10% { transform: rotateX(0.209rad) rotateY(0.62832rad); } 20% { transform: rotateX(0.209rad) rotateY(1.25664rad); } 30% { transform: rotateX(0.209rad) rotateY(1.88496rad); } 40% { transform: rotateX(0.209rad) rotateY(2.51328rad); } 50% { transform: rotateX(0.209rad) rotateY(3.1416rad); } 60% { transform: rotateX(0.209rad) rotateY(3.76992rad); } 70% { transform: rotateX(0.209rad) rotateY(4.3982399999999995rad); } 80% { transform: rotateX(0.209rad) rotateY(5.02656rad); } 90% { transform: rotateX(0.209rad) rotateY(5.65488rad); } 100% { transform: rotateX(0.209rad) rotateY(6.2832rad); } }
@keyframes rk2 { 0% { transform: translate(0px, 0px); } 10% { transform: translate(-210px, 0px); } 20% { transform: translate(-420px, 0px); } 30% { transform: translate(-630px, 0px); } 40% { transform: translate(-840px, 0px); } 50% { transform: translate(-1050px, 0px); } 60% { transform: translate(-1260px, 0px); } 70% { transform: translate(-1470px, 0px); } 80% { transform: translate(-1680px, 0px); } 90% { transform: translate(-1890px, 0px); } 100% { transform: translate(-2100px, 0px); } }
@keyframes rk3 { 0% { transform: translate(0px, -14px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 10% { transform: translate(0px, -13.447771300647286px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 20% { transform: translate(0px, -11.71352402455487px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 30% { transform: translate(0px, -8.75291461225125px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 40% { transform: translate(0px, -4.707251637265905px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 50% { transform: translate(0px, 0px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 60% { transform: translate(0px, 4.707251637265909px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 70% { transform: translate(0px, 8.752914612251246px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 80% { transform: translate(0px, 11.713524024554872px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 90% { transform: translate(0px, 13.447771300647286px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } 100% { transform: translate(0px, 14px) perspective(1300px) rotateX(0.12rad) rotate(-0.087rad); } }
@keyframes rk4 { 0% { transform: translate(0px, -14px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 10% { transform: translate(0px, -13.447771300647286px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 20% { transform: translate(0px, -11.71352402455487px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 30% { transform: translate(0px, -8.75291461225125px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 40% { transform: translate(0px, -4.707251637265905px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 50% { transform: translate(0px, 0px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 60% { transform: translate(0px, 4.707251637265909px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 70% { transform: translate(0px, 8.752914612251246px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 80% { transform: translate(0px, 11.713524024554872px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 90% { transform: translate(0px, 13.447771300647286px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } 100% { transform: translate(0px, 14px) perspective(1300px) rotateX(0.12rad) rotate(0.044rad); } }
@keyframes rk5 { 0% { transform: translate(0px, -14px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 10% { transform: translate(0px, -13.447771300647286px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 20% { transform: translate(0px, -11.71352402455487px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 30% { transform: translate(0px, -8.75291461225125px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 40% { transform: translate(0px, -4.707251637265905px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 50% { transform: translate(0px, 0px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 60% { transform: translate(0px, 4.707251637265909px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 70% { transform: translate(0px, 8.752914612251246px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 80% { transform: translate(0px, 11.713524024554872px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 90% { transform: translate(0px, 13.447771300647286px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } 100% { transform: translate(0px, 14px) perspective(1300px) rotateX(0.12rad) rotate(-0.035rad); } }
@keyframes rk6 { 0% { transform: translate(-160px, 0px); } 10% { transform: translate(-128px, 0px); } 20% { transform: translate(-96px, 0px); } 30% { transform: translate(-64px, 0px); } 40% { transform: translate(-32px, 0px); } 50% { transform: translate(0px, 0px); } 60% { transform: translate(32px, 0px); } 70% { transform: translate(64px, 0px); } 80% { transform: translate(96px, 0px); } 90% { transform: translate(128px, 0px); } 100% { transform: translate(160px, 0px); } }
@keyframes rk7 { 0% { transform: translate(-160px, 0px); } 10% { transform: translate(-128px, 0px); } 20% { transform: translate(-96px, 0px); } 30% { transform: translate(-64px, 0px); } 40% { transform: translate(-32px, 0px); } 50% { transform: translate(0px, 0px); } 60% { transform: translate(32px, 0px); } 70% { transform: translate(64px, 0px); } 80% { transform: translate(96px, 0px); } 90% { transform: translate(128px, 0px); } 100% { transform: translate(160px, 0px); } }
@keyframes rk8 { 0% { transform: translate(-160px, 0px); } 10% { transform: translate(-128px, 0px); } 20% { transform: translate(-96px, 0px); } 30% { transform: translate(-64px, 0px); } 40% { transform: translate(-32px, 0px); } 50% { transform: translate(0px, 0px); } 60% { transform: translate(32px, 0px); } 70% { transform: translate(64px, 0px); } 80% { transform: translate(96px, 0px); } 90% { transform: translate(128px, 0px); } 100% { transform: translate(160px, 0px); } }
@keyframes rk9 { 0% { transform: translate(0px, 0px); } 10% { transform: translate(-129.6px, 0px); } 20% { transform: translate(-259.2px, 0px); } 30% { transform: translate(-388.8px, 0px); } 40% { transform: translate(-518.4px, 0px); } 50% { transform: translate(-648px, 0px); } 60% { transform: translate(-777.6px, 0px); } 70% { transform: translate(-907.1999999999999px, 0px); } 80% { transform: translate(-1036.8px, 0px); } 90% { transform: translate(-1166.4px, 0px); } 100% { transform: translate(-1296px, 0px); } }
@keyframes rk10 { 0% { transform: translate(-1296px, 0px); } 10% { transform: translate(-1166.4px, 0px); } 20% { transform: translate(-1036.8px, 0px); } 30% { transform: translate(-907.2px, 0px); } 40% { transform: translate(-777.6px, 0px); } 50% { transform: translate(-648px, 0px); } 60% { transform: translate(-518.4px, 0px); } 70% { transform: translate(-388.80000000000007px, 0px); } 80% { transform: translate(-259.20000000000005px, 0px); } 90% { transform: translate(-129.5999999999999px, 0px); } 100% { transform: translate(0px, 0px); } }
@keyframes rk11 { 0% { opacity: initial; transform: initial; } 10% { opacity: 0.98224979180652; transform: scale(1.0197224535483111); } 20% { opacity: 0.9265061293606922; transform: scale(1.0816598562658974); } 30% { opacity: 0.8313436839652187; transform: scale(1.1873959067053126); } 40% { opacity: 0.7013045169121184; transform: scale(1.3318838700976463); } 50% { opacity: 0.55; transform: scale(1.5); } 60% { opacity: 0.7013045169121186; transform: scale(1.331883870097646); } 70% { opacity: 0.8313436839652186; transform: scale(1.1873959067053126); } 80% { opacity: 0.9265061293606923; transform: scale(1.0816598562658974); } 90% { opacity: 0.9822497918065198; transform: scale(1.0197224535483111); } 100% { opacity: initial; transform: initial; } }
@keyframes rk12 { 0% { opacity: initial; } 10% { opacity: initial; } 20% { opacity: initial; } 30% { opacity: initial; } 40% { opacity: initial; } 50% { opacity: 0; } 60% { opacity: 0; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } }
@keyframes rk13 { 0% { opacity: 0.5; } 10% { opacity: 0.5197224535483111; } 20% { opacity: 0.5816598562658974; } 30% { opacity: 0.6873959067053126; } 40% { opacity: 0.8318838700976463; } 50% { opacity: initial; } 60% { opacity: 0.8318838700976461; } 70% { opacity: 0.6873959067053126; } 80% { opacity: 0.5816598562658974; } 90% { opacity: 0.5197224535483113; } 100% { opacity: 0.5; } }
@keyframes rk14 { 0% { opacity: 0.5; } 10% { opacity: 0.5197224535483111; } 20% { opacity: 0.5816598562658974; } 30% { opacity: 0.6873959067053126; } 40% { opacity: 0.8318838700976463; } 50% { opacity: initial; } 60% { opacity: 0.8318838700976461; } 70% { opacity: 0.6873959067053126; } 80% { opacity: 0.5816598562658974; } 90% { opacity: 0.5197224535483113; } 100% { opacity: 0.5; } }
@keyframes rk15 { 0% { opacity: 0.5; } 10% { opacity: 0.5197224535483111; } 20% { opacity: 0.5816598562658974; } 30% { opacity: 0.6873959067053126; } 40% { opacity: 0.8318838700976463; } 50% { opacity: initial; } 60% { opacity: 0.8318838700976461; } 70% { opacity: 0.6873959067053126; } 80% { opacity: 0.5816598562658974; } 90% { opacity: 0.5197224535483113; } 100% { opacity: 0.5; } }
@keyframes rk16 { 0% { opacity: 0.5; } 10% { opacity: 0.5197224535483111; } 20% { opacity: 0.5816598562658974; } 30% { opacity: 0.6873959067053126; } 40% { opacity: 0.8318838700976463; } 50% { opacity: initial; } 60% { opacity: 0.8318838700976461; } 70% { opacity: 0.6873959067053126; } 80% { opacity: 0.5816598562658974; } 90% { opacity: 0.5197224535483113; } 100% { opacity: 0.5; } }
@keyframes rk17 { 0% { opacity: 0.5; } 10% { opacity: 0.5197224535483111; } 20% { opacity: 0.5816598562658974; } 30% { opacity: 0.6873959067053126; } 40% { opacity: 0.8318838700976463; } 50% { opacity: initial; } 60% { opacity: 0.8318838700976461; } 70% { opacity: 0.6873959067053126; } 80% { opacity: 0.5816598562658974; } 90% { opacity: 0.5197224535483113; } 100% { opacity: 0.5; } }
@keyframes rk18 { 0% { opacity: 0.5; } 10% { opacity: 0.5197224535483111; } 20% { opacity: 0.5816598562658974; } 30% { opacity: 0.6873959067053126; } 40% { opacity: 0.8318838700976463; } 50% { opacity: initial; } 60% { opacity: 0.8318838700976461; } 70% { opacity: 0.6873959067053126; } 80% { opacity: 0.5816598562658974; } 90% { opacity: 0.5197224535483113; } 100% { opacity: 0.5; } }
@keyframes rk19 { 0% { opacity: 0.5; } 10% { opacity: 0.5197224535483111; } 20% { opacity: 0.5816598562658974; } 30% { opacity: 0.6873959067053126; } 40% { opacity: 0.8318838700976463; } 50% { opacity: initial; } 60% { opacity: 0.8318838700976461; } 70% { opacity: 0.6873959067053126; } 80% { opacity: 0.5816598562658974; } 90% { opacity: 0.5197224535483113; } 100% { opacity: 0.5; } }