.rfield::placeholder { color: var(--rfield-ph-c, inherit); font-size: var(--rfield-ph-s, inherit); font-weight: var(--rfield-ph-w, inherit); opacity: 1; }
.rfield:focus { box-shadow: var(--rfield-focus, none); }
.rfield-box:focus-within { box-shadow: var(--rfield-focus, none); }
.rfield:disabled { color: var(--textMuted, rgba(0,0,0,0.38)); }
.rfield-err { box-shadow: var(--rfield-error, inset 0 0 0 1px var(--error, #B3261E)) !important; }
[data-reeel-label] { top: 24px; font-size: var(--text-bodyLarge-size, 16px); line-height: 24px; color: var(--textMuted, #6B7280); }
.rfield-lab:focus ~ [data-reeel-label], .rfield-lab:not(:placeholder-shown) ~ [data-reeel-label], [data-reeel-label][style*="--rfield-lab-up"] { top: 8px; font-size: 12px; line-height: 16px; }
.rfield-lab:not(:focus)::placeholder { color: transparent; }
button.rbtn { position: relative; }
button.rbtn::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: currentColor; opacity: 0; transition: opacity .15s; pointer-events: none; }
button.rbtn:not(:disabled):hover::after { opacity: .08; }
button.rbtn:not(:disabled):focus-visible::after { opacity: .12; }
button.rbtn:not(:disabled):active::after { opacity: .12; }
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 { width: 0px }
.rc { --s0: 48px; --s1: 48px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 36px var(--s1, 48px) 72px var(--s0, 48px) }
.rd { color: var(--error); font-size: 14px; line-height: 1.5 }
.re { color: var(--primary); font-size: 14px; font-weight: 700 }
.rf { background: rgba(128,128,128,.18); border-radius: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.92em; padding: 1px 5px }
.rg { color: var(--primary); text-decoration: underline }
.rh { font-size: 1.6em; font-weight: 700; margin: 12px 0 4px; scroll-margin-top: 88px }
.ri { margin: 3px 0 }
.rj { overflow-x: auto }
.rk { border-collapse: collapse }
.rl { outline: 1px solid rgba(128,128,128,.35); outline-offset: -1px; padding: 5px 8px; text-align: left }
.rm { margin: 6px 0; position: relative }
.rn { background: rgba(128,128,128,.12); border-radius: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; margin: 0; overflow-x: auto; padding: 10px; padding-top: 40px }
.ro { display: flex; gap: 6px; position: absolute; right: 6px; top: 6px }
.rp { background: rgba(128,128,128,.18); border-radius: 6px; color: inherit; cursor: pointer; font: 12px/1 system-ui, sans-serif; outline: 1px solid rgba(128,128,128,.4); outline-offset: -1px; padding: 5px 8px }
.rq { font-size: 1.35em; font-weight: 700; margin: 12px 0 4px; scroll-margin-top: 88px }
.rr { list-style: disc; padding-left: 22px }
.rs { list-style: inherit; margin: 2px 0 }
.rt { font-size: 1.2em; font-weight: 700; margin: 12px 0 4px; scroll-margin-top: 88px }
.ru { color: light-dark(#0451a5, #569cd6) }
.rv { color: light-dark(#001080, #9cdcfe) }
.rw { color: light-dark(#a31515, #ce9178) }
.rx { color: light-dark(#098658, #b5cea8) }
.ry { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) }
.rz { color: var(--textMuted); font-size: 13px; font-weight: 600 }
.raa { bottom: 0px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: fixed; top: 64px; width: 288px; z-index: 1 }
.rab { overflow-y: auto }
.rac { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 24px 16px 32px 20px; width: 100% }
.rad { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 0px 0px 10px 0px; width: 100% }
.rae { color: var(--textMuted); font-size: 12px; font-weight: 800; letter-spacing: 0.9px }
.raf { background: var(--backgroundElevated); border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); width: 100% }
.rag { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 7px 10px 7px 10px }
.rah { background: #00000000; border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); width: 100% }
.rai { color: var(--textStrong); font-size: 14px; font-weight: 500 }
.raj { align-items: stretch; display: flex; flex-direction: column; width: 100% }
.rak { align-items: center; display: flex; flex-direction: row; gap: 22px }
.ral { color: var(--textStrong); font-size: 14px; font-weight: 600 }
.ram { color: var(--textStrong); font-size: 12px; font-weight: 800; letter-spacing: 0.7px }
.ran { display: none; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); position: fixed; right: 12px; top: 12px; z-index: 4 }
@container (max-width: 1000px) { #r22 { width: 0px; } }
@container (min-width: 1000.02px) { #r22 { width: 288px; } }
@container (max-width: 768px) { #r23 { padding: 36px 20px 72px 20px; --s0: 20px; --s1: 20px; } }
@container (max-width: 1000px) { #r24 { display: none; } }
@container (max-width: 720px) { #r25 { display: none; } }
@container (max-width: 960px) { #r26 { width: 36px; } }
@container (max-width: 1000px) { #r27 { display: grid; } }
@container (max-width: 1000px) { #r22 { width: 0px; } }
@container (min-width: 1000.02px) { #r22 { width: 288px; } }
@container (max-width: 768px) { #r23 { padding: 36px 20px 72px 20px; --s0: 20px; --s1: 20px; } }
@container (max-width: 768px) { #r23 { padding: 36px 20px 72px 20px; --s0: 20px; --s1: 20px; } }
@container (max-width: 960px) { #r26 { width: 36px; } }
@property --s0 { syntax: "*"; inherits: false; }
@property --s1 { syntax: "*"; inherits: false; }