/* op/src/core/renderer.imba?styles */ .nv-aw:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .nv-ax:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .nv-bb:not(#_):not(#_):not(#_) { display: contents; } .nv-bf:not(#_):not(#_):not(#_) { align-self: flex-start; } .nv-bj:not(#_):not(#_):not(#_):before { content: "* "; } .nv-bm:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .nv-bo:is(.has-color > :where(.nv-bo)):not(#_):not(#_):not(#_) { color: var(--color); } /* op/src/fields/action.imba?styles */ .jv-ah:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; white-space: pre; overflow: hidden; gap: 1ex; --u_rg: 1ex; --u_cg: 1ex; } .jv-ak:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; white-space: pre; overflow: hidden; } /* op/src/fields/experiments.imba?styles */ .lf-af:not(#_):not(#_):not(#_) { text-transform: capitalize; } /* op/src/types/sorter.imba?styles */ .hs-af:is(.input > :where(.hs-af)):is(.box > :where(.hs-af)) .omi-label:not(#_):not(._0) { padding-left: 3px; margin-right: -6px; } .hs-af:is(.input > :where(.hs-af)):is(.box > :where(.hs-af)) .mi-icon:not(#_):not(._0) { display: none; } /* op/src/types/pos.imba?styles */ .hd-af:not(#_):not(#_):not(#_) { display: contents; } /* op/src/types/audio.imba?styles */ .hj-af:not(#_):not(#_):not(#_) { display: none; } op-audio { display: block; } /* op/src/types/chartview.imba?styles */ .im-au, .opchart .highcharts-navigator, .opchart .highcharts-navigator-xaxis { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .im-am:not(#_):not(#_) { gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); z-index: 1; position: relative; padding: calc(var(--u_ffg,1ffg) * 2); height: 44px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; padding-top: 0rem; padding-bottom: 0rem; border-top-left-radius: inherit; border-top-right-radius: inherit; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / 0%); pointer-events: auto; } @container (max-width: 499px) { .im-am:not(#_):not(#_) { font-size: 12px; } } .im-am > *:not(#_) { pointer-events: auto; } .im_am.period:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } @container (max-width: 499px) { .im_am.period:not(#_) { gap: 2px; --u_rg: 2px; --u_cg: 2px; } } .im_am.period:not(#_):before { content: "("; } .im_am.period:not(#_):after { content: ")"; } .im_am.period:empty:not(#_) { display: none; } .im_am.ostat:not(#_) { min-width: initial; } .im-an:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); font-size: 16px; line-height: 16px; --u_lh: 16px; } @container (max-width: 499px) { .im-an:not(#_):not(#_) { font-size: 12px; } } .im-ao:not(#_):not(#_):not(#_) { font-size: inherit; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); font-weight: 500; } @container (max-width: 499px) { .im-ap:not(#_):not(#_):not(#_) { display: none; } } .im-as:not(#_):not(#_) { color: #10b981; } .im-as.neg:not(#_):not(#_) { color: #fb7185; } .im-as:not(#_):not(#_):before { content: "↑"; } .im-as.neg:not(#_):not(#_):before { content: "↓"; } .im-at:not(#_):not(#_) { font-size: 13px; opacity: .5; } .im-au:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; gap: calc(var(--u_ffg,1ffg) * .5); --u_rg: calc(var(--u_ffg,1ffg) * .5); --u_cg: calc(var(--u_ffg,1ffg) * .5); pointer-events: auto; margin-left: auto; --e_od: var(--u_fxd,1fxd) !important; opacity: 0; } .im-au:is(.opchart:is(:hover, .\@hover) :where(.im-au)):not(#_):not(#_) { opacity: 1; } .im-aw:not(#_):not(#_):not(#_) { position: absolute; inset: 0rem; } op-chartview { display: block; } .opchart:not(._0) { background: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / var(--u_op-bg-subtleA,1)); border-radius: var(--u_ffrd,1ffrd); height: 200px; position: relative; --u_chart-gridL: 21.3; --u_chart-gridC: 10.2; --u_chart-gridH: 274.9; --u_chart-gridA: 1; } .opchart .\$chart:not(._0) { border-radius: inherit; overflow: hidden; } .opchart .highcharts-background:not(._0) { display: none; } .opchart .highcharts-grid-line:not(._0) { stroke: lch(var(--u_chart-gridL) var(--u_chart-gridC) var(--u_chart-gridH) / var(--u_chart-gridA,1)); } .opchart .highcharts-axis-labels :is(text, text-tag):not(#_):not(._0) { fill: currentColor !important; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)) !important; } .opchart .highcharts-credits:not(._0) { display: none; } .opchart .highcharts-range-label:not(._0) { color: #f87171; fill: #f87171; } .opchart .highcharts-text-outline:not(._0) { display: none; } .opchart .highcharts-navigator-outline:not(._0) { stroke: #fff0; } .opchart .highcharts-navigator-handle:not(._0) { stroke: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / var(--u_op-bg-subtleA,1)); } .opchart .highcharts-xaxis-labels :is(text, text-tag):not(#_):not(._0) { font-size: 10px !important; } .opchart .highcharts-xaxis .highcharts-axis-line:not(._0) { stroke: lch(var(--u_chart-gridL) var(--u_chart-gridC) var(--u_chart-gridH) / var(--u_chart-gridA,1)); } .opchart .highcharts-range-selector-group:not(._0) { opacity: 0; pointer-events: none; } .opchart .highcharts-navigator:not(._0), .opchart .highcharts-navigator-xaxis:not(._0) { --e_od: var(--u_fxd,1fxd) !important; opacity: 0; } .opchart:is(:hover, .\@hover) .highcharts-navigator:not(._0), .opchart:is(:hover, .\@hover) .highcharts-navigator-xaxis:not(._0) { opacity: 1; } .opchart .highcharts-crosshair-thin:not(._0) { stroke: #a5b4fc66; } /* op/src/types/ua.imba?styles */ .is-ag:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; gap: .25rem; --u_rg: .25rem; --u_cg: .25rem; } /* op/src/types/log.imba?styles */ .iq-af:not(#_):not(#_) { white-space: pre; max-height: 200px; width: 100%; overflow: auto; } .iq-ah:not(#_):not(#_) { white-space: pre; max-height: 200px; overflow: auto; } .iq-ai:not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); padding-top: calc(var(--u_ffg,1ffg) * 2); } h2.iq_ai:not(#_) { text-transform: capitalize; } /* op/src/opml/index.imba?styles */ opml-fragment { display: block; } opml-element { display: block; } opml-context { display: block; } opml-assets { display: block; } opml-query { display: block; } opml-history { display: block; } opml-message { display: block; } opml-tree { display: block; } opml-item { display: block; } opml-text { display: block; } opml-comment { display: block; } /* app/models/auth.imba?styles */ ._instant_:not(#_):not(#_):not(#_):not(#_) { transition-duration: 0ms !important; } .\@enter:not(#_), .\@leave:not(#_) { --e_ad:.3s; } .cv-bq, .cv-bu, .cv-co, .cv-cs, .cv-cv, .cv_cv.body, .cv-bo.use-popup { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .cv-cv, .cv-bq.\@off, .cv-bu.\@off { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .cv-af { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; } .cv-ah:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } op-popup-proxy { display: block; } .cv-aq { max-width: fit-content; max-height: fit-content; margin-top: auto; margin-bottom: auto; } .cv-as:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; padding: 2rem; text-align: center; } .cv-at:not(#_):not(#_):not(#_) { padding-bottom: 1rem; } .cv-au:not(#_):not(#_):not(#_) { padding-bottom: 1rem; } .cv-ax:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); margin-top: 1.5rem; } .cv-ba:not(#_):not(#_):not(#_) { padding-bottom: 1rem; } auth-connect-sheet { display: block; } .cv-be:not(#_):not(#_):not(#_) { width: 400px; max-width: 95vw; } .cv-bf:not(#_):not(#_):not(#_) { margin-left: auto; margin-right: auto; } .cv-bf:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex: 1; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); } .cv_bf.buttons:not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-content: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .cv_bf.qr:not(#_) { width: 200px; height: 200px; } .cv_bf.qr svg:not(#_) { width: 100%; height: 100%; } .cv-bo:not(#_):not(#_):not(#_) { margin-left: auto; margin-right: auto; } .cv-bo:not(#_):not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; text-align: center; } p.cv_bo:is(.nouser :where(p.cv_bo)):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .cv_bo.obody:not(#_) { padding: 40px; } .cv_bo.hr:not(#_) { margin: 10px 20px; height: 1px; background: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); opacity: .2; } .cv-bo.xsheet:not(#_):not(#_) { width: 400px; min-height: 350px; max-height: 90vh; } .cv-bo.use-popup:not(#_):not(#_) { width: 400px; min-height: 350px; max-height: 90vh; --e_bd: .4s !important; --u_p: 0px; } .cv-bq.\@off:not(#_):not(#_):not(#_):not(#_) { --t_y: 100px !important; } .cv-bt:not(#_):not(#_):not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); margin-top: 1rem; margin-bottom: 1rem; } .cv-bu.\@off:not(#_):not(#_):not(#_):not(#_) { --t_y: -100px !important; } .cv-bv:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-content: stretch; width: 280px; gap: 1.5rem; --u_rg: 1.5rem; --u_cg: 1.5rem; } .cv-bx:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-content: stretch; gap: 1rem; --u_rg: 1rem; --u_cg: 1rem; } .cv-ce:not(#_):not(#_):not(#_) { display: grid; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); grid-template-columns: 1fr 1fr; } .cv-cf:not(#_):not(#_):not(#_) { grid-column-end: span 2; align-self: stretch; justify-self: stretch; } .cv-cm:not(#_):not(#_) { border-radius: var(--u_ffrd,1ffrd); overflow: hidden; } .cv-cn:not(#_):not(#_):not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); margin-top: .75rem; } .cv-co { position: relative; height: var(--u_ffh,1ffh); border-radius: var(--u_ffrd,1ffrd); border: 1px solid hsla(211.7, 96.36%, 78.43%, 10%); background: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / var(--u_op-bg-subtleA,1)); --e_sd: var(--u_fxd,1fxd) !important; } .cv-co:is(:focus-within, .\@focin) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .cv-co input:not(#_) { border-style: solid; border-width: 0; background: #fff0; border-radius: inherit; width: 100%; flex: 1; margin: -1px; } .cv-co.interacted { --contour-focus: .5; --contour-color: hsla(351.3,94.52%,71.37%,40%); } .cv-co.interacted.valid { --contour-color: hsla(158.11,64.37%,51.57%,40%); } .cv-co.interacted .\$ring:not(#_):not(._0) { opacity: var(--contour-focus); } .cv-co.interacted:is(:focus-within, .\@focin) { --contour-focus: 1; } .cv-co:is(:focus-within, .\@focin) { --contour-focus: 1; } .cv-cr:not(#_):not(#_) { position: absolute; border-radius: 100%; width: var(--u_h,1h); height: var(--u_h,1h); pointer-events: none; margin-right: calc((var(--u_ffh,1ffh) - var(--u_h,1h)) / 3); right: 0; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; background: #f87171; --u_h: 6px; opacity: 0; } .cv-cr:is(.valid > :where(.cv-cr)):not(#_):not(#_) { background: #4ade80; } oinput-tag { display: block; } .cv-cs { --e_od: calc(var(--u_fxd,1fxd) * 2) !important; opacity: 1; } .cv-cs.\@off:not(#_):not(#_):not(#_):not(#_) { opacity: 0; } .cv-cs.\@out:not(#_):not(#_):not(#_):not(#_) { width: fit-content; height: fit-content; position: absolute; inset: 0rem; margin: auto; } op-sheet-new { display: block; } .cv-cv { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; position: absolute; inset: 0; --e_sd: calc(var(--u_fxd,1fxd) * 2) !important; --t_y: 0 !important; } .cv_cv.body:not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; --e_od: calc(var(--u_fxd,1fxd) * 2) !important; padding: 30px; opacity: 1; } .cv_cv.body.\@off:not(#_):not(#_):not(#_):not(#_) { opacity: 0; } .cv-cv.vcs .cv_cv.body:not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-content: stretch; } op-sheet { display: block; } /* app/models/email.imba?styles */ .di-af:is(:active, .\@active) op-icon.di_af { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .di-af:not(#_):not(#_) { cursor: pointer; position: relative; } .di-af:not(#_):not(#_):after { position: absolute; inset: -3px; content: ""; } .di-af:is(:active, .\@active) op-icon.di_af:not(#_) { --t_scale: 1.1 !important; } .di-af.on:not(#_):not(#_) { color: lch(var(--u_blueL) var(--u_blueC) var(--u_blueH) / var(--u_blueA,1)); } .di-ah.on:not(#_):not(#_) { color: lch(var(--u_blueL) var(--u_blueC) var(--u_blueH) / var(--u_blueA,1)); } .di-ai:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .di-aj:not(#_):not(#_):not(#_) { text-transform: uppercase; color: #34d399; font-size: 12px; } /* op/addons/lucide/index.imba?styles */ svg.lucide *:not(._0) { fill: none; stroke-width: calc(((24 * var(--u_icsw,1icsw)) / var(--u_ics,1ics)) * 1px); } svg.lucide [fill=currentColor]:not(._0) { fill: currentColor; } /* app/models/panelike.imba?styles */ .cr-af:not(#_):not(#_) { cursor: pointer; position: relative; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --u_fis: 15px; --u_ics: 15; } .cr-af:not(#_):not(#_):after { position: absolute; inset: -4px; content: ""; } .cr-af:is(:hover, .\@hover):not(#_):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .cr-af:is(:hover, .\@hover) :is(path, path-tag):not(#_) { fill: currentColor; } .cr-af.on:not(#_):not(#_) { color: #facc15; } .cr-af.on :is(path, path-tag):not(#_) { fill: currentColor; } .cr-af.on:is(:hover, .\@hover) :is(path, path-tag):not(#_) { fill: none; } /* app/models/persona.imba?styles */ .cd-ak:not(#_):not(#_):not(#_) { width: var(--u_fis,1fis); height: var(--u_fis,1fis); font-size: calc(var(--u_fis,1fis) * .55); } .cd-am:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; border-radius: 50%; overflow: hidden; flex-shrink: 0; --hue: var(--cd_an); background: var(--tint-bg); color: var(--tint-fg); font-weight: 600; user-select: none; -webkit-user-select: none; line-height: 1; --u_lh: 1; } .cd-ao:not(#_):not(#_):not(#_) { width: 100%; height: 100%; border-radius: inherit; } .cd-ap:not(#_):not(#_):not(#_) { width: 100%; height: 100%; border-radius: inherit; overflow: cover; max-width: none; } /* app/models/agent.imba?styles */ .cn-af:not(#_):not(#_):not(#_) { display: contents; } .cn-ai:not(#_):not(#_):not(#_) { display: contents; } /* app/models/files.imba?styles */ .co-al:not(#_):not(#_):not(#_) { opacity: .45; font-size: .85em; margin-left: .5rem; } /* op/src/adapter.web.imba?styles */ .pl-an:not(#_):not(#_):not(#_) { position: fixed; top: 0rem; left: 0rem; opacity: 0; width: 1px; height: 1px; } /* ../imba/packages/imba/preflight.css */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } button { background-color: transparent; background-image: none; padding: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } fieldset { margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } html { font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"; line-height: 1.5; } *, :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e2e8f0; } hr { border-top-width: 1px; } img { border-style: solid; } textarea { resize: vertical; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a0aec0; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #a0aec0; } input::placeholder, textarea::placeholder { color: #a0aec0; } button, [role=button] { cursor: pointer; } table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } pre, code, kbd, samp { font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } /* op/src/ui/theme.imba?styles */ :root, .theme-dark:not(._0) { --u_op-gray-1L: 8.5; --u_op-gray-1C: 1.5; --u_op-gray-1H: 250; --u_op-gray-1A: 1; --u_op-gray-2L: 11; --u_op-gray-2C: 1.5; --u_op-gray-2H: 250; --u_op-gray-2A: 1; --u_op-gray-3L: 15; --u_op-gray-3C: 2; --u_op-gray-3H: 250; --u_op-gray-3A: 1; --u_op-gray-4L: 18; --u_op-gray-4C: 2; --u_op-gray-4H: 250; --u_op-gray-4A: 1; --u_op-gray-5L: 21; --u_op-gray-5C: 2; --u_op-gray-5H: 250; --u_op-gray-5A: 1; --u_op-gray-6L: 25; --u_op-gray-6C: 2; --u_op-gray-6H: 250; --u_op-gray-6A: 1; --u_op-gray-7L: 31; --u_op-gray-7C: 2; --u_op-gray-7H: 250; --u_op-gray-7A: 1; --u_op-gray-8L: 38; --u_op-gray-8C: 2.5; --u_op-gray-8H: 250; --u_op-gray-8A: 1; --u_op-gray-9L: 45; --u_op-gray-9C: 3; --u_op-gray-9H: 250; --u_op-gray-9A: 1; --u_op-gray-10L: 50; --u_op-gray-10C: 3; --u_op-gray-10H: 250; --u_op-gray-10A: 1; --u_op-gray-11L: 64; --u_op-gray-11C: 3; --u_op-gray-11H: 250; --u_op-gray-11A: 1; --u_op-gray-12L: 93; --u_op-gray-12C: 2; --u_op-gray-12H: 250; --u_op-gray-12A: 1; --u_op-accent-1L: 10; --u_op-accent-1C: 5; --u_op-accent-1H: var(--u_accentH); --u_op-accent-1A: var(--u_accentA,1); --u_op-accent-2L: 13; --u_op-accent-2C: 8; --u_op-accent-2H: var(--u_accentH); --u_op-accent-2A: var(--u_accentA,1); --u_op-accent-3L: 17; --u_op-accent-3C: 12; --u_op-accent-3H: var(--u_accentH); --u_op-accent-3A: var(--u_accentA,1); --u_op-accent-4L: 21; --u_op-accent-4C: 16; --u_op-accent-4H: var(--u_accentH); --u_op-accent-4A: var(--u_accentA,1); --u_op-accent-5L: 25; --u_op-accent-5C: 20; --u_op-accent-5H: var(--u_accentH); --u_op-accent-5A: var(--u_accentA,1); --u_op-accent-6L: 30; --u_op-accent-6C: 14; --u_op-accent-6H: var(--u_accentH); --u_op-accent-6A: var(--u_accentA,1); --u_op-accent-7L: 36; --u_op-accent-7C: 16; --u_op-accent-7H: var(--u_accentH); --u_op-accent-7A: var(--u_accentA,1); --u_op-accent-8L: 43; --u_op-accent-8C: 20; --u_op-accent-8H: var(--u_accentH); --u_op-accent-8A: var(--u_accentA,1); --u_op-accent-9L: var(--u_accentL); --u_op-accent-9C: var(--u_accentC); --u_op-accent-9H: var(--u_accentH); --u_op-accent-9A: var(--u_accentA,1); --u_op-accent-10L: 60; --u_op-accent-10C: calc(var(--u_accentC) * .9); --u_op-accent-10H: var(--u_accentH); --u_op-accent-10A: var(--u_accentA,1); --u_op-accent-11L: 72; --u_op-accent-11C: calc(var(--u_accentC) * .5); --u_op-accent-11H: var(--u_accentH); --u_op-accent-11A: var(--u_accentA,1); --u_op-accent-12L: 93; --u_op-accent-12C: calc(var(--u_accentC) * .2); --u_op-accent-12H: var(--u_accentH); --u_op-accent-12A: var(--u_accentA,1); --u_op-bgL: 8.5; --u_op-bgC: 1.5; --u_op-bgH: 250; --u_op-bgA: 1; --u_op-bg-subtleL: 11; --u_op-bg-subtleC: 1.5; --u_op-bg-subtleH: 250; --u_op-bg-subtleA: 1; --u_op-bg-elementL: 15; --u_op-bg-elementC: 2; --u_op-bg-elementH: 250; --u_op-bg-elementA: 1; --u_op-bg-hoverL: 18; --u_op-bg-hoverC: 2; --u_op-bg-hoverH: 250; --u_op-bg-hoverA: 1; --u_op-bg-activeL: 21; --u_op-bg-activeC: 2; --u_op-bg-activeH: 250; --u_op-bg-activeA: 1; --u_op-surfaceL: 11; --u_op-surfaceC: 1.5; --u_op-surfaceH: 250; --u_op-surfaceA: 1; --u_op-surface-hoverL: 15; --u_op-surface-hoverC: 2; --u_op-surface-hoverH: 250; --u_op-surface-hoverA: 1; --u_op-surface-raisedL: 15; --u_op-surface-raisedC: 2; --u_op-surface-raisedH: 250; --u_op-surface-raisedA: 1; --u_op-fgL: 93; --u_op-fgC: 2; --u_op-fgH: 250; --u_op-fgA: 1; --u_op-fg-mutedL: 64; --u_op-fg-mutedC: 3; --u_op-fg-mutedH: 250; --u_op-fg-mutedA: 1; --u_op-fg-subtleL: 45; --u_op-fg-subtleC: 3; --u_op-fg-subtleH: 250; --u_op-fg-subtleA: 1; --u_op-fg-on-accentL: 100; --u_op-fg-on-accentC: 0; --u_op-fg-on-accentH: 0; --u_op-fg-on-accentA: 1; --u_op-border-subtleL: 25; --u_op-border-subtleC: 2; --u_op-border-subtleH: 250; --u_op-border-subtleA: 1; --u_op-borderL: 31; --u_op-borderC: 2; --u_op-borderH: 250; --u_op-borderA: 1; --u_op-border-strongL: 38; --u_op-border-strongC: 2.5; --u_op-border-strongH: 250; --u_op-border-strongA: 1; --u_op-accent-bgL: 13; --u_op-accent-bgC: 8; --u_op-accent-bgH: var(--u_accentH); --u_op-accent-bgA: var(--u_accentA,1); --u_op-accent-bg-hL: 17; --u_op-accent-bg-hC: 12; --u_op-accent-bg-hH: var(--u_accentH); --u_op-accent-bg-hA: var(--u_accentA,1); --u_op-accent-solidL: var(--u_accentL); --u_op-accent-solidC: var(--u_accentC); --u_op-accent-solidH: var(--u_accentH); --u_op-accent-solidA: var(--u_accentA,1); --u_op-accent-solid-hL: 60; --u_op-accent-solid-hC: calc(var(--u_accentC) * .9); --u_op-accent-solid-hH: var(--u_accentH); --u_op-accent-solid-hA: var(--u_accentA,1); --u_op-accent-textL: 72; --u_op-accent-textC: calc(var(--u_accentC) * .5); --u_op-accent-textH: var(--u_accentH); --u_op-accent-textA: var(--u_accentA,1); --u_op-successL: 55; --u_op-successC: 50; --u_op-successH: 145; --u_op-successA: 1; --u_op-warningL: 60; --u_op-warningC: 55; --u_op-warningH: 80; --u_op-warningA: 1; --u_op-dangerL: 55; --u_op-dangerC: 55; --u_op-dangerH: 25; --u_op-dangerA: 1; --u_op-infoL: 55; --u_op-infoC: 40; --u_op-infoH: 250; --u_op-infoA: 1; --u_op-overlayL: 0; --u_op-overlayC: 0; --u_op-overlayH: 0; --u_op-overlayA: .5; --u_op-focusL: 43; --u_op-focusC: 20; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_op-shadow-softL: 0; --u_op-shadow-softC: 0; --u_op-shadow-softH: 0; --u_op-shadow-softA: .1; --u_op-shadowL: 0; --u_op-shadowC: 0; --u_op-shadowH: 0; --u_op-shadowA: .25; --u_op-shadow-strongL: 0; --u_op-shadow-strongC: 0; --u_op-shadow-strongH: 0; --u_op-shadow-strongA: .45; --u_op-popup-bgL: var(--u_op-surfaceL); --u_op-popup-bgC: var(--u_op-surfaceC); --u_op-popup-bgH: var(--u_op-surfaceH); --u_op-popup-bgA: var(--u_op-surfaceA,1); --op-popup-shadow: inset 0 0 0 .5px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 60%), 0 5px 20px lch(var(--u_op-shadowL) var(--u_op-shadowC) var(--u_op-shadowH) / var(--u_op-shadowA,1)); --op-popup-modal-shadow: inset 0 0 0 .5px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 60%), 0 5px 60px lch(var(--u_op-shadow-strongL) var(--u_op-shadow-strongC) var(--u_op-shadow-strongH) / var(--u_op-shadow-strongA,1)); --u_op-popup-tip-bgL: var(--u_op-surface-raisedL); --u_op-popup-tip-bgC: var(--u_op-surface-raisedC); --u_op-popup-tip-bgH: var(--u_op-surface-raisedH); --u_op-popup-tip-bgA: 85%; --op-popup-tip-shadow: inset 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 60%), 0 3px 20px lch(var(--u_op-shadowL) var(--u_op-shadowC) var(--u_op-shadowH) / var(--u_op-shadowA,1)); --u_op-button-fgL: 75; --u_op-button-fgC: var(--u_accentC); --u_op-button-fgH: var(--u_accentH); --u_op-button-fgA: var(--u_accentA,1); --u_op-button-bgL: 20; --u_op-button-bgC: 14; --u_op-button-bgH: var(--u_accentH); --u_op-button-bgA: var(--u_accentA,1); --u_op-button-bg-hL: 22; --u_op-button-bg-hC: 16; --u_op-button-bg-hH: var(--u_accentH); --u_op-button-bg-hA: var(--u_accentA,1); --u_op-button-split-bgL: 17; --u_op-button-split-bgC: 7; --u_op-button-split-bgH: var(--u_accentH); --u_op-button-split-bgA: var(--u_accentA,1); --op-button-shadow: 0 0 0 1px hsla(0,0%,0%,10%); --op-button-text-shadow: 0px 1px 0px hsla(0,0%,100%,15%); --u_op-button-contourL: calc(var(--u_accentL) * .65); --u_op-button-contourC: calc(var(--u_accentC) * .5); --u_op-button-contourH: var(--u_accentH); --u_op-button-contourA: var(--u_accentA,1); --u_op-button-primary-fgL: 99; --u_op-button-primary-fgC: 40; --u_op-button-primary-fgH: var(--u_accentH); --u_op-button-primary-fgA: var(--u_accentA,1); --u_op-button-primary-bgL: 55; --u_op-button-primary-bgC: 65; --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: 50; --u_op-button-primary-bg-hC: 70; --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: var(--u_op-button-primary-bgL); --u_op-button-primary-contourC: var(--u_op-button-primary-bgC); --u_op-button-primary-contourH: var(--u_op-button-primary-bgH); --u_op-button-primary-contourA: var(--u_op-button-primary-bgA,1); --u_op-button-outline-fgL: 75; --u_op-button-outline-fgC: var(--u_accentC); --u_op-button-outline-fgH: var(--u_accentH); --u_op-button-outline-fgA: var(--u_accentA,1); --u_op-button-outline-borderL: 75; --u_op-button-outline-borderC: var(--u_accentC); --u_op-button-outline-borderH: var(--u_accentH); --u_op-button-outline-borderA: var(--u_accentA,1); --u_op-button-outline-inner-borderL: 75; --u_op-button-outline-inner-borderC: var(--u_accentC); --u_op-button-outline-inner-borderH: var(--u_accentH); --u_op-button-outline-inner-borderA: 20%; --u_op-button-inline-bgL: 20; --u_op-button-inline-bgC: 14; --u_op-button-inline-bgH: var(--u_accentH); --u_op-button-inline-bgA: 0; --u_op-button-inline-bg-hL: 22; --u_op-button-inline-bg-hC: 16; --u_op-button-inline-bg-hH: var(--u_accentH); --u_op-button-inline-bg-hA: var(--u_accentA,1); --u_op-button-neutral-fgL: var(--u_op-fgL); --u_op-button-neutral-fgC: var(--u_op-fgC); --u_op-button-neutral-fgH: var(--u_op-fgH); --u_op-button-neutral-fgA: var(--u_op-fgA,1); --u_op-button-neutral-bgL: var(--u_op-bg-hoverL); --u_op-button-neutral-bgC: var(--u_op-bg-hoverC); --u_op-button-neutral-bgH: var(--u_op-bg-hoverH); --u_op-button-neutral-bgA: var(--u_op-bg-hoverA,1); --u_op-button-neutral-bg-hL: var(--u_op-bg-activeL); --u_op-button-neutral-bg-hC: var(--u_op-bg-activeC); --u_op-button-neutral-bg-hH: var(--u_op-bg-activeH); --u_op-button-neutral-bg-hA: var(--u_op-bg-activeA,1); --u_op-button-white-fgL: 0; --u_op-button-white-fgC: 0; --u_op-button-white-fgH: 0; --u_op-button-white-fgA: 1; --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: var(--u_accentH); --u_op-button-white-bgA: var(--u_accentA,1); --u_op-button-white-bg-hL: 100; --u_op-button-white-bg-hC: 0; --u_op-button-white-bg-hH: var(--u_accentH); --u_op-button-white-bg-hA: var(--u_accentA,1); --u_op-button-link-fgL: 65; --u_op-button-link-fgC: calc(var(--u_accentC) * .6); --u_op-button-link-fgH: var(--u_accentH); --u_op-button-link-fgA: var(--u_accentA,1); --u_bgL: 12; --u_bgC: 7; --u_bgH: var(--u_accentH); --u_bgA: var(--u_accentA,1); --u_bdL: 22; --u_bdC: 5; --u_bdH: var(--u_accentH); --u_bdA: var(--u_accentA,1); --u_hL: 90; --u_hC: calc(var(--u_accentC) * .2); --u_hH: var(--u_accentH); --u_hA: var(--u_accentA,1); --u_pL: 60; --u_pC: calc(var(--u_accentC) * .2); --u_pH: var(--u_accentH); --u_pA: var(--u_accentA,1); --u_metaL: 70; --u_metaC: calc(var(--u_accentC) * .2); --u_metaH: var(--u_accentH); --u_metaA: var(--u_accentA,1); --u_softL: 70; --u_softC: calc(var(--u_accentC) * .2); --u_softH: var(--u_accentH); --u_softA: var(--u_accentA,1); --u_hardL: 96; --u_hardC: calc(var(--u_accentC) * .2); --u_hardH: var(--u_accentH); --u_hardA: var(--u_accentA,1); --u_dimL: 50; --u_dimC: calc(var(--u_accentC) * .2); --u_dimH: var(--u_accentH); --u_dimA: var(--u_accentA,1); --u_softbgL: 12.5; --u_softbgC: 5; --u_softbgH: var(--u_accentH); --u_softbgA: var(--u_accentA,1); --u_libgL: 12.5; --u_libgC: 5; --u_libgH: var(--u_accentH); --u_libgA: var(--u_accentA,1); --u_focusL: 43; --u_focusC: 20; --u_focusH: var(--u_accentH); --u_focusA: var(--u_accentA,1); --u_doc-fgL: var(--u_op-fgL); --u_doc-fgC: var(--u_op-fgC); --u_doc-fgH: var(--u_op-fgH); --u_doc-fgA: var(--u_op-fgA,1); --u_doc-linkL: 66; --u_doc-linkC: 49.8; --u_doc-linkH: 266.6; --u_doc-linkA: 1; --u_doc-link-bgL: 20; --u_doc-link-bgC: 18; --u_doc-link-bgH: 250; --u_doc-link-bgA: 0; --u_doc-link-bg-hL: 20; --u_doc-link-bg-hC: 18; --u_doc-link-bg-hH: 250; --u_doc-link-bg-hA: 1; --u_doc-caretL: 66; --u_doc-caretC: 49.8; --u_doc-caretH: 266.6; --u_doc-caretA: 1; --u_doc-blueL: 54.6; --u_doc-blueC: 66.4; --u_doc-blueH: 277.6; --u_doc-blueA: 1; --u_doc-selectionL: 57.3; --u_doc-selectionC: 66.6; --u_doc-selectionH: 274.5; --u_doc-selectionA: .25; --u_doc-placeholderL: var(--u_op-fg-subtleL); --u_doc-placeholderC: var(--u_op-fg-subtleC); --u_doc-placeholderH: var(--u_op-fg-subtleH); --u_doc-placeholderA: var(--u_op-fg-subtleA,1); --u_doc-dimL: var(--u_op-fg-subtleL); --u_doc-dimC: var(--u_op-fg-subtleC); --u_doc-dimH: var(--u_op-fg-subtleH); --u_doc-dimA: var(--u_op-fg-subtleA,1); --u_doc-mutedL: var(--u_op-fg-mutedL); --u_doc-mutedC: var(--u_op-fg-mutedC); --u_doc-mutedH: var(--u_op-fg-mutedH); --u_doc-mutedA: var(--u_op-fg-mutedA,1); --u_doc-bdL: var(--u_op-gray-6L); --u_doc-bdC: var(--u_op-gray-6C); --u_doc-bdH: var(--u_op-gray-6H); --u_doc-bdA: var(--u_op-gray-6A,1); --u_doc-bd-hL: var(--u_op-gray-8L); --u_doc-bd-hC: var(--u_op-gray-8C); --u_doc-bd-hH: var(--u_op-gray-8H); --u_doc-bd-hA: var(--u_op-gray-8A,1); --u_doc-surfaceL: var(--u_op-gray-2L); --u_doc-surfaceC: var(--u_op-gray-2C); --u_doc-surfaceH: var(--u_op-gray-2H); --u_doc-surfaceA: var(--u_op-gray-2A,1); --u_doc-hrL: var(--u_op-border-subtleL); --u_doc-hrC: var(--u_op-border-subtleC); --u_doc-hrH: var(--u_op-border-subtleH); --u_doc-hrA: var(--u_op-border-subtleA,1); --u_doc-quote-bdL: var(--u_op-borderL); --u_doc-quote-bdC: var(--u_op-borderC); --u_doc-quote-bdH: var(--u_op-borderH); --u_doc-quote-bdA: var(--u_op-borderA,1); --u_doc-check-bdL: var(--u_op-border-strongL); --u_doc-check-bdC: var(--u_op-border-strongC); --u_doc-check-bdH: var(--u_op-border-strongH); --u_doc-check-bdA: var(--u_op-border-strongA,1); --u_doc-check-bgL: var(--u_op-gray-4L); --u_doc-check-bgC: var(--u_op-gray-4C); --u_doc-check-bgH: var(--u_op-gray-4H); --u_doc-check-bgA: var(--u_op-gray-4A,1); --u_doc-code-bgL: 65.9; --u_doc-code-bgC: 0; --u_doc-code-bgH: 0; --u_doc-code-bgA: .2; --u_doc-code-fgL: var(--u_op-fgL); --u_doc-code-fgC: var(--u_op-fgC); --u_doc-code-fgH: var(--u_op-fgH); --u_doc-code-fgA: var(--u_op-fgA,1); --u_doc-pre-bgL: var(--u_op-gray-2L); --u_doc-pre-bgC: var(--u_op-gray-2C); --u_doc-pre-bgH: var(--u_op-gray-2H); --u_doc-pre-bgA: var(--u_op-gray-2A,1); --u_doc-pre-fgL: var(--u_op-fg-mutedL); --u_doc-pre-fgC: var(--u_op-fg-mutedC); --u_doc-pre-fgH: var(--u_op-fg-mutedH); --u_doc-pre-fgA: var(--u_op-fg-mutedA,1); --u_doc-pre-bdL: var(--u_op-gray-5L); --u_doc-pre-bdC: var(--u_op-gray-5C); --u_doc-pre-bdH: var(--u_op-gray-5H); --u_doc-pre-bdA: var(--u_op-gray-5A,1); --u_doc-scope-bgL: 58.7; --u_doc-scope-bgC: 64.3; --u_doc-scope-bgH: 272; --u_doc-scope-bgA: .2; --u_doc-refL: 71.6; --u_doc-refC: 45.6; --u_doc-refH: 241.6; --u_doc-refA: 1; --u_doc-ref-scopedL: 28; --u_doc-ref-scopedC: 20; --u_doc-ref-scopedH: 245; --u_doc-ref-scopedA: 1; --u_doc-ref-scoped-bdL: 51.9; --u_doc-ref-scoped-bdC: 45.5; --u_doc-ref-scoped-bdH: 255.2; --u_doc-ref-scoped-bdA: 1; --u_doc-mentionL: 61.1; --u_doc-mentionC: 59; --u_doc-mentionH: 287.5; --u_doc-mentionA: 1; --u_doc-mention-bgL: 22; --u_doc-mention-bgC: 20; --u_doc-mention-bgH: 290; --u_doc-mention-bgA: 0; --u_doc-mention-bg-hL: 22; --u_doc-mention-bg-hC: 20; --u_doc-mention-bg-hH: 290; --u_doc-mention-bg-hA: 1; --u_doc-mention-scopedL: 30; --u_doc-mention-scopedC: 26; --u_doc-mention-scopedH: 290; --u_doc-mention-scopedA: 1; } .colored:not(._0) { --u_op-bgL: 10; --u_op-bgC: 5; --u_op-bgH: var(--u_accentH); --u_op-bgA: var(--u_accentA,1); --u_op-bg-subtleL: 13; --u_op-bg-subtleC: 8; --u_op-bg-subtleH: var(--u_accentH); --u_op-bg-subtleA: var(--u_accentA,1); --u_op-bg-elementL: 17; --u_op-bg-elementC: 12; --u_op-bg-elementH: var(--u_accentH); --u_op-bg-elementA: var(--u_accentA,1); --u_op-bg-hoverL: 21; --u_op-bg-hoverC: 16; --u_op-bg-hoverH: var(--u_accentH); --u_op-bg-hoverA: var(--u_accentA,1); --u_op-bg-activeL: 25; --u_op-bg-activeC: 20; --u_op-bg-activeH: var(--u_accentH); --u_op-bg-activeA: var(--u_accentA,1); --u_op-border-subtleL: 30; --u_op-border-subtleC: 14; --u_op-border-subtleH: var(--u_accentH); --u_op-border-subtleA: var(--u_accentA,1); --u_op-borderL: 36; --u_op-borderC: 16; --u_op-borderH: var(--u_accentH); --u_op-borderA: var(--u_accentA,1); --u_op-border-strongL: 43; --u_op-border-strongC: 20; --u_op-border-strongH: var(--u_accentH); --u_op-border-strongA: var(--u_accentA,1); } .op-accent-scope:not(._0) { --u_op-accent-1L: 10; --u_op-accent-1C: 5; --u_op-accent-1H: var(--u_accentH); --u_op-accent-1A: var(--u_accentA,1); --u_op-accent-2L: 13; --u_op-accent-2C: 8; --u_op-accent-2H: var(--u_accentH); --u_op-accent-2A: var(--u_accentA,1); --u_op-accent-3L: 17; --u_op-accent-3C: 12; --u_op-accent-3H: var(--u_accentH); --u_op-accent-3A: var(--u_accentA,1); --u_op-accent-4L: 21; --u_op-accent-4C: 16; --u_op-accent-4H: var(--u_accentH); --u_op-accent-4A: var(--u_accentA,1); --u_op-accent-5L: 25; --u_op-accent-5C: 20; --u_op-accent-5H: var(--u_accentH); --u_op-accent-5A: var(--u_accentA,1); --u_op-accent-6L: 30; --u_op-accent-6C: 14; --u_op-accent-6H: var(--u_accentH); --u_op-accent-6A: var(--u_accentA,1); --u_op-accent-7L: 36; --u_op-accent-7C: 16; --u_op-accent-7H: var(--u_accentH); --u_op-accent-7A: var(--u_accentA,1); --u_op-accent-8L: 43; --u_op-accent-8C: 20; --u_op-accent-8H: var(--u_accentH); --u_op-accent-8A: var(--u_accentA,1); --u_op-accent-9L: var(--u_accentL); --u_op-accent-9C: var(--u_accentC); --u_op-accent-9H: var(--u_accentH); --u_op-accent-9A: var(--u_accentA,1); --u_op-accent-10L: 60; --u_op-accent-10C: calc(var(--u_accentC) * .9); --u_op-accent-10H: var(--u_accentH); --u_op-accent-10A: var(--u_accentA,1); --u_op-accent-11L: 72; --u_op-accent-11C: calc(var(--u_accentC) * .5); --u_op-accent-11H: var(--u_accentH); --u_op-accent-11A: var(--u_accentA,1); --u_op-accent-12L: 93; --u_op-accent-12C: calc(var(--u_accentC) * .2); --u_op-accent-12H: var(--u_accentH); --u_op-accent-12A: var(--u_accentA,1); --u_op-accent-bgL: 13; --u_op-accent-bgC: 8; --u_op-accent-bgH: var(--u_accentH); --u_op-accent-bgA: var(--u_accentA,1); --u_op-accent-bg-hL: 17; --u_op-accent-bg-hC: 12; --u_op-accent-bg-hH: var(--u_accentH); --u_op-accent-bg-hA: var(--u_accentA,1); --u_op-accent-solidL: var(--u_accentL); --u_op-accent-solidC: var(--u_accentC); --u_op-accent-solidH: var(--u_accentH); --u_op-accent-solidA: var(--u_accentA,1); --u_op-accent-solid-hL: 60; --u_op-accent-solid-hC: calc(var(--u_accentC) * .9); --u_op-accent-solid-hH: var(--u_accentH); --u_op-accent-solid-hA: var(--u_accentA,1); --u_op-accent-textL: 72; --u_op-accent-textC: calc(var(--u_accentC) * .5); --u_op-accent-textH: var(--u_accentH); --u_op-accent-textA: var(--u_accentA,1); --u_op-focusL: 43; --u_op-focusC: 20; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_op-button-fgL: 75; --u_op-button-fgC: var(--u_accentC); --u_op-button-fgH: var(--u_accentH); --u_op-button-fgA: var(--u_accentA,1); --u_op-button-bgL: 20; --u_op-button-bgC: 14; --u_op-button-bgH: var(--u_accentH); --u_op-button-bgA: var(--u_accentA,1); --u_op-button-bg-hL: 22; --u_op-button-bg-hC: 16; --u_op-button-bg-hH: var(--u_accentH); --u_op-button-bg-hA: var(--u_accentA,1); --u_op-button-split-bgL: 17; --u_op-button-split-bgC: 7; --u_op-button-split-bgH: var(--u_accentH); --u_op-button-split-bgA: var(--u_accentA,1); --op-button-shadow: 0 0 0 1px hsla(0,0%,0%,10%); --u_op-button-contourL: calc(var(--u_accentL) * .65); --u_op-button-contourC: calc(var(--u_accentC) * .5); --u_op-button-contourH: var(--u_accentH); --u_op-button-contourA: var(--u_accentA,1); --u_op-button-primary-fgL: 99; --u_op-button-primary-fgC: 40; --u_op-button-primary-fgH: var(--u_accentH); --u_op-button-primary-fgA: var(--u_accentA,1); --u_op-button-primary-bgL: 55; --u_op-button-primary-bgC: 65; --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: 50; --u_op-button-primary-bg-hC: 70; --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: var(--u_op-button-primary-bgL); --u_op-button-primary-contourC: var(--u_op-button-primary-bgC); --u_op-button-primary-contourH: var(--u_op-button-primary-bgH); --u_op-button-primary-contourA: var(--u_op-button-primary-bgA,1); --u_op-button-outline-fgL: 75; --u_op-button-outline-fgC: var(--u_accentC); --u_op-button-outline-fgH: var(--u_accentH); --u_op-button-outline-fgA: var(--u_accentA,1); --u_op-button-outline-borderL: 75; --u_op-button-outline-borderC: var(--u_accentC); --u_op-button-outline-borderH: var(--u_accentH); --u_op-button-outline-borderA: var(--u_accentA,1); --u_op-button-outline-inner-borderL: 75; --u_op-button-outline-inner-borderC: var(--u_accentC); --u_op-button-outline-inner-borderH: var(--u_accentH); --u_op-button-outline-inner-borderA: 20%; --u_op-button-inline-bgL: 20; --u_op-button-inline-bgC: 14; --u_op-button-inline-bgH: var(--u_accentH); --u_op-button-inline-bgA: 0; --u_op-button-inline-bg-hL: 22; --u_op-button-inline-bg-hC: 16; --u_op-button-inline-bg-hH: var(--u_accentH); --u_op-button-inline-bg-hA: var(--u_accentA,1); --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: var(--u_accentH); --u_op-button-white-bgA: var(--u_accentA,1); --u_op-button-white-bg-hL: 100; --u_op-button-white-bg-hC: 0; --u_op-button-white-bg-hH: var(--u_accentH); --u_op-button-white-bg-hA: var(--u_accentA,1); --u_op-button-link-fgL: 65; --u_op-button-link-fgC: calc(var(--u_accentC) * .6); --u_op-button-link-fgH: var(--u_accentH); --u_op-button-link-fgA: var(--u_accentA,1); --u_bgL: 12; --u_bgC: 7; --u_bgH: var(--u_accentH); --u_bgA: var(--u_accentA,1); --u_bdL: 22; --u_bdC: 5; --u_bdH: var(--u_accentH); --u_bdA: var(--u_accentA,1); --u_hL: 90; --u_hC: calc(var(--u_accentC) * .2); --u_hH: var(--u_accentH); --u_hA: var(--u_accentA,1); --u_pL: 60; --u_pC: calc(var(--u_accentC) * .2); --u_pH: var(--u_accentH); --u_pA: var(--u_accentA,1); --u_metaL: 70; --u_metaC: calc(var(--u_accentC) * .2); --u_metaH: var(--u_accentH); --u_metaA: var(--u_accentA,1); --u_softL: 70; --u_softC: calc(var(--u_accentC) * .2); --u_softH: var(--u_accentH); --u_softA: var(--u_accentA,1); --u_hardL: 96; --u_hardC: calc(var(--u_accentC) * .2); --u_hardH: var(--u_accentH); --u_hardA: var(--u_accentA,1); --u_dimL: 50; --u_dimC: calc(var(--u_accentC) * .2); --u_dimH: var(--u_accentH); --u_dimA: var(--u_accentA,1); --u_softbgL: 12.5; --u_softbgC: 5; --u_softbgH: var(--u_accentH); --u_softbgA: var(--u_accentA,1); --u_libgL: 12.5; --u_libgC: 5; --u_libgH: var(--u_accentH); --u_libgA: var(--u_accentA,1); --u_focusL: 43; --u_focusC: 20; --u_focusH: var(--u_accentH); --u_focusA: var(--u_accentA,1); } .light:not(._0) { --u_op-gray-1L: 99; --u_op-gray-1C: .5; --u_op-gray-1H: 250; --u_op-gray-1A: 1; --u_op-gray-2L: 97; --u_op-gray-2C: .5; --u_op-gray-2H: 250; --u_op-gray-2A: 1; --u_op-gray-3L: 94; --u_op-gray-3C: 1; --u_op-gray-3H: 250; --u_op-gray-3A: 1; --u_op-gray-4L: 91; --u_op-gray-4C: 1.5; --u_op-gray-4H: 250; --u_op-gray-4A: 1; --u_op-gray-5L: 87; --u_op-gray-5C: 1.5; --u_op-gray-5H: 250; --u_op-gray-5A: 1; --u_op-gray-6L: 82; --u_op-gray-6C: 2; --u_op-gray-6H: 250; --u_op-gray-6A: 1; --u_op-gray-7L: 73; --u_op-gray-7C: 2; --u_op-gray-7H: 250; --u_op-gray-7A: 1; --u_op-gray-8L: 63; --u_op-gray-8C: 2.5; --u_op-gray-8H: 250; --u_op-gray-8A: 1; --u_op-gray-9L: 55; --u_op-gray-9C: 3; --u_op-gray-9H: 250; --u_op-gray-9A: 1; --u_op-gray-10L: 50; --u_op-gray-10C: 3; --u_op-gray-10H: 250; --u_op-gray-10A: 1; --u_op-gray-11L: 40; --u_op-gray-11C: 3; --u_op-gray-11H: 250; --u_op-gray-11A: 1; --u_op-gray-12L: 13; --u_op-gray-12C: 2; --u_op-gray-12H: 250; --u_op-gray-12A: 1; --u_op-accent-1L: 99; --u_op-accent-1C: 3; --u_op-accent-1H: var(--u_accentH); --u_op-accent-1A: var(--u_accentA,1); --u_op-accent-2L: 96; --u_op-accent-2C: 6; --u_op-accent-2H: var(--u_accentH); --u_op-accent-2A: var(--u_accentA,1); --u_op-accent-3L: 93; --u_op-accent-3C: 9; --u_op-accent-3H: var(--u_accentH); --u_op-accent-3A: var(--u_accentA,1); --u_op-accent-4L: 90; --u_op-accent-4C: 12; --u_op-accent-4H: var(--u_accentH); --u_op-accent-4A: var(--u_accentA,1); --u_op-accent-5L: 86; --u_op-accent-5C: 15; --u_op-accent-5H: var(--u_accentH); --u_op-accent-5A: var(--u_accentA,1); --u_op-accent-6L: 79; --u_op-accent-6C: 14; --u_op-accent-6H: var(--u_accentH); --u_op-accent-6A: var(--u_accentA,1); --u_op-accent-7L: 72; --u_op-accent-7C: 16; --u_op-accent-7H: var(--u_accentH); --u_op-accent-7A: var(--u_accentA,1); --u_op-accent-8L: 64; --u_op-accent-8C: 22; --u_op-accent-8H: var(--u_accentH); --u_op-accent-8A: var(--u_accentA,1); --u_op-accent-9L: var(--u_accentL); --u_op-accent-9C: var(--u_accentC); --u_op-accent-9H: var(--u_accentH); --u_op-accent-9A: var(--u_accentA,1); --u_op-accent-10L: 50; --u_op-accent-10C: calc(var(--u_accentC) * .9); --u_op-accent-10H: var(--u_accentH); --u_op-accent-10A: var(--u_accentA,1); --u_op-accent-11L: 38; --u_op-accent-11C: calc(var(--u_accentC) * .7); --u_op-accent-11H: var(--u_accentH); --u_op-accent-11A: var(--u_accentA,1); --u_op-accent-12L: 22; --u_op-accent-12C: calc(var(--u_accentC) * .5); --u_op-accent-12H: var(--u_accentH); --u_op-accent-12A: var(--u_accentA,1); --u_op-bgL: 99; --u_op-bgC: .5; --u_op-bgH: 250; --u_op-bgA: 1; --u_op-bg-subtleL: 97; --u_op-bg-subtleC: .5; --u_op-bg-subtleH: 250; --u_op-bg-subtleA: 1; --u_op-bg-elementL: 95; --u_op-bg-elementC: .5; --u_op-bg-elementH: 250; --u_op-bg-elementA: 1; --u_op-bg-hoverL: 95; --u_op-bg-hoverC: .5; --u_op-bg-hoverH: 250; --u_op-bg-hoverA: 1; --u_op-bg-activeL: 92; --u_op-bg-activeC: 1; --u_op-bg-activeH: 250; --u_op-bg-activeA: 1; --u_op-surfaceL: 97; --u_op-surfaceC: .5; --u_op-surfaceH: 250; --u_op-surfaceA: 1; --u_op-surface-hoverL: 94; --u_op-surface-hoverC: 1; --u_op-surface-hoverH: 250; --u_op-surface-hoverA: 1; --u_op-surface-raisedL: 100; --u_op-surface-raisedC: 0; --u_op-surface-raisedH: 250; --u_op-surface-raisedA: 1; --u_op-fgL: 13; --u_op-fgC: 2; --u_op-fgH: 250; --u_op-fgA: 1; --u_op-fg-mutedL: 40; --u_op-fg-mutedC: 3; --u_op-fg-mutedH: 250; --u_op-fg-mutedA: 1; --u_op-fg-subtleL: 55; --u_op-fg-subtleC: 3; --u_op-fg-subtleH: 250; --u_op-fg-subtleA: 1; --u_op-fg-on-accentL: 100; --u_op-fg-on-accentC: 0; --u_op-fg-on-accentH: 0; --u_op-fg-on-accentA: 1; --u_op-border-subtleL: 82; --u_op-border-subtleC: 2; --u_op-border-subtleH: 250; --u_op-border-subtleA: 1; --u_op-borderL: 73; --u_op-borderC: 2; --u_op-borderH: 250; --u_op-borderA: 1; --u_op-border-strongL: 63; --u_op-border-strongC: 2.5; --u_op-border-strongH: 250; --u_op-border-strongA: 1; --u_op-accent-bgL: 96; --u_op-accent-bgC: 6; --u_op-accent-bgH: var(--u_accentH); --u_op-accent-bgA: var(--u_accentA,1); --u_op-accent-bg-hL: 93; --u_op-accent-bg-hC: 9; --u_op-accent-bg-hH: var(--u_accentH); --u_op-accent-bg-hA: var(--u_accentA,1); --u_op-accent-solidL: var(--u_accentL); --u_op-accent-solidC: var(--u_accentC); --u_op-accent-solidH: var(--u_accentH); --u_op-accent-solidA: var(--u_accentA,1); --u_op-accent-solid-hL: 50; --u_op-accent-solid-hC: calc(var(--u_accentC) * .9); --u_op-accent-solid-hH: var(--u_accentH); --u_op-accent-solid-hA: var(--u_accentA,1); --u_op-accent-textL: 38; --u_op-accent-textC: calc(var(--u_accentC) * .7); --u_op-accent-textH: var(--u_accentH); --u_op-accent-textA: var(--u_accentA,1); --u_op-successL: 45; --u_op-successC: 55; --u_op-successH: 145; --u_op-successA: 1; --u_op-warningL: 50; --u_op-warningC: 60; --u_op-warningH: 80; --u_op-warningA: 1; --u_op-dangerL: 50; --u_op-dangerC: 60; --u_op-dangerH: 25; --u_op-dangerA: 1; --u_op-infoL: 45; --u_op-infoC: 50; --u_op-infoH: 250; --u_op-infoA: 1; --u_op-overlayL: 0; --u_op-overlayC: 0; --u_op-overlayH: 0; --u_op-overlayA: .3; --u_op-focusL: 64; --u_op-focusC: 22; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_op-shadow-softL: 0; --u_op-shadow-softC: 0; --u_op-shadow-softH: 0; --u_op-shadow-softA: .06; --u_op-shadowL: 0; --u_op-shadowC: 0; --u_op-shadowH: 0; --u_op-shadowA: .12; --u_op-shadow-strongL: 0; --u_op-shadow-strongC: 0; --u_op-shadow-strongH: 0; --u_op-shadow-strongA: .2; --u_op-popup-bgL: var(--u_op-surface-raisedL); --u_op-popup-bgC: var(--u_op-surface-raisedC); --u_op-popup-bgH: var(--u_op-surface-raisedH); --u_op-popup-bgA: var(--u_op-surface-raisedA,1); --op-popup-shadow: 0 4px 24px lch(var(--u_op-shadowL) var(--u_op-shadowC) var(--u_op-shadowH) / var(--u_op-shadowA,1)), 0 1px 2px lch(var(--u_op-shadow-softL) var(--u_op-shadow-softC) var(--u_op-shadow-softH) / var(--u_op-shadow-softA,1)); --op-popup-modal-shadow: 0 8px 48px lch(var(--u_op-shadow-strongL) var(--u_op-shadow-strongC) var(--u_op-shadow-strongH) / var(--u_op-shadow-strongA,1)), 0 1px 2px lch(var(--u_op-shadowL) var(--u_op-shadowC) var(--u_op-shadowH) / var(--u_op-shadowA,1)); --u_op-popup-tip-bgL: var(--u_op-surface-raisedL); --u_op-popup-tip-bgC: var(--u_op-surface-raisedC); --u_op-popup-tip-bgH: var(--u_op-surface-raisedH); --u_op-popup-tip-bgA: 95%; --op-popup-tip-shadow: 0 3px 20px lch(var(--u_op-shadowL) var(--u_op-shadowC) var(--u_op-shadowH) / var(--u_op-shadowA,1)), 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 70%); --u_op-button-fgL: 30; --u_op-button-fgC: var(--u_accentC); --u_op-button-fgH: var(--u_accentH); --u_op-button-fgA: var(--u_accentA,1); --u_op-button-bgL: 93; --u_op-button-bgC: 5; --u_op-button-bgH: var(--u_accentH); --u_op-button-bgA: var(--u_accentA,1); --u_op-button-bg-hL: 90; --u_op-button-bg-hC: 7; --u_op-button-bg-hH: var(--u_accentH); --u_op-button-bg-hA: var(--u_accentA,1); --u_op-button-split-bgL: 88; --u_op-button-split-bgC: 6; --u_op-button-split-bgH: var(--u_accentH); --u_op-button-split-bgA: var(--u_accentA,1); --op-button-shadow: 0 0 0 1px lch(80 5 var(--u_accentH) / 30%); --op-button-text-shadow: 0px 1px 0px hsla(0,0%,100%,15%); --u_op-button-contourL: 60; --u_op-button-contourC: calc(var(--u_accentC) * .5); --u_op-button-contourH: var(--u_accentH); --u_op-button-contourA: var(--u_accentA,1); --u_op-button-primary-fgL: 99; --u_op-button-primary-fgC: 40; --u_op-button-primary-fgH: var(--u_accentH); --u_op-button-primary-fgA: var(--u_accentA,1); --u_op-button-primary-bgL: 55; --u_op-button-primary-bgC: 65; --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: 50; --u_op-button-primary-bg-hC: 70; --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: var(--u_op-button-primary-bgL); --u_op-button-primary-contourC: var(--u_op-button-primary-bgC); --u_op-button-primary-contourH: var(--u_op-button-primary-bgH); --u_op-button-primary-contourA: var(--u_op-button-primary-bgA,1); --u_op-button-outline-fgL: 40; --u_op-button-outline-fgC: var(--u_accentC); --u_op-button-outline-fgH: var(--u_accentH); --u_op-button-outline-fgA: var(--u_accentA,1); --u_op-button-outline-borderL: 40; --u_op-button-outline-borderC: var(--u_accentC); --u_op-button-outline-borderH: var(--u_accentH); --u_op-button-outline-borderA: var(--u_accentA,1); --u_op-button-outline-inner-borderL: 40; --u_op-button-outline-inner-borderC: var(--u_accentC); --u_op-button-outline-inner-borderH: var(--u_accentH); --u_op-button-outline-inner-borderA: 40%; --u_op-button-inline-bgL: 93; --u_op-button-inline-bgC: 5; --u_op-button-inline-bgH: var(--u_accentH); --u_op-button-inline-bgA: 0; --u_op-button-inline-bg-hL: 88; --u_op-button-inline-bg-hC: 8; --u_op-button-inline-bg-hH: var(--u_accentH); --u_op-button-inline-bg-hA: var(--u_accentA,1); --u_op-button-neutral-fgL: var(--u_op-fgL); --u_op-button-neutral-fgC: var(--u_op-fgC); --u_op-button-neutral-fgH: var(--u_op-fgH); --u_op-button-neutral-fgA: var(--u_op-fgA,1); --u_op-button-neutral-bgL: var(--u_op-bg-hoverL); --u_op-button-neutral-bgC: var(--u_op-bg-hoverC); --u_op-button-neutral-bgH: var(--u_op-bg-hoverH); --u_op-button-neutral-bgA: var(--u_op-bg-hoverA,1); --u_op-button-neutral-bg-hL: var(--u_op-bg-activeL); --u_op-button-neutral-bg-hC: var(--u_op-bg-activeC); --u_op-button-neutral-bg-hH: var(--u_op-bg-activeH); --u_op-button-neutral-bg-hA: var(--u_op-bg-activeA,1); --u_op-button-white-fgL: 0; --u_op-button-white-fgC: 0; --u_op-button-white-fgH: 0; --u_op-button-white-fgA: 1; --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: var(--u_accentH); --u_op-button-white-bgA: var(--u_accentA,1); --u_op-button-white-bg-hL: 100; --u_op-button-white-bg-hC: 0; --u_op-button-white-bg-hH: var(--u_accentH); --u_op-button-white-bg-hA: var(--u_accentA,1); --u_op-button-link-fgL: 65; --u_op-button-link-fgC: calc(var(--u_accentC) * .6); --u_op-button-link-fgH: var(--u_accentH); --u_op-button-link-fgA: var(--u_accentA,1); --u_bgL: 99; --u_bgC: .5; --u_bgH: 250; --u_bgA: 1; --u_bdL: 82; --u_bdC: 2; --u_bdH: 250; --u_bdA: 1; --u_hL: 13; --u_hC: 2; --u_hH: 250; --u_hA: 1; --u_pL: 40; --u_pC: 3; --u_pH: 250; --u_pA: 1; --u_metaL: 40; --u_metaC: 3; --u_metaH: 250; --u_metaA: 1; --u_softL: 40; --u_softC: 3; --u_softH: 250; --u_softA: 1; --u_hardL: 13; --u_hardC: 2; --u_hardH: 250; --u_hardA: 1; --u_dimL: 55; --u_dimC: 3; --u_dimH: 250; --u_dimA: 1; --u_softbgL: 97; --u_softbgC: .5; --u_softbgH: 250; --u_softbgA: 1; --u_libgL: 97; --u_libgC: .5; --u_libgH: 250; --u_libgA: 1; --u_focusL: 64; --u_focusC: 22; --u_focusH: var(--u_accentH); --u_focusA: var(--u_accentA,1); --u_doc-fgL: var(--u_op-fgL); --u_doc-fgC: var(--u_op-fgC); --u_doc-fgH: var(--u_op-fgH); --u_doc-fgA: var(--u_op-fgA,1); --u_doc-linkL: 43.7; --u_doc-linkC: 66.4; --u_doc-linkH: 278.9; --u_doc-linkA: 1; --u_doc-link-bgL: 94.4; --u_doc-link-bgC: 9.1; --u_doc-link-bgH: 241; --u_doc-link-bgA: 0%; --u_doc-link-bg-hL: 94.4; --u_doc-link-bg-hC: 9.1; --u_doc-link-bg-hH: 241; --u_doc-link-bg-hA: 1; --u_doc-caretL: 44.8; --u_doc-caretC: 78.5; --u_doc-caretH: 285.6; --u_doc-caretA: 1; --u_doc-blueL: 54.6; --u_doc-blueC: 66.4; --u_doc-blueH: 277.6; --u_doc-blueA: 1; --u_doc-selectionL: 57.3; --u_doc-selectionC: 66.6; --u_doc-selectionH: 274.5; --u_doc-selectionA: .25; --u_doc-placeholderL: 66.5; --u_doc-placeholderC: 4.9; --u_doc-placeholderH: 285.7; --u_doc-placeholderA: 1; --u_doc-dimL: 47.9; --u_doc-dimC: 5.2; --u_doc-dimH: 285.9; --u_doc-dimA: 1; --u_doc-mutedL: 35.1; --u_doc-mutedC: 5.5; --u_doc-mutedH: 286; --u_doc-mutedA: 1; --u_doc-bdL: 85; --u_doc-bdC: 2.1; --u_doc-bdH: 285.4; --u_doc-bdA: 1; --u_doc-bd-hL: 47.9; --u_doc-bd-hC: 5.2; --u_doc-bd-hH: 285.9; --u_doc-bd-hA: 1; --u_doc-surfaceL: 96.2; --u_doc-surfaceC: .5; --u_doc-surfaceH: 285.3; --u_doc-surfaceA: 1; --u_doc-hrL: 85; --u_doc-hrC: 2.1; --u_doc-hrH: 285.4; --u_doc-hrA: 1; --u_doc-quote-bdL: 66.5; --u_doc-quote-bdC: 4.9; --u_doc-quote-bdH: 285.7; --u_doc-quote-bdA: 1; --u_doc-check-bdL: 66.5; --u_doc-check-bdC: 4.9; --u_doc-check-bdH: 285.7; --u_doc-check-bdA: 1; --u_doc-check-bgL: 100; --u_doc-check-bgC: 0; --u_doc-check-bgH: 0; --u_doc-check-bgA: 1; --u_doc-code-bgL: 94.5; --u_doc-code-bgC: 3.4; --u_doc-code-bgH: 208.1; --u_doc-code-bgA: 1; --u_doc-code-fgL: 28.6; --u_doc-code-fgC: 19.5; --u_doc-code-fgH: 212.1; --u_doc-code-fgA: 1; --u_doc-pre-bgL: 96.2; --u_doc-pre-bgC: .5; --u_doc-pre-bgH: 285.3; --u_doc-pre-bgA: 1; --u_doc-pre-fgL: 15.7; --u_doc-pre-fgC: 2.1; --u_doc-pre-fgH: 285.7; --u_doc-pre-fgA: 1; --u_doc-pre-bdL: 90.7; --u_doc-pre-bdC: 1.5; --u_doc-pre-bdH: 285.3; --u_doc-pre-bdA: 1; --u_doc-scope-bgL: 58.7; --u_doc-scope-bgC: 64.3; --u_doc-scope-bgH: 272; --u_doc-scope-bgA: .13; --u_doc-refL: 35.3; --u_doc-refC: 32.8; --u_doc-refH: 253.2; --u_doc-refA: 1; --u_doc-ref-scopedL: 88.7; --u_doc-ref-scopedC: 19.5; --u_doc-ref-scopedH: 235.9; --u_doc-ref-scopedA: 1; --u_doc-ref-scoped-bdL: 51.9; --u_doc-ref-scoped-bdC: 45.5; --u_doc-ref-scoped-bdH: 255.2; --u_doc-ref-scoped-bdA: 1; --u_doc-mentionL: 33.3; --u_doc-mentionC: 85.5; --u_doc-mentionH: 298; --u_doc-mentionA: 1; --u_doc-mention-bgL: 91.7; --u_doc-mention-bgC: 12.6; --u_doc-mention-bgH: 274.7; --u_doc-mention-bgA: 0%; --u_doc-mention-bg-hL: 91.7; --u_doc-mention-bg-hC: 12.6; --u_doc-mention-bg-hH: 274.7; --u_doc-mention-bg-hA: 1; --u_doc-mention-scopedL: 84.4; --u_doc-mention-scopedC: 23.2; --u_doc-mention-scopedH: 277.4; --u_doc-mention-scopedA: 1; } .light .op-accent-scope:not(._0) { --u_op-accent-1L: 99; --u_op-accent-1C: 3; --u_op-accent-1H: var(--u_accentH); --u_op-accent-1A: var(--u_accentA,1); --u_op-accent-2L: 96; --u_op-accent-2C: 6; --u_op-accent-2H: var(--u_accentH); --u_op-accent-2A: var(--u_accentA,1); --u_op-accent-3L: 93; --u_op-accent-3C: 9; --u_op-accent-3H: var(--u_accentH); --u_op-accent-3A: var(--u_accentA,1); --u_op-accent-4L: 90; --u_op-accent-4C: 12; --u_op-accent-4H: var(--u_accentH); --u_op-accent-4A: var(--u_accentA,1); --u_op-accent-5L: 86; --u_op-accent-5C: 15; --u_op-accent-5H: var(--u_accentH); --u_op-accent-5A: var(--u_accentA,1); --u_op-accent-6L: 79; --u_op-accent-6C: 14; --u_op-accent-6H: var(--u_accentH); --u_op-accent-6A: var(--u_accentA,1); --u_op-accent-7L: 72; --u_op-accent-7C: 16; --u_op-accent-7H: var(--u_accentH); --u_op-accent-7A: var(--u_accentA,1); --u_op-accent-8L: 64; --u_op-accent-8C: 22; --u_op-accent-8H: var(--u_accentH); --u_op-accent-8A: var(--u_accentA,1); --u_op-accent-9L: var(--u_accentL); --u_op-accent-9C: var(--u_accentC); --u_op-accent-9H: var(--u_accentH); --u_op-accent-9A: var(--u_accentA,1); --u_op-accent-10L: 50; --u_op-accent-10C: calc(var(--u_accentC) * .9); --u_op-accent-10H: var(--u_accentH); --u_op-accent-10A: var(--u_accentA,1); --u_op-accent-11L: 38; --u_op-accent-11C: calc(var(--u_accentC) * .7); --u_op-accent-11H: var(--u_accentH); --u_op-accent-11A: var(--u_accentA,1); --u_op-accent-12L: 22; --u_op-accent-12C: calc(var(--u_accentC) * .5); --u_op-accent-12H: var(--u_accentH); --u_op-accent-12A: var(--u_accentA,1); --u_op-accent-bgL: 96; --u_op-accent-bgC: 6; --u_op-accent-bgH: var(--u_accentH); --u_op-accent-bgA: var(--u_accentA,1); --u_op-accent-bg-hL: 93; --u_op-accent-bg-hC: 9; --u_op-accent-bg-hH: var(--u_accentH); --u_op-accent-bg-hA: var(--u_accentA,1); --u_op-accent-solidL: var(--u_accentL); --u_op-accent-solidC: var(--u_accentC); --u_op-accent-solidH: var(--u_accentH); --u_op-accent-solidA: var(--u_accentA,1); --u_op-accent-solid-hL: 50; --u_op-accent-solid-hC: calc(var(--u_accentC) * .9); --u_op-accent-solid-hH: var(--u_accentH); --u_op-accent-solid-hA: var(--u_accentA,1); --u_op-accent-textL: 38; --u_op-accent-textC: calc(var(--u_accentC) * .7); --u_op-accent-textH: var(--u_accentH); --u_op-accent-textA: var(--u_accentA,1); --u_op-focusL: 64; --u_op-focusC: 22; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_op-button-fgL: 30; --u_op-button-fgC: var(--u_accentC); --u_op-button-fgH: var(--u_accentH); --u_op-button-fgA: var(--u_accentA,1); --u_op-button-bgL: 93; --u_op-button-bgC: 5; --u_op-button-bgH: var(--u_accentH); --u_op-button-bgA: var(--u_accentA,1); --u_op-button-bg-hL: 90; --u_op-button-bg-hC: 7; --u_op-button-bg-hH: var(--u_accentH); --u_op-button-bg-hA: var(--u_accentA,1); --u_op-button-split-bgL: 88; --u_op-button-split-bgC: 6; --u_op-button-split-bgH: var(--u_accentH); --u_op-button-split-bgA: var(--u_accentA,1); --op-button-shadow: 0 0 0 1px lch(80 5 var(--u_accentH) / 30%); --u_op-button-contourL: 60; --u_op-button-contourC: calc(var(--u_accentC) * .5); --u_op-button-contourH: var(--u_accentH); --u_op-button-contourA: var(--u_accentA,1); --u_op-button-primary-fgL: 99; --u_op-button-primary-fgC: 40; --u_op-button-primary-fgH: var(--u_accentH); --u_op-button-primary-fgA: var(--u_accentA,1); --u_op-button-primary-bgL: 55; --u_op-button-primary-bgC: 65; --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: 50; --u_op-button-primary-bg-hC: 70; --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: var(--u_op-button-primary-bgL); --u_op-button-primary-contourC: var(--u_op-button-primary-bgC); --u_op-button-primary-contourH: var(--u_op-button-primary-bgH); --u_op-button-primary-contourA: var(--u_op-button-primary-bgA,1); --u_op-button-outline-fgL: 40; --u_op-button-outline-fgC: var(--u_accentC); --u_op-button-outline-fgH: var(--u_accentH); --u_op-button-outline-fgA: var(--u_accentA,1); --u_op-button-outline-borderL: 40; --u_op-button-outline-borderC: var(--u_accentC); --u_op-button-outline-borderH: var(--u_accentH); --u_op-button-outline-borderA: var(--u_accentA,1); --u_op-button-outline-inner-borderL: 40; --u_op-button-outline-inner-borderC: var(--u_accentC); --u_op-button-outline-inner-borderH: var(--u_accentH); --u_op-button-outline-inner-borderA: 40%; --u_op-button-inline-bgL: 93; --u_op-button-inline-bgC: 5; --u_op-button-inline-bgH: var(--u_accentH); --u_op-button-inline-bgA: 0; --u_op-button-inline-bg-hL: 88; --u_op-button-inline-bg-hC: 8; --u_op-button-inline-bg-hH: var(--u_accentH); --u_op-button-inline-bg-hA: var(--u_accentA,1); --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: var(--u_accentH); --u_op-button-white-bgA: var(--u_accentA,1); --u_op-button-white-bg-hL: 100; --u_op-button-white-bg-hC: 0; --u_op-button-white-bg-hH: var(--u_accentH); --u_op-button-white-bg-hA: var(--u_accentA,1); --u_op-button-link-fgL: 65; --u_op-button-link-fgC: calc(var(--u_accentC) * .6); --u_op-button-link-fgH: var(--u_accentH); --u_op-button-link-fgA: var(--u_accentA,1); --u_bgL: 99; --u_bgC: .5; --u_bgH: 250; --u_bgA: 1; --u_bdL: 82; --u_bdC: 2; --u_bdH: 250; --u_bdA: 1; --u_hL: 13; --u_hC: 2; --u_hH: 250; --u_hA: 1; --u_pL: 40; --u_pC: 3; --u_pH: 250; --u_pA: 1; --u_metaL: 40; --u_metaC: 3; --u_metaH: 250; --u_metaA: 1; --u_softL: 40; --u_softC: 3; --u_softH: 250; --u_softA: 1; --u_hardL: 13; --u_hardC: 2; --u_hardH: 250; --u_hardA: 1; --u_dimL: 55; --u_dimC: 3; --u_dimH: 250; --u_dimA: 1; --u_softbgL: 97; --u_softbgC: .5; --u_softbgH: 250; --u_softbgA: 1; --u_libgL: 97; --u_libgC: .5; --u_libgH: 250; --u_libgA: 1; --u_focusL: 64; --u_focusC: 22; --u_focusH: var(--u_accentH); --u_focusA: var(--u_accentA,1); } .green:not(._0) { --u_accentL: 72.4; --u_accentC: 56.2; --u_accentH: 161.4; --u_accentA: 1; } .yellow:not(._0) { --u_accentL: 81.8; --u_accentC: 82.3; --u_accentH: 83.1; --u_accentA: 1; } .red:not(._0) { --u_accentL: 60.6; --u_accentC: 66.7; --u_accentH: 18.6; --u_accentA: 1; } .blue:not(._0) { --u_accentL: 54.6; --u_accentC: 66.4; --u_accentH: 277.6; --u_accentA: 1; } .amber:not(._0) { --u_accentL: 77.1; --u_accentC: 79.1; --u_accentH: 75.5; --u_accentA: 1; } .indigo:not(._0) { --u_accentL: 55.1; --u_accentC: 68.4; --u_accentH: 290.2; --u_accentA: 1; } .rose:not(._0) { --u_accentL: 60.6; --u_accentC: 66.7; --u_accentH: 18.6; --u_accentA: 1; } /* op/src/ui/styles.imba?styles */ .xli, .oinput > .label, .xli > section > span, .xli > section > .xchip, .xli:is(:hover, .\@hover) { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } :root { interpolate-size: allow-keywords; font-family: var(--font-system-ui,system-ui); font-size: 14px; --u_fxd: .3s; --u_gih: 220px; --u_rd: 6px; --u_keyboardheight: 0px; --sait: env(safe-area-inset-top, 0px); --sail: env(safe-area-inset-right, 0px); --u_menu-bgL: var(--u_op-surface-raisedL); --u_menu-bgC: var(--u_op-surface-raisedC); --u_menu-bgH: var(--u_op-surface-raisedH); --u_menu-bgA: var(--u_op-surface-raisedA,1); --u_site-bgL: var(--u_op-bgL); --u_site-bgC: var(--u_op-bgC); --u_site-bgH: var(--u_op-bgH); --u_site-bgA: var(--u_op-bgA,1); --u_mipx: 8px; --u_mih: 32px; --u_mifs: 14px; --u_mird: 4px; --u_accentL: 55; --u_accentC: 66; --u_accentH: 270; --u_accentA: 1; --u_blueL: 54.6; --u_blueC: 66.4; --u_blueH: 277.6; --u_blueA: 1; --u_greenL: 72.4; --u_greenC: 56.2; --u_greenH: 161.4; --u_greenA: 1; --u_yellowL: 81.8; --u_yellowC: 82.3; --u_yellowH: 83.1; --u_yellowA: 1; --u_redL: 60.6; --u_redC: 66.7; --u_redH: 18.6; --u_redA: 1; --u_hueL: var(--u_blueL); --u_hueC: var(--u_blueC); --u_hueH: var(--u_blueH); --u_hueA: var(--u_blueA,1); } :root.initing { --u_fxd: 0ms; } :root.mounting { --u_fxd: 0ms; } html, body { background: lch(var(--u_site-bgL) var(--u_site-bgC) var(--u_site-bgH) / var(--u_site-bgA,1)); } h4 { font-size: 14px; } .markdown p:not(._0) { margin-top: .75rem; margin-bottom: .75rem; font-size: 15px; } q-ref { color: #93c5fd; border-bottom: 1px dotted hsla(213.12, 93.9%, 67.84%, 50%); cursor: default; } q-ref:not(#_):not(._0) { display: inline; } .op-no-scrollbar:not(._0) { -ms-overflow-style: none; scrollbar-width: none; } .op-no-scrollbar:not(._0)::-webkit-scrollbar { display: none; width: 0px; height: 0px; background: #fff0; } @keyframes rotates { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .debug-focus *:is(:focus, .\@focus):not(._0) { outline: 1px dashed hsla(234.45, 89.47%, 73.92%, 100%); } .xxs:not(._0) { --u_u: 2.5; --u_ffh: 16px; --u_hu: 16; --u_fis: 12px; --u_ics: 12; --u_ffxp: 4px; --u_ffs: 10px; --u_ffrd: 3px; --u_ffg: 4px; --u_smfs: 9px; --u_mdfs: 11px; --u_lgfs: 13px; } .xs:not(._0) { --u_u: 3; --u_ffh: 20px; --u_hu: 20; --u_fis: 12px; --u_ics: 12; --u_ffxp: 4px; --u_ffs: 12px; --u_ffrd: 3px; --u_ffg: 4px; --u_smfs: 9px; --u_mdfs: 11px; --u_lgfs: 13px; --u_lgfis: 16px; --u_lgics: 16; } .sm:not(._0) { --u_u: 3.5; --u_ffh: 24px; --u_hu: 24; --u_fis: 12px; --u_ics: 12; --u_ffxp: 6px; --u_ffs: 12px; --u_ffrd: 3px; --u_ffg: 6px; --u_smfs: 10px; --u_mdfs: 12px; --u_lgfs: 14px; --u_lgfis: 20px; --u_lgics: 20; } :root, .md:not(._0) { --u_u: 4; --u_ffh: 32px; --u_hu: 32; --u_fis: 16px; --u_ics: 16; --u_ffxp: 10px; --u_ffs: 13px; --u_ffrd: 4px; --u_ffg: 6px; --u_smfs: 12px; --u_mdfs: 14px; --u_lgfs: 16px; --u_lgfis: 24px; --u_lgics: 24; } .lg:not(._0) { --u_u: 5; --u_ffh: 36px; --u_hu: 36; --u_fis: 20px; --u_ics: 20; --u_ffxp: 10px; --u_ffs: 14px; --u_ffrd: 5px; --u_ffg: 10px; --u_smfs: 14px; --u_mdfs: 16px; --u_lgfs: 18px; --u_lgfis: 30px; --u_lgics: 30; } .xl:not(._0) { --u_u: 6; --u_ffh: 48px; --u_hu: 48; --u_fis: 24px; --u_ics: 24; --u_ffxp: 14px; --u_ffs: 16px; --u_ffrd: 6px; --u_ffg: 12px; } .xxl:not(._0) { --u_u: 7; --u_ffh: 64px; --u_hu: 64; --u_fis: 32px; --u_ics: 32; --u_ffxp: 20px; --u_ffs: 24px; --u_ffrd: 6px; --u_ffg: 18px; } :is(input, select, .badge).op { min-height: var(--u_ffh,1ffh); min-width: var(--u_ffh,1ffh); font-size: var(--u_ffs,1ffs); border-radius: var(--u_ffrd,1ffrd); padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); line-height: var(--u_ffs,1ffs); --u_lh: var(--u_ffs,1ffs); } .badge.op:not(._0) { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; align-self: baseline; vertical-align: middle; font-weight: 500; } .trunc:not(._0) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .trunc-1:not(._0) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .trunc-2:not(._0) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .trunc-3:not(._0) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .debug.\@ixmportant:is(:focus-within, .\@focin):not(._0) { outline: 1px dashed hsla(300, 100%, 25.1%, 1); outline-offset: 1px; } .debug.\@ixmportant:is(:focus, .\@focus):not(._0) { outline: 1px solid hsla(0, 90.6%, 70.78%, 50%); outline-offset: 4px; } .debug.\@ixmportant:is(:focus-within, .\@focin):is(:focus, .\@focus):not(._0) { outline: 1px solid hsla(0, 90.6%, 70.78%, 100%); } .debug.\@ixmportant:is(:checked, .\@checked):not(._0) { outline: 1px dashed hsla(45.4, 93.39%, 47.45%, 100%); outline-offset: 2px; } .debug.\@ixmportant .selection:not(._0) { outline: 1px solid hsla(43.26, 96.41%, 56.27%, 100%); outline-offset: 2px; } .debug.\@ixmportant:is(:checked, .\@checked):is(:focus, .\@focus):not(._0) { outline: 1px solid hsla(45.4, 93.39%, 47.45%, 100%); outline-offset: calc(var(--u_p,1p) * 2); } .osection:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; align-self: stretch; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); } .osection > header:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .osection h1:not(._0) { font-size: 18px; line-height: 26px; --u_lh: 26px; font-weight: 500; } .osection h2:not(._0) { font-size: 16px; line-height: 22px; --u_lh: 22px; font-weight: 500; } .osection p:not(._0) { font-size: 15px; line-height: 22px; --u_lh: 22px; font-weight: 400; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .osection > .oheader:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .osection > .oheader h1:not(._0) { font-size: 18px; line-height: 18px; --u_lh: 18px; font-weight: 500; } .osection > .oheader h2:not(._0) { font-size: 16px; line-height: 16px; --u_lh: 16px; font-weight: 500; } .osection > .oheader .olabel:not(._0) { flex: 1; font-size: 18px; font-weight: 500; } .osection > main:empty:not(._0) { display: none; } .osection > footer:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .osection article h1:not(._0) { font-size: 32px; line-height: 48px; --u_lh: 48px; font-weight: 500; margin-top: 16px; margin-bottom: 16px; } .osection article h2:not(._0) { font-size: 24px; line-height: 34px; --u_lh: 34px; font-weight: 500; margin-top: 12px; margin-bottom: 12px; } .osection article h3:not(._0) { font-size: 20px; line-height: 28px; --u_lh: 28px; font-weight: 500; margin-top: 8px; margin-bottom: 8px; } .osection article h4:not(._0) { font-size: 18px; line-height: 26px; --u_lh: 26px; font-weight: 800; margin-top: 8px; margin-bottom: 8px; } .osection article h5:not(._0) { font-size: 16px; line-height: 22px; --u_lh: 22px; font-weight: 800; margin-top: 8px; margin-bottom: 8px; } .osection article p:not(._0) { font-size: 16px; font-weight: 400; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); margin-top: .25rem; margin-bottom: .5rem; line-height: 150%; --u_lh: 150%; } .osection article p.large:not(._0) { font-size: 18px; line-height: 150%; --u_lh: 150%; } .osection article a:not(._0) { font-size: 16px; line-height: 22px; --u_lh: 22px; font-weight: 500; color: lch(var(--u_site-cL) var(--u_site-cC) var(--u_site-cH) / var(--u_site-cA,1)); text-decoration: underline; } .osection article ul:not(._0) { padding-left: 1rem; padding-bottom: 1rem; } .osection article ul li:not(._0) { list-style-type: disc; } .opill:not(._0) { --u_h: var(--u_fis,1fis); min-height: var(--u_h,1h); min-width: var(--u_h,1h); font-size: var(--u_ffs,1ffs); padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); border-radius: 9999px; background: #60a5fa; color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .ochip:not(._0) { --u_h: var(--u_ffh,1ffh); min-height: var(--u_h,1h); min-width: var(--u_h,1h); font-size: var(--u_ffs,1ffs); padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); border-radius: var(--u_ffrd,1ffrd); display: inline-flex; flex-direction: row; align-items: center; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); } .ochip.badge:not(._0) { opacity: 1; } .ochip.compact span + span:not(._0) { display: none; } .ochip.compact.empty:not(._0) { display: none; } .op-surface:not(._0) { background: lch(var(--u_op-surfaceL) var(--u_op-surfaceC) var(--u_op-surfaceH) / var(--u_op-surfaceA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); border-radius: var(--u_rd,1rd); } .op-surface-raised:not(._0) { background: lch(var(--u_op-surface-raisedL) var(--u_op-surface-raisedC) var(--u_op-surface-raisedH) / var(--u_op-surface-raisedA,1)); border: 1px solid lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); border-radius: var(--u_rd,1rd); } .op-card:not(._0) { background: lch(var(--u_op-surfaceL) var(--u_op-surfaceC) var(--u_op-surfaceH) / var(--u_op-surfaceA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); border-radius: var(--u_rd,1rd); padding: 20px; } .op-card-raised:not(._0) { background: lch(var(--u_op-surface-raisedL) var(--u_op-surface-raisedC) var(--u_op-surface-raisedH) / var(--u_op-surface-raisedA,1)); border: 1px solid lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); border-radius: var(--u_rd,1rd); padding: 20px; } .ohr:not(._0) { height: 1px; background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); border-style: none; } .omenu:not(._0) { min-width: 220px; } .omenu .olegend:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); font-size: var(--u_smfs,1smfs); padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); } .obadge:not(._0) { min-height: var(--u_h,1h); min-width: var(--u_h,1h); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; line-height: 1; --u_lh: 1; font-size: calc(var(--u_ffs,1ffs) - 2px); font-weight: 500; text-transform: uppercase; padding-left: calc(var(--u_ffxp,1ffxp) * .5); padding-right: calc(var(--u_ffxp,1ffxp) * .5); background: lch(var(--u_accentL) var(--u_accentC) var(--u_accentH) / var(--u_accentA,1)); color: lch(clamp(3, calc((var(--u_accentL) - 50.1) * -1000), 97) var(--u_accentC) var(--u_accentH) / var(--u_accentA,1)); --u_h: 14px; border-radius: 3px; } .obadge .olabel:not(._0) { padding-left: 3px; padding-right: 3px; letter-spacing: -.3px; } .xli:not(._0) { --u_p: 8px; --u_lilh: 20px; aspect-ratio: initial; padding: var(--u_p,1p); --bgo: 1; --u_bgL: var(--u_op-bg-subtleL); --u_bgC: var(--u_op-bg-subtleC); --u_bgH: var(--u_op-bg-subtleH); --u_bgA: var(--u_op-bg-subtleA,1); --u_bdL: var(--u_op-border-subtleL); --u_bdC: var(--u_op-border-subtleC); --u_bdH: var(--u_op-border-subtleH); --u_bdA: var(--u_op-border-subtleA,1); border: 1px solid lch(var(--u_bdL) var(--u_bdC) var(--u_bdH) / var(--u_bdA,1)); border-radius: 6px; background: lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)); box-shadow: 0 0 3px lch(var(--u_op-overlayL) var(--u_op-overlayC) var(--u_op-overlayH) / var(--u_op-overlayA,1)); --e_cd: var(--u_fxd,1fxd) !important; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; column-gap: 4px; --u_cg: 4px; --u_fis: 40px; --u_ics: 28; font-size: 16px; flex-wrap: wrap; } .xli:not(._0):before { display: none; } .xli:is(:hover, .\@hover):not(._0) { background: lch(calc(var(--u_bgL) + 2) calc(var(--u_bgC) + 2) var(--u_bgH) / var(--u_bgA,1)); border-color: lch(calc(var(--u_bgL) + 7) calc(var(--u_bgC) + 2) var(--u_bgH) / .3); --e_cd: calc(var(--u_fxd,1fxd) * 0) !important; } .xli.inline:not(._0) { background: #fff0; padding: 0; border-radius: inherit; border-style: none; } .xli > .oicon:not(._0) { --u_ics: 32; width: var(--u_fis,1fis); height: var(--u_fis,1fis); } .xli h1:not(._0), .xli h2:not(._0), .xli h3:not(._0), .xli h4:not(._0), .xli p:not(._0) { margin: 0rem; padding: 0rem; } .xli p:not(._0) { font-size: 13px; line-height: 16px; --u_lh: 16px; order: 500; width: 100%; flex: 0 0 100%; } @container (max-width: 399px) { .xli:not(._0) { --u_p: 4px; font-size: 12px; --u_fis: 24px; --u_ics: 20; letter-spacing: max((400px - 100cqw) * -.005, -.5px); } } .xli:is(.compact :where(.xli)):not(._0) { --u_fis: 24px; --u_lilh: 24px; --u_ffh: 24px; } @container (max-width: 499px) { .xli:is(.compact :where(.xli)):not(._0) { font-size: 14px; } } .xli:is(.menu :where(.xli)):not(._0) { font-size: 14px; letter-spacing: 0px; --u_lilh: 16px; border-width: 0px; padding: 6px; } .xli:is(.menu :where(.xli)):is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .xli:is(.menu :where(.xli)) > p:not(._0) { margin-left: calc(var(--u_fis,1fis) + var(--u_cg,1cg)); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .xli h2:not(._0) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); font-size: 16px; line-height: var(--u_lilh,1lilh); --u_lh: var(--u_lilh,1lilh); overflow: hidden; flex-shrink: 1; white-space: nowrap; text-overflow: ellipsis; } @container (max-width: 399px) { .xli h2:not(._0) { font-size: 14px; } } @container (max-width: 499px) { .xli h2:is(.compact :where(h2)):not(._0) { font-size: 14px; } } .xli > button:not(._0) { height: 20px; order: 120; } .xli .bullet:not(._0) { width: var(--u_fis,1fis); height: var(--u_fis,1fis); border-radius: 20px; background: #818cf8; margin-right: calc(var(--u_g,1g) * .5); } @container (max-width: 239px) { .xli .bullet:not(._0) { display: none; } } .xli .bullet:is(.menu :where(.bullet)):not(._0) { display: block; margin-right: 0; } .xli > section:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: inherit; --u_cg: inherit; row-gap: 0px; --u_rg: 0px; flex-wrap: wrap; line-height: var(--u_lilh,1lilh); --u_lh: var(--u_lilh,1lilh); align-content: flex-start; flex: 1 1 10px; contain: inline-size; overflow-x: visible; overflow-y: clip; --u_fis: 18px; --u_ics: 12; --u_ffh: 20px; --u_ffrd: 3px; --u_ffxp: 3px; --u_ffs: 11px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .xli > section > hr:not(._0) { width: 1px; height: calc(var(--u_ffh,1ffh) * .25); background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); flex: 0 0 auto; border-style: none; } .xli > section > hr:first-of-type:not(._0) { border-style: none; height: 0; width: 100%; flex: 1 0 auto; margin: 0rem; padding: 0rem; } .xli > section > h2:not(._0) { font-size: 13px; font-weight: 400; } .xli > section:not(._0):after { content: ""; width: 100%; flex: 0 0 100%; margin: 0rem; opacity: 0; height: 0px; border-style: none; order: 50; display: none; } @container (max-width: 399px) { .xli > section:not(._0):after { display: none; } } .xli > section:is(.compact :where(section)):not(._0) { --u_ffh: 22px; } .xli > section:is(.compact :where(section)):not(._0):after { display: none; } .xli > section:is(.compact :where(section)) hr:first-of-type:not(._0) { flex: 1 0 0px; } .xli > section:is(.single :where(section)):not(._0) { flex-wrap: nowrap; max-height: var(--u_lilh,1lilh); } .xli > section:is(.single :where(section)) hr:first-of-type:not(._0) { flex: 1 0 0px; } .xli > section:is(.fixed :where(section)):not(._0) { max-height: var(--u_lilh,1lilh); } .xli > section:is(.double :where(section)):not(._0) { max-height: calc(var(--u_lilh,1lilh) * 2); } .xli > section:is(.menu :where(section)):not(._0) { max-height: var(--u_lilh,1lilh); } .xli > section .shrink:not(._0) { min-width: 30px; flex-shrink: 1; overflow-x: clip; text-overflow: ellipsis; } .xli > section > span:not(._0), .xli > section > .xchip:not(._0) { margin-top: 1px; margin-bottom: 1px; font-size: 11px; height: var(--u_ffh,1ffh); line-height: var(--u_ffh,1ffh); --u_lh: var(--u_ffh,1ffh); padding-left: 3px; padding-right: 3px; display: inline-flex; cursor: default; border-radius: 4px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); column-gap: 2px; --u_cg: 2px; justify-content: center; --u_fis: 16px; --u_ics: 12; margin-left: -3px; background: #fff0; align-items: center; flex-shrink: 0; --e_cd: var(--u_fxd,1fxd) !important; position: relative; } .xli > section > span > .oicon:not(._0), .xli > section > .xchip > .oicon:not(._0) { margin-left: -2px; } .xli > section > span > .oicon.flag:not(._0), .xli > section > .xchip > .oicon.flag:not(._0) { margin-left: 0rem; margin-right: 1px; font-size: calc(var(--u_fis,1fis) - 3px); } .xli > section > span > .oicon:only-child:not(._0), .xli > section > .xchip > .oicon:only-child:not(._0) { margin-left: -1px; margin-right: -1px; } .xli > section > span:is(:hover, .\@hover):not(._0), .xli > section > .xchip:is(:hover, .\@hover):not(._0) { background: lch(calc(var(--u_bgL) + 8) calc(var(--u_bgC) + 5) var(--u_bgH) / var(--u_bgA,1)); box-shadow: 0 0 1px lch(var(--u_op-shadowL) var(--u_op-shadowC) var(--u_op-shadowH) / var(--u_op-shadowA,1)); } .xli > section > span.has-menu:not(._0), .xli > section > .xchip.has-menu:not(._0) { background: lch(calc(var(--u_bgL) + 8) calc(var(--u_bgC) + 5) var(--u_bgH) / var(--u_bgA,1)); box-shadow: 0 0 1px lch(var(--u_op-shadowL) var(--u_op-shadowC) var(--u_op-shadowH) / var(--u_op-shadowA,1)); } .xli > section > span.\@after-disabled:not(._0), .xli > section > .xchip.\@after-disabled:not(._0) { content: ""; position: absolute; height: 4px; width: 1px; background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); margin-right: -2px; right: 0; } .xli > section > span:empty:not(._0), .xli > section > .xchip:empty:not(._0) { display: none; } .xli > section > span.oicon:not(._0), .xli > section > .xchip.oicon:not(._0) { font-size: calc(var(--u_fis,1fis) - 2px); } .xli > section > op-icon:not(._0) { --u_ffxp: 0px; --u_h: var(--u_fis,1fis); background: #fff0; margin-left: -2px; margin-right: -2px; } .xli > section > op-icon:is(:hover, .\@hover):not(._0) { background: lch(calc(var(--u_bgL) + 8) calc(var(--u_bgC) + 5) var(--u_bgH) / var(--u_bgA,1)); } .xli > section > .xbadge:not(._0) { background: lch(var(--u_blueL) var(--u_blueC) var(--u_blueH) / var(--u_blueA,1)); color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); text-transform: uppercase; height: calc(var(--u_ffh,1ffh) - 4px); font-size: calc(var(--u_ffs,1ffs) - 1px); } .xli > section > op-stat:not(._0) { margin-top: 1px; margin-bottom: 1px; font-size: 11px; height: var(--u_ffh,1ffh); line-height: var(--u_ffh,1ffh); --u_lh: var(--u_ffh,1ffh); padding-left: 3px; padding-right: 3px; display: inline-flex; cursor: default; border-radius: 4px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); column-gap: 2px; --u_cg: 2px; align-items: center; } .xli.single:not(._0) { --u_fis: 20px; } .xli.single > .oicon:not(._0) { --u_ics: 16; } .xli:is(.centered :where(.xli)):not(._0) { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; flex-wrap: nowrap; text-align: center; } .xli:is(.centered :where(.xli)) > section:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; align-self: stretch; width: 100%; } .xli:is(.centered :where(.xli)) > p:not(._0) { flex: auto; padding-top: .5rem; padding-bottom: .5rem; } .xli.miss:not(._0) { opacity: .5; } .xtable:not(._0) { width: 100%; border-spacing: 8px 4px; display: grid; grid-template-columns: 2fr fit-content(300px) fit-content(300px); --u_trh: 40px; --u_thh: 24px; --u_bgL: var(--u_op-bg-subtleL); --u_bgC: var(--u_op-bg-subtleC); --u_bgH: var(--u_op-bg-subtleH); --u_bgA: var(--u_op-bg-subtleA,1); --u_bdL: var(--u_op-border-subtleL); --u_bdC: var(--u_op-border-subtleC); --u_bdH: var(--u_op-border-subtleH); --u_bdA: var(--u_op-border-subtleA,1); } .xtable .sm:not(._0) { font-size: 13px; } .xtable .th:not(._0) { text-transform: uppercase; } .xtable .left:not(._0) { text-align: left; } .xtable .center:not(._0) { text-align: center; } .xtable .right:not(._0) { text-align: right; } .xtable .kind-icon:not(._0) { text-align: center; } .xtable .kind-icon .oicon:not(._0) { width: var(--u_fis,1fis); height: var(--u_fis,1fis); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; font-size: var(--u_fis,1fis); } .xtable .thead:not(._0) { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; font-size: 10px; margin-top: 8px; margin-bottom: 8px; } .xtable .thead .tr:not(._0) { background: lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)); height: auto; } .xtable .thead .th:not(._0) { padding-left: 8px; padding-right: 8px; height: var(--u_thh,1thh); line-height: var(--u_thh,1thh); --u_lh: var(--u_thh,1thh); } .xtable .thead .th:first-child:not(._0) { padding-left: 12px; } .xtable .tr:not(._0) { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; } .xtable .tbody:not(._0) { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; border: 1px solid lch(var(--u_bdL) var(--u_bdC) var(--u_bdH) / var(--u_bdA,1)); border-radius: var(--u_ffrd,1ffrd); } .xtable .tbody .tr:not(._0) { height: var(--u_trh,1trh); padding: 0rem; border-top: 1px solid lch(var(--u_bdL) var(--u_bdC) var(--u_bdH) / var(--u_bdA,1)); } .xtable .tbody .tr:first-child:not(._0) { border-top-style: none; } .xtable .tbody .tr:is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .xtable .td:not(._0) { padding-left: 8px; padding-right: 8px; vertical-align: middle; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; overflow: hidden; text-overflow: ellipsis; } .xtable .td span:not(._0) { overflow: hidden; text-overflow: ellipsis; } .xtable .td:first-child:not(._0) { padding-left: 12px; } .xtable h2:not(._0) { font-size: 15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 1ex; --u_rg: 1ex; --u_cg: 1ex; } .xtable h2 em:not(._0) { font-style: normal; font-weight: 500; } .xtable h2 small:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); font-size: 13px; font-weight: 400; } .oinput:not(._0) { flex: 1; min-height: var(--u_ffh,1ffh); min-width: var(--u_ffh,1ffh); position: relative; border-radius: var(--u_ffrd,1ffrd); --u_olo: 0px; } .oinput:is(:focus-within, .\@focin):not(._0) { --u_olfocus: 1; } .oinput.box:not(._0) { padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); font-size: var(--u_ffs,1ffs); background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 0px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .oinput.box:is(:focus-within, .\@focin):not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .oinput.box:not(._0):before { content: ""; pointer-events: none; inset: 0rem; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); display: block; position: absolute; border-radius: inherit; } .oinput.box.select:not(._0) { padding-left: 0rem; padding-right: 0rem; flex: 0 1 auto; } .oinput.readonly:not(._0) { cursor: not-allowed; } .oinput.radio:not(._0) { grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-columns: var(--u_fis,1fis) 1fr; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .oinput > input:not(._0) { appearance: none; -webkit-appearance: none; border-style: solid; border-width: 0px; position: absolute; inset: 0rem; padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); font-size: inherit; font-family: inherit; border-radius: inherit; background: #fff0; color: inherit; } .oinput > input[type=radio]:not(._0) { inset: auto; width: var(--u_fis,1fis); height: var(--u_fis,1fis); appearance: radio; -webkit-appearance: radio; position: relative; } .oinput > textarea:not(._0) { appearance: none; -webkit-appearance: none; border-style: solid; border-width: 0px; position: absolute; inset: 0rem; padding: var(--u_ffxp,1ffxp); font-size: inherit; font-family: inherit; border-radius: inherit; background: #fff0; color: inherit; } .oinput > select:not(._0) { width: auto; height: var(--u_ffh,1ffh); border-radius: inherit; background: inherit; flex-grow: 1; padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); border-right: var(--u_fis,1fis) solid hsla(0, 0%, 100%, 0%); appearance: none; -webkit-appearance: none; line-height: var(--u_ffh,1ffh); --u_lh: var(--u_ffh,1ffh); } .oinput.invalid:not(._0) { --hue: hsla(0,100%,50%,1); --hue0: 0,86%,97%; --hue1: 0,93%,94%; --hue2: 0,96%,89%; --hue3: 0,94%,82%; --hue4: 0,91%,71%; --hue5: 0,84%,60%; --hue6: 0,72%,51%; --hue7: 0,74%,42%; --hue8: 0,70%,35%; --hue9: 0,63%,31%; } .oinput > .label:not(._0) { pointer-events: none; position: absolute; font-size: max(calc(var(--u_ffs,1ffs) * .5), 10px); line-height: max(calc(var(--u_ffs,1ffs) * .8), 13px); --u_lh: max(calc(var(--u_ffs,1ffs) * .8), 13px); --e_ad: var(--u_fxd,1fxd) !important; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: flex-start; height: calc(var(--u_ffh,1ffh) * .4); top: -20px; left: 0; opacity: .5; } .oinput:is(:focus-within, .\@focin) > .label:not(._0) { opacity: 1; } .oinput.multiline:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; padding-left: 0rem; padding-right: 0rem; } .oinput.multiline textarea:not(._0) { position: relative; min-height: calc(var(--u_ffh,1ffh) * 3); box-sizing: border-box; width: 100%; align-self: stretch; flex-grow: 1; padding: var(--u_ffxp,1ffxp); } .oinput:is(.ofield > :where(.oinput)) > .label:not(._0) { display: none; } .oinput input:placeholder-shown ~ .label:not(._0) { opacity: .3; font-size: var(--u_ffs,1ffs); height: var(--u_ffh,1ffh); line-height: var(--u_ffh,1ffh); --u_lh: var(--u_ffh,1ffh); top: 0rem; left: var(--u_ffxp,1ffxp); } :root *[data-opname][data-opinspected]:not(._0):after { content: attr(data-opinspect); position: absolute; top: 50%; left: 50%; background: #1e3a8a; color: #fff; font-size: 8px; padding: 2px 4px; pointer-events: none; z-index: 9999; text-transform: lowercase; } :root *[data-opname][data-opinspected="0"]:not(._0) { border: 1px solid hsla(224.44, 64.29%, 32.94%, 100%); } /* op/src/ui/element.imba?styles */ op-tag { display: block; } op-label { display: block; } op-detail { display: block; } /* op/src/ui/autosize.imba?styles */ .px-af, .px-af.sheets .px_af.\$box > * { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .px-af { width: calc(var(--u_iw,1iw) * 1px); height: calc(var(--u_ih,1ih) * 1px); box-sizing: content-box; overflow: clip; overflow-clip-margin: 6px; --e_bd: calc(var(--u_fxd,1fxd) * 2) !important; } .px_af.\$box:not(#_) { position: relative; width: fit-content; height: fit-content; } .px-af.vertical .px_af.\$box:not(#_) { width: auto; } .px-af.sheets .px_af.\$box:not(#_) { display: grid; grid-template-areas: "stack"; align-items: end; } .px-af.sheets .px_af.\$box > *:not(#_) { grid-area: stack; } .px-af.sheets .px_af.\$box > *.\@out:not(#_):not(#_):not(#_):not(#_):not(._0) { width: fit-content; height: fit-content; position: absolute; inset: 0rem; margin: auto; } op-autosize { display: block; } /* op/src/ui/augments/base.imba?styles */ use-teleport { display: block; } use-augment { display: block; } use-events { display: block; } /* op/src/ui/augments/popup.imba?styles */ .rx-af, .use-popup { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .use-popup.\@off { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .use-popup:not(._0) { z-index: 40860; position: fixed; opacity: 1; --u_p: 6px; padding: var(--u_p,1p); display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; border-radius: max(var(--u_mird,1mird), var(--u_rd,1rd)); background: lch(var(--u_op-popup-bgL) var(--u_op-popup-bgC) var(--u_op-popup-bgH) / var(--u_op-popup-bgA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); box-shadow: var(--op-popup-shadow); min-width: 220px; min-height: inherit; max-height: 95vh; overflow: auto; max-width: 95vw; width: fit-content; height: fit-content; overscroll-behavior: none; overflow-x: hidden; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; --u_elw: 0px; --u_elh: 0px; --e_od: calc(var(--u_fxd,1fxd) * .7) !important; --e_td: calc(var(--u_fxd,1fxd) * .7) !important; --u_olfocus: 0; --u_olhover: 0; } .use-popup:is(.highend :where(.use-popup)):not(._0) { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .use-popup:not(._0)::-webkit-scrollbar { display: none; width: 0px; height: 0px; background: #fff0; } @media print { .use-popup:not(._0) { visibility: hidden; } } .use-popup.anchored:not(#_):not(._0) { margin: 0rem; left: min(var(--u_anchorleft,1anchorleft), 100vw - var(--u_elwidth,1elwidth) - 1vw); top: min(var(--u_anchorbottom,1anchorbottom) + var(--u_m,1m), 100vh - var(--u_elheight,1elheight) - 1vh); } .use-popup.anchored.right:not(#_):not(._0) { left: min(var(--u_anchorright,1anchorright), 100vw - var(--u_elwidth,1elwidth) - 1vw); top: max(var(--u_anchormiddle,1anchormiddle) - (var(--u_elheight,1elheight) * .5), var(--u_m,1m)); } .use-popup.anchored.tt:not(#_):not(._0) { top: min(var(--u_anchortop,1anchortop), 100vh - var(--u_elheight,1elheight) - 1vh); } .use-popup.anchored.lr:not(#_):not(._0) { left: min(var(--u_anchorright,1anchorright), 100vw - var(--u_elwidth,1elwidth) - 1vw); } .use-popup.anchored.above:not(#_):not(._0) { top: auto; bottom: calc(100vh - var(--u_anchortop,1anchortop) + var(--u_m,1m)); } .use-popup.anchored.center:not(#_):not(._0) { left: var(--u_anchorcenter,1anchorcenter); translate: -50%; } .use-popup.anchored.rr:not(#_):not(._0) { left: max(var(--u_anchorright,1anchorright) - var(--u_elwidth,1elwidth), var(--u_m,1m)); } @media (max-width: 599px) { .use-popup:not(#_):not(._0) { translate: -50%; max-width: 100vw; } } @media (max-width: 599px) { .use-popup:not(#_):not(#_):not(._0) { left: 50% !important; top: 0 !important; bottom: var(--u_keyboardheight,1keyboardheight) !important; margin-top: auto !important; margin-bottom: auto !important; } } .use-popup:not(.use-anchored):not(._0) { position: fixed; top: 50vh; left: 50vw; translate: -50% -50%; } .use-popup.\@off:not(#_):not(#_):not(#_):not(#_):not(._0) { opacity: 0; pointer-events: none; --t_scale: .95 !important; } .use-popup.\@out:not(#_):not(#_):not(#_):not(#_):not(._0) { --e_od: calc(var(--u_fxd,1fxd) * 2) !important; --e_td: calc(var(--u_fxd,1fxd) * 2) !important; } .use-popup.\@in:not(#_):not(#_):not(#_):not(#_):not(._0) { --e_od: calc(var(--u_fxd,1fxd) * .3) !important; --e_td: calc(var(--u_fxd,1fxd) * .3) !important; } .use-popup.modal:not(._0) { --u_p: calc(var(--u_ffg,1ffg) * 4); box-shadow: var(--op-popup-modal-shadow); } .use-popup.tip:not([role=menu]):not(._0) { --u_p: calc(var(--u_ffh,1ffh) * .5); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); min-width: initial; max-width: min(80vw, 440px); --u_popup-bgL: var(--u_op-popup-tip-bgL); --u_popup-bgC: var(--u_op-popup-tip-bgC); --u_popup-bgH: var(--u_op-popup-tip-bgH); --u_popup-bgA: var(--u_op-popup-tip-bgA,1); overflow: visible; background: lch(var(--u_op-popup-tip-bgL) var(--u_op-popup-tip-bgC) var(--u_op-popup-tip-bgH) / var(--u_op-popup-tip-bgA,1)); box-shadow: var(--op-popup-tip-shadow); } .use-popup.tip:not([role=menu]):is(.highend :where(.use-popup.tip:not([role=menu]))):not(._0) { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .use-popup.tip:not([role=menu]) header:not(._0), .use-popup.tip:not([role=menu]) h1:not(._0), .use-popup.tip:not([role=menu]) h2:not(._0), .use-popup.tip:not([role=menu]) h3:not(._0), .use-popup.tip:not([role=menu]) h4:not(._0) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); font-weight: 500; } .use-popup.tip:not([role=menu]) h1:not(._0) { font-size: calc(var(--u_ffs,1ffs) * 1.5); } .use-popup.tip:not([role=menu]) h2:not(._0) { font-size: calc(var(--u_ffs,1ffs) * 1.25); } .use-popup.tip:not([role=menu]) p:not(._0) { text-wrap: pretty; } .use-popup.tip:not([role=menu]) em:not(._0) { display: inline; } .use-popup.tip:not([role=menu]) .yellow:not(._0) { color: lch(var(--u_yellowL) var(--u_yellowC) var(--u_yellowH) / var(--u_yellowA,1)); } .use-popup.tip:not([role=menu]) .wspre:not(._0) { white-space: nowrap; } .use-popup.tip:not([role=menu]):has(.wspre):not(._0) { width: min-content; } .use-popup:is(:focus, .\@focus):not(._0) { --u_olfocus: 0; } .use-popup:is(.tabbing :where(.use-popup)):not(._0) { --u_olfocus: 0; } .use-popup:is(.tabbing :where(.use-popup)):is(:focus-within, .\@focin):not(._0) { --u_olfocus: .5; } .use-popup:is(.tabbing :where(.use-popup)):is(:focus, .\@focus):not(._0) { --u_olfocus: 1; } .use-popup.non-modal:not(._0) { --u_olfocus: 0; } .use-popup.non-modal:is(:focus, .\@focus):not(._0) { --u_olfocus: 0; } .use-popup.ocontainer:not(._0) { overscroll-behavior: none; overflow: visible; max-height: 90vh; padding: 0rem; } @media (min-width: 768px) { .use-popup.ocontainer:not(._0) { max-height: 50vh; } } .use-popup.ocontainer > .obody:not(._0) { display: block; overscroll-behavior: none; overflow-x: hidden; overflow-y: auto; padding: var(--u_p,1p); } .rx-af { inset: 0rem; position: fixed; background: #3b82f600; --e_od: var(--u_fxd,1fxd) !important; opacity: 0; pointer-events: none; } .rx-af.on { opacity: 1; } .rx-af.debug { background: #ef44441a; } .rx_af.\$tri:not(#_) { position: absolute; inset: 0rem; width: 100%; height: 100%; pointer-events: none; } :is(polyline, polyline-tag).rx_af:not(#_) { fill: #ffffff1a; stroke: #60a5fa66; opacity: 0; stroke-width: 1px; stroke-linecap: round; } .rx-af.contextmenu { pointer-events: auto; } .rx-af.contextmenu.\@off:not(#_):not(#_):not(#_):not(#_) { pointer-events: none; } .rx-af.modal { pointer-events: auto; background: lch(var(--u_op-overlayL) var(--u_op-overlayC) var(--u_op-overlayH) / var(--u_op-overlayA,1)); opacity: .99; } .rx-af.modal.\@off:not(#_):not(#_):not(#_):not(#_) { pointer-events: none; opacity: 0; } .rx-af.over-opener { pointer-events: none; } .rx-af.over-opener :is(polyline, polyline-tag).rx_af:not(#_) { pointer-events: none; } .rx-af.approachable :is(polyline, polyline-tag).rx_af:not(#_) { pointer-events: auto; } .rx-af.non-interactive :is(polyline, polyline-tag).rx_af:not(#_) { pointer-events: none; } .rx-af.non-interactive + *.use-popup:not(#_):not(._0) { pointer-events: none; } use-popup { display: block; } /* op/src/ui/augments/anchor.imba?styles */ .use-anchored:not(._0) { position: fixed; --u_elw: 0px; --u_elh: 0px; } .use-anchored:not(#_):not(._0) { margin: 0rem; left: min(var(--u_anchorleft,1anchorleft), 100vw - var(--u_elwidth,1elwidth) - var(--u_m,1m)); top: min(var(--u_anchorbottom,1anchorbottom) + var(--u_m,1m), 100vh - var(--u_elheight,1elheight) - 1vh); } .use-anchored.right:not(#_):not(._0) { left: min(var(--u_anchorright,1anchorright), 100vw - var(--u_elwidth,1elwidth) - var(--u_m,1m)); top: max(var(--u_anchormiddle,1anchormiddle) - (var(--u_elheight,1elheight) * .5), var(--u_m,1m)); } .use-anchored.tt:not(#_):not(._0) { top: min(var(--u_anchortop,1anchortop), 100vh - var(--u_elheight,1elheight) - 1vh); } .use-anchored.lr:not(#_):not(._0) { left: min(var(--u_anchorright,1anchorright), 100vw - var(--u_elwidth,1elwidth) - 1vw); } .use-anchored.above:not(#_):not(._0) { top: auto; bottom: calc(100vh - var(--u_anchortop,1anchortop) + var(--u_m,1m)); } .use-anchored.center:not(#_):not(._0) { left: var(--u_anchorcenter,1anchorcenter); translate: -50%; } .use-anchored.rr:not(#_):not(._0) { left: max(var(--u_anchorright,1anchorright) - var(--u_elwidth,1elwidth), var(--u_m,1m)); } .use-anchored[data-va=tb]:not(#_):not(._0) { top: auto; bottom: calc(100vh - var(--u_anchortop,1anchortop) + var(--u_m,1m)); } .use-anchored[data-ha=tb]:not(#_):not(._0) { top: min(var(--u_anchortop,1anchortop) - var(--u_elheight,1elheight) - var(--u_m,1m), 100vh - var(--u_elheight,1elheight) - 1vh); } .use-anchored[data-ha=ww]:not(#_):not(._0) { max-width: initial; } .use-anchored[data-ha=ww]:not(#_):not(#_):not(._0) { width: var(--u_anchorwidth,1anchorwidth) !important; } .use-anchored.force-left:not(#_):not(._0) { left: auto; right: calc(100vw - var(--u_anchorleft,1anchorleft)); } .ry-af { display: none; } use-anchored { display: block; } /* op/src/ui/augments/modal.imba?styles */ .rz-af, .use-modal { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .use-modal.\@off { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .use-modal:not(._0) { z-index: 860; position: fixed; opacity: 1; --e_td: calc(var(--u_fxd,1fxd) * .7) !important; --e_od: calc(var(--u_fxd,1fxd) * .7) !important; padding: calc(var(--u_ffg,1ffg) * 4); display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; border-radius: max(var(--u_mird,1mird), var(--u_rd,1rd)); scroll-padding: 4px; background: lch(var(--u_op-popup-bgL) var(--u_op-popup-bgC) var(--u_op-popup-bgH) / var(--u_op-popup-bgA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); box-shadow: var(--op-popup-modal-shadow); min-width: 280px; min-height: inherit; max-height: 95vh; overflow: auto; width: fit-content; height: fit-content; } .use-modal:is(.highend :where(.use-modal)):not(._0) { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .use-modal:not(.use-anchored):not(._0) { position: absolute; inset: 0rem; margin: auto; } .use-modal.\@off:not(#_):not(#_):not(#_):not(#_):not(._0) { opacity: 0; pointer-events: none; --t_scale: .95 !important; } .use-modal.\@out:not(#_):not(#_):not(#_):not(#_):not(._0) { --e_sd: calc(var(--u_fxd,1fxd) * 2) !important; } .use-modal.\@in:not(#_):not(#_):not(#_):not(#_):not(._0) { --e_sd: calc(var(--u_fxd,1fxd) * .3) !important; } .rz-af { inset: 0rem; position: fixed; background: #0000004d; --e_od: var(--u_fxd,1fxd) !important; opacity: 1; pointer-events: auto; } .rz-af.\@off:not(#_):not(#_):not(#_):not(#_) { opacity: 0; pointer-events: none; } use-modal { display: block; } /* op/src/ui/augments/morph.imba?styles */ ._anchored:not(._0) { position: absolute; top: anchor(top); width: auto; height: auto; left: anchor(left); right: anchor(right); bottom: anchor(bottom); } ._anchored._native:not(._0) { top: anchor(top); left: anchor(left); right: anchor(right); bottom: anchor(bottom); } ._anchored._contain:not(._0) { position: absolute; inset: 0rem; } ._morph_exiting:not(._0) { pointer-events: none; } [morph-anchor]:not(._0) { pointer-events: none; } .debug-morphs [morph]:not(._0) { outline: 1px dashed hsla(0, 84.24%, 60.2%, 100%); } .debug-morphs [morph~=pos]:not(._0) { outline: 1px dashed hsla(217.22, 91.22%, 59.8%, 100%); } op-morph-host { display: block; } op-morph-anchor { display: block; } op-slot { display: block; } op-slot:not(#_):not(._0) { display: none !important; } /* op/src/ui/contour.imba?styles */ .py-af *.ozone { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } @keyframes contour-zone { 0% { stroke-dashoffset: 0px; } to { stroke-dashoffset: 10px; } } :where([opcontour]) { --u_olw: 1px; --u_olrd: var(--u_ffrd,1ffrd); --u_ola: 1; --u_olo: 2px; --u_cbw: 0px; --u_olbusy: 0; --u_olhover: 0; --u_olfocus: 0; --u_olzone: 0; } :where([opcontour]):is(:hover, .\@hover) { --u_olhover: 1; } :where([opcontour]).has-menu { --u_olhover: 1; } :where([opcontour]):is(:focus, .\@focus):is(.tabbing :where(:where([opcontour]):is(:focus, .\@focus))) { --u_olfocus: 1; } :where([opcontour]).dragover { --u_olzone: 1; } :where([opcontour]):where([opcontour~=inset]) { --u_ola: 1; --u_olo: 0px; } :where([opcontour]):where([opcontour~=center]) { --u_ola: 0; --u_olo: 0px; } :where([opcontour]):where([opcontour~=outline]) { --u_ola: -1; --u_olo: 0px; } :where([opcontour]):where([opcontour~=focus]) { --u_olhover: 0; } :where([opcontour]):where([opcontour~=focus]):is(:hover, .\@hover) { --u_olhover: 0; } :where([opcontour]):where([opcontour~=zone]) { --u_olhover: 0; } :where([opcontour]):where([opcontour~=zone]):is(:hover, .\@hover) { --u_olhover: 0; } .oring:not(._0) { font-weight: var(--u_olfocus,1olfocus); color: lch(var(--u_op-focusL) var(--u_op-focusC) var(--u_op-focusH) / var(--u_op-focusA,1)); } .ohover:not(._0) { font-weight: var(--u_olhover,1olhover); stroke-opacity: .15; } .opress:not(._0) { font-weight: var(--u_olbusy,1olbusy); } .py-af { contain: size; position: absolute; top: calc(var(--u_cbw,1cbw) * -1); right: calc(var(--u_cbw,1cbw) * -1); bottom: calc(var(--u_cbw,1cbw) * -1); left: calc(var(--u_cbw,1cbw) * -1); pointer-events: none; border-radius: inherit; color: hsla(var(--hue4), 1); } .py-af.resizing { --u_fxd: 0ms; } .py-af:not(#_) { position: absolute !important; } .py-af:not(.mounted) .rect:not(#_):not(#_):not(._0) { font-weight: 400 !important; } .py-af:not(.mounted) .circle:not(#_):not(#_):not(._0) { font-weight: 400 !important; } .py-af.resizing .rect:not(#_):not(#_):not(._0) { transition: font-weight 10ms !important; } .py-af.resizing .circle:not(#_):not(#_):not(._0) { transition: font-weight 10ms !important; } .py-af:is(.busy > :where(.py-af)) { --u_olbusy: 1; } svg.py_af:not(#_) { margin: auto; position: absolute; inset: -8px; contain: strict; pointer-events: none; font-weight: 400; stroke: currentColor; } .py-af .rect:not(#_):not(._0), .py-af .circle:not(#_):not(._0) { --o: 0; fill: none; stroke-dasharray: 0, 100; stroke: currentColor; stroke-width: var(--u_olw,1olw); stroke-linecap: round; transform-origin: 50% 50%; opacity: var(--o); } .py-af .rect:not(#_):not(._0) { --u_w: calc(var(--u_elw,1elw) + calc(var(--u_olo,1olo) * 2) - var(--u_olw,1olw) * var(--u_ola,1ola)); --u_h: calc(var(--u_elh,1elh) + calc(var(--u_olo,1olo) * 2) - var(--u_olw,1olw) * var(--u_ola,1ola)); width: var(--u_w,1w); height: var(--u_h,1h); x: calc(50% - calc(var(--u_w,1w) * .5)); y: calc(50% - calc(var(--u_h,1h) * .5)); rx: calc(var(--u_olrd,1olrd) + var(--u_olo,1olo) - (calc(var(--u_olw,1olw) * .5) * var(--u_ola,1ola))); ry: calc(var(--u_olrd,1olrd) + var(--u_olo,1olo) - (calc(var(--u_olw,1olw) * .5) * var(--u_ola,1ola))); transition: width var(--u_fxd,1fxd), height var(--u_fxd,1fxd), rx var(--u_fxd,1fxd), ry var(--u_fxd,1fxd), x var(--u_fxd,1fxd), y var(--u_fxd,1fxd), font-weight 10ms, stroke-width var(--u_fxd,1fxd), stroke-opacity var(--u_fxd,1fxd), stroke var(--u_fxd,1fxd); } .py-af .circle:not(#_):not(._0) { cx: 50%; cy: 50%; r: calc(calc(var(--u_elw,1elw) * .5) + var(--u_olo,1olo) - calc(var(--u_olw,1olw) * .5) * var(--u_ola,1ola)); transition: r var(--u_fxd,1fxd), font-weight 10ms, stroke-width var(--u_fxd,1fxd), stroke-opacity var(--u_fxd,1fxd), stroke var(--u_fxd,1fxd); } .py-af *.ozone:not(#_):not(._0) { stroke: hsla(var(--hue4), 40%); stroke-dasharray: 4px, 6px; stroke-width: 1.5px; animation-play-state: paused; animation-direction: reverse; animation-iteration-count: infinite; animation-timing-function: var(--ease-linear,linear); animation-name: var(--animation-contour-zone,contour-zone); animation-duration: 1s; fill: #fff0; --e_od: var(--u_fxd,1fxd) !important; opacity: 0; } .py-af:is(.dragover > :where(.py-af)) *.ozone:not(#_):not(._0) { opacity: 1; animation-play-state: running; fill: #60a5fa0d; } op-contour { display: block; } op-contour-circle { display: block; } /* op/src/ui/anchored.imba?styles */ :root { --u_m: 10px; } .se-af { position: fixed; z-index: 50000; --u_elw: 0px; --u_elh: 0px; left: min(var(--u_anchorleft,1anchorleft), 100vw - var(--u_elwidth,1elwidth) - 1vw); top: min(var(--u_anchorbottom,1anchorbottom) + var(--u_m,1m), 100vh - var(--u_elheight,1elheight) - 1vw); } .se-af.right { left: min(var(--u_anchorright,1anchorright) + var(--u_m,1m), 100vw - var(--u_elwidth,1elwidth) - 1vw); top: max(var(--u_anchormiddle,1anchormiddle) - (var(--u_elheight,1elheight) * .5), var(--u_m,1m)); } .se-af.tt { top: min(var(--u_anchortop,1anchortop), 100vh - var(--u_elheight,1elheight) - 1vh); } .se-af.lr { left: min(var(--u_anchorright,1anchorright), 100vw - var(--u_elwidth,1elwidth) - 1vw); } .se-af.above { top: auto; bottom: calc(100vh - var(--u_anchortop,1anchortop) + var(--u_m,1m)); } .se-af.center { left: var(--u_anchorcenter,1anchorcenter); translate: -50%; } .se-af.rr { left: max(var(--u_anchorright,1anchorright) - var(--u_elwidth,1elwidth), var(--u_m,1m)); } op-anchored { display: block; } /* op/src/ui/tip.imba?styles */ .qg-ai, .qg-aj, .qg-ak { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .qg-ak.\@in, .qg-ak.\@out { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .qg-ag { --u_trd: .2s; --u_movedur: .2s; --bg: hsla(0,0%,100%,100%); } .qg-ag.instant { --u_movedur: 0ms; } .qg-ag op-tip:not(#_) { background: var(--bg); } .qg-ai:not(#_):not(#_) { left: calc(calc(var(--u_clipleft,1clipleft)) * 1px); top: calc(calc(var(--u_cliptop,1cliptop)) * 1px); width: calc(calc(var(--u_clipwidth,1clipwidth)) * 1px); height: calc(calc(var(--u_clipheight,1clipheight)) * 1px); overflow: hidden; border-radius: 8px; position: fixed; z-index: 900; background: var(--bg); --e_bd: var(--u_movedur,1movedur) !important; --e_bf: var(--ease-circ-in-out,cubic-bezier(.785, .135, .15, .86)) !important; --e_od: .1s !important; --e_of: var(--ease-linear,linear) !important; box-shadow: var(--box-shadow-xl,0 20px 25px -5px hsla(var(--bxs-xl-color,0,0%,0%), var(--bxs-xl-alpha,.1)), 0 10px 10px -5px hsla(var(--bxs-xl-color,0,0%,0%), calc(var(--bxs-xl-alpha,.1) * .4))); opacity: 0; } .qg-ai:is(.active > :where(.qg-ai)):not(#_):not(#_) { opacity: 1; } .qg-aj:not(#_):not(#_) { left: calc(calc(calc(var(--u_clipleft,1clipleft) * -1)) * 1px); top: calc(calc(calc(var(--u_cliptop,1cliptop) * -1)) * 1px); width: 100vw; height: 100vh; position: absolute; --e_bd: var(--u_movedur,1movedur) !important; --e_bf: var(--ease-circ-in-out,cubic-bezier(.785, .135, .15, .86)) !important; } op-tips { display: block; } :root { --u_tiprd: 5px; --u_tipxp: 12px; --u_tipyp: 8px; --u_tipfs: 13px; } .sm:not(._0) { --u_tiprd: 3px; --u_tipxp: 8px; --u_tipyp: 5px; --u_tipfs: 12px; } .qg-ak { opacity: 1; --e_od: var(--u_fxd,1fxd) !important; --e_td: var(--u_fxd,1fxd) !important; pointer-events: none; --e_bd: 0ms !important; max-width: 300px; } .qg-ak.\@off:not(#_):not(#_):not(#_):not(#_) { opacity: 0; } .qg-ak.\@out:not(#_):not(#_):not(#_):not(#_) { --t_scale: 1 !important; } .qg-ak.\@in:not(#_):not(#_):not(#_):not(#_) { --t_scale: 1 !important; } .qg-al:not(#_):not(#_) { transform-origin: 50% 50%; } .qg-am:not(#_):not(#_) { background: lch(var(--u_op-surface-raisedL) var(--u_op-surface-raisedC) var(--u_op-surface-raisedH) / var(--u_op-surface-raisedA,1)); border-radius: var(--u_tiprd,1tiprd); padding-top: var(--u_tipyp,1tipyp); padding-bottom: var(--u_tipyp,1tipyp); padding-left: var(--u_tipxp,1tipxp); padding-right: var(--u_tipxp,1tipxp); font-size: var(--u_tipfs,1tipfs); line-height: 1.2; --u_lh: 1.2; overflow: hidden; box-shadow: var(--box-shadow-xl,0 20px 25px -5px hsla(var(--bxs-xl-color,0,0%,0%), var(--bxs-xl-alpha,.1)), 0 10px 10px -5px hsla(var(--bxs-xl-color,0,0%,0%), calc(var(--bxs-xl-alpha,.1) * .4))); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .qg-an:not(#_):not(#_) { position: relative; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); transform-origin: 0% 50%; overflow: hidden; } .qg-ap:not(#_):not(#_):not(#_) { white-space: pre-wrap; } op-tip { display: block; } .qg-ar:not(#_):not(#_) { width: 160px; max-width: 60vw; } /* op/src/ui/ghosts.imba?styles */ .sf-ai, .sf_ai.\$body, .sf-ai.tracked .sf_ai.\$body:before { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .sf-ai { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .sf-af.mounting { --u_fxd: 0ms; } .sf-ag:not(#_):not(#_):not(#_) { display: contents; } op-ghosts { display: block; } .sf-ai { pointer-events: none; position: absolute; width: calc(calc(var(--width)) * 1px); height: calc(calc(var(--height)) * 1px); border-radius: var(--u_rd,1rd); --e_bd: calc(var(--u_fxd,1fxd) * .3) !important; --e_bf: var(--ease-quint-out,cubic-bezier(.23, 1, .32, 1)) !important; --e_od: calc(var(--u_fxd,1fxd) * .3) !important; --e_cd: var(--u_fxd,1fxd) !important; --t_scale: 1 !important; opacity: 0; top: 0; left: 0; --t_x: calc(calc(var(--left)) * 1px) !important; --t_y: calc(calc(var(--top)) * 1px) !important; } .sf-ai.active { opacity: .999; } .sf-ai.instant { --u_fxd: 0ms; } .sf_ai.\$body:not(#_) { --e_bd: calc(var(--u_fxd,1fxd) * .3) !important; --e_bf: var(--ease-quint-out,cubic-bezier(.23, 1, .32, 1)) !important; --e_od: calc(var(--u_fxd,1fxd) * .3) !important; --e_cd: var(--u_fxd,1fxd) !important; position: absolute; inset: 0rem; } .sf-ai.out .sf_ai.\$body:not(#_) { top: 100%; } .sf-ai.tracked .sf_ai.\$body:not(#_):before { content: " "; position: absolute; inset: 0; border-radius: inherit; opacity: 0; background: radial-gradient( var(--rad) circle at var(--ptrx) var(--ptry), hsla(213.12, 93.9%, 67.84%, 5%), hsla(211.7, 96.36%, 78.43%, 0%)); pointer-events: none; --e_od: var(--u_fxd,1fxd) !important; } .sf-ai.tracked .sf_ai.\$body:is(.sf-ai.active :where(.sf_ai.\$body)):not(#_):before { opacity: .9; } .sf-aj:not(#_):not(#_):not(#_) { display: block; } op-ghost { display: block; } /* op/src/ui/items.imba?styles */ .qz-af:before { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .qz-af:before, .qz-af.over-item:before { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .qz-af:before { content: ""; display: none; pointer-events: none; position: absolute; background: #ffffff0d; left: calc(calc(var(--over-left)) * 1px); width: calc(calc(var(--over-width)) * 1px); top: calc(calc(var(--over-top)) * 1px); height: calc(calc(var(--over-height)) * 1px); border-radius: var(--u_rd,1rd); --e_bd: calc(var(--u_fxd,1fxd) * .5) !important; --e_bf: var(--ease-quint-out,cubic-bezier(.23, 1, .32, 1)) !important; --e_od: calc(var(--u_fxd,1fxd) * .5) !important; --t_scale: .7 !important; opacity: 0; visibility: hidden; } .qz-af.over-item:before { --t_scale: 1 !important; opacity: 1; } .qz-af.ghosted [role$=item]:not(#_):not(._0):before { visibility: hidden; pointer-events: none; } op-items { display: block; } /* op/src/ui/options.imba?styles */ .rf-ax, .rf-ax:before { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .rf-af { display: none; } op-ui-mirrored { display: block; } op-ui-values { display: block; } op-ui-selections { display: block; } .rf-ai { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 0px; --u_rg: 0px; --u_cg: 0px; } .rf_ai.obody:not(#_) { position: relative; } .rf-ak:not(#_):not(#_):not(#_) { display: contents; } .rf-an.palette:not(#_):not(#_) { width: 640px; height: 410px; padding: .5rem; } .rf-an.menu:not(#_):not(#_) { max-height: 300px; } .rf-ar:not(#_):not(#_) { background: #fff0; padding: .25rem; } .rf-ar:is(.palette > :where(.rf-ar)):not(#_):not(#_) { padding-bottom: .5rem; } op-options { display: block; } .rf-ax { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; position: relative; padding: .25rem; gap: calc(var(--u_ffg,1ffg) * .5); --u_rg: calc(var(--u_ffg,1ffg) * .5); --u_cg: calc(var(--u_ffg,1ffg) * .5); --hue: hsla(240,100%,50%,1); --hue0: 214,100%,97%; --hue1: 214,95%,93%; --hue2: 213,97%,87%; --hue3: 212,96%,78%; --hue4: 213,94%,68%; --hue5: 217,91%,60%; --hue6: 221,83%,53%; --hue7: 224,76%,48%; --hue8: 226,71%,40%; --hue9: 224,64%,33%; border-radius: var(--u_ffrd,1ffrd); --bg: hsla(0,0%,100%,0%); --e_cd: var(--u_fxd,1fxd) !important; } .rf-ax > *:not(#_) { position: relative; } .rf-ax.sel-focus { --bg: hsla(var(--hue4),10%); } .rf-ax:is(:checked, .\@checked) { --bg: hsla(var(--hue4),30%); } .rf-ax:before { content: ""; position: absolute; inset: 0rem; pointer-events: none; border-radius: inherit; --e_cd: 0ms !important; } .rf-ax:is(:checked, .\@checked):before { background: var(--bg); } .rf-ax.yellow { --hue: hsla(60,100%,50%,1); --hue0: 55,92%,95%; --hue1: 55,97%,88%; --hue2: 53,98%,77%; --hue3: 50,98%,64%; --hue4: 48,96%,53%; --hue5: 45,93%,47%; --hue6: 41,96%,40%; --hue7: 35,92%,33%; --hue8: 32,81%,29%; --hue9: 28,73%,26%; } .rf-ax.green { --hue: hsla(120,100%,25.1%,1); --hue0: 138,76%,97%; --hue1: 141,84%,93%; --hue2: 141,79%,85%; --hue3: 142,77%,73%; --hue4: 142,69%,58%; --hue5: 142,71%,45%; --hue6: 142,76%,36%; --hue7: 142,72%,29%; --hue8: 143,64%,24%; --hue9: 144,61%,20%; } .rf-ax.purple { --hue: hsla(300,100%,25.1%,1); --hue0: 270,100%,98%; --hue1: 269,100%,95%; --hue2: 269,100%,92%; --hue3: 269,97%,85%; --hue4: 270,95%,75%; --hue5: 271,91%,65%; --hue6: 271,81%,56%; --hue7: 272,72%,47%; --hue8: 273,67%,39%; --hue9: 274,66%,32%; } .rf-ax:is(:hover, .\@hover) { background: #ffffff0d; color: #fff; } .rf_ax.\%square:not(#_) { width: calc(var(--u_ffh,1ffh) * .5); height: calc(var(--u_ffh,1ffh) * .5); border-radius: var(--u_ffrd,1ffrd); border: 1px solid hsla(215, 20.22%, 65.1%, 100%); line-height: 1px; --u_lh: 1px; } .rf-ax:is(:checked, .\@checked) .rf_ax.\%square:not(#_) { border-color: #60a5fa; background: #3b82f6; } .rf-az:not(#_):not(#_):not(#_) { width: var(--u_ffh,1ffh); height: var(--u_ffh,1ffh); display: none; position: relative; } .rf-az:is(.multiple :where(.rf-az)):not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } op-option-new { display: block; } .rf-bh:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .25rem; --u_rg: .25rem; --u_cg: .25rem; } .rf-bi:not(#_):not(#_):not(#_) { color: #a1a1aa; font-size: 12px; } .rf-bj:not(#_):not(#_):not(#_) { flex: 1; } op-mis { display: block; } .rf_bp.obody:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } op-pis { display: block; } op-palette { display: block; } /* op/src/ui/menu.imba?styles */ [role=menuitem]:not(._0) { opacity: 1; height: var(--u_mih,1mih); font-size: var(--u_mifs,1mifs); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; --u_ics: 16; } [role=menuitem] op-icon:not(._0) { width: var(--u_mih,1mih); height: var(--u_mih,1mih); } [role=menuitem]:is(:disabled, .\@disabled):not(._0) { opacity: .5; filter: grayscale(.5); } [role=menuitem] .op-arg:not(._0) { color: #64748b; font-weight: 500; text-decoration: underline; text-decoration-color: #64748b7f; text-decoration-style: dashed; text-underline-offset: 4px; } /* op/src/ui/datatransfer.imba?styles */ .sd-bb:not(#_):not(#_):not(#_) { position: relative; } /* op/src/ui/dnd.imba?styles */ .qh-ah, .qh-am { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .qh-ah { inset: 0rem; position: fixed; pointer-events: none; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; align-content: flex-start; z-index: 880; opacity: 1; --e_sd: var(--u_fxd,1fxd) !important; } .qh-ah.\@off:not(#_):not(#_):not(#_):not(#_) { opacity: 0; } .qh-aj:not(#_):not(#_) { position: absolute; inset: 0rem; border: 4px solid hsla(217.22, 91.22%, 59.8%, 20%); pointer-events: none; } .qh-al:not(#_):not(#_):not(#_) { margin: auto; margin-top: 0rem; min-height: var(--u_ffh,1ffh); border-top-left-radius: 0; border-top-right-radius: 0; } .qh-al:not(#_):not(#_) { position: absolute; width: fit-content; height: fit-content; min-width: calc(calc(var(--u_boxw,1boxw)) * 1px); padding: var(--u_ffg,1ffg); pointer-events: none; bottom: initial; left: initial; translate: none; } op-ui-drag { display: block; } .qh-am { position: fixed; pointer-events: none; z-index: 925; margin-left: -1px; transform-origin: 50% 50%; opacity: 0; --e_od: var(--u_fxd,1fxd) !important; --e_bd: calc(var(--u_fxd,1fxd) * .5) !important; background: #fff0; border: 1px solid hsla(217.22, 91.22%, 59.8%, 100%); top: var(--top); left: var(--left); border-radius: var(--u_ffrd,1ffrd); translate: none; width: auto; height: auto; right: calc(100vw - var(--width) - var(--left)); bottom: calc(100vh - var(--height) - var(--top)); } .qh-am.active { opacity: 1; } .qh-am.line { border-color: #60a5fa; } .qh-am.box { background: #fff0; border: 1px solid hsla(217.22, 91.22%, 59.8%, 100%); top: var(--top); left: var(--left); border-radius: var(--u_ffrd,1ffrd); translate: none; width: auto; height: auto; right: calc(100vw - var(--width) - var(--left)); bottom: calc(100vh - var(--height) - var(--top)); } .qh-am.area { background: #3b82f61a; border: 1px solid hsla(0, 0%, 100%, 0%); } .qh-am.viewport { background: #fff0; border: 1px solid hsla(217.22, 91.22%, 59.8%, 100%); top: var(--inset); left: var(--inset); right: var(--inset); bottom: var(--inset); translate: none; } op-ui-target { display: block; } .qh-aq:not(#_):not(#_) { inset: 0rem; position: fixed; pointer-events: none; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; align-content: flex-end; z-index: 8000; } op-ui-dnd { display: block; } /* op/src/ui/kbd.imba?styles */ .qk-af { font-family: var(--font-system-ui,system-ui); } op-kbd { display: block; } /* op/src/ui/toast.imba?styles */ .op-toast { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .op-toast { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } :root { --u_toast-bgL: 16.1; --u_toast-bgC: 10.6; --u_toast-bgH: 263.6; --u_toast-bgA: 1; } .op-toast:not(._0) { max-width: 70vw; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; border-radius: var(--u_ffrd,1ffrd); z-index: 2750; --e_sd: calc(var(--u_fxd,1fxd) * 2) !important; position: fixed; bottom: 0; width: fit-content; margin-left: auto; margin-right: auto; left: 0rem; right: 0rem; font-size: calc(var(--u_ffs,1ffs) * 1.5); outline: 0px solid hsla(213.12, 93.9%, 67.84%, 20%); --t_y: 110% !important; } .op-toast.enter:not(._0) { --t_y: -40px !important; } .op-toast.leave:not(._0) { --t_scale: .7 !important; opacity: 0; } .op-toast op-icon:empty:not(._0) { display: none; } .op-toast.\@in:not(#_):not(#_):not(#_):not(#_):not(._0) { --t_y: 110% !important; } .op-toast.\@out:not(#_):not(#_):not(#_):not(#_):not(._0) { --t_scale: .7 !important; opacity: 0; } .op-toast op-kbd:not(._0) { background: lch(var(--u_op-bg-activeL) var(--u_op-bg-activeC) var(--u_op-bg-activeH) / var(--u_op-bg-activeA,1)); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); border-radius: var(--u_ffrd,1ffrd); padding-left: .75ex; padding-right: .75ex; margin-left: calc(var(--u_ffh,1ffh) * 0); font-size: calc(var(--u_ffs,1ffs) * 1.25); } .op-toast.success:not(._0) { color: #6ee7b7; } .op-toast.error:not(._0) { color: #fda4af; } .op-toast-progress:not(._0) { position: absolute; top: 0rem; left: 0rem; bottom: 0rem; border-radius: inherit; background: #3b82f61a; } .op-toast-body:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); border-radius: inherit; transform-origin: 50% 50%; background: lch(var(--u_toast-bgL) var(--u_toast-bgC) var(--u_toast-bgH) / 50%); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); padding-left: calc(var(--u_ffh,1ffh) * .75); padding-right: calc(var(--u_ffh,1ffh) * .75); box-shadow: var(--box-shadow-xxl,0 25px 50px -6px hsla(var(--bxs-xxl-color,0,0%,0%),var(--bxs-xxl-alpha,.25))); min-height: calc(var(--u_ffh,1ffh) * 2); max-width: 70vw; } .qd-af { pointer-events: none; } .qd-af.timeout { pointer-events: auto; } .qd-ak:not(#_):not(#_):not(#_) { opacity: 0; } .qd-al:not(#_):not(#_):not(#_) { transform-origin: 50% 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: inherit; --u_rg: inherit; --u_cg: inherit; } op-toast { display: block; } .qd-ap:not(#_):not(#_) { line-break: anywhere; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .qd-ar:not(#_):not(#_):not(#_) { color: #6ee7b7; } .qd-as:not(#_):not(#_):not(#_) { color: #fda4af; } .qd-au:not(#_):not(#_):not(#_) { opacity: .4; } /* op/src/ui/clipboard.imba?styles */ .qf-ai { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .qf-af { inset: 0rem; position: fixed; pointer-events: none; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; align-content: flex-end; z-index: 800; padding: var(--u_pgp,1pgp); } .qf-ai:not(#_):not(#_) { position: absolute; inset: 0rem; opacity: 1; --e_sd: var(--u_fxd,1fxd) !important; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; pointer-events: auto; background: #0003; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .qf-ai.\@off:not(#_):not(#_):not(#_):not(#_) { opacity: 0; pointer-events: none; } .qf-aj:not(#_):not(#_) { border-radius: var(--u_ffrd,1ffrd); padding: 1.5rem; background: #0000001a; } .qf-aj .op-mi .oarg:not(#_):not(#_):not(._0) { max-width: 400px !important; } op-ui-clipboard { display: block; } /* op/src/ui/mi.imba?styles */ :root { --u_mi-iconL: var(--u_op-fg-subtleL); --u_mi-iconC: var(--u_op-fg-subtleC); --u_mi-iconH: var(--u_op-fg-subtleH); --u_mi-iconA: var(--u_op-fg-subtleA,1); --u_mi-disabled-textL: var(--u_op-fg-subtleL); --u_mi-disabled-textC: var(--u_op-fg-subtleC); --u_mi-disabled-textH: var(--u_op-fg-subtleH); --u_mi-disabled-textA: var(--u_op-fg-subtleA,1); --u_mi-focus-bgL: var(--u_op-bg-hoverL); --u_mi-focus-bgC: var(--u_op-bg-hoverC); --u_mi-focus-bgH: var(--u_op-bg-hoverH); --u_mi-focus-bgA: var(--u_op-bg-hoverA,1); --u_mi-selected-bgL: var(--u_op-bg-activeL); --u_mi-selected-bgC: var(--u_op-bg-activeC); --u_mi-selected-bgH: var(--u_op-bg-activeH); --u_mi-selected-bgA: var(--u_op-bg-activeA,1); --u_mi-check-bgL: var(--u_op-accent-solidL); --u_mi-check-bgC: var(--u_op-accent-solidC); --u_mi-check-bgH: var(--u_op-accent-solidH); --u_mi-check-bgA: var(--u_op-accent-solidA,1); --u_mi-dangerL: var(--u_op-dangerL); --u_mi-dangerC: var(--u_op-dangerC); --u_mi-dangerH: var(--u_op-dangerH); --u_mi-dangerA: var(--u_op-dangerA,1); --u_mi-successL: var(--u_op-successL); --u_mi-successC: var(--u_op-successC); --u_mi-successH: var(--u_op-successH); --u_mi-successA: var(--u_op-successA,1); } .omi .obadges:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: 2px; --u_rg: 2px; --u_cg: 2px; } .omi .obadge:not(._0) { height: 16px; min-width: 2ex; font-size: 11px; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; border-radius: var(--u_ffrd,1ffrd); padding-left: 3px; padding-right: 3px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .omi .obadge.alert:not(._0) { background: #f43f5e; color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .omi .obadge.info:not(._0) { background: #3b82f6; color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .omi .obadge.empty:not(._0) { display: none; } .mi-hr:not(._0) { height: 1px; background: currentColor; margin-top: 3px; margin-bottom: 3px; margin-left: calc(var(--u_mih,1mih) * 0); margin-right: calc(var(--u_mih,1mih) * 0); color: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); opacity: .3; } .mi-context:not(._0) { white-space: nowrap; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .mi-context:empty:not(._0) { display: none; } .mi-context:not(:empty):not(._0):after { content: "›"; margin-left: .5rem; } .omi-body:not(._0) { flex: 1; align-self: stretch; position: relative; border-radius: inherit; overflow: clip; gap: inherit; --u_rg: inherit; --u_cg: inherit; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding-left: var(--u_mipx,1mipx); padding-right: var(--u_mipx,1mipx); } .omi-label:not(._0) { margin-right: auto; } .op-mi.none:not(._0) { color: lch(var(--u_mi-iconL) var(--u_mi-iconC) var(--u_mi-iconH) / var(--u_mi-iconA,1)); } .op-mi:not(._0) { position: relative; flex: none; --u_h: var(--u_mih,1mih); border-radius: var(--u_mird,1mird); height: var(--u_mih,1mih); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); font-size: var(--u_mifs,1mifs); } .op-mi .mi-icon:not(._0) { color: lch(var(--u_mi-iconL) var(--u_mi-iconC) var(--u_mi-iconH) / var(--u_mi-iconA,1)); width: var(--u_fis,1fis); height: var(--u_fis,1fis); } .op-mi .rest:not(._0) { min-width: var(--u_mih,1mih); } .op-mi .mi-check:not(._0) { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / 70%); width: calc(calc(var(--u_ics,1ics)) * 1px); height: calc(calc(var(--u_ics,1ics)) * 1px); display: none; background: lch(var(--u_mi-check-bgL) var(--u_mi-check-bgC) var(--u_mi-check-bgH) / var(--u_mi-check-bgA,1)); border-radius: calc(var(--u_ffrd,1ffrd) * .5); opacity: 0; } .op-mi .mi-check:is(.checkable :where(.mi-check)):not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .op-mi .mi-check:not(._0):before { content: "✔"; font-size: calc(calc(calc(var(--u_ics,1ics) * .6)) * 1px); } .op-mi.toggler .mi-icon:not(._0) { opacity: .9; } .op-mi.toggler:is(:hover, .\@hover):not(._0) { --u_icduo: .5; } .op-mi.toggler.checked .mi-icon:not(._0) { opacity: 1; --u_icduo: 1; } .op-mi:not(._0):before { content: ""; display: block; position: absolute; inset: 0rem; background: lch(var(--u_mi-focus-bgL) var(--u_mi-focus-bgC) var(--u_mi-focus-bgH) / var(--u_mi-focus-bgA,1)); border-radius: var(--u_mird,1mird); opacity: 0; } .op-mi:is(:focus, .\@focus):not(._0):before { opacity: 1; } .op-mi.sel:not(._0):before { background: lch(var(--u_mi-selected-bgL) var(--u_mi-selected-bgC) var(--u_mi-selected-bgH) / var(--u_mi-selected-bgA,1)); opacity: 1; } .op-mi.sel-focus:not(._0):before { background: lch(var(--u_mi-selected-bgL) var(--u_mi-selected-bgC) var(--u_mi-selected-bgH) / var(--u_mi-selected-bgA,1)); opacity: 1; } .op-mi:is(:checked, .\@checked) .mi-check:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; opacity: 1; } .op-mi.red.sel .mi-icon:not(._0) { color: lch(var(--u_mi-dangerL) var(--u_mi-dangerC) var(--u_mi-dangerH) / var(--u_mi-dangerA,1)); } .op-mi.red.sel:not(._0):before { background: lch(var(--u_mi-dangerL) var(--u_mi-dangerC) var(--u_mi-dangerH) / 18%); opacity: 1; } .op-mi .args:not(._0) { padding-left: var(--u_ffg,1ffg); padding-right: var(--u_ffg,1ffg); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .op-mi .oarg:not(._0) { overflow: hidden; width: fit-content; max-width: 100px; text-overflow: ellipsis; font-weight: 500; text-decoration: underline; color: lch(var(--u_linkL) var(--u_linkC) var(--u_linkH) / var(--u_linkA,1)); text-underline-offset: 3px; text-decoration-style: dashed; text-decoration-color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / 30%); } .op-mi.has-color:is(:checked, .\@checked) .mi-icon:not(._0) { color: var(--color); } .op-mi.inline:not(._0):before { display: none; } .op-mi.inline .mi-checkmark:not(._0) { display: none; } .pz-an:not(#_):not(#_):not(#_) { --u_icsw: 2; color: lch(var(--u_mi-successL) var(--u_mi-successC) var(--u_mi-successH) / var(--u_mi-successA,1)); margin-left: auto; } op-mi { display: block; } .pz-aq:not(#_):not(#_) { text-transform: capitalize; } .pz-ar:not(#_):not(#_):not(#_) { pointer-events: none; } /* op/src/ui/pi.imba?styles */ .opi, .qc-af, .qc-ao { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .opi-icon:not(._0) { color: #818cf8; } .opi:not(._0) { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; height: var(--u_ffh,1ffh); font-size: var(--u_ffs,1ffs); --hue: hsla(240,100%,50%,1); --hue0: 214,100%,97%; --hue1: 214,95%,93%; --hue2: 213,97%,87%; --hue3: 212,96%,78%; --hue4: 213,94%,68%; --hue5: 217,91%,60%; --hue6: 221,83%,53%; --hue7: 224,76%,48%; --hue8: 226,71%,40%; --hue9: 224,64%,33%; min-width: 1ff1; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --e_cd: calc(var(--u_fxd,1fxd) * .5) !important; } .opi .oicon:not(._0) { width: var(--u_fis,1fis); height: var(--u_fis,1fis); color: #818cf8; } .opi:not(._0):before { border-radius: var(--u_mird,1mird); background: #fff0; content: ""; position: absolute; inset: 0rem; } .opi:is(:focus, .\@focus):not(._0):before { background: hsla(var(--hue5), 1); } .opi.selected:not(._0):before { background: hsla(var(--hue6), 1); } .opi:is(:active, .\@active):not(._0):before { margin: 1px; background: hsla(var(--hue3), 1); } .opi:is(:focus, .\@focus):not(._0) { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .opi.selected:not(._0) { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .opi.sel:not(._0) { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); filter: saturate(2); } .opi.sel:not(._0):before { background: #bfdbfe0d; } .opi.sel-focus:not(._0) { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); filter: saturate(2); } .opi.sel-focus:not(._0):before { background: #bfdbfe0d; } .opi.pop:not(._0) { --hue: hsla(274.62,100%,25.49%,1); --hue0: 226,100%,97%; --hue1: 226,100%,94%; --hue2: 228,96%,89%; --hue3: 230,94%,82%; --hue4: 234,89%,74%; --hue5: 239,84%,67%; --hue6: 243,75%,59%; --hue7: 245,58%,51%; --hue8: 244,55%,41%; --hue9: 242,47%,34%; height: calc(var(--u_ffh,1ffh) * 1.5); } .opi .detail:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); font-size: smaller; } .opi .pars:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .opi .pars op-refs:not(._0) { border-radius: var(--u_ffrd,1ffrd); } .opi .pars * op-reference:not(._0) { border-radius: calc(var(--u_ffrd,1ffrd) * 2); padding-left: calc(var(--u_ffh,1ffh) * .4); padding-right: calc(var(--u_ffh,1ffh) * .4); font-size: smaller; background: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / 50%); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .opi .pars * op-reference op-icon:not(._0) { display: none; } .opi > *:not(._0) { position: relative; } .qc-af { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; font-size: var(--u_ffs,1ffs); --hue: hsla(240,100%,50%,1); --hue0: 214,100%,97%; --hue1: 214,95%,93%; --hue2: 213,97%,87%; --hue3: 212,96%,78%; --hue4: 213,94%,68%; --hue5: 217,91%,60%; --hue6: 221,83%,53%; --hue7: 224,76%,48%; --hue8: 226,71%,40%; --hue9: 224,64%,33%; flex: none; height: var(--u_mih,1mih); min-width: var(--u_mih,1mih); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --e_cd: calc(var(--u_fxd,1fxd) * .5) !important; } .qc-af:before { border-radius: var(--u_mird,1mird); background: #fff0; content: ""; position: absolute; inset: 0rem; } .qc-af:is(:focus, .\@focus):before { background: hsla(var(--hue5), 1); } .qc-af.selected:before { background: hsla(var(--hue6), 1); } .qc-af:is(:active, .\@active):before { margin: 1px; background: hsla(var(--hue3), 1); } .qc-af:is(:focus, .\@focus) { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .qc-af.selected { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .qc-af.sel { color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); filter: saturate(2); } .qc-af.sel:before { background: #bfdbfe0d; } .qc-af.pop { --hue: hsla(274.62,100%,25.49%,1); --hue0: 226,100%,97%; --hue1: 226,100%,94%; --hue2: 228,96%,89%; --hue3: 230,94%,82%; --hue4: 234,89%,74%; --hue5: 239,84%,67%; --hue6: 243,75%,59%; --hue7: 245,58%,51%; --hue8: 244,55%,41%; --hue9: 242,47%,34%; height: calc(var(--u_ffh,1ffh) * 1.5); } .qc_af.detail:not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .qc_af.pars:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .qc_af.pars op-refs.qc_af:not(#_) { border-radius: var(--u_ffrd,1ffrd); } .qc_af.pars op-reference:not(#_) { border-radius: calc(var(--u_ffrd,1ffrd) * 2); padding-left: calc(var(--u_ffh,1ffh) * .4); padding-right: calc(var(--u_ffh,1ffh) * .4); font-size: smaller; background: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / 50%); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .qc_af.pars op-reference op-icon:not(#_) { display: none; } .qc-af > *:not(#_) { position: relative; } .qc-ag:not(#_):not(#_) { padding-left: 1ex; padding-right: 1ex; gap: 1ex; --u_rg: 1ex; --u_cg: 1ex; } .qc-ah:not(#_):not(#_) { opacity: 0; } .qc-ah:is(.checked > :where(.qc-ah)):not(#_):not(#_) { opacity: 1; } .qc-ak:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .qc-an:not(#_):not(#_):not(#_) { flex: 1; } .qc-ao:not(#_):not(#_) { --e_sd: .1s !important; border-radius: 3px; position: relative; border: 1px solid lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); width: 14px; height: 14px; } .qc-ao.checked:not(#_):not(#_) { background-repeat: no-repeat; background-size: 90%; background-position: center; border-color: #575ac6; background-color: #575ac6; background-image: url(data:image/svg+xml;utf8,%3Csvg%20width=%2210%22%20height=%229%22%20viewBox=%220%200%2010%208%22%20xmlns=%22http://www.w3.org/2000/svg%22%20fill=%22%23fffeff%22%3E%3Cpath%20d=%22M3.46975%205.70757L1.88358%204.1225C1.65832%203.8974%201.29423%203.8974%201.06897%204.1225C0.843675%204.34765%200.843675%204.7116%201.06897%204.93674L3.0648%206.93117C3.29006%207.15628%203.65414%207.15628%203.8794%206.93117L8.93103%201.88306C9.15633%201.65792%209.15633%201.29397%208.93103%201.06883C8.70578%200.843736%208.34172%200.843724%208.11646%201.06879C8.11645%201.0688%208.11643%201.06882%208.11642%201.06883L3.46975%205.70757Z%22%20stroke-width=%220.2%22%20/%3E%3C/svg%3E); } op-pi { display: block; } /* op/src/ui/stat.imba?styles */ .ostat:not(._0) { min-width: var(--u_fis,1fis); line-height: var(--u_ffh,1ffh); --u_lh: var(--u_ffh,1ffh); border-radius: var(--u_ffrd,1ffrd); white-space: nowrap; } .ostat .ostat-icon:not(._0) { width: var(--u_fis,1fis); height: var(--u_fis,1fis); line-height: var(--u_fis,1fis); --u_lh: var(--u_fis,1fis); } .ostat op-icon:empty:not(._0) { display: none; } .ostat .link:not(._0) { color: lch(var(--u_linkL) var(--u_linkC) var(--u_linkH) / var(--u_linkA,1)); } .ostat .olabel:not(._0) { font-size: inherit; } .ostat .verbose:is(.compact :where(.verbose)):not(._0) { display: none; } .ostat .verbose:is(.verbose :where(.verbose)):not(._0) { display: inline-flex; } .ostat.pill:not(._0) { padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); font-weight: 500; text-transform: uppercase; } op-icon.ostat:not(._0) { --u_ics: calc(var(--u_hu,1hu)); --u_fis: calc(calc(var(--u_hu,1hu)) * 1px); --u_rd: var(--u_ffrd,1ffrd); padding: 0rem; } .ostats:not(._0) { --u_h: var(--u_ffh,1ffh); font-size: var(--u_ffs,1ffs); font-weight: 400; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .ostats > hr:first-child:not(._0) { display: none; } .ostats hr:not(._0) { width: 1px; height: calc(var(--u_ffh,1ffh) * .25); background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); color: #ef4444; border-style: none; } .ostats hr:first-child:not(._0) { display: none; } .ostats hr:last-child:not(._0) { display: none; } .ostats.dl:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 0rem; --u_rg: 0rem; --u_cg: 0rem; } .ostats.dl hr:not(._0) { margin-top: .25rem; margin-bottom: .25rem; height: 1px; width: auto; opacity: .3; } .ostats.dl .ostat:not(._0) { gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .ostats.boxed:not(._0) { gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); font-size: calc(var(--u_ffs,1ffs) + 1px); line-height: var(--u_ffh,1ffh); --u_lh: var(--u_ffh,1ffh); } .ostats.boxed * > hr:not(._0) { display: none; } .ostats.boxed .ostat:not(op-button, .ostats.boxed .ofield):not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; border-radius: var(--u_ffrd,1ffrd); padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); background: lch(var(--u_op-accent-bgL) var(--u_op-accent-bgC) var(--u_op-accent-bgH) / var(--u_op-accent-bgA,1)); color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); box-shadow: 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 50%); } .ostats.boxed .ostat:not(op-button:is(:hover, .\@hover), .ostats.boxed .ofield):is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-accent-bg-hL) var(--u_op-accent-bg-hC) var(--u_op-accent-bg-hH) / var(--u_op-accent-bg-hA,1)); } .ostats.boxed .ostat:not(op-button:has(op-stack), .ostats.boxed .ofield):has(op-stack):not(._0) { display: contents; --u_fis: var(--u_ffh,1ffh); } .ostats.boxed .ostat:not(op-button:has(op-stat), .ostats.boxed .ofield):has(op-stat):not(._0) { display: contents; } .ostats.boxed .ostat:not(op-button.pill, .ostats.boxed .ofield).pill:not(._0) { background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } .ostats.boxed op-icon.ostat:not(._0) { --u_ffxp: 2px; padding-left: 0; padding-right: 0; background: none; } .ostats.boxed op-icon.ostat:is(:hover, .\@hover):not(._0) { background: none; } .ql-ai:not(#_):not(#_):not(#_) { display: contents; } op-stats { display: block; } .ql-ak { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; white-space: nowrap; gap: calc(var(--u_ffg,1ffg) * .5); --u_rg: calc(var(--u_ffg,1ffg) * .5); --u_cg: calc(var(--u_ffg,1ffg) * .5); } op-stat { display: block; } .ql-ao:not(#_):not(#_):not(#_) { display: contents; } .ql-bl:not(#_):not(#_):not(#_) { display: contents; } .ql-bq:is(.has-color > :where(.ql-bq)):not(#_):not(#_):not(#_) { color: var(--color); } .ql-bs:not(#_):not(#_) { text-transform: capitalize; } /* op/src/ui/image.imba?styles */ .qm-af .thumb, .qm-af.loaded div { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .qm-af { position: relative; aspect-ratio: calc(var(--u_imgw,1imgw) / var(--u_imgh,1imgh)); } .qm-af .thumb:not(#_):not(._0) { opacity: 1; --e_od: calc(var(--u_fxd,1fxd) * 2) !important; display: block; --e_rest: display calc(var(--u_fxd,1fxd) * 2) !important; } .qm-af.cover { overflow: hidden; } img.qm_af:not(#_) { position: relative; border-radius: inherit; } img.qm_af:is(.cover :where(img.qm_af)):not(#_) { object-fit: cover; } .qm-af.missing img.qm_af:not(#_) { opacity: 0; } .qm-af div:not(#_) { position: absolute; aspect-ratio: calc(var(--u_imgw,1imgw) / var(--u_imgh,1imgh)); border-radius: inherit; pointer-events: none; display: grid; grid-template-columns: repeat(var(--s), 1fr); grid-template-rows: repeat(var(--s), 1fr); } .qm-af div:is(.cover :where(div)):not(#_):not(._0) { top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } .qm-af div:not(.cover :where(div)):not(#_):not(._0) { width: 100%; height: 100%; } .qm-af div:not(#_):not(._0):before { content: ""; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); position: absolute; inset: 0rem; display: none; } .qm-af div b:not(#_) { background: currentColor; margin: 0; } .qm-af.fit img.qm_af:not(#_) { position: absolute; width: 100%; height: 100%; } .qm-af.loaded .thumb:not(#_):not(._0) { opacity: 0; } .qm-af.loaded div:not(#_) { opacity: 0; --e_od: calc(var(--u_fxd,1fxd) * 2) !important; } .qm-af.odialog:not(#_) { padding: 0rem !important; background: #fff0 !important; box-shadow: var(--box-shadow-none,none) !important; border-style: none !important; border-radius: 6px !important; min-width: 0rem !important; min-height: 0rem !important; overflow: hidden !important; width: min(calc(var(--u_imgw,1imgw) * 1px), 92vw, calc(92vh * var(--u_imgw,1imgw) / var(--u_imgh,1imgh))) !important; } op-image { display: block; } /* op/src/ui/tile.imba?styles */ .otile .otilebody, .otile .\$surface, .otile:is(:hover, .\@hover) .\$surface { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .otile { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .otile:not(._0) { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; align-content: stretch; border-radius: var(--u_rd,1rd); --t_x: 0 !important; flex: 1 0 auto; height: var(--u_gih,1gih); --u_p: 24px; width: min(360px, 100vw - var(--u_navw,1navw)); cursor: pointer; --u_hov: 0; --color-h: 211; --color-s: 96%; --color-l: 78%; contain: size; --u_sel: 0; } .otile.li:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: stretch; } @media (max-width: 599px) { .otile:not(._0) { width: 300px; } } .otile:is(:hover, .\@hover):not(._0) { --u_hov: 1; } .otile.\@dragover:not(._0) { border-color: #60a5fa; box-shadow: 0 0 0 3px #60a5fa1a; } .otile.li:not(._0) { width: 100%; } .otile.sel:not(._0) { --u_sel: .25; } .otile.sel:is(:is(:focus, .\@focus) :where(.otile.sel)):not(._0) { --u_sel: 1; } .otile:is(:is(:focus, .\@focus) :where(.otile)).sel-anchor:not(._0) { outline-width: 1px; } .otile:is(:is(:focus, .\@focus) :where(.otile)).sel-head:not(._0) { outline-width: 2px; } .otile:is(:checked, .\@checked):not(._0) { box-shadow: 0 0 0 5px #22c55e; } .otile .otilebody:not(._0) { position: absolute; inset: 0rem; border-radius: inherit; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); --e_cd: var(--u_fxd,1fxd) !important; } .otile .\$surface:not(._0) { position: absolute; inset: 0; border-radius: inherit; opacity: calc(0 + calc(var(--u_hov,1hov) * .15)); --a: hsla(var(--color-h), var(--color-s), var(--color-l), 140%); --b: hsla(var(--color-h), var(--color-s), var(--color-l), 15%); background: radial-gradient( var(--rad) circle at var(--ptrx) var(--ptry), var(--a), var(--b)); pointer-events: none; --e_od: calc(var(--u_fxd,1fxd) * 4) !important; contain: strict; } .otile:is(:hover, .\@hover) .\$surface:not(._0) { --e_od: calc(var(--u_fxd,1fxd) * 0) !important; } .otile .\$inner:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; background: lch(var(--u_tile-bgL) var(--u_tile-bgC) var(--u_tile-bgH) / 80%); border-radius: var(--u_rd,1rd); flex-grow: 1; position: relative; } .otile .\%title:not(._0) { font-size: 24px; line-height: 26px; --u_lh: 26px; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; --u_ics: 26; text-wrap: balance; } .otile .\%title:is(.template :where(.\%title)):not(._0) { color: #dcfce7; } .otile .\%title:is(.draft :where(.\%title)):not(._0) { color: #fef9c3; } .otile .\%desc:not(._0) { font-size: 14px; line-height: 20px; --u_lh: 20px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .otile.scrim .\%title:not(._0) { font-size: 20px; line-height: 22px; --u_lh: 22px; } .otile.miss .\%main:not(._0) { opacity: .3; } .otile.miss .\%bottom:not(._0) { opacity: .3; } .otile.miss .\$inner:not(._0) { background: lch(var(--u_site-bgL) var(--u_site-bgC) var(--u_site-bgH) / 90%); } .otile.miss:is(:hover, .\@hover) .\%main:not(._0) { opacity: .8; } .otile.miss:is(:hover, .\@hover) .\%bottom:not(._0) { opacity: .8; } .qi-af { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: stretch; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 0%); } op-tile { display: block; } /* op/src/ui/interval.imba?styles */ .qj-af { display: none; } op-interval { display: block; } .qj-ag { display: none; } op-timeout { display: block; } /* op/src/ui/modal.imba?styles */ .qs-ah, .qs-ah a, .qs-ah *.op-modal-body, .qs-at op-sheet:is(.up :where(op-sheet)), .qs-at op-sheet:is(.down :where(op-sheet)) { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .qs-ah *.op-modal-body.\@off, .qs-at op-sheet:is(.up :where(op-sheet)).\@in, .qs-at op-sheet:is(.up :where(op-sheet)).\@out, .qs-at op-sheet:is(.down :where(op-sheet)).\@in, .qs-at op-sheet:is(.down :where(op-sheet)).\@out { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .qs-ag:not(#_):not(#_):not(#_) { position: absolute; inset: 0rem; } .qs-ah:not(#_):not(#_) { z-index: 9999; height: 100vh; inset: 0rem; position: fixed; display: flex; align-items: center; justify-content: center; background: lch(var(--u_op-overlayL) var(--u_op-overlayC) var(--u_op-overlayH) / var(--u_op-overlayA,1)); --e_sd: .2s !important; } .qs-ah.\@off:not(#_):not(#_):not(#_):not(#_) { opacity: 0; } .qs-ah *.op-modal-body:not(#_):not(._0) { display: flex; flex-direction: column; gap: .75rem; --u_rg: .75rem; --u_cg: .75rem; --e_sd: .2s !important; box-shadow: var(--op-popup-modal-shadow); background: lch(var(--u_op-popup-bgL) var(--u_op-popup-bgC) var(--u_op-popup-bgH) / var(--u_op-popup-bgA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); border-radius: 10px; padding: 40px; position: relative; border: 1px solid lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); width: 400px; max-width: 95vw; max-height: 95vh; } .qs-ah *.op-modal-body.\@off:not(#_):not(#_):not(#_):not(#_):not(._0) { --t_y: -50px !important; } .qs-ah a:not(#_) { color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); --e_sd: .4s !important; } .qs-ah a:is(:hover, .\@hover):not(#_):not(._0) { color: #bbf7d0; } .qs-ah input:not(#_) { background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); gap: 8px; --u_rg: 8px; --u_cg: 8px; padding: 8px 16px; height: 40px; border-radius: 4px; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); width: 100%; } .qs-ah input:is(:focus-within, .\@focin):not(#_):not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } op-modal { display: block; } .qs-al:not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); } .qs-am:not(#_):not(#_) { font-size: 20px; } .qs-an:not(#_):not(#_) { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); overflow-y: auto; overflow-x: hidden; } .qs-ao:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); } op-simple-modal { display: block; } .qs-ar:not(#_):not(#_) { font-size: 15px; color: #ffffff7f; } .qs-at:not(#_):not(#_) { width: 450px; height: 325px; overflow: hidden; } .qs-at p.red:not(#_):not(._0) { color: #fb7185; } .qs-at li:not(#_):not(._0):before { content: "• "; } .qs-at op-sheet:is(.down :where(op-sheet)).\@in:not(#_):not(#_):not(#_):not(#_):not(._0) { --t_y: -100px !important; } .qs-at op-sheet:is(.down :where(op-sheet)).\@out:not(#_):not(#_):not(#_):not(#_):not(._0) { --t_y: 100px !important; } .qs-at op-sheet:is(.up :where(op-sheet)).\@in:not(#_):not(#_):not(#_):not(#_):not(._0) { --t_y: 100px !important; } .qs-at op-sheet:is(.up :where(op-sheet)).\@out:not(#_):not(#_):not(#_):not(#_):not(._0) { --t_y: -100px !important; } .qs-at op-sheet .body:not(#_):not(._0) { display: flex; flex-direction: column; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); width: 100%; height: 100%; } .qs-at op-sheet .\%head:not(#_):not(._0) { font-size: 20px; } .qs-at op-sheet .\%body:not(#_):not(._0) { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); overflow-y: auto; overflow-x: hidden; } .qs-at op-sheet .\%foot:not(#_):not(._0) { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); margin-top: auto; } .qs-at op-sheet .\%step:not(#_):not(._0) { font-size: 16px; color: #ffffff7f; flex: 1; } op-stack-modal { display: block; } .qs-av:not(#_) { width: min(720px, 95vw) !important; height: min(640px, 90vh) !important; } .qs-ax:not(#_):not(#_):not(#_) { color: #fb7185; } .qs-bb:not(#_):not(#_):not(#_) { color: #fb7185; } .qs-bd > *:not(#_) { width: 100%; } op-inspector { display: block; } .qs-bi:not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); width: 500px; } op-dialog { display: block; } .qs-bl:not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); width: 500px; } .qs-bn:not(#_):not(#_) { flex: 1; } .qs-bp:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; gap: 5px; --u_rg: 5px; --u_cg: 5px; margin-top: 5px; } op-submit-dialog { display: block; } .qs-bs:not(#_) { width: 450px !important; height: 300px !important; } .qs-bt:not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); width: 500px; } .qs-bv:not(#_):not(#_) { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 5px; --u_rg: 5px; --u_cg: 5px; } .qs-by:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; gap: 5px; --u_rg: 5px; --u_cg: 5px; margin-top: 5px; } op-create-dialog { display: block; } .qs-cb:not(#_) { overflow: hidden !important; } op-text-dialog { display: block; } /* op/src/ui/button.imba?styles */ .op-badge, .op-button, .op-badge .oicon, .op-badge:before, .op-button .oicon, .op-button:before, .op-badge op-icon svg, .op-button op-icon svg { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .op-badge.flip-icon op-icon svg, .op-button.flip-icon op-icon svg { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } @keyframes pulse-ring { 0% { outline-width: 0px; outline-color: hsla(217.22, 91.22%, 59.8%, 100%) outlin; } 80% { opacity: 0; } to { outline-width: 20px; outline-color: #00f; } } .op-button:not(._0), .op-badge:not(._0) { position: relative; height: var(--u_ffh,1ffh); border-radius: var(--u_ffrd,1ffrd); min-width: var(--u_ffh,1ffh); font-size: var(--u_ffs,1ffs); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; font-family: var(--font-sans,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); --e_bd: .5s !important; font-weight: 500; border: 0px solid hsla(0, 0%, 100%, 0%); flex: 0 0 auto; user-select: none; -webkit-user-select: none; text-transform: uppercase; background-origin: border-box; --u_hueL: var(--u_accentL); --u_hueC: var(--u_accentC); --u_hueH: var(--u_accentH); --u_hueA: var(--u_accentA,1); --button-bg-inset: 0px; box-shadow: var(--op-button-shadow); text-shadow: var(--op-button-text-shadow); color: lch(var(--u_op-button-fgL) var(--u_op-button-fgC) var(--u_op-button-fgH) / var(--u_op-button-fgA,1)); --u_bgL: var(--u_op-button-bgL); --u_bgC: var(--u_op-button-bgC); --u_bgH: var(--u_op-button-bgH); --u_bgA: var(--u_op-button-bgA,1); } .op-button.min:not(._0), .op-badge.min:not(._0) { width: min-content; } .op-button.square:not(._0), .op-badge.square:not(._0) { width: var(--u_ffh,1ffh); } .op-button .ohover:not(._0), .op-badge .ohover:not(._0) { stroke-opacity: .7; } .op-button op-icon:empty:not(._0), .op-badge op-icon:empty:not(._0) { display: none; } .op-button op-icon svg:not(._0), .op-badge op-icon svg:not(._0) { --e_td: var(--u_fxd,1fxd) !important; } .op-button.flip-icon op-icon svg:not(._0), .op-badge.flip-icon op-icon svg:not(._0) { --t_rotate: 180deg !important; } .op-button:is(:active, .\@active):not(._0), .op-badge:is(:active, .\@active):not(._0) { --u_ola: -1; --u_olw: 3px; --u_olo: 2px; } .op-button:is(:hover, .\@hover):not(._0), .op-badge:is(:hover, .\@hover):not(._0) { box-shadow: 0 0 4px lch(var(--u_op-shadow-softL) var(--u_op-shadow-softC) var(--u_op-shadow-softH) / var(--u_op-shadow-softA,1)); } .op-button:not(._0):before, .op-badge:not(._0):before { content: ""; position: absolute; top: var(--button-bg-inset); right: var(--button-bg-inset); bottom: var(--button-bg-inset); left: var(--button-bg-inset); background-origin: border-box; border-radius: inherit; background: lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)); border: 0px solid hsla(0, 0%, 100%, 0%); border-color: inherit; --e_bd: var(--u_fxd,1fxd) !important; --e_sd: var(--u_fxd,1fxd) !important; } .op-button:is(:hover, .\@hover):not(._0):before, .op-badge:is(:hover, .\@hover):not(._0):before { filter: brightness(1.08); } .op-button.wide:not(._0), .op-badge.wide:not(._0) { width: 200px; } .op-button .oicon:not(._0), .op-badge .oicon:not(._0) { color: inherit; --e_rest: color .2s ease-in-out !important; } .op-button .olabel:not(._0), .op-badge .olabel:not(._0) { white-space: nowrap; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .op-button.disabled:not(._0), .op-badge.disabled:not(._0) { filter: grayscale(.7); cursor: not-allowed; } .op-button.disabled .button-main:not(._0), .op-badge.disabled .button-main:not(._0) { opacity: .5; } .op-button:is(:hover, .\@hover):not(._0), .op-badge:is(:hover, .\@hover):not(._0) { --u_bgL: var(--u_op-button-bg-hL); --u_bgC: var(--u_op-button-bg-hC); --u_bgH: var(--u_op-button-bg-hH); --u_bgA: var(--u_op-button-bg-hA,1); } .op-button op-contour:not(._0), .op-badge op-contour:not(._0) { color: lch(var(--u_op-button-contourL) var(--u_op-button-contourC) var(--u_op-button-contourH) / var(--u_op-button-contourA,1)); } .op-button.no-bg:not(._0):before, .op-badge.no-bg:not(._0):before { opacity: 0; } .op-button.pri:not(._0), .op-badge.pri:not(._0) { color: lch(var(--u_op-button-primary-fgL) var(--u_op-button-primary-fgC) var(--u_op-button-primary-fgH) / var(--u_op-button-primary-fgA,1)); --u_bgL: var(--u_op-button-primary-bgL); --u_bgC: var(--u_op-button-primary-bgC); --u_bgH: var(--u_op-button-primary-bgH); --u_bgA: var(--u_op-button-primary-bgA,1); } .op-button.pri:is(:hover, .\@hover):not(._0), .op-badge.pri:is(:hover, .\@hover):not(._0) { --u_bgL: var(--u_op-button-primary-bg-hL); --u_bgC: var(--u_op-button-primary-bg-hC); --u_bgH: var(--u_op-button-primary-bg-hH); --u_bgA: var(--u_op-button-primary-bg-hA,1); } .op-button.pri op-contour:not(._0), .op-badge.pri op-contour:not(._0) { color: lch(var(--u_op-button-primary-contourL) var(--u_op-button-primary-contourC) var(--u_op-button-primary-contourH) / var(--u_op-button-primary-contourA,1)); } .op-button.neutral:not(._0), .op-badge.neutral:not(._0) { color: lch(var(--u_op-button-neutral-fgL) var(--u_op-button-neutral-fgC) var(--u_op-button-neutral-fgH) / var(--u_op-button-neutral-fgA,1)); --u_bgL: var(--u_op-button-neutral-bgL); --u_bgC: var(--u_op-button-neutral-bgC); --u_bgH: var(--u_op-button-neutral-bgH); --u_bgA: var(--u_op-button-neutral-bgA,1); } .op-button.neutral:is(:hover, .\@hover):not(._0), .op-badge.neutral:is(:hover, .\@hover):not(._0) { --u_bgL: var(--u_op-button-neutral-bg-hL); --u_bgC: var(--u_op-button-neutral-bg-hC); --u_bgH: var(--u_op-button-neutral-bg-hH); --u_bgA: var(--u_op-button-neutral-bg-hA,1); } .op-button.white:not(._0), .op-badge.white:not(._0) { color: lch(var(--u_op-button-white-fgL) var(--u_op-button-white-fgC) var(--u_op-button-white-fgH) / var(--u_op-button-white-fgA,1)); font-weight: 500; --u_bgL: var(--u_op-button-white-bgL); --u_bgC: var(--u_op-button-white-bgC); --u_bgH: var(--u_op-button-white-bgH); --u_bgA: var(--u_op-button-white-bgA,1); } .op-button.white:is(:hover, .\@hover):not(._0), .op-badge.white:is(:hover, .\@hover):not(._0) { --u_bgL: var(--u_op-button-white-bg-hL); --u_bgC: var(--u_op-button-white-bg-hC); --u_bgH: var(--u_op-button-white-bg-hH); --u_bgA: var(--u_op-button-white-bg-hA,1); } .op-button.checked:not(._0), .op-badge.checked:not(._0) { box-shadow: var(--box-shadow-none,none); text-shadow: none; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); --u_bgL: var(--u_op-bg-activeL); --u_bgC: var(--u_op-bg-activeC); --u_bgH: var(--u_op-bg-activeH); --u_bgA: var(--u_op-bg-activeA,1); } .op-button.checked:is(:hover, .\@hover):not(._0), .op-badge.checked:is(:hover, .\@hover):not(._0) { --u_bgL: var(--u_op-bg-activeL); --u_bgC: var(--u_op-bg-activeC); --u_bgH: var(--u_op-bg-activeH); --u_bgA: var(--u_op-bg-activeA,1); } .op-button.checked op-contour:not(._0), .op-badge.checked op-contour:not(._0) { color: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } .op-button.checked:not(._0):before, .op-badge.checked:not(._0):before { border-width: 1px; border-color: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } .op-button.unchecked:not(.no-unchecked-style):not(._0), .op-badge.unchecked:not(.no-unchecked-style):not(._0) { box-shadow: var(--box-shadow-none,none); text-shadow: none; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --u_bgL: 100; --u_bgC: 0; --u_bgH: 0; --u_bgA: 0; } .op-button.unchecked:not(.no-unchecked-style):is(:hover, .\@hover):not(._0), .op-badge.unchecked:not(.no-unchecked-style):is(:hover, .\@hover):not(._0) { --u_bgL: var(--u_op-bg-hoverL); --u_bgC: var(--u_op-bg-hoverC); --u_bgH: var(--u_op-bg-hoverH); --u_bgA: var(--u_op-bg-hoverA,1); } .op-button.unchecked:not(.no-unchecked-style) op-contour:not(._0), .op-badge.unchecked:not(.no-unchecked-style) op-contour:not(._0) { color: #fff0; } .op-button.unchecked:not(.no-unchecked-style):not(._0):before, .op-badge.unchecked:not(.no-unchecked-style):not(._0):before { background: lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)); border-width: 1px; border-color: #fff0; } .op-button.unchecked:not(.no-unchecked-style):is(:hover, .\@hover):not(._0), .op-badge.unchecked:not(.no-unchecked-style):is(:hover, .\@hover):not(._0) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .op-button.unchecked:not(.no-unchecked-style):is(:hover, .\@hover):not(._0):before, .op-badge.unchecked:not(.no-unchecked-style):is(:hover, .\@hover):not(._0):before { border-color: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .op-button.outline:not(._0), .op-badge.outline:not(._0) { background: #fff0; color: lch(var(--u_op-button-outline-fgL) var(--u_op-button-outline-fgC) var(--u_op-button-outline-fgH) / var(--u_op-button-outline-fgA,1)); --u_bcL: var(--u_op-button-outline-borderL); --u_bcC: var(--u_op-button-outline-borderC); --u_bcH: var(--u_op-button-outline-borderH); --u_bcA: var(--u_op-button-outline-borderA,1); box-shadow: var(--box-shadow-none,none); --u_olo: -1px; text-shadow: none; } .op-button.outline:is(.hc :where(.op-button.outline)):not(._0), .op-badge.outline:is(.hc :where(.op-badge.outline)):not(._0) { color: lch(5 var(--u_hueC) var(--u_hueH) / var(--u_hueA,1)); --u_bcL: 5; --u_bcC: var(--u_hueC); --u_bcH: var(--u_hueH); --u_bcA: var(--u_hueA,1); --u_op-button-outline-inner-borderL: 5; --u_op-button-outline-inner-borderC: var(--u_hueC); --u_op-button-outline-inner-borderH: var(--u_hueH); --u_op-button-outline-inner-borderA: 20%; } .op-button.outline .ohover:not(._0), .op-badge.outline .ohover:not(._0) { stroke-opacity: 1; } .op-button.outline:not(._0):before, .op-badge.outline:not(._0):before { background: #fff0; border-width: 1px; border-color: lch(var(--u_op-button-outline-inner-borderL) var(--u_op-button-outline-inner-borderC) var(--u_op-button-outline-inner-borderH) / var(--u_op-button-outline-inner-borderA,1)); } .op-button.outline:is(:hover, .\@hover):not(._0):before, .op-badge.outline:is(:hover, .\@hover):not(._0):before { margin: 0; } .op-button.inline:not(._0), .op-badge.inline:not(._0) { --u_bgL: var(--u_op-button-inline-bgL); --u_bgC: var(--u_op-button-inline-bgC); --u_bgH: var(--u_op-button-inline-bgH); --u_bgA: var(--u_op-button-inline-bgA,1); box-shadow: var(--box-shadow-none,none); } .op-button.inline:is(:hover, .\@hover):not(._0), .op-badge.inline:is(:hover, .\@hover):not(._0) { --u_bgL: var(--u_op-button-inline-bg-hL); --u_bgC: var(--u_op-button-inline-bg-hC); --u_bgH: var(--u_op-button-inline-bg-hH); --u_bgA: var(--u_op-button-inline-bg-hA,1); } .op-button:is(.hc :where(.op-button)):not(._0), .op-badge:is(.hc :where(.op-badge)):not(._0) { box-shadow: var(--box-shadow-none,none); text-shadow: none; } .op-button.pill:not(._0), .op-badge.pill:not(._0) { border-radius: calc(var(--u_ffh,1ffh) * .5); --u_olrd: calc(var(--u_ffh,1ffh) * .5); } .op-button.circle:not(._0), .op-badge.circle:not(._0) { border-radius: calc(var(--u_ffh,1ffh) * .5); width: var(--u_ffh,1ffh); --u_olrd: calc(var(--u_ffh,1ffh) * .5); } .op-button.tool > .\$body:not(._0), .op-badge.tool > .\$body:not(._0) { align-content: center; } .op-button.tool > .\$body .\$label:not(._0), .op-badge.tool > .\$body .\$label:not(._0) { display: none; } .op-button.tool.inline:not(._0), .op-badge.tool.inline:not(._0) { --u_fis: var(--u_lgfis,1lgfis); --u_ics: var(--u_lgics,1lgics); } .op-button > .\$body:not(._0), .op-badge > .\$body:not(._0) { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: var(--u_ffs,1ffs); min-height: var(--u_ffh,1ffh); pointer-events: none; min-width: var(--u_ffh,1ffh); height: var(--u_ffh,1ffh); overflow: clip; flex-wrap: wrap; align-content: flex-start; border-radius: inherit; padding-left: calc(var(--u_ffxp,1ffxp) * .75); padding-right: calc(var(--u_ffxp,1ffxp) * .75); } .op-button > .\$body > *:not(._0), .op-badge > .\$body > *:not(._0) { height: var(--u_ffh,1ffh); } .op-button > .\$body * op-icon:not(._0), .op-badge > .\$body * op-icon:not(._0) { min-height: var(--u_fis,1fis); min-width: var(--u_fis,1fis); width: var(--u_fis,1fis); height: var(--u_fis,1fis); } .op-button > .\$body * op-icon:empty:not(._0), .op-badge > .\$body * op-icon:empty:not(._0) { display: none; } .op-button > .\$body op-kbd:not(._0), .op-badge > .\$body op-kbd:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; font-size: smaller; opacity: .4; } .op-button > .\$body .oicon:not(._0), .op-badge > .\$body .oicon:not(._0) { flex: 1 100 0px; max-width: min(var(--u_fis,1fis), var(--u_ffh,1ffh)); min-width: 0px; overflow: clip; } .op-button > .\$body .oicon:only-child:not(._0), .op-badge > .\$body .oicon:only-child:not(._0) { flex: 0 0 var(--u_fis,1fis); position: absolute; inset: 0rem; width: var(--u_fis,1fis); height: var(--u_fis,1fis); margin: auto; } .op-button > .\$body .olabel:not(._0), .op-badge > .\$body .olabel:not(._0) { padding-left: calc(var(--u_ffxp,1ffxp) * .25); padding-right: calc(var(--u_ffxp,1ffxp) * .25); } .op-button.split:not(._0), .op-badge.split:not(._0) { --u_split-bgL: var(--u_op-button-split-bgL); --u_split-bgC: var(--u_op-button-split-bgC); --u_split-bgH: var(--u_op-button-split-bgH); --u_split-bgA: var(--u_op-button-split-bgA,1); } .op-button.split:not(._0):before, .op-badge.split:not(._0):before { background: linear-gradient( to right, lch(var(--u_split-bgL) var(--u_split-bgC) var(--u_split-bgH) / var(--u_split-bgA,1)) 0px, lch(var(--u_split-bgL) var(--u_split-bgC) var(--u_split-bgH) / var(--u_split-bgA,1)) var(--u_ffh,1ffh), lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)) var(--u_ffh,1ffh), lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)) 100%); } .op-button.split > .\$body:not(._0), .op-badge.split > .\$body:not(._0) { padding-left: 0; padding-right: 0; flex: 1; } .op-button.split > .\$body > .oicon:not(._0), .op-badge.split > .\$body > .oicon:not(._0) { flex: 0 0 var(--u_ffh,1ffh); width: var(--u_ffh,1ffh); height: var(--u_ffh,1ffh); min-width: var(--u_ffh,1ffh); max-width: var(--u_ffh,1ffh); border-top-left-radius: inherit; border-bottom-left-radius: inherit; border-top-right-radius: 0; border-bottom-right-radius: 0; --u_icsw: 1.5; color: lch(var(--u_op-button-fgL) var(--u_op-button-fgC) var(--u_op-button-fgH) / var(--u_op-button-fgA,1)); } .op-button.split > .\$body > .olabel:not(._0), .op-badge.split > .\$body > .olabel:not(._0) { flex: 1 1 auto; padding-left: calc(var(--u_ffxp,1ffxp) * .75); padding-right: calc(var(--u_ffxp,1ffxp) * .75); text-align: center; } .op-button.olink:not(._0), .op-badge.olink:not(._0) { --u_ffxp: 0px; --u_ffrd: 0px; width: fit-content; height: auto; display: inline-flex; font-weight: inherit; font-size: inherit; cursor: pointer; color: lch(var(--u_op-button-link-fgL) var(--u_op-button-link-fgC) var(--u_op-button-link-fgH) / var(--u_op-button-link-fgA,1)); box-shadow: var(--box-shadow-none,none); --u_olhover: 0; --u_olrd: 4px; } .op-button.olink:is(:hover, .\@hover):not(._0), .op-badge.olink:is(:hover, .\@hover):not(._0) { --u_olhover: 1; } .op-button.olink:not(._0):before, .op-badge.olink:not(._0):before { display: none; } .op-button.olink .button-main:not(._0), .op-badge.olink .button-main:not(._0) { display: contents; } .op-button.olink .oicon:not(._0), .op-badge.olink .oicon:not(._0) { display: none; } .op-button.olink .olabel:not(._0), .op-badge.olink .olabel:not(._0) { font-size: inherit; display: contents; text-transform: none; font-weight: inherit; } .qn-aj.icon-button > op-contour:not(#_) { opacity: 0; } .qn-aq:is(.touch-interface :where(.qn-aq)):not(#_):not(#_):not(#_) { display: none; } .qn-ar:not(#_):not(#_):not(#_) { pointer-events: auto; } .qn-ar:not(#_):not(#_) { fill: #00f; } op-button { display: block; } op-badge { display: block; } op-a { display: block; } /* op/src/ui/loader.imba?styles */ .qo-ag:not(#_):not(#_) { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; --u_rg: 1px; --u_cg: 1px; width: 10px; height: 10px; --u_bgL: 100; --u_bgC: 0; --u_bgH: 0; --u_bgA: 1; } .qo-ag > *:not(#_) { animation: var(--animation-fade,fade) var(--qo_ah) linear infinite; border-radius: 1px; } @keyframes fade-_ { 0% { background: lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)); } 1% { background: lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)); } 51% { background: lch(var(--u_bgL) var(--u_bgC) var(--u_bgH) / var(--u_bgA,1)); } } .qo-ag:not(#_):not(#_) { --animation-fade: fade-_; } .qo-aj:not(#_):not(#_):not(#_) { animation-delay: var(--qo_ak); } .qo-al:not(#_):not(#_):not(#_) { animation-delay: var(--qo_am); } .qo-an:not(#_):not(#_):not(#_) { animation-delay: var(--qo_ao); } op-loader-block { display: block; } /* op/src/ui/check.imba?styles */ .qp-ag, .qp-aj { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .qp-ag:not(#_):not(#_) { --e_sd: .2s !important; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; user-select: none; -webkit-user-select: none; gap: .25rem; --u_rg: .25rem; --u_cg: .25rem; padding: 4px 8px; border-radius: 6px; } .qp-ag:not(.nohover):is(:hover, .\@hover):not(#_):not(#_), .qp-ag.active:not(#_):not(#_) { background: #ffffff0a; } .qp-aj:not(#_):not(#_) { --e_sd: .1s !important; border-radius: 3px; position: relative; border: 1px solid #4B4B4B; width: var(--qp_ak); height: var(--qp_ak); } .qp-aj.checked:not(#_):not(#_) { background-repeat: no-repeat; background-size: 90%; background-position: center; border-color: #575ac6; background-color: #575ac6; background-image: url(data:image/svg+xml;utf8,%3Csvg%20width=%2210%22%20height=%229%22%20viewBox=%220%200%2010%208%22%20xmlns=%22http://www.w3.org/2000/svg%22%20fill=%22%23fffeff%22%3E%3Cpath%20d=%22M3.46975%205.70757L1.88358%204.1225C1.65832%203.8974%201.29423%203.8974%201.06897%204.1225C0.843675%204.34765%200.843675%204.7116%201.06897%204.93674L3.0648%206.93117C3.29006%207.15628%203.65414%207.15628%203.8794%206.93117L8.93103%201.88306C9.15633%201.65792%209.15633%201.29397%208.93103%201.06883C8.70578%200.843736%208.34172%200.843724%208.11646%201.06879C8.11645%201.0688%208.11643%201.06882%208.11642%201.06883L3.46975%205.70757Z%22%20stroke-width=%220.2%22%20/%3E%3C/svg%3E); } op-check { display: block; } /* op/src/ui/checkbox.imba?styles */ .qq-ai:not(#_):not(#_):not(#_) { margin-bottom: 1.25rem; } op-checkbox { display: block; } .qq-aj { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 1rem; --u_rg: 1rem; --u_cg: 1rem; } .qq-al:not(#_):not(#_):not(#_) { user-select: none; -webkit-user-select: none; flex: 1; } .qq-an:not(#_):not(#_):not(#_) { pointer-events: none; opacity: 0; position: absolute; } .qq-am:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .qq-ao:not(#_):not(#_) { width: calc(calc(calc(var(--u_ics,1ics) * 1.5)) * 1px); height: calc(calc(calc(var(--u_ics,1ics) * 1.5)) * 1px); border-radius: min(var(--u_ffrd,1ffrd), 4px); border: 1px solid lch(var(--u_mi-iconL) var(--u_mi-iconC) var(--u_mi-iconH) / 20%); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; color: #fff0; background-color: #d4d4d8; } .qq-ao:is(.checked :where(.qq-ao)):not(#_):not(#_) { background: #60a5fa; border: 1px solid hsla(213.12, 93.9%, 67.84%, 100%); color: #fff; } .qq-ao:not(#_):not(#_):before { content: "✓"; font-size: smaller; color: inherit; } op-checkbox-option { display: block; } /* op/src/ui/inline.imba?styles */ .qr-af { display: inline-flex; } .qr-af.dashed { border-bottom: 1px dashed currentColor; } op-inline { display: block; } /* op/src/ui/confirm.imba?styles */ .qu-ag:not(#_):not(#_) { display: flex; flex-direction: column; gap: 12px; --u_rg: 12px; --u_cg: 12px; padding: 14px; min-width: 260px; max-width: 360px; outline: none; } .qu-ah:not(#_):not(#_):not(#_) { font-size: 14px; line-height: 1.4; --u_lh: 1.4; } .qu-ai:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; gap: 8px; --u_rg: 8px; --u_cg: 8px; justify-content: flex-end; } op-confirm { display: block; } /* op/src/ui/roledisplay.imba?styles */ .qt-ag:not(#_):not(#_):not(#_) { width: 8px; height: 8px; background: hsla(var(--hue4), 1); border-radius: 1px; } .qt-ai:not(#_):not(#_):not(#_) { display: none; } .qt-ah:not(#_):not(#_) { overflow: hidden; gap: 3px; --u_rg: 3px; --u_cg: 3px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; position: relative; } op-role-display { display: block; } /* op/src/ui/layer.imba?styles */ .rb-af { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .rb-af { --depth: 0; --u_olhover: 0; overscroll-behavior: contain; transform-origin: 50% 0%; --t_scale: calc(1 - var(--depth) * .05) !important; --bxs: max(1 - var(--depth) * .3, 0); box-shadow: 0 20px 100px 5px hsla(0, 0%, 0%, var(--bxs,100%)); margin-left: auto; margin-right: auto; max-width: 800px; margin-top: calc(80px + (var(--level) * 30px)); margin-bottom: calc(80px + (var(--level) * 30px)); } .rb-ah:not(#_):not(#_) { position: absolute; top: 0rem; right: 0rem; margin: 12px; z-index: 2; } @media print { .rb-ah:not(#_):not(#_) { display: none; } } op-layer { display: block; } /* op/src/ui/field.imba?styles */ .qv-af { min-height: var(--u_ffh,1ffh); display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: calc(var(--u_ffg,1ffg) * .5); --u_rg: calc(var(--u_ffg,1ffg) * .5); --u_cg: calc(var(--u_ffg,1ffg) * .5); } label.qv_af:not(#_) { display: contents; } .qv_af.head:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: calc(var(--u_ffg,1ffg) * .5); --u_rg: calc(var(--u_ffg,1ffg) * .5); --u_cg: calc(var(--u_ffg,1ffg) * .5); } input.qv_af[type=range]:not(#_) { width: 50%; opacity: 1; } .qv-ai:not(#_):not(#_):not(#_) { flex: 1; } .qv-al:not(#_):not(#_):not(#_) { flex: 1; } op-field { display: block; } .qv-az:not(#_):not(#_):not(#_) { padding: 0rem; } ostate-tag { display: block; } .qv-bq:not(#_):not(#_) { min-width: 70vw; } .qv-bq textarea:not(#_):not(#_):not(._0) { min-height: 40vh !important; } .qv-bt .\$press:not(#_):not(._0) { display: none; } .qv-bt .\$hover:not(#_):not(._0) { opacity: .2; } .qv-bu > *:not(#_) { min-height: inherit; padding: var(--u_ffxp,1ffxp); } .qv-bv:not(#_):not(#_) { min-height: inherit; padding: var(--u_ffxp,1ffxp); } .qv-bw:is(.ofield :where(.qv-bw)):not(#_):not(#_):not(#_) { min-height: calc(var(--u_ffh,1ffh) * 3); } .qv-bz:not(#_):not(#_) { height: var(--u_ffh,1ffh); position: absolute; top: 0rem; right: 0rem; bottom: 0rem; left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; min-width: var(--u_ffh,1ffh); padding-right: calc(calc(var(--u_ffh,1ffh) * .5) - calc(var(--u_fis,1fis) * .5)); order: 10; } .qv-cc:not(#_):not(#_) { height: var(--u_ffh,1ffh); position: absolute; top: 0rem; right: 0rem; bottom: 0rem; left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; min-width: var(--u_ffh,1ffh); padding-right: calc(calc(var(--u_ffh,1ffh) * .5) - calc(var(--u_fis,1fis) * .5)); order: 10; } .qv-cf .\$press:not(#_):not(._0) { display: none; } .qv-cf .\$hover:not(#_):not(._0) { opacity: .2; } .qv-cm:not(#_):not(#_) { margin-top: 5px; } .qv-cy:not(#_):not(#_):not(#_) { gap: calc(var(--u_ffg,1ffg) * .5); --u_rg: calc(var(--u_ffg,1ffg) * .5); --u_cg: calc(var(--u_ffg,1ffg) * .5); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .qv-de:is(.alt-key :where(.qv-de)) { cursor: ew-resize; } .qv_de.btn:not(#_) { width: var(--u_fis,1fis); height: var(--u_fis,1fis); opacity: .5; } .qv_de.btn:is(:hover, .\@hover):not(#_) { opacity: .9; } .qv-df:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; --u_fis: calc(calc(var(--u_ics,1ics)) * 1px); } .qv-dh:not(#_):not(#_):not(#_) { font-family: var(--font-Arial,Arial); min-width: 3ex; text-align: center; } op-number-stepper { display: block; } .qv-dj { display: flow-root; } .qv-dj:before { display: none; content: attr(placeholder); position: absolute; pointer-events: none; } .qv-dj.empty:before { display: block; opacity: .4; } op-content-editable { display: block; } /* op/src/ui/heading.imba?styles */ op-heading + op-heading { margin-top: 1.2em; } .qy-af { font-weight: 600; margin-bottom: .5em; } h5.qy_af:not(#_) { font-size: 18px; line-height: 1.5; --u_lh: 1.5; } h4.qy_af:not(#_) { font-size: 22px; line-height: 1.4; --u_lh: 1.4; } h3.qy_af:not(#_) { font-size: 26px; line-height: 1.33; --u_lh: 1.33; } h2.qy_af:not(#_) { font-size: 32px; line-height: 1.26; --u_lh: 1.26; } h1.qy_af:not(#_) { font-size: 40px; line-height: 1.21; --u_lh: 1.21; } .qy-ag:not(#_):not(#_):not(#_) { width: 100%; } op-heading { display: block; } /* op/src/ui/hr.imba?styles */ op-hr { display: block; } /* op/src/ui/icon.imba?styles */ :root { --u_ics: 16; --u_icsw: 1; --u_icfill: 0; --u_icduo: 0; --fill: currentColor; } svg.phosphor *:not(._0) { stroke-width: calc(((16 * var(--u_icsw,1icsw)) / var(--u_ics,1ics)) * 16px); fill: var(--fill); } svg.phosphor [fill]:not(._0) { fill: none; } svg.phosphor [stroke]:not(._0) { stroke: currentColor; } svg.phosphor [opacity]:not(._0) { opacity: var(--u_icduo,1icduo); } svg.phosphor.dual :is(g, g-tag).filled:not(._0) { opacity: var(--u_icfill,1icfill); fill: currentColor; } svg.phosphor.dual :is(g, g-tag).stroke:not(._0) { opacity: calc(1 - var(--u_icfill,1icfill)); } .no-icon .op-icon:not(._0) { display: none; } op-icon { flex: 0 0 auto; } @keyframes op-dot-pulse { 0% { opacity: .35; } 50% { opacity: 1; } to { opacity: .35; } } .qx-af { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; position: relative; width: var(--u_fis,1fis); height: var(--u_fis,1fis); } .qx_af.text:not(#_) { width: calc(var(--u_ics,1ics) * 1px); height: calc(var(--u_ics,1ics) * 1px); align-self: center; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .qx-af svg:not(#_) { width: calc(var(--u_ics,1ics) * 1px); height: calc(var(--u_ics,1ics) * 1px); align-self: center; pointer-events: none; fill: currentColor; } .qx-af:is(:focus, .\@focus):before { content: ""; position: absolute; inset: 0rem; margin: -6px; border-radius: var(--u_ffrd,1ffrd); border: 1px dashed hsla(217.22, 91.22%, 59.8%, 100%); pointer-events: none; } span.qx_af svg [fill="#000000"]:not(#_):not(._0) { fill: currentColor; } span.qx_af svg [fill="#000"]:not(#_):not(._0) { fill: currentColor; } span.qx_af svg [fill=black]:not(#_):not(._0) { fill: currentColor; } .qx-af > *:not(#_) { width: calc(var(--u_ics,1ics) * 1px); height: calc(var(--u_ics,1ics) * 1px); align-self: center; pointer-events: none; } .qx_af.adot:not(#_) { display: none; position: absolute; right: 1px; bottom: 1px; width: calc(var(--u_ics,1ics) * .45px); height: calc(var(--u_ics,1ics) * .45px); border-radius: 50%; pointer-events: none; box-shadow: 0 0 0 2px lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); } .qx-af.fresh .qx_af.adot:not(#_) { display: block; background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); } .qx-af.busy .qx_af.adot:not(#_) { display: block; background: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); animation: var(--animation-op-dot-pulse,op-dot-pulse) 1.3s ease-in-out infinite; } .qx-al:not(#_):not(#_):not(#_) { display: contents; } op-icon { display: block; } /* op/src/ui/multi-input.imba?styles */ .rd-ay, .rd-ay:after, .rd_ay.op-icon, .rd-ay *.op-avatar, .rd_af.\$placeholder { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .rd-af { height: var(--u_ffh,1ffh); } input.rd_af:not(#_) { padding: 0rem; margin: 0rem; appearance: none; -webkit-appearance: none; border-style: none; flex: 1; height: auto; align-self: stretch; outline: none; background: #fff0; color: inherit; font-family: inherit; border-radius: var(--u_ffrd,1ffrd); border-color: #fff0; padding-left: calc(var(--u_ffh,1ffh) * .3); padding-right: calc(var(--u_ffh,1ffh) * .3); } input.rd_af:is(:focus, .\@focus):not(#_) { outline: none; } input.rd_af:is(:focus, .\@focus):not(#_) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .rd_af.\$placeholder:not(#_) { position: absolute; inset: 0rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); pointer-events: none; opacity: 1; --e_od: calc(var(--u_fxd,1fxd) * .3) !important; padding-left: calc(var(--u_ffh,1ffh) * .3); padding-right: calc(var(--u_ffh,1ffh) * .3); margin-left: 1px; } .rd_af.\$placeholder:is(:is(:focus-within, .\@focin) > :where(.rd_af.\$placeholder)):not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .rd_af.\$values:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .rd_af.\$values:empty:not(#_) { display: none; } .rd-ag:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .rd-ag:is(:focus-within, .\@focin) .rd_ag.item:not(#_):before { opacity: 1; } .rd-ak:not(#_):not(#_):not(#_) { order: -2; } .rd-al:not(#_):not(#_):not(#_) { flex: 1; position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: stretch; align-self: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .rd-an:not(#_):not(#_):not(#_) { opacity: 0; } .rd-as:not(#_):not(#_):not(#_) { min-width: 300px; max-height: 150px; } op-multi-input { display: block; } .rd-at { display: block; border-radius: var(--u_ffrd,1ffrd); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); font-size: var(--u_ffs,1ffs); } .rd_at.body:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 0px; --u_rg: 0px; --u_cg: 0px; margin: -1px; border-radius: inherit; } .rd_at.item:not(#_) { border-radius: 0; margin-left: -1px; } .rd_at.item:first-child:not(#_) { border-top-left-radius: var(--u_ffrd,1ffrd); border-bottom-left-radius: var(--u_ffrd,1ffrd); margin-left: 0; } .rd_at.item:last-child:not(#_) { border-top-right-radius: var(--u_ffrd,1ffrd); border-bottom-right-radius: var(--u_ffrd,1ffrd); } .rd_at.sep:not(#_) { height: calc(var(--u_ffh,1ffh) * .6); width: 1px; background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 60%); margin-left: -1px; } op-input-value-group { display: block; } .rd-ay { --u_p: max(calc(var(--u_ffh,1ffh) * .3), 4px); --u_bdL: var(--u_op-border-subtleL); --u_bdC: var(--u_op-border-subtleC); --u_bdH: var(--u_op-border-subtleH); --u_bdA: var(--u_op-border-subtleA,1); position: relative; border-radius: var(--u_ffrd,1ffrd); height: var(--u_ffh,1ffh); min-width: var(--u_ffh,1ffh); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; --u_on: 0; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --e_cd: calc(var(--u_fxd,1fxd) * .7) !important; --u_icsw: 1; border: 1px solid lch(var(--u_bdL) var(--u_bdC) var(--u_bdH) / var(--u_bdA,1)); } .rd-ay:is(:hover, .\@hover) { --u_on: .5; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .rd-ay:is(:focus, .\@focus) { --u_on: .8; } .rd-ay:is(:checked, .\@checked) { --u_on: 1; color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); --u_bdL: calc(var(--u_accentL) * .8); --u_bdC: var(--u_accentC); --u_bdH: var(--u_accentH); --u_bdA: var(--u_accentA,1); } .rd-ay:not(:only-child) { --bd: hsla(0,0%,100%,0%); } .rd_ay.op-icon:not(#_) { --e_sd: var(--u_fxd,1fxd) !important; width: var(--u_ffh,1ffh); height: var(--u_ffh,1ffh); opacity: calc(.5 + calc(var(--u_on,1on) * .5)); } .rd-ay *.op-avatar:not(#_):not(._0) { --e_bd: var(--u_fxd,1fxd) !important; } .rd-ay > *:not(#_) { position: relative; } .rd-ay:before { position: absolute; inset: -1px; content: ""; border-radius: inherit; border: 1px solid lch(var(--u_bdL) var(--u_bdC) var(--u_bdH) / 0%); background: lch(var(--u_accentL) var(--u_accentC) var(--u_accentH) / 0%); opacity: 1; } .rd-ay:is(:checked, .\@checked):before { background: lch(var(--u_accentL) var(--u_accentC) var(--u_accentH) / var(--u_accentA,1)); } .rd-ay:is(:hover, .\@hover):before { box-shadow: inset 0 0 30px lch(var(--u_op-shadow-softL) var(--u_op-shadow-softC) var(--u_op-shadow-softH) / var(--u_op-shadow-softA,1)); } .rd-ay:after { content: ""; position: absolute; inset: -1px; border: 1px solid hsla(213.12, 93.9%, 67.84%, 100%); border-width: 1px 0px; opacity: 0; margin-top: 0; margin-bottom: 0; --e_sd: var(--u_fxd,1fxd) !important; border-radius: var(--u_ffrd,1ffrd); } .rd-ay:is(.op-field:is(:focus-within, .\@focin) :where(.rd-ay)):is(:focus, .\@focus):after { opacity: 1; margin-top: -4px; margin-bottom: -4px; } .rd-ay:is(:checked, .\@checked) { z-index: 1; --u_icduo: .2; } .rd-ay:is(:focus, .\@focus) { z-index: 2; } .rd_ay.op-label:not(#_) { padding-right: var(--u_p,1p); } .rd_ay.op-icon:empty:not(#_) { display: none; } .rd_ay.op-icon:empty + .rd_ay.op-label:not(#_) { padding-left: var(--u_p,1p); } .rd-ay.String .rd_ay.op-label:not(#_) { padding-left: var(--u_p,1p); padding-right: var(--u_p,1p); } .rd-ay.String *.op-label:not(#_):not(._0):before, .rd-ay.String *.op-label:not(#_):not(._0):after { opacity: .5; content: '"'; } .rd-ay.has-color { --u_iconL: var(--u_accentL); --u_iconC: calc(var(--u_accentC) * .8); --u_iconH: var(--u_accentH); --u_iconA: var(--u_accentA,1); --u_bdL: var(--u_accentL); --u_bdC: var(--u_accentC); --u_bdH: var(--u_accentH); --u_bdA: 0; } .rd-ay.has-color .rd_ay.op-icon:not(#_) { color: lch(var(--u_iconL) var(--u_iconC) var(--u_iconH) / var(--u_iconA,1)); opacity: .6; } .rd-ay.has-color:is(:focus, .\@focus) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.has-color:is(:hover, .\@hover) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.has-color:is(:checked, .\@checked) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.has-color:is(:checked, .\@checked) { --u_textL: clamp(2, calc((var(--u_accentL) - 50.1) * -10000), 99); --u_textC: var(--u_accentC); --u_textH: var(--u_accentH); --u_textA: var(--u_accentA,1); --u_iconL: var(--u_textL); --u_iconC: var(--u_textC); --u_iconH: var(--u_textH); --u_iconA: var(--u_textA,1); --u_bdL: 100; --u_bdC: 0; --u_bdH: 0; --u_bdA: 0; color: lch(var(--u_textL) var(--u_textC) var(--u_textH) / var(--u_textA,1)); } .rd-ay.has-color:is(:checked, .\@checked):before { position: absolute; inset: 0; border-radius: calc(var(--u_ffrd,1ffrd) * .8); margin-top: -1px; margin-bottom: -1px; border-style: none; } .rd-ay.has-color:is(:checked, .\@checked):first-child:before { margin-left: -1px; } .rd-ay.has-color:is(:checked, .\@checked):last-child:before { margin-right: -1px; } .rd-ay.has-icon .rd_ay.op-label:not(#_) { margin-left: -4px; } .rd-ay.Topic.has-icon .rd_ay.op-label:not(#_) { display: none; } .rd-ay.Level.has-icon .rd_ay.op-label:not(#_) { display: none; } .rd-ay.Level.has-icon .rd_ay.op-icon:not(#_) { color: var(--c); opacity: .6; } .rd-ay.Level.has-icon:is(:focus, .\@focus) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.Level.has-icon:is(:hover, .\@hover) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.Level.has-icon:is(:checked, .\@checked) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.no-filter-label.has-icon .rd_ay.op-label:not(#_) { display: none; } .rd-ay.no-filter-label.has-icon .rd_ay.op-icon:not(#_) { opacity: .8; } .rd-ay.no-filter-label.has-icon:is(:focus, .\@focus) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.no-filter-label.has-icon:is(:hover, .\@hover) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.no-filter-label.has-icon:is(:checked, .\@checked) .rd_ay.op-icon:not(#_) { opacity: 1; } .rd-ay.User.has-icon .rd_ay.op-label:not(#_) { display: none; } .rd-ay.User.has-icon .rd_ay.op-icon:not(#_) { border-radius: inherit; } .rd-ay.User.has-icon *.op-avatar:not(#_):not(._0) { width: auto; height: auto; position: absolute; inset: 4px; border-radius: 2px; filter: grayscale(.5); } .rd-ay.User.has-icon:is(:hover, .\@hover) *.op-avatar:not(#_):not(._0) { filter: grayscale(.2); } .rd-ay.User.has-icon:is(:checked, .\@checked) *.op-avatar:not(#_):not(._0) { filter: grayscale(0); position: absolute; inset: 0; border-radius: inherit; } op-icon.rd_ay.has-hue:not(#_) { color: hsla(var(--hue2), 1); } .rd-ay:is(:focus, .\@focus) op-icon.rd_ay.has-hue:not(#_) { color: hsla(var(--hue4), 1); } .rd-ay:is(:checked, .\@checked) op-icon.rd_ay.has-hue:not(#_) { color: hsla(var(--hue2), 1); } .rd-ay.has-hue { --u_bdL: 100; --u_bdC: 0; --u_bdH: 0; --u_bdA: 0; } .rd-ay.has-hue op-icon.rd_ay:not(#_) { color: hsla(var(--hue2), 1); } .rd-ay.has-hue:is(:focus, .\@focus) op-icon.rd_ay:not(#_) { color: hsla(var(--hue4), 1); } .rd-ay.has-hue:is(:checked, .\@checked) op-icon.rd_ay:not(#_) { color: hsla(var(--hue2), 1); } .rd-ay.has-hue:is(:checked, .\@checked) { --c: hsla(var(--hue5),1); } .rd-ay.has-hue:is(:checked, .\@checked):before { position: absolute; inset: 0; background: hsla(var(--hue5), 1); border-radius: calc(var(--u_ffrd,1ffrd) * .8); margin-top: -1px; margin-bottom: -1px; border-style: none; } .rd-ay.has-hue:is(:checked, .\@checked):first-child:before { margin-left: -1px; } .rd-ay.has-hue:is(:checked, .\@checked):last-child:before { margin-right: -1px; } .rd-ba:not(#_):not(#_):not(#_) { color: #fda4af; } .rd-bd:not(#_):not(#_):not(#_) { flex: 1; } op-input-value { display: block; } /* op/src/ui/li.imba?styles */ .oli:not(._0) { position: relative; --u_sel: 0; --u_olhover: 0; } .oli:not(.xli):not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; border-radius: var(--u_ffrd,1ffrd); container-type: size; height: 64px; } .oli:not(.xli):is(.compact :where(.oli:not(.xli))):not(._0) { height: 40px; } @container (max-width: 399px) { .oli:not(.xli):not(._0) { height: 54px; } } @container (max-width: 399px) { .oli:not(.xli):is(.compact :where(.oli:not(.xli))):not(._0) { height: 36px; } } .oli:not(.xli) h2:not(._0) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; font-size: inherit; font-weight: 500; } .oli .oli-label:not(._0) { flex: 0 1 auto; font-size: inherit; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .oli .ostats:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; font-size: var(--u_mdfs,1mdfs); } .oli .ostats .olabel:not(._0) { font-size: inherit; } .oli.sel:not(._0) { --u_sel: .25; } .oli.sel:is(:is(:focus, .\@focus) :where(.oli.sel)):not(._0) { --u_sel: 1; } .oli .ostat .link:not(._0) { pointer-events: none; color: inherit; } .oli.miss .oli-body:not(._0) { opacity: .3; } .oli:not(._0):before { content: ""; position: absolute; inset: 0rem; margin: 4px 0; border-radius: 0; background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / 0%); } .oli:is(:hover, .\@hover):not(._0):before { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / 60%); } .oli.has-popup:not(._0):before { background: lch(var(--u_op-bg-activeL) var(--u_op-bg-activeC) var(--u_op-bg-activeH) / 70%); } .oli .oli-main:not(._0) { overflow: hidden; } .oli .oli-heading:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; overflow: hidden; max-width: 100%; --u_ffh: 20px; --u_ffxp: 4px; --u_ffs: 12px; } .oli .oli-heading .ostat:not(._0) { font-size: var(--u_ffs,1ffs); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; border-radius: var(--u_ffrd,1ffrd); padding-left: var(--u_ffxp,1ffxp); padding-right: var(--u_ffxp,1ffxp); background: lch(var(--u_op-accent-bgL) var(--u_op-accent-bgC) var(--u_op-accent-bgH) / var(--u_op-accent-bgA,1)); color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); box-shadow: 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 50%); } .oli .oli-heading .ostat:is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-accent-bg-hL) var(--u_op-accent-bg-hC) var(--u_op-accent-bg-hH) / var(--u_op-accent-bg-hA,1)); } .oli .emphasize:not(._0) { color: #60a5fa; font-weight: 500; } .oli:is(:hover, .\@hover):not(._0) { --u_olhover: 0; } .oli > op-contour:not(._0) { margin-left: -6px; margin-right: -6px; } .oli._del:not(._0) { opacity: .5; } .oli._del .oli-label:not(._0) { text-decoration: line-through; } .oli-body:not(._0) { --u_p: calc(var(--u_ffg,1ffg) * 2); width: 100%; overflow: hidden; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); position: absolute; inset: 0rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; font-size: var(--u_lgfs,1lgfs); border-style: none; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); border-radius: 0; padding-left: 8px; padding-right: 8px; } @container (max-width: 399px) { .oli-body:not(._0) { font-size: 14px; } } .oli-body .oli-label:not(._0) { font-size: var(--u_lgfs,1lgfs); } .oli-body .oli-main:not(._0) { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: flex-start; } @container (max-height: 55px) { .oli-body:not(._0) { padding-left: var(--u_p,1p); padding-right: var(--u_p,1p); } } @container (max-height: 55px) { .oli-body .oli-label:not(._0) { font-size: var(--u_mdfs,1mdfs); } } @container (max-height: 45px) { .oli-body:not(._0) { gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); border-width: 0 0 1px; } } @container (max-height: 45px) { .oli-body .oli-main:not(._0) { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } } @container (max-height: 45px) and (max-width: 599px) { .oli-body .oli-label:not(._0) { font-size: var(--u_mdfs,1mdfs); font-weight: 400; } } @container (max-height: 45px) and (max-width: 599px) { .oli-body .ostat-value-label:not(._0) { display: none; } } @container (max-height: 45px) and (max-width: 399px) { .oli-body .ostats:not(._0) { display: none; } } .rc-af { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; align-content: stretch; position: relative; } .rc-am:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; } op-li { display: block; } op-xli { display: block; } /* op/src/ui/model.imba?styles */ op-model { display: block; } /* op/src/ui/select.imba?styles */ .rg-af { width: fit-content; min-width: auto; flex: 0 1 auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding-left: 0; padding-right: 0; user-select: none; -webkit-user-select: none; position: relative; height: var(--u_ffh,1ffh); border-radius: var(--u_ffrd,1ffrd); } .rg-af.oinput.box { padding-left: 0rem; padding-right: 0rem; } .rg-af:is(.light :where(.rg-af)).oinput.box { background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); } .rg-af:is(.light :where(.rg-af)).oinput.box:before { border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); border-radius: inherit; } .rg-af:is(.ofield :where(.rg-af)) { width: auto; } .rg-af.has-popup { --u_olfocus: 1; } .rg-af.no-icon .rg_af.inline op-icon:not(#_) { display: none; } .rg-af:is(.no-icon :where(.rg-af)) .rg_af.inline op-icon:not(#_) { display: none; } .rg-af.ghost { background: none; border-style: none; margin-left: calc(var(--u_mipx,1mipx) * -1); margin-right: calc(var(--u_mipx,1mipx) * -1); --u_mipx: 6px; } .rg-af.ghost .rg_af.ocaret:not(#_):not(#_) { display: none; } .rg-af.ghost:is(:hover, .\@hover) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .rg-af.ghost.readonly { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .rg-af.ghost.readonly:is(:hover, .\@hover) { background: none; } .rg-ai:not(#_):not(#_) { height: var(--u_ffh,1ffh); font-size: var(--u_ffs,1ffs); margin-top: -1px; margin-bottom: -1px; flex-grow: 1; pointer-events: none; } .rg-aj:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); flex: 1; height: var(--u_ffh,1ffh); padding-left: var(--u_mipx,1mipx); padding-right: var(--u_mipx,1mipx); font-size: var(--u_ffs,1ffs); pointer-events: none; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); white-space: nowrap; } .rg-am:not(#_):not(#_):not(#_) { flex: 1; } .rg-an:not(#_):not(#_) { height: var(--u_ffh,1ffh); min-width: calc(var(--u_ffh,1ffh) * .8); color: lch(var(--u_mi-iconL) var(--u_mi-iconC) var(--u_mi-iconH) / var(--u_mi-iconA,1)); opacity: .5; } .rg-an:is(:hover, .\@hover):not(#_):not(#_) { opacity: 1; } .rg-ao:not(#_):not(#_) { height: var(--u_ffh,1ffh); min-width: calc(var(--u_ffh,1ffh) * .8); color: lch(var(--u_mi-iconL) var(--u_mi-iconC) var(--u_mi-iconH) / var(--u_mi-iconA,1)); } op-select { display: block; } .rg-as:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); height: var(--u_ffh,1ffh); padding-left: var(--u_mipx,1mipx); padding-right: var(--u_mipx,1mipx); font-size: var(--u_ffs,1ffs); pointer-events: none; overflow: hidden; } .rg-au:not(#_):not(#_):not(#_) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rg-av:not(#_):not(#_):not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .rg-aw:not(#_):not(#_) { height: var(--u_ffh,1ffh); min-width: calc(var(--u_ffh,1ffh) * .8); color: lch(var(--u_mi-iconL) var(--u_mi-iconC) var(--u_mi-iconH) / var(--u_mi-iconA,1)); } op-multi-select { display: block; } .rg-az:not(#_):not(#_) { width: fit-content; min-width: auto; flex: 0 1 auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding-left: 0; padding-right: 0; user-select: none; -webkit-user-select: none; } .rg-az:is(.ofield :where(.rg-az)):not(#_):not(#_) { width: auto; } .rg-az.has-popup:not(#_):not(#_) { --u_olfocus: 1; } .rg-ba:not(#_):not(#_) { height: var(--u_ffh,1ffh); font-size: var(--u_ffs,1ffs); margin-top: -1px; margin-bottom: -1px; flex-grow: 1; pointer-events: none; } .rg-bb:not(#_):not(#_):not(#_) { flex: 1; } .rg-bc:not(#_):not(#_) { height: var(--u_ffh,1ffh); min-width: calc(var(--u_ffh,1ffh) * .8); } op-sorters-select { display: block; } /* op/src/ui/tab.imba?styles */ .rh-ai, .rh-aj, .rh-ai:is(.mounting :where(.rh-ai)) { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .rh-ai { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } op-tabs > .active:not(._0) { anchor-name: --op-active-tab; } .rh-af { position: relative; --u_ctw: 0; --u_ctx: 0; anchor-scope: --op-active-tab; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; flex: 1 1 auto; min-width: 50px; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); font-size: var(--u_lgfs,1lgfs); } @container (max-width: 599px) { .rh-af { gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } } .rh-af:before { content: ""; position: absolute; right: 0rem; bottom: 0rem; left: 0rem; top: auto; height: 1px; background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .rh-af:has(.otab:nth-child(7)) { gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); font-size: var(--u_mdfs,1mdfs); } @container (max-width: 499px) { .rh-af:has(.otab:nth-child(7)) { letter-spacing: -.5px; } } @container (max-width: 499px) { .rh-af:has(.otab:nth-child(7)) .\%badge:not(#_):not(._0) { display: none; } } .rh-ai:not(#_):not(#_) { height: 1px; position: absolute; top: 100%; margin-top: -1px; background: lch(55 min(var(--u_accentC), 45) var(--u_accentH) / var(--u_accentA,1)); width: 100px; transform-origin: 0% 50%; --e_sd: var(--u_fxd,1fxd) !important; --t_x: calc(calc(var(--u_ctx,1ctx)) * 1px) !important; --t_scale-x: calc(var(--u_ctw,1ctw) * .01) !important; will-change: transform; } .rh-ai:is(.mounting :where(.rh-ai)):not(#_):not(#_) { --e_sd: calc(var(--u_fxd,1fxd) * 0) !important; } .rh-ai:is(.anchored :where(.rh-ai)):not(#_):not(#_) { position-anchor: --op-active-tab; left: calc(anchor(left, 0px) + var(--u_tabinset, 0px)); width: calc(anchor-size(width, 0px) - 2 * var(--u_tabinset, 0px)); transform: none; will-change: auto; } op-tabs { display: block; } .rh-aj { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; align-self: stretch; height: auto; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --e_sd: calc(var(--u_fxd,1fxd) * .5) !important; font-family: var(--font-sans,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); flex: 0 1 auto; min-width: var(--u_ffh,1ffh); gap: 5px; --u_rg: 5px; --u_cg: 5px; font-size: inherit; font-weight: 400; position: relative; } .rh-aj:is(:hover, .\@hover) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .rh-aj.active { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .rh_aj.\%name:not(#_) { overflow: hidden; } .rh_aj.\%badge:not(#_) { align-self: center; padding-left: .25rem; padding-right: .25rem; border-radius: var(--u_ffrd,1ffrd); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); position: relative; font-weight: 500; opacity: .8; margin-top: 1px; background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); font-size: calc(var(--u_smfs,1smfs) - 2px); line-height: 1; --u_lh: 1; padding-top: 3px; padding-bottom: 3px; } .rh_aj.\%badge:empty:not(#_) { display: none; } .rh-aj op-contour:not(#_) { position: absolute; inset: 0; margin: 6px -4px; border-radius: var(--u_ffrd,1ffrd); } .rh-ak *:not(#_) { pointer-events: none; } op-tab { display: block; } .rh-ao { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } .rh-ao:is(.tabbed > :where(.rh-ao)) { display: none; } .rh-ao:is(.tabbed > :where(.rh-ao)).active { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } .rh-ao:is(.tabbed > :where(.rh-ao)).routed { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } op-section { display: block; } /* op/src/ui/count.imba?styles */ op-count.obadge:not(._0) { min-height: var(--u_h,1h); min-width: var(--u_h,1h); border-radius: var(--u_ffrd,1ffrd); --u_h: var(--u_fis,1fis); line-height: 1; --u_lh: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; font-size: calc(var(--u_ffs,1ffs) - 1px); color: hsla(var(--hue4), 1); background: hsla(var(--hue4), 10%); } op-count.obadge .olabel:not(._0) { padding-left: calc(var(--u_ffxp,1ffxp) * .5); padding-right: calc(var(--u_ffxp,1ffxp) * .5); text-transform: uppercase; font-weight: 600; } op-count.obadge.unseen:not(._0) { --hue: hsla(240,100%,50%,1); --hue0: 214,100%,97%; --hue1: 214,95%,93%; --hue2: 213,97%,87%; --hue3: 212,96%,78%; --hue4: 213,94%,68%; --hue5: 217,91%,60%; --hue6: 221,83%,53%; --hue7: 224,76%,48%; --hue8: 226,71%,40%; --hue9: 224,64%,33%; } op-count { display: block; } /* op/src/ui/stack.imba?styles */ .rj-aj { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .rj-af { --u_h: var(--u_fis,1fis); padding-left: calc(var(--u_h,1h) * .5); padding-right: calc(var(--u_h,1h) * .5); height: var(--u_h,1h); } .rj-ag:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: stretch; align-content: stretch; padding-left: calc(var(--u_h,1h) * .5); padding-right: calc(var(--u_h,1h) * .5); height: var(--u_h,1h); --count: var(--rj_ah); width: calc(calc(var(--u_h,1h) * .5) * var(--count)); } .rj-ai:not(#_):not(#_) { display: flex; justify-content: space-between; align-items: center; align-content: center; flex-direction: row; flex: 1; } .rj-aj:not(#_):not(#_) { position: relative; width: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; --e_bd: var(--u_fxd,1fxd) !important; } .rj-aj:is(:hover, .\@hover):not(#_):not(#_) { margin-right: calc(var(--u_h,1h) * .5); } .rj-aj:is(:hover, .\@hover):last-child:not(#_):not(#_) { margin-right: 0rem; } .rj-aj.has-popup:not(#_):not(#_) { margin-right: calc(var(--u_h,1h) * .5); } .rj-aj.has-popup:last-child:not(#_):not(#_) { margin-right: 0rem; } .rj-ak:not(#_):not(#_) { box-shadow: 0 0 0 2px lch(var(--u_site-bgL) var(--u_site-bgC) var(--u_site-bgH) / var(--u_site-bgA,1)); } op-stack { display: block; } /* op/src/ui/circle.imba?styles */ .rk-aj { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .rk-ag:not(#_):not(#_) { position: relative; } .rk-aj:not(#_):not(#_) { --e_rest: styles .35s stroke-dashoffset !important; transform: rotate(-90deg); transform-origin: 50% 50%; } .rk-ak:not(#_):not(#_) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } op-circle { display: block; } .rk-am { fill: #fff0; stroke: #4ade80; position: relative; } svg.rk_am:not(#_) { position: absolute; left: -2px; top: -2px; } :is(circle, circle-tag).rk_am:not(#_) { fill: inherit; transform-origin: 50% 50%; stroke: #64748b7f; stroke-linecap: round; } .rk_am.\$fill:not(#_) { stroke: inherit; stroke-dashoffset: 25; stroke-dasharray: max(var(--progress), 5), calc(100 - max(var(--progress), 5)); opacity: min(var(--progress), 1); } op-circle-simple { display: block; } .rk-ar { fill: #fff0; stroke: #4ade80; position: relative; } svg.rk_ar:not(#_) { position: relative; border-radius: inherit; } :is(circle, circle-tag).rk_ar:not(#_) { pointer-events: none; fill: inherit; transform-origin: 50% 50%; stroke: #64748b4d; stroke-linecap: butt; } .rk_ar.\$base:not(#_) { stroke-dashoffset: 25; stroke-dasharray: 0, max(var(--progress), 5), calc(100 - max(var(--progress), 5)); } .rk_ar.\$fill:not(#_) { stroke: inherit; stroke-dashoffset: 25; stroke-dasharray: max(var(--progress), 5), calc(100 - max(var(--progress), 5)); opacity: min(var(--progress), 1); } :is(circle, circle-tag).rk_at:not(#_) { stroke-width: var(--rk_au); } op-svg-pie { display: block; } .rk-ax { --r: 5; fill: #fff0; stroke: #34d39999; position: relative; } svg.rk_ax:not(#_) { position: absolute; width: 100%; height: 100%; border-radius: 50%; } :is(rect, rect-tag).rk_ax:not(#_) { fill: inherit; transform-origin: 50% 50%; stroke: #64748b4d; stroke-width: 2px; stroke-linecap: butt; stroke-dashoffset: calc(-12.5 + var(--r)); rx: var(--r); } .rk_ax.\$base:not(#_) { stroke: #fff0; fill: #64748b4d; } .rk_ax.\$fill:not(#_) { stroke: inherit; stroke-dasharray: max(var(--progress), 5), calc(100 - max(var(--progress), 5)); opacity: min(var(--progress), 1); } .rk-az:not(#_):not(#_):not(#_) { border-radius: var(--rk_ba); } op-svg-progress { display: block; } /* op/src/ui/text.imba?styles */ .rl-af { user-select: text; -webkit-user-select: text; position: relative; } .rl-af.editing:before { content: ""; display: block; position: absolute; inset: 0rem; margin: -3px -5px; border-radius: var(--u_ffrd,1ffrd); border: 1px solid hsla(217.22, 91.22%, 59.8%, 70%); box-shadow: 0 0 0 3px #3b82f61a; pointer-events: none; } .rl-af[placeholder]:empty:after { content: attr(placeholder); } op-text { display: block; } /* op/src/ui/toggle.imba?styles */ .rm-af, .op-toggle op-icon, .op-toggle .\$thumb, .op-toggle .\$container { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .op-toggle:not(._0) { --u_h: var(--u_fis,1fis); --u_icso: var(--u_ics,1ics); --u_icsw: 1; --u_fxd: .5s; opacity: 1; flex: 0 0 auto; --u_olrd: calc(var(--u_h,1h) * .5); border-radius: calc((var(--u_h,1h) + 2px) * .5); border: 1px solid hsla(100, 100%, 100%, 0%); } .op-toggle .\$container:not(._0) { width: calc(var(--u_h,1h) * 2); background: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / 20%); height: var(--u_h,1h); border-radius: calc(var(--u_h,1h) * .5); padding-left: 0; padding-right: 0; box-sizing: border-box; --e_sd: var(--u_fxd,1fxd) !important; } .op-toggle .\$thumb:not(._0) { width: var(--u_h,1h); height: var(--u_h,1h); border-radius: 9999px; position: absolute; border: 2px solid hsla(100, 100%, 100%, 0%); left: 0; box-sizing: border-box; --e_sd: var(--u_fxd,1fxd) !important; opacity: .7; } .op-toggle .\$thumb:not(._0):before { content: ""; position: absolute; inset: 0rem; border-radius: 9999px; background: lch(var(--u_op-gray-8L) var(--u_op-gray-8C) var(--u_op-gray-8H) / var(--u_op-gray-8A,1)); } .op-toggle .\$thumb:is(.light :where(.\$thumb)):not(._0):before { background: #fff; } .op-toggle .\$thumb:is(.light :where(.\$thumb)):not(._0):before { box-shadow: 0 1px 3px #00000026; } .op-toggle op-icon:not(._0) { opacity: 0; color: #000000bf; --u_ics: max(calc(var(--u_icso,1icso) * .6), 8); width: var(--u_h,1h); height: var(--u_h,1h); --e_sd: var(--u_fxd,1fxd) !important; } .op-toggle .\$off:not(._0) { opacity: .5; } .op-toggle:is(:hover, .\@hover) .\$thumb:not(._0) { opacity: 1; } .op-toggle:is(:checked, .\@checked) .\$container:not(._0) { background: #10b981; } .op-toggle:is(:checked, .\@checked) .\$thumb:not(._0) { left: var(--u_h,1h); } .op-toggle:is(:checked, .\@checked) .\$off:not(._0) { opacity: 0; } .op-toggle:is(:checked, .\@checked) .\$on:not(._0) { opacity: 1; } .rm-af { color: #fff; opacity: .3; --e_sd: calc(var(--u_fxd,1fxd) * .5) !important; position: relative; flex: none; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: .25rem; --u_rg: .25rem; --u_cg: .25rem; width: fit-content; } .rm-af:is(:focus, .\@focus) { --u_olfocus: 1; } .rm-af:is(:active, .\@active) { opacity: .8; --u_icduo: .8; } .rm-af:is(:checked, .\@checked) { color: hsla(var(--hue4), 1); opacity: 1; --u_icduo: 1; } .rm-af:before { content: ""; position: absolute; inset: -4px; } .rm-ah:not(#_):not(#_) { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; } op-toggle { display: block; } /* op/src/ui/chip.imba?styles */ .op-chip:not(._0) { --u_p: max(calc(var(--u_ffh,1ffh) * .3), 4px); --u_on: 0; gap: calc(var(--u_ffg,1ffg) * .4); --u_rg: calc(var(--u_ffg,1ffg) * .4); --u_cg: calc(var(--u_ffg,1ffg) * .4); position: relative; border-radius: var(--u_ffrd,1ffrd); height: var(--u_ffh,1ffh); min-width: var(--u_ffh,1ffh); padding-left: var(--u_p,1p); padding-right: var(--u_p,1p); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; color: hsla(var(--hue4), 1); background: hsla(var(--hue4), 10%); } .op-chip:is(:hover, .\@hover):not(._0) { --u_on: .5; } .op-chip:is(:focus, .\@focus):not(._0) { --u_on: .8; } .op-chip:is(:checked, .\@checked):not(._0) { --u_on: 1; } .op-chip:is(.compact :where(.op-chip)):not(._0) { padding-left: 0; padding-right: 0; } .op-chip.compact:not(._0) { padding-left: 0; padding-right: 0; } .op-chip .op-icon:not(._0) { order: -10; } .op-chip .op-label:not(._0) { font-size: var(--u_ffs,1ffs); white-space: nowrap; font-weight: 500; } .op-chip .op-label:is(.compact :where(.op-label)):not(._0) { display: none; } .op-chip .op-detail:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .op-chip:is(:hover, .\@hover):not(._0) { background: hsla(var(--hue4), 25%); } op-chip { display: block; } .rn-bb:is(.compact > :where(.rn-bb)):not(#_):not(#_):not(#_) { display: none; } .ochip:not(._0) { position: relative; } /* op/src/ui/enum-chips.imba?styles */ .rr-ag { display: flex; flex-wrap: wrap; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; } op-enum-chips { display: block; } /* op/src/ui/reference.imba?styles */ .compact .as-compact:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .compact .as-compact ~ *:not(._0) { display: none; } .op-ref:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; flex: 0 1 fit-content; overflow: hidden; } .op-ref .op-label:not(._0) { flex: 0 1 fit-content; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rp-af { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; flex: 0 1 fit-content; overflow: hidden; } .rp_af.op-label:not(#_) { flex: 0 1 fit-content; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } op-reference { display: block; } q-ref { display: block; } .rp-am { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; flex: 0 1 fit-content; overflow: hidden; } .rp-ao:not(#_):not(#_):not(#_) { display: none; } .rp-ao:is(.compact :where(.rp-ao)):not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } op-refs { display: block; } /* op/src/ui/table.imba?styles */ .rq-ag:not(#_):not(#_):not(#_) { display: contents; } .rq-ah:not(#_):not(#_):not(#_) { grid-template-columns: var(--rq_ai); } op-table { display: block; } .rq-ar:not(#_):not(#_) { display: contents; } .rq-as:not(#_):not(#_) { overflow-x: auto; grid-template-columns: var(--rq_at); } .rq-ba:not(#_):not(#_) { white-space: pre; } .rq-bb:not(#_):not(#_) { color: #60a5fa; cursor: pointer; } .rq-bd:not(#_):not(#_) { font-size: 20px; } op-dynamic-table { display: block; } /* op/src/ui/listview.imba?styles */ .ro_af.items:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 6px; --u_rg: 6px; --u_cg: 6px; } .ro-ag:not(#_):not(#_):not(#_) { display: contents; } op-listview { display: block; } /* op/src/ui/drag-image.imba?styles */ .op-drag-item:not(._0) { --i: 0; flex: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; z-index: calc(20 - var(--i)); box-shadow: var(--box-shadow-md,0 4px 6px -1px hsla(var(--bxs-md-color,0,0%,0%), var(--bxs-md-alpha,.1)), 0 2px 4px -1px hsla(var(--bxs-md-color,0,0%,0%),calc(var(--bxs-md-alpha,.1) * .6))); background: #fffffffa; color: #1e293b; translate: calc(var(--i) * 5px); margin-top: -16px; opacity: calc(1 - var(--i) * .1); } .op-drag-item:first-child:not(._0) { margin-top: 0; opacity: 1; } .op-drag-item .op-icon:not(._0) { color: #64748b; } .rt-af { max-width: 300px; position: fixed; pointer-events: none; top: -10vw; left: -10vh; overflow: hidden; background: #fff0; } .rt_af.\$body:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; position: relative; padding-right: calc(min(var(--count), 3) * 10px); } .rt-ah:not(#_):not(#_):not(#_) { --count: var(--rt_ai); } .rt-aj:not(#_):not(#_):not(#_) { --i: var(--rt_ak); } .rt-al:not(#_):not(#_) { align-self: flex-end; background: #3b82f6; padding-left: 1ex; padding-right: 1ex; border-radius: var(--u_ffrd,1ffrd); margin-top: -8px; z-index: 30; } op-drag-image { display: block; } /* op/src/ui/descriptions.imba?styles */ .rs-af { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 1.5rem; --u_rg: 1.5rem; --u_cg: 1.5rem; flex-wrap: wrap; } .rs_af.\%container:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; } .rs_af.\%key:not(#_) { color: #a1a1aa; text-transform: capitalize; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .rs_af.\%key:not(#_):after { content: ":"; } op-descriptions { display: block; } /* op/src/ui/editable/theme.imba?styles */ .op-markdown code.a, .op-markdown span.sttpart, .op-markdown a:not(.opref) { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } :root { --markour-selection-color: rgba(49, 139, 255, .25); --markour-h1-placeholder: "Heading"; --markour-h2-placeholder: "Subheading"; --markour-h3-placeholder: "Small Subheading"; --markour-p-placeholder: "Text..."; --markour-blockquote-placeholder: "Quote"; --markour-todo-placeholder: "To-do"; --markour-li-placeholder: "List"; --markour-empty-placeholder: "No description"; --markour-code-bg: #21252b; --markour-code-focus-bg: rgb(37, 42, 50); --markour-code-caret: #ffe83d; --markour-code-header-bg: #313942; --markour-code-selection-color: rgba(0, 184, 255, .32); --md-hr-color: hsla(215.29,25%,26.67%,30%); --md-empty-placeholder: "Text ...."; --u_md-bodyL: 100; --u_md-bodyC: 0; --u_md-bodyH: 0; --u_md-bodyA: 1; --u_md-codeL: 74.2; --u_md-codeC: 38.5; --u_md-codeH: 280.9; --u_md-codeA: 1; --u_md-placeholderL: 66.5; --u_md-placeholderC: 4.9; --u_md-placeholderH: 285.7; --u_md-placeholderA: 1; --u_md-h1L: 61.1; --u_md-h1C: 59; --u_md-h1H: 287.5; --u_md-h1A: 1; --u_md-h2L: 74.2; --u_md-h2C: 38.5; --u_md-h2H: 280.9; --u_md-h2A: 1; --u_md-h3L: 74.2; --u_md-h3C: 38.5; --u_md-h3H: 280.9; --u_md-h3A: 1; --u_md-h4L: 74.2; --u_md-h4C: 38.5; --u_md-h4H: 280.9; --u_md-h4A: 1; --u_md-selectionL: 66; --u_md-selectionC: 49.8; --u_md-selectionH: 266.6; --u_md-selectionA: 1; --u_mdep: 0; } .op-md-editor:not(._0) { padding: var(--u_mdpad,1mdpad); line-height: 1.5; --u_lh: 1.5; } .op-md-editor:empty:not(._0):after { content: "​" var(--placeholder); display: block; padding: 3px; position: relative; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / 50%); } .op-md-editor div:empty:not(.hr):not(._0):after { content: "​"; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / 50%); font-weight: 400; } .op-md-editor div:empty:not(.hr, .op-md-editor .p):not(._0):after { content: "​" var(--placeholder); } .op-md-editor [data-scoped]:empty:not(.hr):not(._0):after { content: "​" var(--placeholder); } .op-md-editor:not(.mode-block)[data-multiselect] div.pre[data-selected]:not(._0) { caret-color: #fff0; background: lch(var(--u_selectionL) var(--u_selectionC) var(--u_selectionH) / var(--u_selectionA,1)); } .op-md-editor:not(.mode-block)[data-multiselect] div.pre[data-selected]:not(._0)::selection { background: #fff0; } .op-md-editor:not(._0)::selection { background: lch(var(--u_md-selectionL) var(--u_md-selectionC) var(--u_md-selectionH) / 50%); } .op-md-editor > .p:only-child:empty:not(._0):after { content: "​" var(--empty-placeholder); } .op-md-editor.mode-block:not(._0) { caret-color: #fff0; } .op-md-editor.mode-block [data-selected]:not(._0) { background: #3c81ff08; } .op-md-editor.mode-block:is(:focus, .\@focus) [data-selected]:not(._0) { background: #3c81ff33; } .op-md-editor.mode-block .orderedli[data-selected]:not(._0), .op-md-editor.mode-block .li[data-selected]:not(._0), .op-md-editor.mode-block .todo[data-selected]:not(._0) { background: #3c81ff05; } .op-md-editor.mode-block .orderedli[data-selected] > label:not(._0), .op-md-editor.mode-block .li[data-selected] > label:not(._0), .op-md-editor.mode-block .todo[data-selected] > label:not(._0) { background: #3c81ff2e; } .op-md-editor.mode-block:not(:is(:focus, .\@focus)) .orderedli[data-selected]:not(._0), .op-md-editor.mode-block:not(:is(:focus, .\@focus)) .li[data-selected]:not(._0), .op-md-editor.mode-block:not(:is(:focus, .\@focus)) .todo[data-selected]:not(._0) { background: #3c81ff01; } .op-md-editor.mode-block:not(:is(:focus, .\@focus)) .orderedli[data-selected] > label:not(._0), .op-md-editor.mode-block:not(:is(:focus, .\@focus)) .li[data-selected] > label:not(._0), .op-md-editor.mode-block:not(:is(:focus, .\@focus)) .todo[data-selected] > label:not(._0) { background: #3c81ff06; } .op-markdown:not(._0) { tab-size: 4; --code-font-size: var(--u_smfs,1smfs); --placeholder: "Type '/' for commands"; --empty-placeholder: var(--md-empty-placeholder); --h1-placeholder: "Heading"; --h2-placeholder: "Subheading"; --h3-placeholder: "Small Subheading"; --h4-placeholder: "Smaller Subheading"; --u_mdlh: 19px; font-size: var(--u_ffs,1ffs); user-select: text; -webkit-user-select: text; } .op-markdown i:not(._0) { pointer-events: none; } .op-markdown .atomic:not(._0) { -webkit-user-modify: read-only; } .op-markdown div:not(._0), .op-markdown p:not(._0), .op-markdown h1:not(._0), .op-markdown h2:not(._0), .op-markdown h3:not(._0), .op-markdown h4:not(._0), .op-markdown h5:not(._0), .op-markdown h6:not(._0), .op-markdown th:not(._0), .op-markdown td:not(._0) { white-space: pre-wrap; clear: both; } .op-markdown label:not(._0) { display: block; margin: 0rem; padding: 0rem; font-style: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; --u_lh: inherit; font: inherit; color: inherit; } .op-markdown label:empty:not(._0):after { content: var(--placeholder); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / 50%); } .op-markdown .h1:not(._0) { padding: 3px; color: lch(var(--u_md-h1L) var(--u_md-h1C) var(--u_md-h1H) / var(--u_md-h1A,1)); position: relative; font-size: calc(var(--u_ffs,1ffs) * 1.5); line-height: 1.25; --u_lh: 1.25; font-weight: 500; --placeholder: var(--h1-placeholder); } .op-markdown .h2:not(._0) { padding: 3px; color: lch(var(--u_md-h2L) var(--u_md-h2C) var(--u_md-h2H) / var(--u_md-h2A,1)); position: relative; font-size: calc(var(--u_ffs,1ffs) * 1.25); line-height: 1.25; --u_lh: 1.25; font-weight: 500; --placeholder: var(--h2-placeholder); } .op-markdown .h3:not(._0) { padding: 3px; color: lch(var(--u_md-h3L) var(--u_md-h3C) var(--u_md-h3H) / var(--u_md-h3A,1)); position: relative; font-size: calc(var(--u_ffs,1ffs) * 1.1); line-height: 1.25; --u_lh: 1.25; font-weight: 500; --placeholder: var(--h3-placeholder); } .op-markdown .h4:not(._0) { padding: 3px; color: lch(var(--u_md-h4L) var(--u_md-h4C) var(--u_md-h4H) / var(--u_md-h4A,1)); position: relative; font-size: var(--u_ffs,1ffs); line-height: 1.25; --u_lh: 1.25; font-weight: 500; --placeholder: var(--h4-placeholder); } .op-markdown .p:not(._0) { padding: 3px; position: relative; font-size: var(--u_ffs,1ffs); --placeholder: "Text..."; } .op-markdown.gradient-headers .h1:not(:empty):not(._0), .op-markdown.gradient-headers .h2:not(:empty):not(._0), .op-markdown.gradient-headers .h3:not(:empty):not(._0) { background: linear-gradient( 135deg, #7dd3fc, #d8b4fe, #a5b4fc); -webkit-text-fill-color: hsla(0, 0%, 100%, 0%); -webkit-background-clip: text; background-clip: text; width: fit-content; border-radius: 3px; } .op-markdown.gradient-headers .h1[data-selected]:is(.mode-block :where(.h1[data-selected])):not(._0), .op-markdown.gradient-headers .h2[data-selected]:is(.mode-block :where(.h2[data-selected])):not(._0), .op-markdown.gradient-headers .h3[data-selected]:is(.mode-block :where(.h3[data-selected])):not(._0) { background-clip: initial; -webkit-text-fill-color: initial; width: auto; } .op-markdown div:is(.p, .op-markdown .pre, .op-markdown .li, .op-markdown .orderedli, .op-markdown .todo) + :is(.h1, .op-markdown .h2):not(._0) { margin-top: 1ex; } .op-markdown div + .h1:not(._0) { margin-top: 1ex; } .op-markdown .opref:not(._0) { white-space: pre-wrap; display: inline; cursor: default; --u_olfocus: 0; } .op-markdown .opref > span:not(._0) { -webkit-user-modify: read-only; display: inline; } .op-markdown .opref .richref:not(._0) { --bg: hsla(var(--hue5),20%); background: var(--bg); border-radius: var(--u_ffrd,1ffrd); outline: 1px solid hsla(var(--hue5), 50%); line-height: 1; --u_lh: 1; display: inline; padding-left: .5ex; padding-right: .5ex; color: hsla(var(--hue3), 1); } .op-markdown .opref .richref:not(._0)::selection { color: hsla(var(--hue1), 1); background: hsla(var(--hue4), 10%); } .op-markdown .opref .richref small:not(._0) { opacity: .5; font-weight: 400; } .op-markdown .opref .OPPNGAsset:not(._0) { --hue: hsla(300,100%,25.1%,1); --hue0: 270,100%,98%; --hue1: 269,100%,95%; --hue2: 269,100%,92%; --hue3: 269,97%,85%; --hue4: 270,95%,75%; --hue5: 271,91%,65%; --hue6: 271,81%,56%; --hue7: 272,72%,47%; --hue8: 273,67%,39%; --hue9: 274,66%,32%; } .op-markdown .opref .code:not(._0) { font-family: var(--font-code,code); font-size: var(--code-font-size); } .op-markdown .opref .dom-node:not(._0) { text-transform: uppercase; font-family: var(--font-code,code); font-size: smaller; font-weight: 600; --hue: hsla(60,100%,50%,1); --hue0: 55,92%,95%; --hue1: 55,97%,88%; --hue2: 53,98%,77%; --hue3: 50,98%,64%; --hue4: 48,96%,53%; --hue5: 45,93%,47%; --hue6: 41,96%,40%; --hue7: 35,92%,33%; --hue8: 32,81%,29%; --hue9: 28,73%,26%; } .op-markdown .opref:is(:hover, .\@hover) .richref:not(._0) { --bg: hsla(var(--hue5),30%); outline-color: hsla(var(--hue3), 60%); } .op-markdown .opref[data-scoped*=inside]:not(._0) { --u_olfocus: 1; } .op-markdown .opref[data-scoped*=inside] .richref:not(._0) { --bg: hsla(var(--hue5),40%); outline-color: hsla(var(--hue3), 1); } op-markdown:is(:focus-visible, .\@focus-visible):not(._0) { outline: none; } op-markdown *:is(:focus-visible, .\@focus-visible):not(._0) { outline: none; } op-markdown p, op-markdown h1, op-markdown h2, op-markdown h3, op-markdown h4, op-markdown h5, op-markdown h6, op-markdown blockquote, op-markdown hr { counter-reset: ol; } op-markdown .orderedli:not(._0), op-markdown .li:not(._0), op-markdown .todo:not(._0) { display: block; position: relative; border-radius: 3px; margin: 2px 0; } op-markdown .orderedli > label:not(._0), op-markdown .li > label:not(._0), op-markdown .todo > label:not(._0) { padding: 3px 3px 3px 26px; border-radius: inherit; } op-markdown .orderedli > section:not(._0), op-markdown .li > section:not(._0), op-markdown .todo > section:not(._0) { padding-left: 2.5ex; line-height: 21px; --u_lh: 21px; } op-markdown .orderedli > section .p:not(._0), op-markdown .li > section .p:not(._0), op-markdown .todo > section .p:not(._0) { line-height: inherit; --u_lh: inherit; } op-markdown .orderedli > section > :first-child:not(._0), op-markdown .li > section > :first-child:not(._0), op-markdown .todo > section > :first-child:not(._0) { margin-top: 0; } op-markdown .li:not(._0) { --placeholder: var(--markour-li-placeholder); } op-markdown .orderedli:not(._0) { --placeholder: var(--markour-li-placeholder); counter-increment: ol; list-style-type: none; counter-reset: ol; } op-markdown .orderedli > :first-child:not(._0) { counter-reset: ol; } op-markdown .orderedli + .orderedli:not(._0) { counter-reset: none; } op-markdown .li:not(._0):before { content: " • "; display: inline-block; position: absolute; white-space: pre; text-align: center; width: 14px; left: 5px; padding-top: 3px; line-height: inherit; --u_lh: inherit; font-weight: 700; } op-markdown .orderedli:not(._0):before { display: inline-block; text-align: left; position: absolute; white-space: pre; margin-left: 0ex; min-width: 3ex; content: counter(ol) ". "; padding-left: 8px; padding-top: 3px; } op-markdown code { font-size: 13px; line-height: 16px; --u_lh: 16px; background: var(--md-hr-color); border-radius: 4px; display: inline-block; padding: 0 2px; position: relative; font-family: var(--font-code,code); color: lch(var(--u_codeL) var(--u_codeC) var(--u_codeH) / var(--u_codeA,1)); } op-markdown .h1 code:not(._0), op-markdown .h2 code:not(._0), op-markdown .h3 code:not(._0) { font-size: smaller; line-height: inherit; --u_lh: inherit; } op-markdown *:not(.pre) > code:not(._0) { display: inline; -webkit-box-decoration-break: clone; box-shadow: 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 50%); background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); padding: 2px 4px; } op-markdown *:not(.pre) > code[data-scoped]:not(._0) { box-shadow: 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .op-markdown a:not(.opref):not(._0), .op-markdown code.a:not(._0) { --hue: hsla(60,100%,50%,1); --hue0: 55,92%,95%; --hue1: 55,97%,88%; --hue2: 53,98%,77%; --hue3: 50,98%,64%; --hue4: 48,96%,53%; --hue5: 45,93%,47%; --hue6: 41,96%,40%; --hue7: 35,92%,33%; --hue8: 32,81%,29%; --hue9: 28,73%,26%; color: hsla(var(--hue2), 1); text-decoration: underline; text-underline-offset: 4px; text-decoration-color: hsla(var(--hue2), 30%); --e_ad: var(--u_fxd,1fxd) !important; border-radius: 3px; position: relative; display: inline; -webkit-box-decoration-break: clone; font-family: inherit; font-size: inherit; box-shadow: var(--box-shadow-none,none); background: hsla(var(--hue3), 0%); padding: 0; } .op-markdown a:not(.opref)[data-scoped]:not(._0), .op-markdown code.a[data-scoped]:not(._0) { background: hsla(var(--hue3), 20%); border-radius: 3px; text-decoration-color: hsla(var(--hue2), 70%); } .op-markdown a:not(.opref).has-popup:not(._0), .op-markdown code.a.has-popup:not(._0) { text-decoration-style: solid; text-decoration-color: hsla(var(--hue2), 70%); } .op-markdown span.stt:not(._0) { --placeholder: ""; } .op-markdown span.sttpart:not(._0) { --e_od: 1s !important; opacity: .5; --e_bd: .5s !important; width: calc-size(max-content, size); display: inline-block; white-space: pre; overflow: clip; text-align: left; } .op-markdown span.sttpart.final:not(._0) { opacity: 1; } .op-markdown span.sttpart.initial:not(._0) { overflow: clip; width: 0px; opacity: 0; } .op-markdown pre.raw:not(._0) { font-size: 9px; line-height: 10px; --u_lh: 10px; position: absolute; top: 0; right: 0; max-width: 300px; overflow: hidden; } .op-markdown div.pre:not(._0) { --headingHeight: 22px; position: relative; padding: 3px; counter-reset: code-line; --caret: var(--markour-code-caret); background: #fff0; caret-color: #c5c5c5; word-break: normal; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; color: var(--dim); border-radius: 6px; --scrollbarBg: var(--markour-code-bg); --scrollbarThumb: rgba(255, 255, 255, .15); --scrollbarThumbHover: rgba(255, 255, 255, .4); --scrollbarThumbActive: rgba(255, 255, 255, .7); } .op-markdown div.pre > article:not(._0) { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; overflow: hidden; background: var(--markour-code-bg); position: relative; color: var(--tok-default); border-radius: inherit; } .op-markdown div.pre header:not(._0) { height: var(--headingHeight); line-height: 18px; --u_lh: 18px; flex-direction: row; align-items: center; font-family: inherit; font-size: 11px; padding: 0 4px; cursor: default; user-select: none; -webkit-user-select: none; border-top-left-radius: inherit; border-top-right-radius: inherit; background: var(--b100); color: #fff; order: -1; display: none; --link-color: hsla(0,0%,100%,100%); --dim: rgba(255, 255, 255, .5); } .op-markdown div.pre header .grow:not(._0) { flex: 1 1 auto; } .op-markdown div.pre header .lang:not(._0) { color: var(--dim); } .op-markdown div.pre header .lang:not(._0):after { content: " ▼"; font-size: 9px; } .op-markdown div.pre header a:not(._0) { color: var(--link-color); cursor: pointer; } .op-markdown div.pre header a:is(:hover, .\@hover):not(._0) { text-decoration: underline; } .op-markdown div.pre header .hook:not(._0):before { content: "┗ "; } .op-markdown div.pre header a.path:not(._0) { font-weight: 500; } .op-markdown div.pre header a.path:not(._0):before { content: "┗ "; } .op-markdown div.pre header a.gitref:not(._0) { color: var(--dim); } .op-markdown div.pre header .repo:not(._0):after { content: "/"; } .op-markdown div.pre header button:not(._0) { font-size: inherit; margin: 0rem 4px; padding: 0rem 4px; display: inline-block; border-style: solid; border-width: 0px; background: var(--r300); border-radius: 4px; color: #fff; line-height: 12px; --u_lh: 12px; height: 16px; } .op-markdown div.pre header button.green:not(._0) { background: var(--g300); } .op-markdown div.pre header button.blue:not(._0) { background: var(--b300); } .op-markdown div.pre header button.inline:not(._0) { background: #fff0; } .op-markdown div.pre header button.link:not(._0) { background: #fff0; color: var(--link-color); line-height: inherit; --u_lh: inherit; display: inline; height: auto; } .op-markdown div.pre code:not(._0) { font-family: var(--font-code,code); font-size: var(--code-font-size); line-height: var(--code-line-height); --u_lh: var(--code-line-height); margin: 0; height: auto; white-space: normal; display: block; border-radius: 0; flex: 1 1 auto; overflow: hidden; position: relative; overflow-x: auto; width: 200px; padding: 4px 6px; background: var(--markour-code-bg); max-height: 370px; overflow-y: auto; tab-size: 4; -webkit-tab-size: 4; -moz-tab-size: 4; } .op-markdown div.pre code:not(._0)::-webkit-scrollbar { width: 5px; height: 5px; } .op-markdown div.pre code:not(._0)::selection { background: var(--markour-code-selection-color); } .op-markdown div.pre code .line:not(._0) { min-height: var(--code-line-height); display: block; vertical-align: top; white-space: pre; position: relative; padding-left: .5ex; } .op-markdown div.pre code .line:not(._0):before { color: var(--tok-comment); counter-increment: code-line; content: counter(code-line) " "; width: 2ex; text-align: left; position: absolute; height: inherit; left: -2ex; display: none; } .op-markdown div.pre code .line:empty:not(._0):after { content: "​"; } .op-markdown div.pre br:not(._0) { display: inline; } .op-markdown div.pre:not(._0)::selection { background: #5970a259; } .op-markdown div.pre:not(._0)::-moz-selection { background: #5970a259; } .op-markdown:not(.mode-block) div.pre[data-selected]:not(._0) { --markour-code-bg: var(--markour-code-focus-bg); } .op-markdown .pre.lined:not(._0) { padding-left: 0; } .op-markdown .pre.lined code:not(._0) { padding-left: 5ex; } .op-markdown .pre.lined code .line:not(._0):before { display: block; } .op-markdown:not(.mode-block)[data-multiselect] div.pre[data-selected]:not(._0) { caret-color: #fff0; background: var(--markour-selection-color); } .op-markdown:not(.mode-block)[data-multiselect] div.pre[data-selected]:not(._0)::selection { background: #fff0; } .op-markdown.mode-block div.pre:not(._0) { caret-color: #fff0; } .op-markdown.mode-block div.pre:not(._0)::selection { background: #fff0; } .op-markdown.editable pre code:not(._0) { pointer-events: none; } .op-markdown.editable pre textarea:not(._0) { display: block; } .op-markdown.editable div.pre section:not(._0), .op-markdown.editable div.pre header:not(._0) { -webkit-user-modify: read-only; } .op-markdown.editable div.pre code:not(._0) { white-space: pre; -webkit-user-modify: read-write-plaintext-only; } .op-markdown.editable div.pre code span.line:not(._0) { display: inline; -webkit-user-modify: read-write-plaintext-only; } .markour .todo:not(._0) { --placeholder: var(--markour-todo-placeholder); } .markour .todo > .bullet:not(._0) { --u_h: var(--u_mdlh,1mdlh); -webkit-appearance: none; display: block; position: absolute; box-sizing: border-box; line-height: 12px; --u_lh: 12px; text-align: center; border-radius: 4px; background: #fff0; font-size: 11px; -webkit-user-modify: read-only; width: calc(var(--u_mdlh,1mdlh) - 4px); height: calc(var(--u_mdlh,1mdlh) - 4px); margin: 5px; border: 1px solid rgba(143, 143, 143, .25); color: #fff0; padding: 0; cursor: default; } .markour .todo > .bullet:is(:hover, .\@hover):not(._0) { box-shadow: 0 0 0 2px #0000000a; } .markour .todo > .bullet:not(._0):before { content: "✓"; } .markour .todo > .bullet:not(._0):after { position: absolute; content: " "; inset: 0; margin: -6px; } .markour .todo > label:not(._0) { position: static; } .markour .todo > label:not(._0):before { content: " "; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: #3b82f6; } .markour .todo[data-checked] > .bullet:not(._0) { background: #3b82f6; color: #fff; border-color: #fff0; line-height: 12px; --u_lh: 12px; border-radius: 5px; } .markour .todo[data-checked] > label:not(._0) { color: var(--dim); text-decoration: line-through; } .markour .todo[data-checked].anim > label:not(._0):before { animation: var(--animation-todo-flash,todo-flash) 1.2s cubic-bezier(.39, .575, .565, 1) both; } .markour .blockquote:not(._0) { --placeholder: var(--markour-blockquote-placeholder); margin: 1em 0rem; margin-left: .2em; padding: 0 .5em; border-left: 2px solid hsla(215.38, 16.32%, 46.86%, 30%); border-radius: 4px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .markour .blockquote:first-child:not(._0) { margin-top: 0; } .markour .hr:not(._0) { margin-top: .8em; margin-bottom: .8em; height: 0px; border-top: 1px solid var(--md-hr-color); } .markour .hr:first-child:not(._0) { margin-top: 0; } .markour .rawhtml:not(._0) { white-space: normal; } .markour .rawhtml:empty:not(._0) { display: none; } .markour samp:not(._0) { font-family: inherit; font-size: inherit; } op-markdown.tts i:not(._0) { transition: none; opacity: .3; font-style: inherit; } op-markdown.tts i.played:not(._0) { opacity: 1; } /* op/src/ui/editable/index.imba?styles */ :root { font-family: var(--font-sans,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); --u_refL: 66.5; --u_refC: 4.9; --u_refH: 285.7; --u_refA: 1; } .ru-ai:not(#_):not(#_):not(#_) { font-size: 12px; color: #ef4444; padding: var(--u_ffxp,1ffxp); } .ru-ak:not(#_):not(#_):not(#_) { white-space: pre-wrap; opacity: .6; } op-markdown { display: block; } /* op/src/ui/ui.imba?styles */ .op-checkbox, .op-checkbox:before { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .op-checkbox:not(._0) { --e_sd: .7s !important; appearance: none; -webkit-appearance: none; margin: 0rem; padding: 0rem; flex: none; box-shadow: var(--box-shadow-none,none); overflow: hidden; border-radius: 3px; position: relative; width: 14px; height: 14px; border: 1px solid #4B4B4B; } .op-checkbox:not(._0):before { --e_sd: .2s !important; content: ""; position: absolute; inset: 0rem; opacity: 0; background-color: #575ac6; background-repeat: no-repeat; background-position: 1px 2px; } .op-checkbox.checked:not(._0) { border-color: #575ac6; } .op-checkbox.checked:not(._0):before { opacity: 1; } .pm-af { display: none; } .pm-ag:not(#_):not(#_):not(#_) { position: absolute; visibility: hidden; top: 0rem; pointer-events: none; width: 80px; height: 20px; overflow-y: scroll; } op-ui { display: block; } /* op/src/doc/editor.imba?styles */ op-doc-editor .editor:not(._0) { outline: none; padding: 26px 30px; font-size: 16px; line-height: 1.55; --u_lh: 1.55; min-height: 100%; max-width: 700px; margin-left: auto; margin-right: auto; box-sizing: border-box; color: lch(var(--u_doc-fgL) var(--u_doc-fgC) var(--u_doc-fgH) / var(--u_doc-fgA,1)); caret-color: lch(var(--u_doc-caretL) var(--u_doc-caretC) var(--u_doc-caretH) / var(--u_doc-caretA,1)); cursor: text; text-wrap: pretty; } op-doc-editor .editor:not(._0)::selection, op-doc-editor .editor *:not(._0)::selection { background: lch(var(--u_doc-selectionL) var(--u_doc-selectionC) var(--u_doc-selectionH) / var(--u_doc-selectionA,1)); } op-doc-editor .editor.readonly:not(._0), op-doc-editor .block.locked:not(._0) { cursor: default; } op-doc-editor .block:not(._0) { margin-top: 8px; margin-bottom: 8px; min-height: 24px; white-space: pre-wrap; counter-set: opdoc-ol 0; } op-doc-editor .block .body:not(._0) { min-height: 24px; position: relative; } op-doc-editor .block .body[data-placeholder]:not(._0):before { content: attr(data-placeholder); position: absolute; pointer-events: none; color: lch(var(--u_doc-placeholderL) var(--u_doc-placeholderC) var(--u_doc-placeholderH) / var(--u_doc-placeholderA,1)); } op-doc-editor .block .body[data-prompt]:not(._0):before { content: attr(data-prompt); position: absolute; pointer-events: none; color: lch(var(--u_doc-placeholderL) var(--u_doc-placeholderC) var(--u_doc-placeholderH) / var(--u_doc-placeholderA,1)); } op-doc-editor .block .body[data-prefix]:not(._0):before { content: attr(data-prefix); position: static; pointer-events: none; user-select: none; -webkit-user-select: none; color: lch(var(--u_doc-dimL) var(--u_doc-dimC) var(--u_doc-dimH) / var(--u_doc-dimA,1)); } op-doc-editor .block .body[data-prefix][data-placeholder]:not(._0):before { content: attr(data-prefix) attr(data-placeholder); } op-doc-editor .block .body[data-prefix][data-prompt]:not(._0):before { content: attr(data-prefix) attr(data-prompt); } op-doc-editor .block .children:not(._0) { padding-left: 18px; } op-doc-editor .chrome:not(._0) { position: absolute; user-select: none; -webkit-user-select: none; } op-doc-editor .chrome.bullet:not(._0) { left: 7px; top: 0rem; height: 25px; width: 6px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } op-doc-editor .chrome.bullet:not(._0):before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; } op-doc-editor .chrome.checkbox:not(._0) { left: 2px; top: 5px; width: 15px; height: 15px; border: 1px solid lch(var(--u_doc-check-bdL) var(--u_doc-check-bdC) var(--u_doc-check-bdH) / var(--u_doc-check-bdA,1)); border-radius: 4px; background: lch(var(--u_doc-check-bgL) var(--u_doc-check-bgC) var(--u_doc-check-bgH) / var(--u_doc-check-bgA,1)); cursor: pointer; } op-doc-editor .blocks:not(._0), op-doc-editor .block .children:not(._0) { counter-reset: opdoc-ol; } op-doc-editor .block.nli:not(._0) { counter-set: none; counter-increment: opdoc-ol; } op-doc-editor .chrome.number:not(._0) { left: 0rem; top: 0rem; height: 25px; width: 17px; display: flex; align-items: center; justify-content: flex-end; } op-doc-editor .chrome.number:not(._0):before { content: counter(opdoc-ol) "."; } op-doc-editor .h1:not(._0) { font-size: 30px; font-weight: 750; line-height: 1.15; --u_lh: 1.15; margin-bottom: 16px; } op-doc-editor .h2:not(._0) { font-size: 22px; font-weight: 700; line-height: 1.2; --u_lh: 1.2; margin-top: 18px; margin-bottom: 10px; } op-doc-editor .h3:not(._0) { font-size: 18px; font-weight: 700; } op-doc-editor .li:not(._0) { position: relative; padding-left: 24px; } op-doc-editor .nli:not(._0) { position: relative; padding-left: 24px; } op-doc-editor .todo:not(._0) { position: relative; padding-left: 26px; } op-doc-editor .todo.checked:not(._0) { text-decoration: line-through; color: lch(var(--u_doc-dimL) var(--u_doc-dimC) var(--u_doc-dimH) / var(--u_doc-dimA,1)); } op-doc-editor .todo.checked .chrome.checkbox:not(._0) { background: lch(var(--u_doc-blueL) var(--u_doc-blueC) var(--u_doc-blueH) / var(--u_doc-blueA,1)); bd-color: lch(var(--u_doc-blueL) var(--u_doc-blueC) var(--u_doc-blueH) / var(--u_doc-blueA,1)); } op-doc-editor .todo.checked .chrome.checkbox:not(._0):before { content: "✓"; position: absolute; left: 3px; top: -2px; font-size: 12px; font-weight: 700; color: lch(var(--u_op-fg-on-accentL) var(--u_op-fg-on-accentC) var(--u_op-fg-on-accentH) / var(--u_op-fg-on-accentA,1)); } op-doc-editor .quote:not(._0) { padding-left: 14px; border-left: 3px solid lch(var(--u_doc-quote-bdL) var(--u_doc-quote-bdC) var(--u_doc-quote-bdH) / var(--u_doc-quote-bdA,1)); color: lch(var(--u_doc-mutedL) var(--u_doc-mutedC) var(--u_doc-mutedH) / var(--u_doc-mutedA,1)); } op-doc-editor code { font-family: var(--font-Menlo,Menlo); font-size: .88em; background: lch(var(--u_doc-code-bgL) var(--u_doc-code-bgC) var(--u_doc-code-bgH) / var(--u_doc-code-bgA,1)); color: lch(var(--u_doc-code-fgL) var(--u_doc-code-fgC) var(--u_doc-code-fgH) / var(--u_doc-code-fgA,1)); padding: 1px 4px; border-radius: 4px; } op-doc-editor .pre:not(._0) { font-family: var(--font-Menlo,Menlo); font-size: 13px; line-height: 1.6; --u_lh: 1.6; white-space: pre; of-x: auto; tab-size: 2; background: lch(var(--u_doc-pre-bgL) var(--u_doc-pre-bgC) var(--u_doc-pre-bgH) / var(--u_doc-pre-bgA,1)); border: 1px solid lch(var(--u_doc-pre-bdL) var(--u_doc-pre-bdC) var(--u_doc-pre-bdH) / var(--u_doc-pre-bdA,1)); border-radius: 6px; padding: 10px 14px; margin-top: 12px; margin-bottom: 12px; } op-doc-editor .pre code:not(._0) { display: block; min-height: 21px; background: none; color: lch(var(--u_doc-pre-fgL) var(--u_doc-pre-fgC) var(--u_doc-pre-fgH) / var(--u_doc-pre-fgA,1)); padding: 0rem; border-radius: 0; font-size: 1em; } op-doc-editor .ref:not(._0) { display: inline; white-space: pre-wrap; vertical-align: baseline; cursor: default; } op-doc-editor .ref .refbody:not(._0) { display: inline; vertical-align: baseline; } op-doc-editor op-doc-ref-chip { display: inline; } op-doc-editor .linkish:not(._0) { display: inline; vertical-align: baseline; color: lch(var(--u_doc-linkL) var(--u_doc-linkC) var(--u_doc-linkH) / var(--u_doc-linkA,1)); text-decoration: none; border-radius: 3px; font-size: 1em; cursor: default; outline: 2px solid lch(var(--u_doc-link-bgL) var(--u_doc-link-bgC) var(--u_doc-link-bgH) / var(--u_doc-link-bgA,1)); background: lch(var(--u_doc-link-bgL) var(--u_doc-link-bgC) var(--u_doc-link-bgH) / var(--u_doc-link-bgA,1)); outline-color: lch(var(--u_doc-link-bgL) var(--u_doc-link-bgC) var(--u_doc-link-bgH) / var(--u_doc-link-bgA,1)); } op-doc-editor .linkish:is(:hover, .\@hover):not(._0) { background: lch(var(--u_doc-link-bg-hL) var(--u_doc-link-bg-hC) var(--u_doc-link-bg-hH) / var(--u_doc-link-bg-hA,1)); outline-color: lch(var(--u_doc-link-bg-hL) var(--u_doc-link-bg-hC) var(--u_doc-link-bg-hH) / var(--u_doc-link-bg-hA,1)); } op-doc-editor .linkish.has-popup:not(._0) { background: lch(var(--u_doc-link-bg-hL) var(--u_doc-link-bg-hC) var(--u_doc-link-bg-hH) / var(--u_doc-link-bg-hA,1)); outline-color: lch(var(--u_doc-link-bg-hL) var(--u_doc-link-bg-hC) var(--u_doc-link-bg-hH) / var(--u_doc-link-bg-hA,1)); } op-doc-editor .linkish:is(.has-popup :where(.linkish)):not(._0) { background: lch(var(--u_doc-link-bg-hL) var(--u_doc-link-bg-hC) var(--u_doc-link-bg-hH) / var(--u_doc-link-bg-hA,1)); outline-color: lch(var(--u_doc-link-bg-hL) var(--u_doc-link-bg-hC) var(--u_doc-link-bg-hH) / var(--u_doc-link-bg-hA,1)); } op-doc-editor .linkish.chip:not(._0) { color: lch(var(--u_doc-refL) var(--u_doc-refC) var(--u_doc-refH) / var(--u_doc-refA,1)); user-select: none; -webkit-user-select: none; } op-doc-editor .linkish.mention:not(._0) { color: lch(var(--u_doc-mentionL) var(--u_doc-mentionC) var(--u_doc-mentionH) / var(--u_doc-mentionA,1)); font-weight: 600; background: lch(var(--u_doc-mention-bgL) var(--u_doc-mention-bgC) var(--u_doc-mention-bgH) / var(--u_doc-mention-bgA,1)); outline-color: lch(var(--u_doc-mention-bgL) var(--u_doc-mention-bgC) var(--u_doc-mention-bgH) / var(--u_doc-mention-bgA,1)); } op-doc-editor .linkish.mention:is(:hover, .\@hover):not(._0) { background: lch(var(--u_doc-mention-bg-hL) var(--u_doc-mention-bg-hC) var(--u_doc-mention-bg-hH) / var(--u_doc-mention-bg-hA,1)); outline-color: lch(var(--u_doc-mention-bg-hL) var(--u_doc-mention-bg-hC) var(--u_doc-mention-bg-hH) / var(--u_doc-mention-bg-hA,1)); } op-doc-editor .linkish.mention:is(.has-popup :where(.linkish.mention)):not(._0) { background: lch(var(--u_doc-mention-bg-hL) var(--u_doc-mention-bg-hC) var(--u_doc-mention-bg-hH) / var(--u_doc-mention-bg-hA,1)); outline-color: lch(var(--u_doc-mention-bg-hL) var(--u_doc-mention-bg-hC) var(--u_doc-mention-bg-hH) / var(--u_doc-mention-bg-hA,1)); } op-doc-editor .ref op-image:not(._0) { display: inline-block; vertical-align: -.22em; height: 1.15em; width: 1.15em; margin-left: 1px; margin-right: 1px; aspect-ratio: auto; border-radius: 3px; border: 1px solid lch(var(--u_doc-bdL) var(--u_doc-bdC) var(--u_doc-bdH) / var(--u_doc-bdA,1)); background: lch(var(--u_doc-surfaceL) var(--u_doc-surfaceC) var(--u_doc-surfaceH) / var(--u_doc-surfaceA,1)); cursor: zoom-in; bd-color: lch(var(--u_doc-bdL) var(--u_doc-bdC) var(--u_doc-bdH) / var(--u_doc-bdA,1)); } op-doc-editor .ref op-image:is(:hover, .\@hover):not(._0) { bd-color: lch(var(--u_doc-bd-hL) var(--u_doc-bd-hC) var(--u_doc-bd-hH) / var(--u_doc-bd-hA,1)); } op-doc-editor .ref op-image:is(.has-popup :where(op-image)):not(._0) { bd-color: lch(var(--u_doc-bd-hL) var(--u_doc-bd-hC) var(--u_doc-bd-hH) / var(--u_doc-bd-hA,1)); } op-doc-editor .ref.scoped .linkish:not(._0) { background: lch(var(--u_doc-ref-scopedL) var(--u_doc-ref-scopedC) var(--u_doc-ref-scopedH) / var(--u_doc-ref-scopedA,1)); outline-color: lch(var(--u_doc-ref-scopedL) var(--u_doc-ref-scopedC) var(--u_doc-ref-scopedH) / var(--u_doc-ref-scopedA,1)); } op-doc-editor .ref.scoped .linkish.mention:not(._0) { background: lch(var(--u_doc-mention-scopedL) var(--u_doc-mention-scopedC) var(--u_doc-mention-scopedH) / var(--u_doc-mention-scopedA,1)); outline-color: lch(var(--u_doc-mention-scopedL) var(--u_doc-mention-scopedC) var(--u_doc-mention-scopedH) / var(--u_doc-mention-scopedA,1)); } op-doc-editor .ref.scoped op-image:not(._0) { bd-color: lch(var(--u_doc-ref-scoped-bdL) var(--u_doc-ref-scoped-bdC) var(--u_doc-ref-scoped-bdH) / var(--u_doc-ref-scoped-bdA,1)); box-shadow: 0 0 0 2px lch(var(--u_doc-ref-scopedL) var(--u_doc-ref-scopedC) var(--u_doc-ref-scopedH) / var(--u_doc-ref-scopedA,1)); } op-doc-editor .ref.scoped:not(._0)::selection, op-doc-editor .ref.scoped *:not(._0)::selection { background: #0000; } op-doc-editor .block.callout:not(._0) { position: relative; border: 1px solid lch(var(--u_doc-bdL) var(--u_doc-bdC) var(--u_doc-bdH) / var(--u_doc-bdA,1)); border-radius: 8px; background: lch(var(--u_doc-surfaceL) var(--u_doc-surfaceC) var(--u_doc-surfaceH) / var(--u_doc-surfaceA,1)); padding: 10px 14px 10px 44px; margin-top: 12px; margin-bottom: 12px; } op-doc-editor .block.callout > .children:not(._0) { padding-left: 0rem; } op-doc-editor .chrome.callout:not(._0) { left: 12px; top: 10px; width: 22px; height: 25px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; font-size: 16px; } op-doc-editor .chrome.callout:not(._0):before { content: "💡"; } op-doc-editor .block.island:not(._0) { user-select: none; -webkit-user-select: none; cursor: default; } op-doc-editor .block.hr:not(._0) { margin-top: 4px; margin-bottom: 4px; padding-top: 8px; padding-bottom: 8px; } op-doc-editor .block.hr hr:not(._0) { margin: 0rem; border-style: none; border-top: 1px solid lch(var(--u_doc-hrL) var(--u_doc-hrC) var(--u_doc-hrH) / var(--u_doc-hrA,1)); } op-doc-editor .block.flow:not(._0) { display: inline-block; vertical-align: top; margin-right: 8px; margin-top: 4px; margin-bottom: 4px; } op-doc-editor .editor.blockscope:not(._0) { caret-color: #0000; } op-doc-editor .block.scoped:not(._0), op-doc-editor .block.has-menu:not(._0) { background: lch(var(--u_doc-scope-bgL) var(--u_doc-scope-bgC) var(--u_doc-scope-bgH) / var(--u_doc-scope-bgA,1)); border-radius: 4px; } op-doc-editor .block.flow.scoped:not(._0), op-doc-editor .block.flow.has-menu:not(._0) { box-shadow: 0 0 0 2.5px lch(var(--u_doc-blueL) var(--u_doc-blueC) var(--u_doc-blueH) / var(--u_doc-blueA,1)); border-radius: 8px; } op-doc-ref-chip { display: block; } .pq-ak { width: 300px; max-width: 92vw; max-height: 320px; overflow-y: auto; background: lch(var(--u_op-popup-bgL) var(--u_op-popup-bgC) var(--u_op-popup-bgH) / var(--u_op-popup-bgA,1)); border: 1px solid lch(var(--u_doc-bdL) var(--u_doc-bdC) var(--u_doc-bdH) / var(--u_doc-bdA,1)); border-radius: 8px; padding: .25rem; box-shadow: 0 10px 30px #00000024; } .pq_ak.omi-body:not(#_) { min-width: 0rem; } .pq_ak.omi-label:not(#_) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pq_ak.mi-kbd:not(#_) { margin-left: auto; padding-left: 1rem; color: lch(var(--u_doc-placeholderL) var(--u_doc-placeholderC) var(--u_doc-placeholderH) / var(--u_doc-placeholderA,1)); font-size: 11px; font-family: var(--font-Menlo,Menlo); } op-doc-slash-menu { display: block; } op-doc-editor { display: block; } /* assets/fonts/dankmono.css */ /*! * @preserve * Dank Mono (v1.000) * This font is subject to its EULA. https://dank.sh * © 2018–2020 Phil Plückthun. All Rights Reserved. */ @font-face { font-family: dm; font-weight: 400; font-style: normal; unicode-range: U+0000-007F; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,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) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: normal; unicode-range: U+0080-1AFF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AADTEAAwAAAAAfnAAADR0AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYHrfRocGyAcKgZgAIVSATYCJAOFEAQGBYF0ByAbmH0F3BjqYeMAw/KGq0RUj2pRlAvOVOD/SwI3hmhvqPXWMbaxcFVodQ89qEsVRm4InDI6Gs3VnVb38T+eMKtHpJAeluqjdxfY5AW/2Aji7+hAhpH18LRTMohDxurb7wiNfZL7A7/N3v+faEVwiCAtAlNswsSqkzkr7sxFpbE2F4WxLF0avWJR3uYiEj23E/7//948+9z3axuQActQPCviQYu1JhCmVuh5dt77WUKB5zYb0xj3A62tv5pdfs0/mds72PnOmAWKcrQJvdBLbhG19MIayF60FaCoVEvGmoFB5CpGov1mfcv9SVvt8a3BNzNJWdFTvZnl3HKm8v8lojXlwpz//zTV/86fzr1+pPxq3tFP5bU0YVQJFSCH8NdldEEuuzRFyE+cEobADpqDiltbjmznuokcaPoc3vfmjPrz3/8A1Q2fzsM1NRo9YABbvk9KwBmpuqGbkBNum2Pm9NyEBWCXwrUppZRt/3790tnL7UtoVTiUOSvJ/su1t+m06lrTTe4ZF4uQSDyOQWOs4P/fL9Pev8suydKsK9PxiyhshanNf/8n82dmCYILOFmeZAk+vh/gaZdeYJK/nWUiVSA4Hi3DG+daWWP3VLW2sk5UycoKSbLLnApkQEWbzdO7x+hcD47hVB5kI7ZqP8Ml3IABvF8ggEMBQRDmiWzS+LjJkya7fHqROvwx+vO7Bl5bGHjzwK8YsMMNMWmY4PG85fcwjFcbvqARS3+2OwjIJ4193M0Mz0mhw0U8mPnNbv+UMyb9AwjggApsDmRcePEVLIpRimwFJphunqVKrVdjq70OOabRBZ16XXbdbf967KnnXvrgk6/6pUEAwRACQkboiA222CNAipKReOCFFj8CCSeKWEaTzt8UMoFpLKSUCrZRx14Oc5KztNGLmds84g2fGESGXaPWHmGRVfa2waGO9F9Ocob/8XjP8lKXer23utZ7fNinfMYt7vIV3/K/fuxX/ujv6KBcvFhwCcm58KQXKExey8jKwZujdxiflArhllB2Q7/XPvpuKn5q05C2uMlS5JxnPhmyZSrVbNC8Xa8dew8nSJ4uS+5CJSt0qRv19bhXfexHuC+yKhvHmWCOc57nfBa0+HKrrrPxFnvZ+/AEk0870xzzL7byx+e7L7Sc3hpOOMREzBx8tKQoQHI/6V4QnnxeBGVnVAsOAYkIogJzCM9jDiFynjBwiM/l8y5RU6i/akTP4UWA+trG6wXECKBnipp9SRGgfKeK2Rpe7RisSP9gAznDFqJQsOM9P/FQtn6Xjni2dEET4Qp8wz87Wpx8iqOv5WZl6LftqlNrYOwlHCUmSssZa9yiDo5y2ylGYQUy0G6PxN/PC4NNgjWo+uRLOrIfQ+ulcU9RL9FS2U227AfPjpPsm9ONStCVzViZ3jnbqfv+jEpfmzg7ugVTasuE4QKfRtdf4PaNyS17Z/fLpYBqNVcJxVAgWQlOrdwa0zmjRqehNBAhroo9Le0OUW6DjEGXglh0fwZpRX2/JdIWZWrMs75j2uwglFHPw27UP7CcDNT9IQD3gwXPdF2lPsf4GhNFqbzAsOncxUuuGV9epFYYArSFV1zeAouss5toxjtvO7mvbtVixUPtJl6NLdyDnfseE6/EH9+y8l/Xf8dK/9+ktcmgzTSVnGXIjRLUPJuBi2z1Vbxl1yEktjC5bOE0eNhs5Quiz0aa2hdbfqbFCIAVEDdwoL3FsQqcjjCKKEShRM5jAQ4JBRPbdWQiiALEawKM2HnvEQgYROicVPNWpqy3CFYdD8DQNmC0cMpKtU75k1kFUAKZo8fIo3bL65k2bGJS0U32XfVYwx66fxTvKvyr9uWoPXhpjP5CRn2qazK/lv5vhbz/mycWnnTIPi5YmwhVqURjwdlFZss5ASDw90ARyFdggkJYDvthHGyEXbAEamEbLITpMA1WwhzYAVuhHubDXtgO1bAB9lx1J6REsE6ocqAUFrHTtDRYweZgMRTPoexImyDnS1g1oRwOCweK4CgcgiPCsQanOjw+cAY0WnD2qs3gXNBiugA6hbYGXXAZeuEqXIIrJjO4KVxLw13hVod7V30A+oJ+033w9PcOHg08C+rAWlAJ6epgC+TWsVbwEEpnQDeUH9ADXkBFhgqwBio9QA1oAPugKQUSYUAAhQDlIch0zvDIBd4espgUKxMDJ03pqTjtTH1pEB+Z3cwN+aVidvGktC1zynvVtOoLRVUvrD83s5o9TU+zW5BD/7zg38P+fde/j/zz8L9C/+r9n6v/I/1Pzb82/qs9JENXkUXksVB56JzVwP8m/1vVqazT9k6/d8pZ09exX5dN418wd5rLtMRpu6ZdCfcwdjfeZpxtfN/9l2tObaMKqbF///3f877x+KbnG872WkG+oD/ifZv67dFv7/1P9LvI745+d6/zBSahJlUmwxd6pjtM39pfLBQLi4Sv8q+nW/83839/TP96+obpW6a3MLyYFZPAlDOfhPPY+hn/7BI341XXm2YWznzcbfCsHbNOd794dtWcRXOu9yyc+05+/7zB3tfNb1ngsCB5Qd6Cob49FjYu4vcLXtSyeM3iksV/O09eUrd0xdIjy2YuUy57OviG5aUr6BXxKyaHjjI7bGbwmGvesJJambayd4S3KnJVtcVsCy+LZot3mntWl6wRrvFd02m5zFJ7yeDvb156sdW1yy60zrC+fnkvm59tamwmr+hjG2FbbfshYKJdvt3YVfIqS3u1/emrThsGOPzqMHCNaO2utR+Cx607uv7z9fL1565fsqFogz7stY1c+OObbo52c2xxWulU5LzeeXCc2OXq+C9dY914bhvdctweTvRzb/RY4bHNY6zAR9Qm4ox3eHZ4/r/g7aXx6vTmea/3TvZu8nH0+d2n1edD4oO+R33HZ+zyN/K38E/0z/PXpxQHXJu9WNwVSAbGBJ6dax20P/izlnNwZcjykHMLNoTuC5383x/CdDdYS2qk06WHZf+RyWUTN82UB8k7FEKFXHHqFqPwdeG54TdutYj4NeLJbXaRxyP/LuoeFR915vaB2wdvn7zDJrooxiJGHdNG9ubagAczDDvBZNJp1h406izKxGE8J5+2zJSZMIx3db0RQooCVUMDIYHgRr5CrlLJGRIHlV2PXYT6ht7gPs4gIlUJAYIE/qPmnYsn+35iYrNNFO1AI+PGCRAAX4MDzu6a2x3z2KdfJ49dWtXvI9O3mu58Fj66CdnsGSX9FMpSeNpkIUnZbbhGQMQL16XZeVsYXcYlpniYuG3/F2PvD+YhWuxNORwrGl8N3AThn/uxQEj/uRfzeNJbkYCeXNbaLNM+KC1jerqeVd/tUmtJIz1hg8Ibd8p2ytgdqh1pKuEMXmhfA/b+ZoHcjrLDNui6k6Z63xvuPBabJQsWBh2W5ccwq1adnXr/d6eouuk4DtoaJVonmhhZUTFSOUt+kodSdMf2ZlUVo2ubenbECKL0LtmhUDpEpkmPYcHqRsHIygCLVXKxlZWs+37bqp7PXgj0VCZloQ5vibmiJEGA4jKUGCIyXYEOme/qqjJq6SKBKh3jmPF4Ig9yIQZ5y0OcqdU+Zw7jaLtbCEeNiQy6dq2TQwxmcvMMavzXXS1D7Jq2fle4rmyE6rXknxEjtxCiLWgFQDvTusDW1j9sgZV9efsoI3Yn/Bs+5HfkQ5FVoFff2i2uZrWLq4M/orBlWjXTu/m3DTZtXjvZ3HhvSCPTfcnZdPOshnk0KoauRnpBnbg7hgXX2YI7bc+sWBr9A7JHm2U/PPLTQYbtkcYTTAsOYDaAaeOlmUbyfFVjAyHBwEa+QpGmUjCYGbHfchITtu/djPrNO+qsuuqaCpyvsvHQfCB2YirjOU9aYJvgBAWgYB7yeI6s8Ay3z2fC4OfQNNOhwyCYjgxizTfhAxcjwXuMZAr9LSE1kHZSNj3Y//WZnWsq1xT72TOfEZXFPs0b6Tkh5giM3zTmZeuWdTfeZ8k9erQ1qRNseA4b2jB8b6OqLT9mC95lbj3TeYzI3sr3+1MXpy/eNcUI1lTAHFkSm1KWjszYehMeUUBMQBPTMiKE+9vhuf7u+r7tVqoGaBlWVtsp/ZxYDgpTIYUMJPSCcsg5jGUs5dz/algeu/iGANCDB4EBOziMUcaGLUeMsWGPgcUAZQZ1DlaI0vtyozOFWvHpo01pVUzRYSVx0udnl4cwS3hH5guqTpzNK9W/RrHSuyJkFNUWYtFk68kmn7CpAJpESK+oQvwW62A9fFM2SvQKGt+bamlOXB8Zd3T5fk3vqHGv6vyZCdUXqr+tym75PlYkUsb4suTWNGIbLRxptrO4TkhiZTOUSGvkNCguRQUniULeRHZcUFqGjArjLEjCHluPMacotI/nsua7AII0/iCMTzeGHgVEuUuhhzNJV0K4SZ8UQP6SSFVCnJvE8ySOfX6tBWqi6LprCAIfZUhUgmlhJ5g2duImpa/zjKtqdoPFUBbmUuvcpRyJq+hJeU2r6pZa5wTlzz9fIurmwjvOZF4qspwK4dYeEpuERlB9Yi9BqcryEqsOlG+zMhkhq67du5yfTmoBcXwHPnyddlWmW7e0Th+9qnnMhVt9TG5d9p08P1QVqpRvsDZiw1SYXFijG417RMgHp7AZ2vGZc4rAc7ufYQzSrWjd5s7iig+Qe3jlGekGT+xY7cLP8/V8DXR3s+RBgAmOJw8FPMGR8vEy2FQbx+3HcO4+Img4Ybtxn1Ms1VKuAo9sxefpuH7qlLh08Q9GIX81s33VV3zmpCJQMgQJDCygUd/UjynYzX+I9YB3JwINWxOFbMMN9g6aEIeJky21Kxso1CPENZCJS41LSUo2ksKh1f08WfiFmTjN1LZ15zZ00V2iho2igARFKtO0maj+yiHxgvbiXSXr93to96qXRc31DHFVGNZUzrqA2G3uoxrQ6yga3/Hz+ZXx1eHZLLVdU6c0ONz0udEnncJCtyZvY8oSiLyPzUIPaKg7GYlQprizqeE8KlNT+HzHj6kSWbwmIDD9YPkKG5tCUCpNRPHJ7Uv5GM1fCRLhNml+Vzaldm+GuzdTmKJg+Q2HE2Jiestj3G0ww08USGB2f+hqy6h91LCyqryKod6/2L6sgyFEzXj95RHrfRk/ma9sjhB5RyaDA/B/ruj9hvHqIKZF26a40RTnOLdm1MNK3UyNqny5QqWSK/JVDQ16EoAkrPDDggt+2XiIL8Q2YM4NAhtmMotZ5UHAAgtsZpW19W1hCzbYczqJkA+jP3S5fsF79oWPKv+vVwcgMgLGrEQK0L2wAa3vEDt5qBLuAkiN890DUybp+uqwk2AZVPLPnfPWr3cKncGSzwwYWYMFYtuu9v/8aeOyOUrIvH4OenmGfW36iARtaW1d9TovUcSWlAAFE50cnRwg9GpWdaQw7Sk9ibZC2TZ/l5SY/TlrTKQLoappP2qhAVfddPLt3HqbRtavZFtOAV1epLbqYH1p3HUf/X3MJNNjZLIXCbuQXW/hdMbWRJQRVJQ/R8aMx8wokKqkm5mGzUFF7vQG/zjXOLbbnTj/SznJgOsfR6KLtyMra8dWegYSC3FE36vjX9atLel8zboVVM3ezs+u6k7bULjWmRmbEudBuyXXAN3ToYO2fumPSg91AuIvL1bFWMd/aHy6NFZBR8RWXNy9uvzvhwfwrRSRyREY9eNA8mu4ohVflZuuQA2h99mh86GuQPpmTHydAYqE+nJAh92N1ZeH9g2+0r5jQ3HKftMol8ZM7cM9saarN5QHAKk5M/HapW8tN6VaT88VV22g0bPnPHT3YAvi6Ma2213a2FV85vb3sV1sozvzo6n5uKAWsrbWQNOTkuBSBB7HjAKSZLA6v9D8hWt8g7FVlp7SbiM+wrnJ8i89/m7+8a5LerEGnJykTpApE4+WbTJSPyKkoXq7hR79ra7F05iEpACcWJFwiA1MYnYUSW0iKdXFYBah5MhYHY4oFKtpt8NbOzD9mPvzac0j3LKPZbCPUelFBTyxDsFqxXrx045Fz94Eq7xGdaV46fj8lrvP50GreLVwaw6tp+xJoFExFWW82YPxeEqHPluMS3n+A0ttrCNfYA7mL3rz3gslB3RqvfVDFqMaoW6y8VGXUXu6W50nPccJSRzHsTuZdObCBmPCi8JyTt1/J7++rLT0FRvcRSxITNsuptduKQGGVw0Ly/kYc9sQw7gwpa+aQUEQT37xOsgh//7+lsp185HDdgvmebGwU2dS57Ex1HioFpB8daEmFtIiZeMwFxJQM8dA9LgrnD2BD+QXnaBYxv2knmHBReceYuxjiKXNA7fcyQ8ZFowW+OKFDV/Dotsie+ZrV6desBhGx5FHGjFMFo1wym9CNwQcO1jPmzvT7IPJjsb4mqNFuO31SKy38dTg6Un97gPedTxRdLSXKLzubOw6nkV/4lmsvWauPBXP+57U5rXAX/s5xm0DbZuNR9pMO8vb2rvmtTk6Boc6OXaGXffWfnVHSnmd32D1ePXPnPy9UUayJI+vt3Buu62z2Jp+yMz4cTOtTjpQTEjIFkE+vNigJGm4UNwW21VkFqoskDSS+ldvv5RhDKiOcT2hwhwlUZByUzSrvYXo+tqqtIHSowfbclmqNiOvcLOD7lvfEzcgvzqiMC1eFUOrs/YWrLCU5/H01HwxTZraos8hCH027hkOnRUgQ5A4TnAFu9v4tUWyJF4lyqiovMcEzQIHlY2U6qzAj0kTOTT5BLXRxM0zFLUUTDxQFd9WejlrTP8EoT1KNKbsLWBhmgWSDhtS40dJe44cFNJ7dmMWD1X4f0Glu7RfKy4kZwJRQl1569DoYRP1Zt+ZO0KNfvOvWVeQ5DWYYMHZDhvlPJfq1HnZtZbPOj7s2ssSiujKzcfi4jZvjtu2O2vfT3BLWIL3Lz9Q7UYuVzDLSoDsno7ytAUayonTpwO9CKE0ZRlrlFJvYElI0tQXff5m4Apb15uF5F6Hw38MO+4lSEZMkwVEh9ncDBNNBmJuQ80tHMmUOyFtQcJqAMPeZfZSEoY5OrEUYQ5peFCyEmHsAmb4BZgYD6ZriYpJoyhveqLEkJ0lN5usb4Q7XeD4xhR0pvQi35jSgDRCSS9gigPrhau5zFMcneApxuQwVfA/OZODTYZH2TxX+nbIODxWkL5Cs8JsFc4qVDQ/NuKetjRFoDh2BLKOeb1Df2Aprv2rgth9FLxLL7IuhiE5k8BMzSLqvUVWzV280NN3FosqNAt1PmZnpctZRPm9lrZhUUj1SN8Y/eEwZMot5NYYE+Fv4eZNmZQxYrsM+Wkz2v9c442JVvN4Xm60Y8edS0vep/sIo4I+J6BLyVdnW2MBVTbQCBeh+Bt+QaPiRhTjmwoiCo9BxkAG0XeMkYaDOZdxNBmocuBYc/szgb8M+Vqd6E1wseEhhX7lzqayhyKBeB+GN+iXbja+aZcli7GB0JSlPjvOd8UGAvdL15IjxPmh5AiOZnC23trUgYEOW8frYMKpl8FUgfgAIQg9YemBVajvBioO4eCeqOB6XnN8qAfCvJ0jxLSCFxiLldvPWgSIdV24hIumLgqgFaUMO2XhhLJBiHDhQoyA3RiQCoIwdVf2QsQpx+YgSZY+pjcVff5Q2dmIwk7xwwrmGPc4YAn+qTuhTzs6jBfcHuAcjYvzQ77/8kIkKxBsiIjPEZ2scDW4xJicOC+kuXC8l1sQhsAdsD/gPgDSiB6Rbm1zn1zGxI1MyGsTyzI14K4Dbl4OUcY0kD8H+cMx7WZ7Wf8QpM0Cft6IKZMI+Qbx4RmeUOhtd5dORJRBBHpziNMu3CS9KW54I7lXv3GG8EJ+BtvSOJCx6jIULbXkiMdpevh9JX6LXRiINRTU9Yx8STc8SoatfTH+vybBKMIX1W5DF9Gnoz+XHs++1F1QnDPJEK6k/5NpHVUwN9tHjYmmTApXshKxoNdCD6d+T1nhoSpgETRDJU93T1+42DMIiR7pK/1LWQlyGx8JrMNWR0lehy0OHqkgIs5DA7dzA/c6EWhPT1k4ikKj0wFBfi5dQScYnwo2iMh9NcEBZeMA+oj7FPokdujMB6YecIdaLjGh7N8SXjsMjYI245a1/pMQRhxkFC5JZqnuqITL/z0EDiFRMIx8OzT0M4YKeRAfxmf35Oq5GBrlFkVQMGMDIk8zXJgEwjOdLmgfNajfFIBt+TXgPo4ZQiXCZzP6wI0KZ7+ht9i7nQ4IxgR81jexc44K6NBek9sfO4/Rdmg34TtDeOzHPXXQUyLtwykZLfI/x0lllxsTYYpE7cHeUD7FYLdCt4Ty0wcd0Ech+TL3tWHOcUd4huEEcYNAdskWX4Y1zFeS2jZltevblNv2+OfP61XyjrrOLW0+xMCOgJWd9uK6Evb057UPrVEwruhjNgv7W6B9TBfEERcnn5d1/Pm9TGq70t1nISPZ2MID7PPrau4TuGRjQEn7IktypsH5kIehsc0thcbyN7iuDeukK31rmforRIshIc+M9xTK5y+xQDmHak5nsx+IkK8fxVX4xBOcaneXwjfdSlc6ydzUbONPhs1CZg2v9M59aXFCw0yl2dJNGvyq1V/PP7jzim6sYUu7XinhPxxobBsjk33Ga7uVOYpLR+2Mtidc1MKB8IVfKwxYgMVxMLAP+1yMAbwk9vw7ASS+3crQTvFOn2Ymx7/N/mktQP8SGWLd6JlSIMCnhCV9bfb/egQvbaZ27zpyh2T8uglvZsXy+p1Jh9LaeqMak7BLDcz6mv/XSyCoy5X7LZd3bJ+7N/krb/l1FifET4fNvJBwhMBHfunATgRlEZ0uFV99bBfJICLiDRFidx74R8BDW+/gkXvZdfla05di5uPumMEstN389IYen9wYG5OTWWVxFS7ZsUeijkZgdjC3M5nsu5p7GE4rt3BAm2MY3jk2y+RdNS1bXfSF6m/b3cgl99azjeDYFWfcn+UMwePocUOwpPICYhMS3Wlnl8p7D7GUlON7x+oXj+EpB26CNlOM1UHH0Suqs3U4VwNjgs7qMrzDW8vUBiTE7Ac8mbyjs1PWrmN4cszGw6QAPE9bBGIQ1R2sWMNevZHO0Rx3csiBp7frDnV3HYEjJDXZ0z9qhrKMZROt57KkLk1ZELXY27SZEuNBaYsuRR5fDXXvSw/9/h8NejLyg5QTKh7RxgYro/Ba2dBzJkGJvK3pTNHlfHictlyABEQOej80ghPGmmGKZ1gvlV5PICrrBePE1YuZzfxrFs1eHVhy8UGGTA7ruIy1qwPdHfYuNBHGnRr6FxRQnLF0Qkz2wbs3dDNvCO9lHD4r2Lk34jnagwqMpxdbr0ExO062WrZUNA4pRBW/HfNCHz7GVaQs7Ff2mYFXCAx8VfikFqLG+0qQKMjkPV1SlJdh/LIdZzLuWk6q22gr+36DxCuFy+XRZojNPnUghv+G8EvJukNxOMOxIQ11jBpofxAoM8ExRj49rMPVUxnGnTrIFZyV21wG5wn/2dcdzjGMf/SoP1+TJHg2HUYqcuZ/HPpbTx8bVHnYKAfsFg9AEaU6Hy56/tNEbCjvXvvN8xYJ4TrPJWiU7sjBz05v2/mJHarY7/5wtI6RnGlqgp7HCtK5+0XG3VTPQa8W90oqDA4XC6hd+JeSrh0YJfgtugtrbI5qXzlfci0W5703areHnxAT5yxE9FGGWxE3FMvuR2T3kRWFlDimSioMt+1kDPqnGVslmJdqeui+UtfZlREllltjgXGiiw4x+KoeYhQccSBU7CkmQ7GD1SrAxBOGRXQZg87HopkHnZCfsnRTxBpo66dLOcOJHY3BHJ7gW3wuUKDvO2A6thcQpWfAHTMAyiBc0JdJju4jFy8TZLGxYaRSdS8DbGVum8NCiv5DvqDajd94D1JHYWpCNkqsdmTFG7G4tc471E6st2fFyoVmX5L2/SZEYElEw1ZGw0GGJv2KPELkIaL5IpcRPv43HbVRXfImDelOhfCgZHyvT81zzjlvvYV5AFhg7j+2iF2UTRRorPysaSSNBRwykbsXXGC7ds5xOc4+/Zo4dD9ijV3yUcNEDuY1nNnAUoy4jbXkexrFfIIyFvbSaJ39OCtNft82ku8doq7ou4vIA9enIrTGN2eSsDP/dTvtrLoDquHiynPWH5zIRJNSZNg3T3DhcqRn4HfTN8IicU73CxoOmndDEMt+pDPmJJiiffeacB0VenfymZHf4/IN0rrhAA1TSpyF/t4Prtc9JU27AO9cGJolfWm+SdOpGWUSY4nBfnymFiWUhuOhF+RHkQ7mCbafDECa9qNDCR+pr9Fbxhc3uTXJ8T9vdurfKuxmFBDatw2FDrr9WdjHuGvx4JLs5Ri8dMmGjtcCfSkugU0x0kaa4XFSsHtRvJDgmiQwVAyRc9QJBzMjzryzcw9+ftLi5KdIbZl8Y/K1eZqu0EI2r3xxFt+29BxlZ6Cgma+mgU1mz09dVpi8Pf7H7cxHS6OAqivg2fki22gPH6bbnbi0fcuibvD6xhUMXgn/9cfSdyTTOJWJk5Hg3Y+kMt9A0OJ8fEvgcv74UJt4R9rRp+K896VefGA8g7IT7pK0TdFdLCBZ4hHH8gTyUAgNkSa8yVUNYWqkbgpv/qTHwhDH0ujw8JJOsYw84ci4A1t1lQmlkavFksa+HRI/xmqOE3f05aVEnhtXpmZcszzjJMHd7ibqzGDGrSBLC1leXSGyeEjHZaybebFE0vbNeQcMkDeA8xW7MIe4OtM33IpGmHYTXCjKHwFSPbc6nzCyrnLk3vmXmfCl4n8RCjiEXXf2BfUBlkRZIxIarEybnUEZoep1AEahzB9v+vniNm/2JWeiq59aTM/fOHBmlcepxOufYoWCBvebQciJ7D9kBsbG7n0lAPLbax6Az3/TMgnR170/1QQ26hmDlFZqA2zC2/lV/+shYQ0mEJ161wVxA/SAckBSTFd4A3hchOYpC3irTNEdzCCHzeRjo3mn6nbzntZXY6Drq8sV2nsCNKWIwxMtpEUai9amnkof48r2jNLtjubxwFqy20+gTfNqYS/qKvIHe/kdYfFQvHnMeG4D8yVVGQcv6HS9bXRKenEuEljMLdkqKQCH+n8zeJ5hqX+zLmBnVhuVGF+GhXq00CNHyCC2i+OPAf15ThcrfbEtqT8PaVKp97cjW/Xdks6ZAS24t+pG5S6E1qTg2p5fzvzAUvF2QYO3Bm5N3OAs3VxnhTLKg17qcv8PD/1DuEfyyAPMhk0MwTwzL2Xbbn4P22gPjkTxMa7yjOWaMWtutTkIYWw58iKOi5hQjMcJI0zS0ZcQYZi25+LWw3tI5y7UCBCt5j65Y5/dG+ADqBNeCqgjmqcPOh0DjoWm795kKTUJmiQjnzRlbDD980+YfYYynYnfP1PcSsHwxubfS9mcGqVP4aNeFxlkH8CCrz6QBvCeXOWK0WMxOAEjr4O4Jz+SLuKVMqeDqxS75PXRG7RJLzV3QGgorvLLZUz+o7SyoeFcgrXy9qazj13JhxscPMchl/sneUpZOBj/ewznwo8prJV7ll5eeSv/aTwsxaVnH2DdzE3hfjvn9BgmLeTiLbk1zx6qbz/U5ntlGyW/B7Dpt7wvuj7WbYkmim8JyfGnfbQFesDhPErv+qFzIOqebeCKnw4TSxnMCe4TVusNTum0Q7bzhO7aWG+KPlywzIzaXdiFI4TY0vjV2YwNetfcMgK989y3zgs3GMsbh9w6Ma6HHYZuYp016p2P7ondG0kP7fl6IGY9JdZtPVMfHdbLq19yeaqBZ+cKyhRHPNcLB/hkmZq2+8A2A9Uxq38k1dxUwDf/a6IXObr6QJtNnPUzKPUEJaQUGvMQL4JYo81ciIHGUafLEEEoYWeLTgwNRhDG6Ioc83S5483qUaRnIoLs4qcfe7gHNOAe2wN0iYc4Y92omdlMNmkK0Y9PBt8cvgcJeoWVxHOOajik/MRbzLofngcBmkNBf70Qruj2aZiWA5nix6aShiseJAWgMm5qBl7EJzR1SX/dt3qorxCULUMChf3n8+2gpRSetNoKjn4bQaWEtgUcbMee4YDwbG/+VAxx39BPwrpyMOdy1rQZM1mxfge7nfsKizNoanRgeBNpbl4YlzMJpWUETc8BVpVD6Q/H6+zv1gJUP+NrtZzGACxu6g1UPLIgnats+K26AGxKMoyvK7xW7prraCNOOD10Ady2V5SeDEEqQ5pH8e5fUpWr9xJ8XFYV+pfY0Og2aBZGelCOQrpVd9OmWhbXyqlJ4kRLevbaF+CDvbP1hNBtQT4KSARN1RJvD7kL1R60+p5ezXg98k3V3CTiB+RN52omQjGXbsOrpIC3RIF8mVLyA1fntJJ90EVcuzIJMCVrnNDs8pI8YMxUoD1GQ4gw3weOkJzNx6c0OocD7qNxcQeLEQ7NGUseImK9vDkBMRLtrrREhK0nACAbUxtAA7d2RbLjmdiuLY4atbbGksZoprGWt3tA0avMYVq7G/m23jbBrANHpuHRrOm/PpUBKIzhS62jcF1b0bmVdtQtacwgpMjR4uj5qzaVdA3XlV3k2/Tqtvfr6nhkLxCPWyOX+Aa+Fq5w5lGTW2/yHpNvrS6D56E7ex9jHBy9A1w29W6/xbGWxQjpHesS40TP2qQ782N3c4fHUjjpgT59wyF1ybRSJVhqwLowAbfXYp3b+uwl9JMsnD5KFKz+7D2Xww/r1anCshhSQr06j0mpTlrrd/hGSihRQkaLaKEsiliuN2RhCgyT/Zbw/SX0FWkBFDLGpVDm8TlCHEo39IgenUMb7eCAn/kpJBcVZ4zCGH50lbu1ffy8xPov/b420sNvr2b5KPvYkASGmsRu6Y7F3yH21XZdntu22VQCDqZ7Bt3D3UlwsodAYZwfuBwLuV9ClcOMjaeCUpXjxSmkagVceFVKsiwhMMP+rGTcf4nkn+f8H4SafLog3b74O0TkCT42VNQ2pVDaS0rSCNTwOo8jAJvmneZ4sFRTPknobaNY+3DEqo0D63PGD224oDHbBs/2xqEFI3Ax3/sm8nwG0pqmMZD9zBQMgVfCi+CwGC6GAGZyv8RbOhKrVAYBCrax/9U12QiJFIdES12zXF5DOfLFTG2/r80WCGY3Te1WmCNLPmeqeb0DO8F3cAUnUePuPsG38RyHi5Yv/trUbhX/obayUwBxbuFSvj49/DGz296SIh4O2OJvY9SJcuWnEp8LJYJ2pskpMulale1YSfl7NoO59eDSjyNK0wMIrjTohjgfo0TjiFY/0/GjCyCeFnyQFiaoltMpnih/xZX9EOVUtNUfC+dR8AropgtvdYEjaD0EuLi668jXsYTfAFxHmktgcxE6d5Uf9NPzkjDzn7bXqU0Kcu7/eLeV6nNIEJe7uapSrXawgU29BGS1Wo9+nIfsglHRer40L8Ybal5i0dGSRhIqNT/qkWgII4SKjE+jGJNSCK9eE/DI8z5iMYjSy6w6eWyQ51JZgjHEYCsWEssiMYYr5EBcXz3oIJKSn8CrVoqe9B2hFtSRCvJxpRSHnagcoYm79lnkcUvEwoUslgrtyzyQuT+zNMzkzKCKgTcLX4mVU5/KDYuVHLwQXYr3CzMLtxcYHd9TswPkaNVCdzFcLGBxXPAYzFLq62mJoQjNYhXCgqwHu7LFxssU4YGs+eTcyuv535Sd75Wx2lbny3GqnSpaYvazvYLNPhAWSCAWTuCZD1HDpvD+j+oXDVMnkKCDgYFKPLlBNOUIc7n+kqb+CLdQ9AwVkJ/QS7xJJHF9XbUGxq+/5EQ+FJUFfvkApycGqE4Mw9xjJSPuZLidFIDq7B14gXPdWRZ+zVJSdPjK/VQ62lhT/lHgel5brvbqYc9sdty8yzda1C+lUdx3JTKYeVIP5UPsu7mbb1otXLRJjLjLvIp7phhPMUF5utQ/vvUjD07naoDbD7p+PbrJgnUGhzM2/kOGup8ILG6jey4vvV+7Sh3Yzpza4lTfaF+1lEbecMd55jdmgf+d7LPHyzdHCL0dg2wdRbVXpzPeXoTN+aab3vAgONh49umUVlR9w4KVnkROXtSQ0QPEFkXyksr0k91u6e0Ar5MCXnWU2oBdjZaonMCzbCFUPfdGheQs4c7hAjQFnYJ07QrjVhFw5c6hZ0x1MslWv/QmDRmpNZP1a+8JsQho86eiyacn8vKTpr2EmPdJNsbp/SCHmQ907b5J93tbxqPKLS1jCxSUdBnJNtTvijk/MiFaUoLNwet23PpXbxeG3RO/p4mQJ6fQ3LMl6l6mkTqo6SeYeZRHUidHc8+e5z7Qb+U+2OMS/vCnmYY4nSO75tK4fLXquL/LPX2NGOZj8poyAJrLd0FtF3PWKmxQY+dJeGRqrEncznZP1gDPqKaP0nM1DtI9+hncWA1N/CpdJPkchzZ1Sa7t2NjaSQU0YoC0O4nPLJK1oQCffaxLX4TS5mSTNg2ijFnaMvZom7DBpXJ9VL6vgT7mQwPH1diU+meguOIQqESYNH4TZnuoFPLjz28funCrTkuV+0Cr3kRULeatNLDWY0JsRKw6cwH8JR92du1E/oqZRs3CTdIiYTXHQl50NY91j+PTm1EWE4HfI4PFfXkjeUn7ZBt39Mm7DWRPwlPoog0Pl6wVbVXaStlb9SPivHU4itxVa+FWemnhcO0KizuW8pXDKJ+HUegQ+W5q65PvINzjs5WW4bPvvB8GYZnL7+JJmI55LMTJZ5i0VNpMiSE0pJrE/CtNMcvWb4t1B2FdkOmwnSa4nC3i4Orpa9dF6udXLmDANgepaXYUiMYBp8Q+gGPYfybscyWQBAfxNge25kmiTbSlOYavztcSz7Wvkw5cE3BP8osg2AHEf+CoD4HjWk/N+xfyq2KGIESAcDiYiFmNw+NnhRAJreWs/ZncaTauoe8sTeZ+CyHKxibOJf1+qbasPr+2Y9WriOn/iThSaFe/np67yA65r7FTuyVK8ii/M5fnlpIsUybmnEfIxU3Sv4JPzLHgeYDccgmMjBUVzSO2gYhwhG+0eFUsuMmAqCjtvdIWSpVpo8cRYhgKM0WAudBwEZjMPCX3XAEBVJ12NSHcMq0eEKQ3FgSnaPJGhHhVmiLhjfaJdQsw3oEYlG9deJfkCH7p7LhXAASMc3CcPM9Ck/Siggwsb72WQiJqibqpK+NTXvKl53k3z/rBjDXPlF/lc0OeWEeEUK7m6NyruRo3KpTvapDEQngGnA0edDx/qKlp+I+OgXdz+pG6emJgFwVmJX2t4YHXW4e4ECVDXX2jUGoWSilW19MyNUE1QnN1qasPCoba6ljcRzQZlCtdfranC8Qm2/EMIVHZSNRLycFbdJa1krmvv7jyBK8+vfzpata+mpiSEpwSRnv6Nes8eENZzcoGlKS5BIWHO8OEwXb8UBUKU5mIsDqeYK3hOuld0NhrgpAU91Y48+c4IYg6kWL2ntgpp/fswSw+qt+nMZ37rzXn8mORpPx5/9vZn46aqNK9EXlu/O8/4mP2oVFEM/WlOSLUrgrTjikaquR6fBXilKGMYRvK9nNj33GEUkJ7zUlTUGMOeJp36ycmOaUB9KalwWE6ac8go8xrzpl9MCRFuIOT/TW3TU1Ze9HvPq2QUquxKkrt84wUPsNfDFbEprzgOEKC7mA25zSKopETalokPiRZFqGpGabTBSxhlM0LWRpAgfGcd9UYz4+n2N69WACUYamKKKImogvapguwLyuagUbN7LGEuKAeDHs6oHT7Exx5p2/5eKu2O8h3a+JDUuSRsk1d67eEENVU9Nzmjt01F1Q8m0NhgIk24pOgpPKm0j/mP4wsDKRF7h3nY2edn/stHfBi+ZibxeuM23PtWJEKyZ0Rn3Hb/dbtFY2/L1wrojm/SsSKLwiHHTAy9ZJPBp2knEtXKy1cuAGTcudhW1phldQncBYfHgSxxkcBZx6SXExw0VNtcX2SpWN8cyYG+YUhzSFYDConyF5PpAvfk/Y5CuTvYE5Lb1AfHmPp7rSm8+8oiUfG6FKVTUFkMkbHYh2FyNvjcflhlkD/HKMMS5vSL9JpfObALOeyaAJizIkG6BTiiRM//ChjULxANpdgoRcKPyxhR2qk1B6sDankmjNp6RP2Trx4vcgsJJdLpaxjxQbRU7/W7PWYyoeEem13x6LDatdohKuBBjAO7kHFcM0L4hMc9HxPhIYaQ+IfXJsM2IHcGGUZ/2akM9Kbojj0gQsdR9fERtSxSkN6Pba8IOkpKih6a1gO78JUbLghDHB1S/QWzoV00YfPFbK5prUsh8DlkcieMimZcepcvhqGkjyXzD7yXpRQ4U+893T1MmXjUbHgSuWSkyEk6XadredfKPQrBcf8gLFCPe/tN224fqksSA5IXMOfHdR6/AJkwG9ilOheBqb7ZKqZRKj3lpRpqTDnTvFYC1Ai4OPzjO4NLR2CveOnDkb2fXu00KpsjdNhF08gu7GEoFawqaknlqaXu0m5lIJXcbIfnSkca7T0jKyNcjOWLndA6TIH+EfRJRjIPvIX3JHlr0KmNgphUybjxdO8m9bhDQW8yzgeB6u57NNmwsnu1mNulj7LD19yLY7UOgx8qV5OSwLkVX9beKDztfaUe8LDIGKKm5zwnOvWCTJgNIzpss4eAn4hI2AJ11/9SvsbnqXMh3L5RWhNPh9hSFaWQ5PwxWryjbqjuXEudvTEoJRG67jYXbmhvKqBRh9UsB0A8JWbEACgwcGCIkOKiIFUIMx9bhTgE0BCT2MTr2q4P4rph8PDXCqngI4bY8LZjElgB8lAhzj0KBuEt2+D0dDrAkgfF6RBHiXrqlQzRjRHaGVavbHn3yLYESAbBJUi1/IJ6YNFcLMFtg8Am9N749Dm8z+TAR74TPY5o0W3a175nDt+jOYfipjKdBZTxm0+Mqj70Sc85bme52mv5y7eQ7goo42Zgs5KhJVDQEJKTrdev56vJoRDQtYFNz32mlXP/yW+4Zs/957fz2u9V2/gTE5w8lOfx2mv+y5eH/CjjpmctxX4DOx8IlIyChwcTb+UydI0s4+pZ6qZ1fZiu63I1JRFjC9w98q//h/Lvc9l/TUrF5cbmVPllDlZjpnDB2eDI8Hh3IZGAfD7Wd689rfp905AADYyFcA0AAsA7AaIXIAYNSAzO5hM+FtDVxkSrl8vKEBFgkQDOjDACvEnQNayMdlg5adxxptgokkmG+OoueaZb4GFFuEyWWyJpZZZzh7PCisVK1GqDJ+DSlWq1dhoE4Fam22x1Tbb7bRDnXoNdsXGVrvtsdc+B+x30CGHw8MRxxx3wkmnNGqKhY1OO+uMc867oFlLdIQGrdq069AZE2t16dbTCDjqNTYGYgU3IyFEhAC33HbHXff0RUZwIPSv+x7o98hDIuLs4eljwVAQKhJCKGGEI8cJBUqECODjgBgREqTolSIVAgAIwK/94kGJld9bieGOCgAePF0X9Kt+u1qGc39UJ9NNAWCA5soaWFemkdZsY0Uuz5IVElHnLVqlhKgQKZmBQ3ylKBMoT7lwp6VJ1yYsKnwynZKCUpbNckwnoDdWIS2RNHvUqYsKd3PSJIdCzFLn2U67CHuY3Y511vqjTzJwDu7pD/KJFM4a0Jp+cVshOZTT5KfVhVA5PVtpF+54sBaQlPdnLy8DACkPLA0hhHagVT5qm90VqKPZC5VeyFePm6oeVIExyF5lKj1mUEDLzz5UHM1o5qAsFYKt+NZCGYJ+yjGn5cTdCD5wylYKe7uztyK/rkDdGHFFCs0Ne7Kq8qLx7acVVK9+R7hQKRByWP6/uoyNqTwhbSwh4h/s7CQHjWREdBAMukW8ON/btnN16P3hkRnh2CqyI87Ix4GG8+eH2y1dep0FUOIvW4C/2cMOSIQAiJEwDBAcmfLNA5cjgIN5l6OAwqLLMQBYEhkH1xAP9m42As7ahZhsirmmGavIGDOI7NM9enDjTndYJqTCRHLN5UCjMfW2Cb1vd/ytPOPNiIfNNImaIQhBiKnapttYCmymwDKLAvOpJbO4VjJ73+zNx5psEhF3m1vngwEMb1gFHgYAAAA=) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: normal; unicode-range: U+1B00-218F; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,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) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: normal; unicode-range: U+2190-21FF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAAUAAAsAAAAAB0AAAAS1AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYgTGyAcKgZgADQBNgIkAxgEBgWBdAcgG3wGEZWcfyE+EtMN9vKA5Bc0yUoz5//3zdWt7i7MMhk89Jh5YNQyuHYEC0QOBNNZU+uBFf/fX3vNFsIYcE02IK5Pv98Efw+vn0T3zFEboYh4FE8cSTQSMomQ8Ug0TyqZBNtCn6ltmWJarrMX4mswKBIYY7H7bxbmnSgqLFpx8yIZ/cA9xgIYCyNgLJKMxbKRoIjYCNlyHxrXrZvx+abPHxHcKkZSgdCXUgHlHqe3oz//PyeO3o9FFGNhscnzV2zcsf9YxvXRZ1+7WVpaVOU31l5RbOUBkheyMMmlLEZKVK6tsKIwZ+2aLRsVZRNls3HL+pRnzcrVfUmk4lcW376y5PCf7C3gZLvzqq35t/M+nUD5ywykaFPZH9GRJYNONVRVTftcgLGWUIRLYJCwSaGn8CfbxwbYj5JJypDaol6kJ31kizO5PqQxs+bUnM4k56Br0Gkht7C9/jE3vSeO0BJupOuTZ4LoOC298SmP8tF9cfSWHk8L6T4zLaXjfPKCbpwNpiXiyMevCxu5WT2DTtfw9clOp6Y504RNeHjUi8YuUazT0k/jTC76zsgym27QcbGUT545YKQHiSNiCTe5Xk8nN9n4YN9gb19Sn6a9FuFRvaI6Ko0/qhi9pcv0xqB5ibQ4a3Jf7+BgXxrZyJ3+ulgijnDj7IHJC8FiKR0/dYNH/UqVVt1FR+JMrtdjiDg0F2uofsDBPCq2p+4WkcQ4/Rc0CYQ8BEJHaTsf6B/qSenV+i0mVZygWm+cwgtQpJC4kChANpOaHAGRNzFs+v1rfGz+9AbNpvl8qi5YSM0pQrJV3ORaf29oWT1DA/2Ila5ZzAIHJrSkNB8rKfm9uOm9AUf9kDPZ6dI0R1rUF8YxRkHGSZlyab65jFykC/2tt8U39C3Zy7vHxdiD3N3scyc7HF63O6211dvU1OhvqE96WIxzBzb42zglGy8bF8z+Hn93V1Knt7OlzRJwO/wO1v8WY2Xde8n+gPhGfPvWRdJJLxOucWcdzTC2mB9UWrFUcwkjRWoEg6dhL7EO5IEOXyC5v98fCKS1t/s73O/Y4+22lNA4D/tSwcTNDd76pqRGf3Nbi8Ud6Pf2M2uo+5MN48JeTt/Qt5feFrrQHyTX3j4epQ1O/Da0a0hUDgWJWx3B2qDxh49Ezg2FiEJfny9UD/swXA8EAi9OzIuI+LCvvSvQ0f1QROTE4lmpAO8ygwEIQwoLtv/g8TMIgQIAMzMAABD2QotJtUXl3ywvRAIQIlGRnmMB8EkROUL6DnCpsewhrM059FDtivfmBOYMyI9OE1B7WOhuBbs2gbRVjgCgUgBIAGQAs8hgClGgQgUw35zPzEgw+x8lEC2E3C71ywOzS65Hb/83RFaeA4Bfaz/+dHJy/dvvzkxNU+hLyj2ADIkxRf54muAPswIYM39VAEN/eyZ1I0OSc9Y7J0auUtmylYIVwgEE4xIZTAkFUAuzXAYFtVwJEhxcGYCrXIFxOZK49EEsm+9TpFiNUjmyZCunehyqtVZbY3NNM7KRV3UL6lFZbUCOfLVsvkm35SmXrUKhlVR75ANKHNWXEbR3JuEdbaX12qwcQKftHPKwMjmKFFKtsdJqwZQBMWaGrQUAAAA=) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: normal; unicode-range: U+F8FF-10FFFF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAAJ0AAsAAAAAA/wAAAIrAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYIRGyAcKgZgAAQBNgIkAwQEBgWBdAcgGzYDQC4D7AZ5j5pUbZm4E4qID3FTshVsW6OPY3WC/+/H2rnvv11ENDEkTQxJq+WNZLJJVAvFm3aTBlvR0kSNfr+2Z6qhKJBM0ol5Y6ja8JLIZEphKPV9HOFkV4XMJnQRxziiAWnTbbybh5rcbQEVaSD4FH+CudcDRKD1sl994/9u8i2QA733nQ5oNDZoniWWYBj3EluDplDkEWft9AMzuudgMIgSdgg3JGVZ6nd2Bv1B6OwinfywmQofJcRH0ykzg9Iyv2VCRnk43/6X4PXUhMnvZ0DScRl4PMKMu/dGkVLCpfSOfGPKU4mFo9Fou1nWW8n6duj0Rd30ilt5v1vpvG4gDg9rRU4mn5ajexpYLbO6SVMBJFn6yMPnuxP+npv9XR6Oexf1IXJq7ndftzNJD8lJ+eLN4tGnQyi82LheWVxa3UxN+/QqTSCykoeAZEqVU/vW9jG4OMD/A8AQVapZPXFvadqHlofodtvXIiw8pNo9iKFmtUk8TuFR5f/AKby9MHb+CBB2lNQMrABYE0KgkgMgQNB3by5Ifm74PoDHdQc8nr2e/PsjvPM4CBgAgnD1R3CR3f/+5wka5ppslUPoBgEJxDCQJwFDoIFwhsAwxiAAE0VnpRGKc8JoieMZA0MrYy0NTVNWe6wa1KnXOAqs47ZKPVasujW1dOXLrh8VHVNNM31hlVp0dVnrDCe6X0Oolp+rqQoHNO6f6u1jEy0DfVb1atQJDyDxv8QBAA==) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: italic; unicode-range: U+0000-007F; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,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) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: italic; unicode-range: U+0080-1AFF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,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) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: italic; unicode-range: U+1B00-218F; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,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) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: italic; unicode-range: U+2190-21FF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAATcAAsAAAAABxwAAASRAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYdvGyAcKgZgADQBNgIkAxgEBgWBdAcgG1gGEVWcQwE+ElO4G3pA8hc0hxm3NGG6/8up/ZE0IXYD5JQJQigjvFYGThf5VABWk9PS4bI3/ONOAHFwCxNLNbXr539uoRZZW+ctNHr4gnzB5NNGgyUgiUYiIVpoeKSemIV0+UJPp2JbqHYhnb3wk1sQkAQghOQtP1J7bkNdbd2Ed62zY/jbl7IRwEZmARslsNEiK5EsWQLPzxKrPgHLtGmDHo/hs7NS+Xn+USVA+usP7yneyn36YVUB3suHHEIy8suHT5i5YPm6rYc++unqkcbGujbHjdmW+gr7CLfIUzhDQQrTuo/XttSemTplzszcNcs1Oz5nh0pMmTh5MRQqbf/oY/vHXP9DXwMOnc+b3Hz+2LnfThD+zwwgPdH0l+igeGDa0qWNYv8HACGOdMgUgIAA05z1MbwnI0g7uUL+FqYIF3LQo5Iv2a/iQ+zRyAbZYCgzxI1xQxXa+fHrj/kaHEPZFrVvewqux7GHn9KcT1rZn20Eb6kijsRPNDgW19O+3SrbkYpj+JrH1/lxtNO4wRg3lBsMsmyo5se5i7plv6viO3ZK0b+ej61sX8G2pFQyH3N9SwqPp/WReDhSFpGXpCqD4FiOzz1xI67ZBFu1PBKOk0k143po33Kdj+FrKNuxom93Kh+L6zcddktLJNPE62GS9LJRTphiemktn1+bjYTi/ymyysn1LXgjzqexaCLksj8sR8mGSRzehAQhUE4EcgaFUOeSv1QH/ccea54exiE4nPZ3pfKMbELUzfwI1WZhz8mhRCwqbcaDKQ0n2pIUZfIYgfhvojG9KWEoNxhlWV+d84KtI5jCNop4FodrmtCIKldv3eZv8C3qmoO9vOdzard57OV6vdtur3Y63VarxWs2lX3Je6kNT/iLbRLZj2y3xhvyBgNlfrffcbFKseu9et3r8p6m4FLUfcbf8Le39qCKahM39hoGxz+VrWyO5vOc8s1kLwlSCdcQ5qWoeyhVfB6lPBr1Kkr1pUtenwM7Q+5gVQP2Us9fKRWpxuw2WcssXttFR5Vdibqj2gTnP2ju5bpmfINv997mKlc/R+PSCM2R48nfE4sSvDWRwo/6UuU4+9ODOxNpvNYT8aSrGdcyVUVRkuuysq5FQxHF92NWdtI2uqgSgAY0CABkQIUqZPnK9dshDSQAgMFBAADACYw0mrBYzvkjzbVQwrRDrST8TBSgcpCYJbwDsHe15AuYOjthYdfuBVNNaip+PYBgECR9cW4PaCDMFbMa7CYVKrtIirIsEFmSQGuXbKRc08HBypbsnw0cCimurtT2sysP5c7/L02UfgEA+K3z8VP5dNPte4OjB/7f19JCEEAEQbNJfDyAvBmbGb7BLxA6PviHt3+eCEHIgTI7TbdTnrMaHXZaI9gMMgEgFfYSgUjpANAJzAoBCToVAQTQKyIAGEclnkKhjJGn6Dx9mTr1OjQ645TTmml9C1pTTTbF7Cs0oXVJ6yhXaG2uIJ+fN131vD7HnNPstBa1JtJa4jxjyFbehNATsv0Eba1Kx01c2g2ZnfCjmpxRp5bWFBNNTqsiwCCr53WbagEAAAA=) format("woff2"); } @font-face { font-family: dm; font-weight: 400; font-style: italic; unicode-range: U+F8FF-10FFFF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAAJwAAsAAAAAA/gAAAInAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYIOGyAcKgZgAAQBNgIkAwQEBgWBdAcgGzMDIL4Mb4gcpY8lI6bRFpuvq4/OWEUk/8G00RY3bzZ45QTP/4/7fp977/hhqDRrEowk18nij7AjlZhdyoMv5jaxZE2Bj3goRCo0jjQxTYTacALb/XAD3u4CDzHDKgCagaf4WPsskuLqgQ3PZuX/n3qBs2kmff9/N/kG2b0PAne7CZpHlGAY9xJq09hCASUSoGTuSs0f2zl4eIgSJghGISKxbXaRXsuiPBy17rvw/Wa3uNuCe5R7qd2i2WdRPsGis68g+3ZpyKuftUT4Ml8LiPrqLUz7F5d4lxWHEbH1TwVznkJxQVFRUcPp5HpB22zRiZu6iSW3/FDmps8biI7jmrPj9tdyRFd98BQsNBZBEBFl2zjn+X2+8fxv6Xy4zzkaIU9y/93vGj4f6Sv2n94f9TP6mJ9Hjhzx9Fp4eubk6SNHH1qsnnViFoQdT0KAaDJlk7aOyw1hMAChEACF5cmnyrGLc12BiEREu1GP5QhhGG1RP8C4Wq3coCSGCSj319jF//XtoAt9W6KaQI4DVI22ALkMAAIIJP+TmbHrYDBPAH5p8KtXb689cwMKjQJAQH8K7tVQaL38SkDoDwAARJ3ABkOIABGM44iJAtYQEwTDGigUW6CBnayhJWGkZwXhRfafy2pu4jDqwF25ShQpVrUSDJE05ZqfwVAUZ+7L7O+kXdQXR7maswwqDVrA81Xk1w6+d1Rg+3GHm9q4LECxAkXRaxpCbqELSggA) format("woff2"); } @font-face { font-family: dm; font-weight: 700; font-style: normal; unicode-range: U+0000-007F; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,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) format("woff2"); } @font-face { font-family: dm; font-weight: 700; font-style: normal; unicode-range: U+0080-1AFF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,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) format("woff2"); } @font-face { font-family: dm; font-weight: 700; font-style: normal; unicode-range: U+1B00-218F; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAAsQAAsAAAAAEVAAAArGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADZp/GyAcKgZgAIEsATYCJANCBAYFgXQHIBuKEACO0xV3IEmSe0c05/9ekrsEyk8lPUoDXK5mnpohngqaBNGKEVwimNYU07a0Dv5E6RObSze/5SH/9u5+lMBf4FlUW4YJhFESSNAWUeABBtb1+7W6D/coHi000caFQieU++/MG3g+tYRpKCbNZPo/krili6RKyB4akRoZMjmgIZ2t37uCGbUBgiAREYR4s6Pn2T1enl5znmmFY0+5mZuCuKkWiJvG46bzubECPNqCz2jRpX7RV40mYMNCGIkLbREy2z3agpeE/JGt88H+N42B3tFIHARlLrGZOH3u4uVrdt5I1e477+ru+My6/v4uCtePCRYeFfr+js4qpetRX3P/L5Hg6XrU7ZyC9W1SGdedChfMnU+qAJCdmu58asZDffgbv+G77vrKzzmf/ZkEjL/HgMgu9Pv3czBkLqsdWFaMNkJEXEPIz75hYAOIQAUK8Ad1mHcgJQT+HmcDOSM2hNIRI5+4IURsIgLPQUqXPfWZWE5k8kieNy+d18X7i7+O3y8wEywS7Ba8I8eR9VSJ8Jpoueiu2SazAnMr82DzTyPUI+6INX1Giz7i/u8c9Tv/LmdN4znNc+qOMxPnQNjPlGLG73AcfN9/++n39/OxFz4+e5qbLHV+Vlj/tOVnmC2FdGwBk/BqKjbH8smlM2JI7Cd+4rz4XD3k0FqNPqmQMblFUGqN8qIXw7lRYkjrIoyj4QfaZFzOGSmxsdx/DGSADMtgoUQrqYEM7h3tonO/U12lv627rAtJZ9Ka9e/i0vfkWKnUB9iwnaLrVyIvXZKKjbrS/pdhIUdmzv4yl0BLtG0BWm3Dv2kd42MSohKSpNWqKkdXN6WTKkGVEcJIasL3KTdcCRWJ8UIo2yUMgP3YBmzOIwBb0g1epERryHzxTWF7fFJsSnS66FFoyRF7Xz/7wNiQxAhtqNrvsfVSmKjfWhvhI14IKdRVB37m3tKuwq9Sd8dNG+qW2uIXn747Qq0+OCEULssvSvEqy6xQIY5irIMutWYGQBtL4CNuBKYImNGhF+KCddp6t8TEKHWVg6u7R3qo494xwKssJdrsQ4rxYrjbnBeekHdu/X8UlAnq+nOxWEOuxqjFDwfGQPX3kipuNPeKlsjBaQp2wrKZIDP5/Mn5wJRh4aJtahmAvQPESMIHlvOhQYbXTDArHHv8CR7SX/EUWLOjehnVWFJi8ITjBKgWxLfsoneWKzray8vV3IryXbs8FLsYcQjYEu/A5olkP1HkY70hvZa2M/jdv2cwiGI/g/0BrsHgvZZ2+nj3+/oIpcHO3s+DM/N6cM/D3m52cVgD7HhGFL6GaV16z975XKVxC23ywcNvTnG+8Ik07fz/ZHqwvfOboT3Nixfv3SeP07pzSBbdRZ8KMDQ3ZusePMpRyvcH+J2WRXK7M+dvWrxonzxY39zkJw9QGkC96QM9VK3jIsptOwevUtzOORCwG6L53Bawojd3e95U3dfdK7r5qseu02rrnjXLDiyvX9q99OVe0Yr8fwTIa6dftnQP1g8e6F8zsLXVbofVq1VFLjp7lZ2ny+bVIvEAt5zI44DP9XNRtKkRf3myn2vkhKQ4pAf2dP3eBeoe4s0v/D6IpPGSkp+mAWMNlmD23Z+5MkxkkPKI7YfXWa861ASEUgbnqYQ+EodTkZmazCxpqiY1KoWBgATot1d/CmhtY3evdUfN8Z3Zsn9LyGHPyd2YsMbSKdgc7zwnO0pdXk4+oSLDNGFh0hBNSFQI40BdXkGK4SdunKaGAGnbv21g18Y3GLX0jv9Mo95xo37w/S2gTtiOZWQL1Qy2JK55zx1YLfRc7b7Z77TPA7dX57pF4pAa0D15AaDxHwPsc7Budm4E8ya3Fkl3BOcXQvc33a675V123CCT9KDyM6esUvrsZNWWTXaKQ27aM5VqRjIcccLPS+EiPdzo1M2YbMGB5so54mi1qRh/IRO57fTd+NLEnFQRzn0OsEsY4HtGfeSCiNtjek0/DSr28ZV6nws+ftw7syCvMP9xFiPpQfJfSOflZ1eUGYL8lAFKtyDGOVulz5X2V+N13T/PfqvT6mtdu15rdU6ftbl/rsmK2c8Jt3Nyeuh5VetNv1KPLJnEpC3Lyi4uk7Zsrd5y+kTguUCm2pU0ZOQnFlrfqrjkfsZLdVB2/mgxJcFsU4naWeF14dRpdUqJt8z+LOlQXK1qt16BL+8FCg7hGTS2GvDOLCP5XJMNu6CS1zeAwL8Y5Hhh3YOGtULzokDkBPLcwSEbxJ1LJ7ee7u6qfdctr9/irb4UESpL7CBhcQNWUhKj3B/LyTaq2JVkpualF1nfz/M9dPys6oTCKyXfS+bkSCru3Q28Z43H4sP0IyeUg5PzTFsORvNoWEhLwAGbkwzj5TMAK3FE45iPb+EALJkRfumh+8radc5I/lN8o3q54HqjJQ2nqGD1pYtB/vu37N0YOUn0looabuqq78zR5+oz9aIaXCWMNFXRjxy5co53tJrEa0zZB0nb/lP2VjfIjRzkwzTL76gakOo7sjpzFhatrJwt+o56BvInIAdX6UwKz1VjqQcex5z9Sfku+DfRLCpwus96j7miszBOBVKYK51FYdcHWO5MwkC5cTx9VozPmvvJ8HFLjvmFy8QazqSB5WPuD3KTBiVVMM7ye6p6+D6MMPyum3YPj6icKfqeknjXwIG7nAScOzPfgmDc7I5nMEdghup96Fu9h5D1fusO42kiBUwPhWZYIJ1BSaqw8x2TZIQDnQV8nn/ZkMqxL7d3/NffGsfREA+TjwzhcLyKxNzue+PPrX45YP7VxsIwPLmi7fsD66D2cyB/5H5Y/5NLP3T+QMD+T3w4AK30xW3KjYdXihZzJ/rw38LHH/Qfkt6IYDsV30/iHVS0JjpamqZJi0xjYHO8314qRjNGGhmviY3z3UOqJilB+mP5neYHT73tSpiWJrLdY8fNpdZ41JbVeEKgJiAqUDaVurKcBD4VGhUSLJ0QgeGvdTqe8ZPjMJQNjwGzYUka2MIyGi8bFgnhqlBy7EcctvwpVNtK+4SroRSGh017Etdm0u2fJxSHZBh7M9dlYnUmhZ3ihVFr4fo1cCRThD01qRqzLvP6EV1x5EZvGSdZWNSnxibGxSflWfzPOH2sLULkQSMCQuZsMIh56+5DSETwceyOiJEnaqrpeFMTL45KT2SVE6FCQT6mYkT6UxQL3kuE0ImJiQstjCOI5BABsSRIWyMm2PELv4BMxL8Js/UIJUYg3sC34LFtcngG8TljfTzC+gukFTFGxR5MXK+wY1kpy7AT2ansfHYlu5nNY8smTJwwdYJdby2ZlZWwVqwNS3AetMLZ4HDyuQ78PjA88OvALwM/DvQPvBvoRGjArf/P/p7+B4jA4FmsWNuyYU1qfEqEDIMgdpuy/DIT7Ueu/lfEF1QhhFBPUGOzf+ULT2q/fv3yySxG8AER+Hj7twX/+QIoqpXncPtqIkwNZH1EJiG5WU6zCgr9gb5DFXQaRa1vCO1i7b5v0XiWrEw12SRfxTKzzHEO2gfJIRZCQifwEY0ZQigICscQBIJieHjCYvgQimgqyFdBkqbxqDKH38SLt0C+FNx5UGIVYy003wLLO0kIu1KWk0CrK+dB4ZwguLYJOTtLGS9V8TTXwgaco2qtPL8YjqsfuXLUpsjFXIrCJUfEE6mJFbx4Yi3gzRcBfKgAX7PQQggA) format("woff2"); } @font-face { font-family: dm; font-weight: 700; font-style: normal; unicode-range: U+2190-21FF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAAUwAAsAAAAAB1AAAATmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYgiGyAcKgZgADQBNgIkAxgEBgWBdAcgG4sGAI7TpTZgEnN0/bdZ/WbmEV2iJA6zYsqmkhMnIk5BTAcihkUMkpy4sKwZOZW/86+rntyLICrXkQ0QR08+dWrm0gQ092BRC9DqXtSrFmhMLHCpwL2epzzWACpGhKqRXuEpp/dUeAUCAgeEEGVSsaH2AaPBuPtMK1N7Z4K8GeQtgSBv5eRtvBwusJBAXv0Y9B08uGa1Cq8P9LGwZ+MB/BzxAMI3FN8NuvJ/Wyh+GAJKQvxDYjftPnI66b6Uwkdeeru4ocHYGjOaaq4brORYs5kiqzHz43HWWGZoNlQf2H/8SMsd5Y5Fjq9N5ffv2QcdWSrnbSvN237wz3wHOHNnXr9OX1r74QSeH2ZgOI82/g8dsxCCYs+IPs2/AICQIT8I4IAAB1odPoJ/yf3kNfI7t4Mr5p5UvokvJnrtWBYaZvbgd6pOqUvqipGme1xmdViRfcQxYrfgMKuIct9ip1BD5VM/LmsVqEUx6zZVWvExKy6G4kfesCLcgU4ViqilYY8tJ/4on/VBDTt1y82q0EpdZpOrO7ZL6uqUNKyMWanyTVnL6ry441JomBkvyeUqPMNEuqw9Lp9SsJNM474Lh7CChhXZbQ673e7rmpmedsbMdTk7nWpmwTKqHG+Rf2sl+M6PPL69oOp0OjvnYl2zrrkZDVah5S4307BTVE44vpzkw0TU3plFld9ji85rxnvIW/ilSjJJZilGmu6d7VE7hh0jjhF8gJ2Jct9k3L8UryoYt9V9Nz6AZxx2dKEjenZ6esoZ4zTNdM+qWTomZicht5Wy6wrk/s1epEpWu7RgRRPBj7z8P7JbtZiFgRhFV+72YYEYnZSJmayKSrMzkjPWOTU9O62xOUYddgemYHHUXW4WwKLp0t0+GMCibrlZChYl61cc0c6e3ikpVjKbuk0a5UU5nSAvZ/LYhBtUTWhEDzt34SL7DD9DfcvMr+zLJ+nggG0wtnKwv1JjG7IODsY8w76ing/9W87i5ffkDJXDxzZlm5iMmbJM9Y+pbRY60S/ZuzrK4sC+bJw5jPrH2Gc444IOPXiuiRl/lajyciAfvVs+o3qCGZkHPck6/Iy5mf5x8yH8somOjVvGYp9acDw7YZmxTGnq8UuvdqJHCOivGrIOWgbVnPNwTI9tYGxA3T/hGnH5pWwuxC+fMP/G9M34GbqTLzIP8zyBxiMuquyaW/phXjvPWuYVrGTcp2tO/smKGfO+zGCdtfp5/T0B3rGxsTeXNgYGemZHJ8fGp54KXLe0LTwegE6qgACAP8RRI0l33p8GviAAAKytAXjcqFtsww2m1Bc3GSDKJQ15gfsI40B5DR/I3QaAnOGSp+BAMmChxbPhsfVj6138s6sI+GeJ31mASQAA7gQfCABinAFuoPlAOBcivCyASAsUKa3/tbWaWuqnejdBqM1hrcZr7S0MOvWfLy+8BgDwfceFS/zsno/da2urf/s5hG+AAA+czwr+wiqy+etcSGvLPYAAfJ9wU6ATLdkByYKglFGJEkagAwEA4AM5eCCCHwB0ABkQEKADcMCBBHgAMHcL7ooUYmwhhZ/zExnVadegWqUqTUTPg+iAffY71jDJpONEJdqJdKpU09er6i1DqVpNqjQz2EOUQO+iM9RQoyZQztPlgZahUGYP0qZkBv24RtWMDET77bGvVngAHWsLcAAAAAA=) format("woff2"); } @font-face { font-family: dm; font-weight: 700; font-style: normal; unicode-range: U+F8FF-10FFFF; src: local("☺"), url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAAJ0AAsAAAAAA/QAAAIqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYILGyAcKgZgAAQBNgIkAwQEBgWBdAcgGzADAC4D7IZjzymg62laLb5im9YqKYd4pp0IH5Q4wfM11t7f3RNPmCSGpIkh4c2yaCYkPItas2reuIZYSNQTM2Ss3ZtaSFrNsPSi0pFIpbFOplQSozQTgtx2D1DYR6JuhAypGLvREA2A7uApPgY1OYgeC8Ayvq0tfgCOy3/OjT9vz2+AA909pwF9/n14lic0TDDgLsCov3cD7HJP9eTYIyKzTeFwCA8+E4xCRLzVnb12vN/reyL9TgUEkfJgglcieJcPbf0Qt29BkrLv8J7zzxfL3bbhyD1wjGfBvFlGfC+BrvfzhBHx1jVXVjwp4PWnrNv+wl6+cBzQyXu6yQ23capTbj9uoPHOagFvx3+WIwca9UT0znIXQESUt2/589nB/3tmaqS0NLrz8cJ7wfRIj9sRh9955/JPstfOQqZk3y3czExOze66PSH71ADLTBIBnGTKJtW1sRzoGIAEAGBYnnxqGre7c9KDHAkko875Ih2j3eoVNMnzyi47CgTI/R/Y5O+BdBB/hz4QRzmYAVQZiQ3kMgAIIPD/xF1r5/lKD3MM+Fw1wOfx8Ya/07h5I9AoAAT0Q/wvR2PC/4+GwJWJmuVBIwSw0URCjAPogY6CoQcVigHUwNDQ4DoL6WWVtc7zaH+wHDXrjYnekaVEkWKlS6TJfCtX11KvsdHs+BudH+X2pDHteZVAhURkrVZjS6jKUF2dVSteBQb3BfvWuNnv6RUrUMSpBo7ENgAAAA==) format("woff2"); } /* app/client/client.css */ @font-face { font-family: Virgil; src: url("/assets/Virgil.UZN6MUT6.woff2") format("woff2"); } /* app/client/theme.imba?styles */ b { font-weight: 600; } :root { --u_op-gray-1L: 8.5; --u_op-gray-1C: 1.2; --u_op-gray-1H: 245; --u_op-gray-1A: 1; --u_op-gray-2L: 11; --u_op-gray-2C: 1.4; --u_op-gray-2H: 245; --u_op-gray-2A: 1; --u_op-gray-3L: 14.5; --u_op-gray-3C: 1.7; --u_op-gray-3H: 245; --u_op-gray-3A: 1; --u_op-gray-4L: 17.5; --u_op-gray-4C: 1.9; --u_op-gray-4H: 245; --u_op-gray-4A: 1; --u_op-gray-5L: 21; --u_op-gray-5C: 2; --u_op-gray-5H: 245; --u_op-gray-5A: 1; --u_op-gray-6L: 25; --u_op-gray-6C: 2; --u_op-gray-6H: 245; --u_op-gray-6A: 1; --u_op-gray-7L: 31; --u_op-gray-7C: 2.2; --u_op-gray-7H: 245; --u_op-gray-7A: 1; --u_op-gray-8L: 38; --u_op-gray-8C: 2.4; --u_op-gray-8H: 245; --u_op-gray-8A: 1; --u_op-gray-9L: 45; --u_op-gray-9C: 2.6; --u_op-gray-9H: 245; --u_op-gray-9A: 1; --u_op-gray-10L: 52; --u_op-gray-10C: 2.6; --u_op-gray-10H: 245; --u_op-gray-10A: 1; --u_op-gray-11L: 70; --u_op-gray-11C: 2; --u_op-gray-11H: 245; --u_op-gray-11A: 1; --u_op-gray-12L: 91; --u_op-gray-12C: 1.3; --u_op-gray-12H: 245; --u_op-gray-12A: 1; --u_op-bgL: 9.5; --u_op-bgC: 1.3; --u_op-bgH: 245; --u_op-bgA: 1; --u_op-bg-subtleL: 11.5; --u_op-bg-subtleC: 1.4; --u_op-bg-subtleH: 245; --u_op-bg-subtleA: 1; --u_op-bg-elementL: 14.5; --u_op-bg-elementC: 1.7; --u_op-bg-elementH: 245; --u_op-bg-elementA: 1; --u_op-bg-hoverL: 18; --u_op-bg-hoverC: 1.9; --u_op-bg-hoverH: 245; --u_op-bg-hoverA: 1; --u_op-bg-activeL: 22; --u_op-bg-activeC: 2.1; --u_op-bg-activeH: 245; --u_op-bg-activeA: 1; --u_op-surfaceL: 11.5; --u_op-surfaceC: 1.4; --u_op-surfaceH: 245; --u_op-surfaceA: 1; --u_op-surface-hoverL: 14.5; --u_op-surface-hoverC: 1.7; --u_op-surface-hoverH: 245; --u_op-surface-hoverA: 1; --u_op-surface-raisedL: 15.5; --u_op-surface-raisedC: 1.8; --u_op-surface-raisedH: 245; --u_op-surface-raisedA: 1; --u_op-surface-sunkenL: 7.5; --u_op-surface-sunkenC: 1.2; --u_op-surface-sunkenH: 245; --u_op-surface-sunkenA: 1; --u_op-popup-bgL: var(--u_op-surfaceL); --u_op-popup-bgC: var(--u_op-surfaceC); --u_op-popup-bgH: var(--u_op-surfaceH); --u_op-popup-bgA: var(--u_op-surfaceA,1); --u_op-fgL: 91; --u_op-fgC: 1.3; --u_op-fgH: 245; --u_op-fgA: 1; --u_op-fg-mutedL: 74; --u_op-fg-mutedC: 2; --u_op-fg-mutedH: 245; --u_op-fg-mutedA: 1; --u_op-fg-subtleL: 58; --u_op-fg-subtleC: 2.5; --u_op-fg-subtleH: 245; --u_op-fg-subtleA: 1; --u_op-border-subtleL: 24; --u_op-border-subtleC: 1.8; --u_op-border-subtleH: 245; --u_op-border-subtleA: 1; --u_op-borderL: 31; --u_op-borderC: 2; --u_op-borderH: 245; --u_op-borderA: 1; --u_op-border-strongL: 39; --u_op-border-strongC: 2.3; --u_op-border-strongH: 245; --u_op-border-strongA: 1; --u_op-focusL: 43; --u_op-focusC: 20; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_bgL: var(--u_op-bgL); --u_bgC: var(--u_op-bgC); --u_bgH: var(--u_op-bgH); --u_bgA: var(--u_op-bgA,1); --u_bdL: var(--u_op-border-subtleL); --u_bdC: var(--u_op-border-subtleC); --u_bdH: var(--u_op-border-subtleH); --u_bdA: var(--u_op-border-subtleA,1); --u_hL: var(--u_op-fgL); --u_hC: var(--u_op-fgC); --u_hH: var(--u_op-fgH); --u_hA: var(--u_op-fgA,1); --u_pL: var(--u_op-fg-mutedL); --u_pC: var(--u_op-fg-mutedC); --u_pH: var(--u_op-fg-mutedH); --u_pA: var(--u_op-fg-mutedA,1); --u_metaL: var(--u_op-fg-subtleL); --u_metaC: var(--u_op-fg-subtleC); --u_metaH: var(--u_op-fg-subtleH); --u_metaA: var(--u_op-fg-subtleA,1); --u_softL: var(--u_op-fg-subtleL); --u_softC: var(--u_op-fg-subtleC); --u_softH: var(--u_op-fg-subtleH); --u_softA: var(--u_op-fg-subtleA,1); --u_hardL: var(--u_op-fgL); --u_hardC: var(--u_op-fgC); --u_hardH: var(--u_op-fgH); --u_hardA: var(--u_op-fgA,1); --u_dimL: var(--u_op-fg-subtleL); --u_dimC: var(--u_op-fg-subtleC); --u_dimH: var(--u_op-fg-subtleH); --u_dimA: var(--u_op-fg-subtleA,1); --u_softbgL: var(--u_op-bg-subtleL); --u_softbgC: var(--u_op-bg-subtleC); --u_softbgH: var(--u_op-bg-subtleH); --u_softbgA: var(--u_op-bg-subtleA,1); --u_libgL: var(--u_op-bg-subtleL); --u_libgC: var(--u_op-bg-subtleC); --u_libgH: var(--u_op-bg-subtleH); --u_libgA: var(--u_op-bg-subtleA,1); --u_focusL: var(--u_op-focusL); --u_focusC: var(--u_op-focusC); --u_focusH: var(--u_op-focusH); --u_focusA: var(--u_op-focusA,1); --u_textL: var(--u_op-fg-mutedL); --u_textC: var(--u_op-fg-mutedC); --u_textH: var(--u_op-fg-mutedH); --u_textA: var(--u_op-fg-mutedA,1); --u_placeholderL: var(--u_op-fg-subtleL); --u_placeholderC: var(--u_op-fg-subtleC); --u_placeholderH: var(--u_op-fg-subtleH); --u_placeholderA: var(--u_op-fg-subtleA,1); --u_site-bgL: var(--u_op-bgL); --u_site-bgC: var(--u_op-bgC); --u_site-bgH: var(--u_op-bgH); --u_site-bgA: var(--u_op-bgA,1); --u_menu-bgL: var(--u_op-bg-subtleL); --u_menu-bgC: var(--u_op-bg-subtleC); --u_menu-bgH: var(--u_op-bg-subtleH); --u_menu-bgA: var(--u_op-bg-subtleA,1); --u_nav-bgL: var(--u_op-bgL); --u_nav-bgC: var(--u_op-bgC); --u_nav-bgH: var(--u_op-bgH); --u_nav-bgA: var(--u_op-bgA,1); --u_site-dark-bgL: var(--u_op-bg-subtleL); --u_site-dark-bgC: var(--u_op-bg-subtleC); --u_site-dark-bgH: var(--u_op-bg-subtleH); --u_site-dark-bgA: var(--u_op-bg-subtleA,1); --u_site-cL: var(--u_op-fgL); --u_site-cC: var(--u_op-fgC); --u_site-cH: var(--u_op-fgH); --u_site-cA: var(--u_op-fgA,1); --u_item-bgL: var(--u_op-bg-subtleL); --u_item-bgC: var(--u_op-bg-subtleC); --u_item-bgH: var(--u_op-bg-subtleH); --u_item-bgA: var(--u_op-bg-subtleA,1); --u_area-bgL: 16.5; --u_area-bgC: 1.8; --u_area-bgH: 245; --u_area-bgA: 1; --u_tile-bgL: 12.5; --u_tile-bgC: 1.5; --u_tile-bgH: 245; --u_tile-bgA: 1; --u_tile-hover-bgL: 14; --u_tile-hover-bgC: 1.7; --u_tile-hover-bgH: 245; --u_tile-hover-bgA: 1; --u_scrim-tile-bgL: 8.5; --u_scrim-tile-bgC: 1.2; --u_scrim-tile-bgH: 245; --u_scrim-tile-bgA: 1; --u_scrim-bgL: 9.5; --u_scrim-bgC: 1.2; --u_scrim-bgH: 245; --u_scrim-bgA: 1; --u_scrim-bcL: 16; --u_scrim-bcC: 1.8; --u_scrim-bcH: 245; --u_scrim-bcA: 1; --u_backdropL: 14; --u_backdropC: 1.8; --u_backdropH: 245; --u_backdropA: 1; --u_negativeL: var(--u_op-fgL); --u_negativeC: var(--u_op-fgC); --u_negativeH: var(--u_op-fgH); --u_negativeA: var(--u_op-fgA,1); --u_groupbgL: var(--u_op-bg-subtleL); --u_groupbgC: var(--u_op-bg-subtleC); --u_groupbgH: var(--u_op-bg-subtleH); --u_groupbgA: var(--u_op-bg-subtleA,1); --u_cardbgL: var(--u_op-bg-elementL); --u_cardbgC: var(--u_op-bg-elementC); --u_cardbgH: var(--u_op-bg-elementH); --u_cardbgA: var(--u_op-bg-elementA,1); --u_codebgL: var(--u_op-surface-sunkenL); --u_codebgC: var(--u_op-surface-sunkenC); --u_codebgH: var(--u_op-surface-sunkenH); --u_codebgA: var(--u_op-surface-sunkenA,1); --u_codebdL: var(--u_op-border-subtleL); --u_codebdC: var(--u_op-border-subtleC); --u_codebdH: var(--u_op-border-subtleH); --u_codebdA: var(--u_op-border-subtleA,1); --u_spacebdL: var(--u_op-border-subtleL); --u_spacebdC: var(--u_op-border-subtleC); --u_spacebdH: var(--u_op-border-subtleH); --u_spacebdA: var(--u_op-border-subtleA,1); --u_spacebgL: var(--u_op-bgL); --u_spacebgC: var(--u_op-bgC); --u_spacebgH: var(--u_op-bgH); --u_spacebgA: var(--u_op-bgA,1); --u_sidebarbgL: var(--u_op-bgL); --u_sidebarbgC: var(--u_op-bgC); --u_sidebarbgH: var(--u_op-bgH); --u_sidebarbgA: var(--u_op-bgA,1); --u_tilebgL: var(--u_cardbgL); --u_tilebgC: var(--u_cardbgC); --u_tilebgH: var(--u_cardbgH); --u_tilebgA: var(--u_cardbgA,1); --u_tilebdL: var(--u_op-border-subtleL); --u_tilebdC: var(--u_op-border-subtleC); --u_tilebdH: var(--u_op-border-subtleH); --u_tilebdA: var(--u_op-border-subtleA,1); --u_linkL: 66; --u_linkC: 49.8; --u_linkH: 266.6; --u_linkA: 1; --u_grayL: 57.2; --u_grayC: 15.1; --u_grayH: 261.9; --u_grayA: 1; --u_op-button-fgL: var(--u_op-fgL); --u_op-button-fgC: var(--u_op-fgC); --u_op-button-fgH: var(--u_op-fgH); --u_op-button-fgA: var(--u_op-fgA,1); --u_op-button-bgL: var(--u_op-gray-4L); --u_op-button-bgC: var(--u_op-gray-4C); --u_op-button-bgH: var(--u_op-gray-4H); --u_op-button-bgA: var(--u_op-gray-4A,1); --u_op-button-bg-hL: var(--u_op-gray-5L); --u_op-button-bg-hC: var(--u_op-gray-5C); --u_op-button-bg-hH: var(--u_op-gray-5H); --u_op-button-bg-hA: var(--u_op-gray-5A,1); --u_op-button-split-bgL: var(--u_op-gray-5L); --u_op-button-split-bgC: var(--u_op-gray-5C); --u_op-button-split-bgH: var(--u_op-gray-5H); --u_op-button-split-bgA: var(--u_op-gray-5A,1); --op-button-shadow: none; --op-button-text-shadow: none; --u_op-button-contourL: var(--u_op-border-subtleL); --u_op-button-contourC: var(--u_op-border-subtleC); --u_op-button-contourH: var(--u_op-border-subtleH); --u_op-button-contourA: var(--u_op-border-subtleA,1); --u_op-button-primary-fgL: 100; --u_op-button-primary-fgC: 0; --u_op-button-primary-fgH: 0; --u_op-button-primary-fgA: 1; --u_op-button-primary-bgL: var(--u_accentL); --u_op-button-primary-bgC: var(--u_accentC); --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: var(--u_accentL); --u_op-button-primary-bg-hC: var(--u_accentC); --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: var(--u_accentL); --u_op-button-primary-contourC: var(--u_accentC); --u_op-button-primary-contourH: var(--u_accentH); --u_op-button-primary-contourA: var(--u_accentA,1); --u_op-button-outline-fgL: var(--u_op-fg-mutedL); --u_op-button-outline-fgC: var(--u_op-fg-mutedC); --u_op-button-outline-fgH: var(--u_op-fg-mutedH); --u_op-button-outline-fgA: var(--u_op-fg-mutedA,1); --u_op-button-outline-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-borderA: var(--u_op-fg-mutedA,1); --u_op-button-outline-inner-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-inner-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-inner-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-inner-borderA: 20%; --u_op-button-inline-bgL: var(--u_op-gray-4L); --u_op-button-inline-bgC: var(--u_op-gray-4C); --u_op-button-inline-bgH: var(--u_op-gray-4H); --u_op-button-inline-bgA: 0%; --u_op-button-inline-bg-hL: var(--u_op-gray-5L); --u_op-button-inline-bg-hC: var(--u_op-gray-5C); --u_op-button-inline-bg-hH: var(--u_op-gray-5H); --u_op-button-inline-bg-hA: var(--u_op-gray-5A,1); --u_op-button-neutral-fgL: var(--u_op-fgL); --u_op-button-neutral-fgC: var(--u_op-fgC); --u_op-button-neutral-fgH: var(--u_op-fgH); --u_op-button-neutral-fgA: var(--u_op-fgA,1); --u_op-button-neutral-bgL: var(--u_op-gray-4L); --u_op-button-neutral-bgC: var(--u_op-gray-4C); --u_op-button-neutral-bgH: var(--u_op-gray-4H); --u_op-button-neutral-bgA: var(--u_op-gray-4A,1); --u_op-button-neutral-bg-hL: var(--u_op-gray-4L); --u_op-button-neutral-bg-hC: var(--u_op-gray-4C); --u_op-button-neutral-bg-hH: var(--u_op-gray-4H); --u_op-button-neutral-bg-hA: var(--u_op-gray-4A,1); --u_op-button-white-fgL: 0; --u_op-button-white-fgC: 0; --u_op-button-white-fgH: 0; --u_op-button-white-fgA: 1; --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: 0; --u_op-button-white-bgA: 1; --u_op-button-white-bg-hL: 100; --u_op-button-white-bg-hC: 0; --u_op-button-white-bg-hH: 0; --u_op-button-white-bg-hA: 1; --u_op-button-link-fgL: var(--u_linkL); --u_op-button-link-fgC: var(--u_linkC); --u_op-button-link-fgH: var(--u_linkH); --u_op-button-link-fgA: var(--u_linkA,1); --u_doc-pre-bgL: var(--u_op-surface-sunkenL); --u_doc-pre-bgC: var(--u_op-surface-sunkenC); --u_doc-pre-bgH: var(--u_op-surface-sunkenH); --u_doc-pre-bgA: var(--u_op-surface-sunkenA,1); --u_doc-caretL: var(--u_doc-fgL); --u_doc-caretC: var(--u_doc-fgC); --u_doc-caretH: var(--u_doc-fgH); --u_doc-caretA: var(--u_doc-fgA,1); --u_doc-scope-bgL: 54.9; --u_doc-scope-bgC: 71.4; --u_doc-scope-bgH: 279.9; --u_doc-scope-bgA: .2; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .op-accent-scope:not(._0) { --u_op-focusL: 43; --u_op-focusC: 20; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_op-button-fgL: var(--u_op-fgL); --u_op-button-fgC: var(--u_op-fgC); --u_op-button-fgH: var(--u_op-fgH); --u_op-button-fgA: var(--u_op-fgA,1); --u_op-button-bgL: var(--u_op-gray-4L); --u_op-button-bgC: var(--u_op-gray-4C); --u_op-button-bgH: var(--u_op-gray-4H); --u_op-button-bgA: var(--u_op-gray-4A,1); --u_op-button-bg-hL: var(--u_op-gray-5L); --u_op-button-bg-hC: var(--u_op-gray-5C); --u_op-button-bg-hH: var(--u_op-gray-5H); --u_op-button-bg-hA: var(--u_op-gray-5A,1); --u_op-button-split-bgL: var(--u_op-gray-5L); --u_op-button-split-bgC: var(--u_op-gray-5C); --u_op-button-split-bgH: var(--u_op-gray-5H); --u_op-button-split-bgA: var(--u_op-gray-5A,1); --op-button-shadow: none; --op-button-text-shadow: none; --u_op-button-contourL: var(--u_op-border-subtleL); --u_op-button-contourC: var(--u_op-border-subtleC); --u_op-button-contourH: var(--u_op-border-subtleH); --u_op-button-contourA: var(--u_op-border-subtleA,1); --u_op-button-primary-fgL: 100; --u_op-button-primary-fgC: 0; --u_op-button-primary-fgH: 0; --u_op-button-primary-fgA: 1; --u_op-button-primary-bgL: var(--u_accentL); --u_op-button-primary-bgC: var(--u_accentC); --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: var(--u_accentL); --u_op-button-primary-bg-hC: var(--u_accentC); --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: var(--u_accentL); --u_op-button-primary-contourC: var(--u_accentC); --u_op-button-primary-contourH: var(--u_accentH); --u_op-button-primary-contourA: var(--u_accentA,1); --u_op-button-outline-fgL: var(--u_op-fg-mutedL); --u_op-button-outline-fgC: var(--u_op-fg-mutedC); --u_op-button-outline-fgH: var(--u_op-fg-mutedH); --u_op-button-outline-fgA: var(--u_op-fg-mutedA,1); --u_op-button-outline-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-borderA: var(--u_op-fg-mutedA,1); --u_op-button-outline-inner-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-inner-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-inner-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-inner-borderA: 20%; --u_op-button-inline-bgL: var(--u_op-gray-4L); --u_op-button-inline-bgC: var(--u_op-gray-4C); --u_op-button-inline-bgH: var(--u_op-gray-4H); --u_op-button-inline-bgA: 0%; --u_op-button-inline-bg-hL: var(--u_op-gray-5L); --u_op-button-inline-bg-hC: var(--u_op-gray-5C); --u_op-button-inline-bg-hH: var(--u_op-gray-5H); --u_op-button-inline-bg-hA: var(--u_op-gray-5A,1); --u_op-button-neutral-fgL: var(--u_op-fgL); --u_op-button-neutral-fgC: var(--u_op-fgC); --u_op-button-neutral-fgH: var(--u_op-fgH); --u_op-button-neutral-fgA: var(--u_op-fgA,1); --u_op-button-neutral-bgL: var(--u_op-gray-4L); --u_op-button-neutral-bgC: var(--u_op-gray-4C); --u_op-button-neutral-bgH: var(--u_op-gray-4H); --u_op-button-neutral-bgA: var(--u_op-gray-4A,1); --u_op-button-neutral-bg-hL: var(--u_op-gray-4L); --u_op-button-neutral-bg-hC: var(--u_op-gray-4C); --u_op-button-neutral-bg-hH: var(--u_op-gray-4H); --u_op-button-neutral-bg-hA: var(--u_op-gray-4A,1); --u_op-button-white-fgL: 0; --u_op-button-white-fgC: 0; --u_op-button-white-fgH: 0; --u_op-button-white-fgA: 1; --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: 0; --u_op-button-white-bgA: 1; --u_op-button-white-bg-hL: 100; --u_op-button-white-bg-hC: 0; --u_op-button-white-bg-hH: 0; --u_op-button-white-bg-hA: 1; --u_op-button-link-fgL: var(--u_linkL); --u_op-button-link-fgC: var(--u_linkC); --u_op-button-link-fgH: var(--u_linkH); --u_op-button-link-fgA: var(--u_linkA,1); --u_bgL: var(--u_op-bgL); --u_bgC: var(--u_op-bgC); --u_bgH: var(--u_op-bgH); --u_bgA: var(--u_op-bgA,1); --u_bdL: var(--u_op-border-subtleL); --u_bdC: var(--u_op-border-subtleC); --u_bdH: var(--u_op-border-subtleH); --u_bdA: var(--u_op-border-subtleA,1); --u_hL: var(--u_op-fgL); --u_hC: var(--u_op-fgC); --u_hH: var(--u_op-fgH); --u_hA: var(--u_op-fgA,1); --u_pL: var(--u_op-fg-mutedL); --u_pC: var(--u_op-fg-mutedC); --u_pH: var(--u_op-fg-mutedH); --u_pA: var(--u_op-fg-mutedA,1); --u_metaL: var(--u_op-fg-subtleL); --u_metaC: var(--u_op-fg-subtleC); --u_metaH: var(--u_op-fg-subtleH); --u_metaA: var(--u_op-fg-subtleA,1); --u_softL: var(--u_op-fg-subtleL); --u_softC: var(--u_op-fg-subtleC); --u_softH: var(--u_op-fg-subtleH); --u_softA: var(--u_op-fg-subtleA,1); --u_hardL: var(--u_op-fgL); --u_hardC: var(--u_op-fgC); --u_hardH: var(--u_op-fgH); --u_hardA: var(--u_op-fgA,1); --u_dimL: var(--u_op-fg-subtleL); --u_dimC: var(--u_op-fg-subtleC); --u_dimH: var(--u_op-fg-subtleH); --u_dimA: var(--u_op-fg-subtleA,1); --u_softbgL: var(--u_op-bg-subtleL); --u_softbgC: var(--u_op-bg-subtleC); --u_softbgH: var(--u_op-bg-subtleH); --u_softbgA: var(--u_op-bg-subtleA,1); --u_libgL: var(--u_op-bg-subtleL); --u_libgC: var(--u_op-bg-subtleC); --u_libgH: var(--u_op-bg-subtleH); --u_libgA: var(--u_op-bg-subtleA,1); --u_focusL: var(--u_op-focusL); --u_focusC: var(--u_op-focusC); --u_focusH: var(--u_op-focusH); --u_focusA: var(--u_op-focusA,1); } .light:not(._0) { --u_op-gray-1L: 99.2; --u_op-gray-1C: .5; --u_op-gray-1H: 245; --u_op-gray-1A: 1; --u_op-gray-2L: 98; --u_op-gray-2C: .6; --u_op-gray-2H: 245; --u_op-gray-2A: 1; --u_op-gray-3L: 96.5; --u_op-gray-3C: .6; --u_op-gray-3H: 245; --u_op-gray-3A: 1; --u_op-gray-4L: 94.5; --u_op-gray-4C: .8; --u_op-gray-4H: 245; --u_op-gray-4A: 1; --u_op-gray-5L: 91.5; --u_op-gray-5C: 1; --u_op-gray-5H: 245; --u_op-gray-5A: 1; --u_op-gray-6L: 88; --u_op-gray-6C: 1.1; --u_op-gray-6H: 245; --u_op-gray-6A: 1; --u_op-gray-7L: 82; --u_op-gray-7C: 1.4; --u_op-gray-7H: 245; --u_op-gray-7A: 1; --u_op-gray-8L: 72; --u_op-gray-8C: 1.8; --u_op-gray-8H: 245; --u_op-gray-8A: 1; --u_op-gray-9L: 60; --u_op-gray-9C: 2; --u_op-gray-9H: 245; --u_op-gray-9A: 1; --u_op-gray-10L: 54; --u_op-gray-10C: 2.2; --u_op-gray-10H: 245; --u_op-gray-10A: 1; --u_op-gray-11L: 45; --u_op-gray-11C: 2.1; --u_op-gray-11H: 245; --u_op-gray-11A: 1; --u_op-gray-12L: 22; --u_op-gray-12C: 1.8; --u_op-gray-12H: 245; --u_op-gray-12A: 1; --u_op-bgL: 100; --u_op-bgC: .5; --u_op-bgH: 245; --u_op-bgA: 1; --u_op-bg-subtleL: 98; --u_op-bg-subtleC: .6; --u_op-bg-subtleH: 245; --u_op-bg-subtleA: 1; --u_op-bg-elementL: 96.5; --u_op-bg-elementC: .6; --u_op-bg-elementH: 245; --u_op-bg-elementA: 1; --u_op-bg-hoverL: 95; --u_op-bg-hoverC: .8; --u_op-bg-hoverH: 245; --u_op-bg-hoverA: 1; --u_op-bg-activeL: 92.5; --u_op-bg-activeC: 1; --u_op-bg-activeH: 245; --u_op-bg-activeA: 1; --u_op-surfaceL: 98; --u_op-surfaceC: .6; --u_op-surfaceH: 245; --u_op-surfaceA: 1; --u_op-surface-hoverL: 96.5; --u_op-surface-hoverC: .6; --u_op-surface-hoverH: 245; --u_op-surface-hoverA: 1; --u_op-surface-raisedL: 99.5; --u_op-surface-raisedC: .4; --u_op-surface-raisedH: 245; --u_op-surface-raisedA: 1; --u_op-popup-bgL: 99.5; --u_op-popup-bgC: .4; --u_op-popup-bgH: 245; --u_op-popup-bgA: 1; --u_op-fgL: 22; --u_op-fgC: 1.8; --u_op-fgH: 245; --u_op-fgA: 1; --u_op-fg-mutedL: 45; --u_op-fg-mutedC: 2.1; --u_op-fg-mutedH: 245; --u_op-fg-mutedA: 1; --u_op-fg-subtleL: 62; --u_op-fg-subtleC: 1.8; --u_op-fg-subtleH: 245; --u_op-fg-subtleA: 1; --u_op-border-subtleL: 92; --u_op-border-subtleC: 1.1; --u_op-border-subtleH: 245; --u_op-border-subtleA: 1; --u_op-borderL: 82; --u_op-borderC: 1.4; --u_op-borderH: 245; --u_op-borderA: 1; --u_op-border-strongL: 72; --u_op-border-strongC: 1.8; --u_op-border-strongH: 245; --u_op-border-strongA: 1; --u_op-focusL: 64; --u_op-focusC: 22; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_doc-fgL: 34.1; --u_doc-fgC: 3.5; --u_doc-fgH: 263.9; --u_doc-fgA: 1; --u_doc-mutedL: 52.2; --u_doc-mutedC: 6.8; --u_doc-mutedH: 265.4; --u_doc-mutedA: 1; --u_doc-dimL: 68.5; --u_doc-dimC: 4.8; --u_doc-dimH: 253.1; --u_doc-dimA: 1; --u_doc-placeholderL: 70.4; --u_doc-placeholderC: 11.2; --u_doc-placeholderH: 258.5; --u_doc-placeholderA: 1; --u_doc-hrL: 93.2; --u_doc-hrC: 2.2; --u_doc-hrH: 243.4; --u_doc-hrA: 1; --u_doc-quote-bdL: 91.3; --u_doc-quote-bdC: 0; --u_doc-quote-bdH: 0; --u_doc-quote-bdA: 1; --u_doc-code-bgL: 30; --u_doc-code-bgC: 19; --u_doc-code-bgH: 264; --u_doc-code-bgA: 10%; --u_doc-code-fgL: 30; --u_doc-code-fgC: 19; --u_doc-code-fgH: 264; --u_doc-code-fgA: 90%; --u_doc-pre-bgL: 28.3; --u_doc-pre-bgC: 9.3; --u_doc-pre-bgH: 270.9; --u_doc-pre-bgA: 1; --u_doc-pre-fgL: 84.9; --u_doc-pre-fgC: 0; --u_doc-pre-fgH: 0; --u_doc-pre-fgA: 1; --u_doc-check-bdL: 4.7; --u_doc-check-bdC: 0; --u_doc-check-bdH: 0; --u_doc-check-bdA: .25; --u_doc-caretL: var(--u_doc-fgL); --u_doc-caretC: var(--u_doc-fgC); --u_doc-caretH: var(--u_doc-fgH); --u_doc-caretA: var(--u_doc-fgA,1); --u_doc-scope-bgL: 54.9; --u_doc-scope-bgC: 71.4; --u_doc-scope-bgH: 279.9; --u_doc-scope-bgA: .2; --u_bgL: var(--u_op-bgL); --u_bgC: var(--u_op-bgC); --u_bgH: var(--u_op-bgH); --u_bgA: var(--u_op-bgA,1); --u_bdL: var(--u_op-border-subtleL); --u_bdC: var(--u_op-border-subtleC); --u_bdH: var(--u_op-border-subtleH); --u_bdA: var(--u_op-border-subtleA,1); --u_hL: var(--u_op-fgL); --u_hC: var(--u_op-fgC); --u_hH: var(--u_op-fgH); --u_hA: var(--u_op-fgA,1); --u_pL: var(--u_op-fg-mutedL); --u_pC: var(--u_op-fg-mutedC); --u_pH: var(--u_op-fg-mutedH); --u_pA: var(--u_op-fg-mutedA,1); --u_metaL: var(--u_op-fg-subtleL); --u_metaC: var(--u_op-fg-subtleC); --u_metaH: var(--u_op-fg-subtleH); --u_metaA: var(--u_op-fg-subtleA,1); --u_softL: var(--u_op-fg-subtleL); --u_softC: var(--u_op-fg-subtleC); --u_softH: var(--u_op-fg-subtleH); --u_softA: var(--u_op-fg-subtleA,1); --u_hardL: var(--u_op-fgL); --u_hardC: var(--u_op-fgC); --u_hardH: var(--u_op-fgH); --u_hardA: var(--u_op-fgA,1); --u_dimL: var(--u_op-fg-subtleL); --u_dimC: var(--u_op-fg-subtleC); --u_dimH: var(--u_op-fg-subtleH); --u_dimA: var(--u_op-fg-subtleA,1); --u_softbgL: var(--u_op-bg-subtleL); --u_softbgC: var(--u_op-bg-subtleC); --u_softbgH: var(--u_op-bg-subtleH); --u_softbgA: var(--u_op-bg-subtleA,1); --u_libgL: var(--u_op-bg-subtleL); --u_libgC: var(--u_op-bg-subtleC); --u_libgH: var(--u_op-bg-subtleH); --u_libgA: var(--u_op-bg-subtleA,1); --u_focusL: var(--u_op-focusL); --u_focusC: var(--u_op-focusC); --u_focusH: var(--u_op-focusH); --u_focusA: var(--u_op-focusA,1); --u_textL: var(--u_op-fg-mutedL); --u_textC: var(--u_op-fg-mutedC); --u_textH: var(--u_op-fg-mutedH); --u_textA: var(--u_op-fg-mutedA,1); --u_placeholderL: var(--u_op-fg-subtleL); --u_placeholderC: var(--u_op-fg-subtleC); --u_placeholderH: var(--u_op-fg-subtleH); --u_placeholderA: var(--u_op-fg-subtleA,1); --u_negativeL: var(--u_op-fgL); --u_negativeC: var(--u_op-fgC); --u_negativeH: var(--u_op-fgH); --u_negativeA: var(--u_op-fgA,1); --u_site-bgL: var(--u_op-bgL); --u_site-bgC: var(--u_op-bgC); --u_site-bgH: var(--u_op-bgH); --u_site-bgA: var(--u_op-bgA,1); --u_menu-bgL: var(--u_op-bg-subtleL); --u_menu-bgC: var(--u_op-bg-subtleC); --u_menu-bgH: var(--u_op-bg-subtleH); --u_menu-bgA: var(--u_op-bg-subtleA,1); --u_nav-bgL: var(--u_op-bgL); --u_nav-bgC: var(--u_op-bgC); --u_nav-bgH: var(--u_op-bgH); --u_nav-bgA: var(--u_op-bgA,1); --u_site-dark-bgL: var(--u_op-bg-subtleL); --u_site-dark-bgC: var(--u_op-bg-subtleC); --u_site-dark-bgH: var(--u_op-bg-subtleH); --u_site-dark-bgA: var(--u_op-bg-subtleA,1); --u_site-cL: var(--u_op-fgL); --u_site-cC: var(--u_op-fgC); --u_site-cH: var(--u_op-fgH); --u_site-cA: var(--u_op-fgA,1); --u_item-bgL: var(--u_op-bg-subtleL); --u_item-bgC: var(--u_op-bg-subtleC); --u_item-bgH: var(--u_op-bg-subtleH); --u_item-bgA: var(--u_op-bg-subtleA,1); --u_area-bgL: 96.5; --u_area-bgC: .6; --u_area-bgH: 245; --u_area-bgA: 1; --u_tile-bgL: 98.5; --u_tile-bgC: .5; --u_tile-bgH: 245; --u_tile-bgA: 1; --u_tile-hover-bgL: 96.5; --u_tile-hover-bgC: .6; --u_tile-hover-bgH: 245; --u_tile-hover-bgA: 1; --u_scrim-tile-bgL: 98.5; --u_scrim-tile-bgC: .5; --u_scrim-tile-bgH: 245; --u_scrim-tile-bgA: 1; --u_scrim-bgL: 99.2; --u_scrim-bgC: .5; --u_scrim-bgH: 245; --u_scrim-bgA: 1; --u_scrim-bcL: 88; --u_scrim-bcC: 1.1; --u_scrim-bcH: 245; --u_scrim-bcA: 1; --u_backdropL: 96.5; --u_backdropC: .6; --u_backdropH: 245; --u_backdropA: 1; --u_groupbgL: var(--u_op-surfaceL); --u_groupbgC: var(--u_op-surfaceC); --u_groupbgH: var(--u_op-surfaceH); --u_groupbgA: var(--u_op-surfaceA,1); --u_cardbgL: var(--u_op-surfaceL); --u_cardbgC: var(--u_op-surfaceC); --u_cardbgH: var(--u_op-surfaceH); --u_cardbgA: var(--u_op-surfaceA,1); --u_codebgL: var(--u_op-bg-subtleL); --u_codebgC: var(--u_op-bg-subtleC); --u_codebgH: var(--u_op-bg-subtleH); --u_codebgA: var(--u_op-bg-subtleA,1); --u_codebdL: var(--u_op-border-subtleL); --u_codebdC: var(--u_op-border-subtleC); --u_codebdH: var(--u_op-border-subtleH); --u_codebdA: var(--u_op-border-subtleA,1); --u_spacebdL: var(--u_op-borderL); --u_spacebdC: var(--u_op-borderC); --u_spacebdH: var(--u_op-borderH); --u_spacebdA: var(--u_op-borderA,1); --u_spacebgL: var(--u_op-bgL); --u_spacebgC: var(--u_op-bgC); --u_spacebgH: var(--u_op-bgH); --u_spacebgA: var(--u_op-bgA,1); --u_sidebarbgL: var(--u_op-bgL); --u_sidebarbgC: var(--u_op-bgC); --u_sidebarbgH: var(--u_op-bgH); --u_sidebarbgA: var(--u_op-bgA,1); --u_tilebgL: var(--u_op-surfaceL); --u_tilebgC: var(--u_op-surfaceC); --u_tilebgH: var(--u_op-surfaceH); --u_tilebgA: var(--u_op-surfaceA,1); --u_tilebdL: var(--u_op-borderL); --u_tilebdC: var(--u_op-borderC); --u_tilebdH: var(--u_op-borderH); --u_tilebdA: var(--u_op-borderA,1); --u_linkL: 54.6; --u_linkC: 66.4; --u_linkH: 277.6; --u_linkA: 1; --u_grayL: 57.2; --u_grayC: 15.1; --u_grayH: 261.9; --u_grayA: 1; --u_op-button-fgL: var(--u_op-fgL); --u_op-button-fgC: var(--u_op-fgC); --u_op-button-fgH: var(--u_op-fgH); --u_op-button-fgA: var(--u_op-fgA,1); --u_op-button-bgL: 91; --u_op-button-bgC: 1.3; --u_op-button-bgH: 245; --u_op-button-bgA: 1; --u_op-button-bg-hL: 87; --u_op-button-bg-hC: 1.6; --u_op-button-bg-hH: 245; --u_op-button-bg-hA: 1; --u_op-button-split-bgL: 83; --u_op-button-split-bgC: 1.8; --u_op-button-split-bgH: 245; --u_op-button-split-bgA: 1; --op-button-shadow: none; --op-button-text-shadow: none; --u_op-button-contourL: var(--u_op-border-subtleL); --u_op-button-contourC: var(--u_op-border-subtleC); --u_op-button-contourH: var(--u_op-border-subtleH); --u_op-button-contourA: var(--u_op-border-subtleA,1); --u_op-button-primary-fgL: 100; --u_op-button-primary-fgC: 0; --u_op-button-primary-fgH: 0; --u_op-button-primary-fgA: 1; --u_op-button-primary-bgL: 45; --u_op-button-primary-bgC: calc(var(--u_accentC) * .85); --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: 40; --u_op-button-primary-bg-hC: calc(var(--u_accentC) * .95); --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: 45; --u_op-button-primary-contourC: calc(var(--u_accentC) * .85); --u_op-button-primary-contourH: var(--u_accentH); --u_op-button-primary-contourA: var(--u_accentA,1); --u_op-button-outline-fgL: var(--u_op-fg-mutedL); --u_op-button-outline-fgC: var(--u_op-fg-mutedC); --u_op-button-outline-fgH: var(--u_op-fg-mutedH); --u_op-button-outline-fgA: var(--u_op-fg-mutedA,1); --u_op-button-outline-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-borderA: var(--u_op-fg-mutedA,1); --u_op-button-outline-inner-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-inner-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-inner-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-inner-borderA: 40%; --u_op-button-inline-bgL: 91; --u_op-button-inline-bgC: 1.3; --u_op-button-inline-bgH: 245; --u_op-button-inline-bgA: 0; --u_op-button-inline-bg-hL: 87; --u_op-button-inline-bg-hC: 1.6; --u_op-button-inline-bg-hH: 245; --u_op-button-inline-bg-hA: 1; --u_op-button-neutral-fgL: var(--u_op-fgL); --u_op-button-neutral-fgC: var(--u_op-fgC); --u_op-button-neutral-fgH: var(--u_op-fgH); --u_op-button-neutral-fgA: var(--u_op-fgA,1); --u_op-button-neutral-bgL: 87; --u_op-button-neutral-bgC: 1.5; --u_op-button-neutral-bgH: 245; --u_op-button-neutral-bgA: 1; --u_op-button-neutral-bg-hL: 82; --u_op-button-neutral-bg-hC: 2; --u_op-button-neutral-bg-hH: 245; --u_op-button-neutral-bg-hA: 1; --u_op-button-white-fgL: var(--u_op-fgL); --u_op-button-white-fgC: var(--u_op-fgC); --u_op-button-white-fgH: var(--u_op-fgH); --u_op-button-white-fgA: var(--u_op-fgA,1); --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: 0; --u_op-button-white-bgA: 1; --u_op-button-white-bg-hL: 97; --u_op-button-white-bg-hC: .5; --u_op-button-white-bg-hH: 245; --u_op-button-white-bg-hA: 1; --u_op-button-link-fgL: var(--u_linkL); --u_op-button-link-fgC: var(--u_linkC); --u_op-button-link-fgH: var(--u_linkH); --u_op-button-link-fgA: var(--u_linkA,1); } .light .op-accent-scope:not(._0) { --u_op-focusL: 64; --u_op-focusC: 22; --u_op-focusH: var(--u_accentH); --u_op-focusA: var(--u_accentA,1); --u_op-button-fgL: var(--u_op-fgL); --u_op-button-fgC: var(--u_op-fgC); --u_op-button-fgH: var(--u_op-fgH); --u_op-button-fgA: var(--u_op-fgA,1); --u_op-button-bgL: 91; --u_op-button-bgC: 1.3; --u_op-button-bgH: 245; --u_op-button-bgA: 1; --u_op-button-bg-hL: 87; --u_op-button-bg-hC: 1.6; --u_op-button-bg-hH: 245; --u_op-button-bg-hA: 1; --u_op-button-split-bgL: 83; --u_op-button-split-bgC: 1.8; --u_op-button-split-bgH: 245; --u_op-button-split-bgA: 1; --op-button-shadow: none; --op-button-text-shadow: none; --u_op-button-contourL: var(--u_op-border-subtleL); --u_op-button-contourC: var(--u_op-border-subtleC); --u_op-button-contourH: var(--u_op-border-subtleH); --u_op-button-contourA: var(--u_op-border-subtleA,1); --u_op-button-primary-fgL: 100; --u_op-button-primary-fgC: 0; --u_op-button-primary-fgH: 0; --u_op-button-primary-fgA: 1; --u_op-button-primary-bgL: 45; --u_op-button-primary-bgC: calc(var(--u_accentC) * .85); --u_op-button-primary-bgH: var(--u_accentH); --u_op-button-primary-bgA: var(--u_accentA,1); --u_op-button-primary-bg-hL: 40; --u_op-button-primary-bg-hC: calc(var(--u_accentC) * .95); --u_op-button-primary-bg-hH: var(--u_accentH); --u_op-button-primary-bg-hA: var(--u_accentA,1); --u_op-button-primary-contourL: 45; --u_op-button-primary-contourC: calc(var(--u_accentC) * .85); --u_op-button-primary-contourH: var(--u_accentH); --u_op-button-primary-contourA: var(--u_accentA,1); --u_op-button-outline-fgL: var(--u_op-fg-mutedL); --u_op-button-outline-fgC: var(--u_op-fg-mutedC); --u_op-button-outline-fgH: var(--u_op-fg-mutedH); --u_op-button-outline-fgA: var(--u_op-fg-mutedA,1); --u_op-button-outline-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-borderA: var(--u_op-fg-mutedA,1); --u_op-button-outline-inner-borderL: var(--u_op-fg-mutedL); --u_op-button-outline-inner-borderC: var(--u_op-fg-mutedC); --u_op-button-outline-inner-borderH: var(--u_op-fg-mutedH); --u_op-button-outline-inner-borderA: 40%; --u_op-button-inline-bgL: 91; --u_op-button-inline-bgC: 1.3; --u_op-button-inline-bgH: 245; --u_op-button-inline-bgA: 0; --u_op-button-inline-bg-hL: 87; --u_op-button-inline-bg-hC: 1.6; --u_op-button-inline-bg-hH: 245; --u_op-button-inline-bg-hA: 1; --u_op-button-neutral-fgL: var(--u_op-fgL); --u_op-button-neutral-fgC: var(--u_op-fgC); --u_op-button-neutral-fgH: var(--u_op-fgH); --u_op-button-neutral-fgA: var(--u_op-fgA,1); --u_op-button-neutral-bgL: 87; --u_op-button-neutral-bgC: 1.5; --u_op-button-neutral-bgH: 245; --u_op-button-neutral-bgA: 1; --u_op-button-neutral-bg-hL: 82; --u_op-button-neutral-bg-hC: 2; --u_op-button-neutral-bg-hH: 245; --u_op-button-neutral-bg-hA: 1; --u_op-button-white-fgL: var(--u_op-fgL); --u_op-button-white-fgC: var(--u_op-fgC); --u_op-button-white-fgH: var(--u_op-fgH); --u_op-button-white-fgA: var(--u_op-fgA,1); --u_op-button-white-bgL: 100; --u_op-button-white-bgC: 0; --u_op-button-white-bgH: 0; --u_op-button-white-bgA: 1; --u_op-button-white-bg-hL: 97; --u_op-button-white-bg-hC: .5; --u_op-button-white-bg-hH: 245; --u_op-button-white-bg-hA: 1; --u_op-button-link-fgL: var(--u_linkL); --u_op-button-link-fgC: var(--u_linkC); --u_op-button-link-fgH: var(--u_linkH); --u_op-button-link-fgA: var(--u_linkA,1); --u_bgL: var(--u_op-bgL); --u_bgC: var(--u_op-bgC); --u_bgH: var(--u_op-bgH); --u_bgA: var(--u_op-bgA,1); --u_bdL: var(--u_op-border-subtleL); --u_bdC: var(--u_op-border-subtleC); --u_bdH: var(--u_op-border-subtleH); --u_bdA: var(--u_op-border-subtleA,1); --u_hL: var(--u_op-fgL); --u_hC: var(--u_op-fgC); --u_hH: var(--u_op-fgH); --u_hA: var(--u_op-fgA,1); --u_pL: var(--u_op-fg-mutedL); --u_pC: var(--u_op-fg-mutedC); --u_pH: var(--u_op-fg-mutedH); --u_pA: var(--u_op-fg-mutedA,1); --u_metaL: var(--u_op-fg-subtleL); --u_metaC: var(--u_op-fg-subtleC); --u_metaH: var(--u_op-fg-subtleH); --u_metaA: var(--u_op-fg-subtleA,1); --u_softL: var(--u_op-fg-subtleL); --u_softC: var(--u_op-fg-subtleC); --u_softH: var(--u_op-fg-subtleH); --u_softA: var(--u_op-fg-subtleA,1); --u_hardL: var(--u_op-fgL); --u_hardC: var(--u_op-fgC); --u_hardH: var(--u_op-fgH); --u_hardA: var(--u_op-fgA,1); --u_dimL: var(--u_op-fg-subtleL); --u_dimC: var(--u_op-fg-subtleC); --u_dimH: var(--u_op-fg-subtleH); --u_dimA: var(--u_op-fg-subtleA,1); --u_softbgL: var(--u_op-bg-subtleL); --u_softbgC: var(--u_op-bg-subtleC); --u_softbgH: var(--u_op-bg-subtleH); --u_softbgA: var(--u_op-bg-subtleA,1); --u_libgL: var(--u_op-bg-subtleL); --u_libgC: var(--u_op-bg-subtleC); --u_libgH: var(--u_op-bg-subtleH); --u_libgA: var(--u_op-bg-subtleA,1); --u_focusL: var(--u_op-focusL); --u_focusC: var(--u_op-focusC); --u_focusH: var(--u_op-focusH); --u_focusA: var(--u_op-focusA,1); } .light .opi:not(._0), .light op-pi:not(._0) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .light .opi:is(:focus, .\@focus):not(._0), .light op-pi:is(:focus, .\@focus):not(._0) { color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); } .light .opi.selected:not(._0), .light op-pi.selected:not(._0) { color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); } .light .opi:not(._0):before, .light op-pi:not(._0):before { background: #fff0; } .light .opi:is(:focus, .\@focus):not(._0):before, .light op-pi:is(:focus, .\@focus):not(._0):before { background: lch(var(--u_op-accent-bg-hL) var(--u_op-accent-bg-hC) var(--u_op-accent-bg-hH) / var(--u_op-accent-bg-hA,1)); } .light .opi.selected:not(._0):before, .light op-pi.selected:not(._0):before { background: lch(var(--u_op-accent-bg-hL) var(--u_op-accent-bg-hC) var(--u_op-accent-bg-hH) / var(--u_op-accent-bg-hA,1)); } .light .opi:is(:active, .\@active):not(._0):before, .light op-pi:is(:active, .\@active):not(._0):before { background: lch(var(--u_op-accent-bgL) var(--u_op-accent-bgC) var(--u_op-accent-bgH) / var(--u_op-accent-bgA,1)); margin: 1px; } .light .opi.sel:not(._0), .light op-pi.sel:not(._0) { color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); filter: none; } .light .opi.sel:not(._0):before, .light op-pi.sel:not(._0):before { background: lch(var(--u_op-accent-bgL) var(--u_op-accent-bgC) var(--u_op-accent-bgH) / var(--u_op-accent-bgA,1)); } .light .opi.sel-focus:not(._0), .light op-pi.sel-focus:not(._0) { color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); filter: none; } .light .opi.sel-focus:not(._0):before, .light op-pi.sel-focus:not(._0):before { background: lch(var(--u_op-accent-bg-hL) var(--u_op-accent-bg-hC) var(--u_op-accent-bg-hH) / var(--u_op-accent-bg-hA,1)); } .light .opi .detail:not(._0), .light op-pi .detail:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .light op-option-new:is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .light op-option-new:is(:checked, .\@checked):not(._0):before { background: lch(var(--u_op-accent-bgL) var(--u_op-accent-bgC) var(--u_op-accent-bgH) / var(--u_op-accent-bgA,1)); } .tinted:not(._0) { --tint: oklch(64% .15 var(--hue, 250)); --tint-bg: color-mix(in oklab, var(--tint) 22%, lch(var(--u_op-bg-activeL) var(--u_op-bg-activeC) var(--u_op-bg-activeH) / var(--u_op-bg-activeA,1))); --tint-fg: color-mix(in oklab, var(--tint) 66%, lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1))); } /* app/client/styles.imba?styles */ .osection.odialog > footer:after, .osection.odialog > header:before, .osection.odialog > footer:before { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } :root .morphing:not(._0) { --u_fxd: 0ms; } html.resizing:not(._0) { --u_fxd: 0ms; } body { overflow: hidden; } html { background: lch(var(--u_site-bgL) var(--u_site-bgC) var(--u_site-bgH) / var(--u_site-bgA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); color-scheme: dark; } html.light:not(._0) { color-scheme: light; } .display:not(._0) { font-family: Roboto Condensed, sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } :root { --font-monosans: "Helvetica Neue", Verdana; --font-display: Playfair Display; -webkit-tap-highlight-color: hsla(0, 0%, 100%, 0%); font-family: var(--font-system-ui,system-ui); cursor: default; margin: 0rem; padding: 0rem; width: 100%; --hue: hsla(240,100%,50%,1); --hue0: 214,100%,97%; --hue1: 214,95%,93%; --hue2: 213,97%,87%; --hue3: 212,96%,78%; --hue4: 213,94%,68%; --hue5: 217,91%,60%; --hue6: 221,83%,53%; --hue7: 224,76%,48%; --hue8: 226,71%,40%; --hue9: 224,64%,33%; --u_bannerheight: 46px; --u_siteheadheight: 52px; --u_sitetabsheight: 40px; --u_barh: 44px; --u_navh: 28px; --u_tailpad: 250px; --u_stickyoffset: 0px; --u_rd: 6px; --u_xg: 14px; --u_spx: 1px; --u_su: 1; --u_g: 12px; --u_navw: 220px; --u_navow: 0px; --u_navp: 20px; --u_navpr: var(--u_navp,1navp); --u_navpl: var(--u_navp,1navp); --u_pgp: 24px; --u_pgpt: 44px; --u_docpad: clamp(16px, min( calc(2cqw + 18px) , calc(6cqw - 8px) ), 44px); --u_docpadt: clamp( calc(12px + 2cqw) , calc((100cqw - 850px) / 6 + 30px), 150px); --pgmah: calc(100vh - 32px) ; } :root.electron.mac { --u_siteheadheight: 44px; --sait: 26px; } :root.electron.mac.fullscreen { --sait: 0px; } :root.sidebar-off { --u_navw: 48px; --u_navp: 14px; } @media (min-width: 601px) { :root { --u_pgp: 36px; --u_pgpt: 52px; } } @media (max-width: 599px) { :root { --pgmah: calc(100vh - 16px) ; } } :root .icon:not(._0) { width: var(--u_fis,1fis); height: var(--u_fis,1fis); } :root.electron app-sidebar > header, :root.electron tab-bar { -webkit-app-region: drag; } :root.electron app-sidebar > header .obutton:not(._0), :root.electron tab-bar .obutton:not(._0), :root.electron app-sidebar > header .oinput:not(._0), :root.electron tab-bar .oinput:not(._0), :root.electron app-sidebar > header input, :root.electron tab-bar input, :root.electron app-sidebar > header textarea, :root.electron tab-bar textarea, :root.electron app-sidebar > header [contenteditable]:not(._0), :root.electron tab-bar [contenteditable]:not(._0), :root.electron app-sidebar > header win-tab, :root.electron tab-bar win-tab { -webkit-app-region: no-drag; } #splash { inset: 0rem; position: fixed; z-index: 40000; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); display: none; } body[data-modal] #splash:not(._0) { inset: 0rem; position: fixed; z-index: 40000; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); opacity: 1; display: block; } .op-avatar:not(._0) { border-radius: var(--u_rd,1rd); overflow: hidden; } .sidebar-off:not(._0) { --u_navw: 48px; --u_navp: 14px; --u_navpl: 14px; --u_navpr: 14px; } .no-scrollbar:not(._0) { -ms-overflow-style: none; scrollbar-width: none; } .no-scrollbar:not(._0)::-webkit-scrollbar { display: none; width: 0px; height: 0px; background: #fff0; } :root.has-scrollbars::-webkit-scrollbar { width: 4px; height: 4px; background: #fff0; } :root.has-scrollbars::-webkit-scrollbar-thumb { background: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / 35%); background-clip: content-box; } :root.has-scrollbars::-webkit-scrollbar-track { background: #fff0; } :root.has-scrollbars body::-webkit-scrollbar { width: 8px; height: 8px; } :root.has-scrollbars body::-webkit-scrollbar-thumb { background-color: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); border: 1px solid lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); } :root.has-scrollbars *::-webkit-scrollbar { width: 4px; height: 4px; background: #fff0; } :root.has-scrollbars *::-webkit-scrollbar-thumb { background: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / 35%); background-clip: content-box; } :root.has-scrollbars *::-webkit-scrollbar-track { background: #fff0; } * { outline: none; } :is(:focus, .\@focus) { outline: none; } .\@draggable { -webkit-user-drag: element; } .orange:not(._0) { --hue: hsla(38.82,100%,50%,1); --hue0: 33,100%,96%; --hue1: 34,100%,92%; --hue2: 32,98%,83%; --hue3: 31,97%,72%; --hue4: 27,96%,61%; --hue5: 25,95%,53%; --hue6: 21,90%,48%; --hue7: 17,88%,40%; --hue8: 15,79%,34%; --hue9: 15,75%,28%; } .amber:not(._0) { --hue: amber; --hue0: 48,100%,96%; --hue1: 48,96%,89%; --hue2: 48,97%,77%; --hue3: 46,97%,65%; --hue4: 43,96%,56%; --hue5: 38,92%,50%; --hue6: 32,95%,44%; --hue7: 26,90%,37%; --hue8: 23,83%,31%; --hue9: 22,78%,26%; } .yellow:not(._0) { --hue: hsla(60,100%,50%,1); --hue0: 55,92%,95%; --hue1: 55,97%,88%; --hue2: 53,98%,77%; --hue3: 50,98%,64%; --hue4: 48,96%,53%; --hue5: 45,93%,47%; --hue6: 41,96%,40%; --hue7: 35,92%,33%; --hue8: 32,81%,29%; --hue9: 28,73%,26%; } .emerald:not(._0) { --hue: emerald; --hue0: 152,81%,96%; --hue1: 149,80%,90%; --hue2: 152,76%,80%; --hue3: 156,72%,67%; --hue4: 158,64%,52%; --hue5: 160,84%,39%; --hue6: 161,94%,30%; --hue7: 163,94%,24%; --hue8: 163,88%,20%; --hue9: 164,86%,16%; } .green:not(._0) { --hue: hsla(120,100%,25.1%,1); --hue0: 138,76%,97%; --hue1: 141,84%,93%; --hue2: 141,79%,85%; --hue3: 142,77%,73%; --hue4: 142,69%,58%; --hue5: 142,71%,45%; --hue6: 142,76%,36%; --hue7: 142,72%,29%; --hue8: 143,64%,24%; --hue9: 144,61%,20%; } .lime:not(._0) { --hue: hsla(120,100%,50%,1); --hue0: 78,92%,95%; --hue1: 80,89%,89%; --hue2: 81,88%,80%; --hue3: 82,85%,67%; --hue4: 83,78%,55%; --hue5: 84,81%,44%; --hue6: 85,85%,35%; --hue7: 86,78%,27%; --hue8: 86,69%,23%; --hue9: 88,61%,20%; } .teal:not(._0) { --hue: hsla(180,100%,25.1%,1); --hue0: 166,76%,97%; --hue1: 167,85%,89%; --hue2: 168,84%,78%; --hue3: 171,77%,64%; --hue4: 172,66%,50%; --hue5: 173,80%,40%; --hue6: 175,84%,32%; --hue7: 175,77%,26%; --hue8: 176,69%,22%; --hue9: 176,61%,19%; } .cyan:not(._0) { --hue: hsla(180,100%,50%,1); --hue0: 183,100%,96%; --hue1: 185,96%,90%; --hue2: 186,94%,82%; --hue3: 187,92%,69%; --hue4: 188,86%,53%; --hue5: 189,94%,43%; --hue6: 192,91%,36%; --hue7: 193,82%,31%; --hue8: 194,70%,27%; --hue9: 196,64%,24%; } .sky:not(._0) { --hue: sky; --hue0: 204,100%,97%; --hue1: 204,94%,94%; --hue2: 201,94%,86%; --hue3: 199,95%,74%; --hue4: 198,93%,60%; --hue5: 199,89%,48%; --hue6: 200,98%,39%; --hue7: 201,96%,32%; --hue8: 201,90%,27%; --hue9: 202,80%,24%; } .blue:not(._0) { --hue: hsla(240,100%,50%,1); --hue0: 214,100%,97%; --hue1: 214,95%,93%; --hue2: 213,97%,87%; --hue3: 212,96%,78%; --hue4: 213,94%,68%; --hue5: 217,91%,60%; --hue6: 221,83%,53%; --hue7: 224,76%,48%; --hue8: 226,71%,40%; --hue9: 224,64%,33%; } .indigo:not(._0) { --hue: hsla(274.62,100%,25.49%,1); --hue0: 226,100%,97%; --hue1: 226,100%,94%; --hue2: 228,96%,89%; --hue3: 230,94%,82%; --hue4: 234,89%,74%; --hue5: 239,84%,67%; --hue6: 243,75%,59%; --hue7: 245,58%,51%; --hue8: 244,55%,41%; --hue9: 242,47%,34%; } .violet:not(._0) { --hue: hsla(300,76.06%,72.16%,1); --hue0: 250,100%,98%; --hue1: 251,91%,95%; --hue2: 251,95%,92%; --hue3: 252,95%,85%; --hue4: 255,92%,76%; --hue5: 258,90%,66%; --hue6: 262,83%,58%; --hue7: 263,70%,50%; --hue8: 263,69%,42%; --hue9: 264,67%,35%; } .purple:not(._0) { --hue: hsla(300,100%,25.1%,1); --hue0: 270,100%,98%; --hue1: 269,100%,95%; --hue2: 269,100%,92%; --hue3: 269,97%,85%; --hue4: 270,95%,75%; --hue5: 271,91%,65%; --hue6: 271,81%,56%; --hue7: 272,72%,47%; --hue8: 273,67%,39%; --hue9: 274,66%,32%; } .fuschia:not(._0), .fuchsia:not(._0) { --hue: hsla(300,100%,50%,1); --hue0: 289,100%,98%; --hue1: 287,100%,95%; --hue2: 288,96%,91%; --hue3: 291,93%,83%; --hue4: 292,91%,73%; --hue5: 292,84%,61%; --hue6: 293,69%,49%; --hue7: 295,72%,40%; --hue8: 295,70%,33%; --hue9: 297,64%,28%; } .pink:not(._0) { --hue: hsla(349.52,100%,87.65%,1); --hue0: 327,73%,97%; --hue1: 326,78%,95%; --hue2: 326,85%,90%; --hue3: 327,87%,82%; --hue4: 329,86%,70%; --hue5: 330,81%,60%; --hue6: 333,71%,51%; --hue7: 335,78%,42%; --hue8: 336,74%,35%; --hue9: 336,69%,30%; } .rose:not(._0) { --hue: rose; --hue0: 356,100%,97%; --hue1: 356,100%,95%; --hue2: 353,96%,90%; --hue3: 353,96%,82%; --hue4: 351,95%,71%; --hue5: 350,89%,60%; --hue6: 347,77%,50%; --hue7: 345,83%,41%; --hue8: 343,80%,35%; --hue9: 342,75%,30%; } .red:not(._0) { --hue: hsla(0,100%,50%,1); --hue0: 0,86%,97%; --hue1: 0,93%,94%; --hue2: 0,96%,89%; --hue3: 0,94%,82%; --hue4: 0,91%,71%; --hue5: 0,84%,60%; --hue6: 0,72%,51%; --hue7: 0,74%,42%; --hue8: 0,70%,35%; --hue9: 0,63%,31%; } .gray:not(._0) { --hue: cool; --hue0: 210,20%,98%; --hue1: 220,14%,96%; --hue2: 220,13%,91%; --hue3: 216,12%,84%; --hue4: 218,11%,65%; --hue5: 220,9%,46%; --hue6: 215,14%,34%; --hue7: 217,19%,27%; --hue8: 215,28%,17%; --hue9: 221,39%,11%; } .item-kind:not(._0) { color: hsla(var(--hue4), 1); font-size: 10px; line-height: 12px; --u_lh: 12px; font-weight: 500; text-transform: uppercase; } .item-stats:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); font-size: 13px; line-height: 16px; --u_lh: 16px; } .textlink:not(._0) { color: lch(var(--u_linkL) var(--u_linkC) var(--u_linkH) / var(--u_linkA,1)); text-decoration: underline; text-underline-offset: 2px; } .textlink:is(:hover, .\@hover):not(._0) { color: lch(calc(var(--u_linkL) * 1.1) var(--u_linkC) var(--u_linkH) / var(--u_linkA,1)); } .mi:not(._0) { height: var(--u_mih,1mih); display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; padding-left: calc(var(--u_mipx,1mipx) * .5); padding-right: calc(var(--u_mipx,1mipx) * .5); border-radius: var(--u_mird,1mird); white-space: nowrap; align-self: stretch; min-width: 180px; } .mi .icon:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; opacity: .9; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .mi .label:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; flex: 1; padding-left: calc(var(--u_mipx,1mipx) * .5); padding-right: calc(var(--u_mipx,1mipx) * .5); } .mi:is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / 20%); } .mi:is(:hover, .\@hover) .icon:not(._0) { opacity: 1; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); --u_icduo: .5; } @keyframes pulse-ring { 0% { transform: scale(.33); } 80% { opacity: 0; } to { opacity: 0; } } .spin:not(._0) { animation: var(--animation-codicon-spin,codicon-spin) 1s cubic-bezier(.53, .21, .29, .67) infinite; } .pulsate:not(._0) { background: hsla(var(--hue4), 1); position: absolute; inset: 0rem; margin: -100%; border-radius: 9999px; will-change: transform, opacity; opacity: .5; animation: var(--animation-pulse-ring,pulse-ring) 1.25s cubic-bezier(.215, .61, .355, 1) infinite; } h2 { font-size: 20px; font-weight: 500; } .ellipsis:not(._0) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } h1 { font-size: 32px; line-height: 36px; --u_lh: 36px; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .dim:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ui h1:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; font-size: 20px; line-height: 30px; --u_lh: 30px; font-weight: 500; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); text-align: inherit; } .ui p:not(._0) { font-size: 14px; line-height: 22px; --u_lh: 22px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .olis:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .ofield .olabel:not(._0) { font-size: 11px; font-weight: 600; } .ofield.odl:not(._0) { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-columns: 100px 1fr; } .ofield.odl .olabel:not(._0) { height: var(--u_ffh,1ffh); font-size: var(--u_ffs,1ffs); font-weight: 500; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .osection.odialog:not(._0) { overflow-y: auto; overflow-x: hidden; box-shadow: 0 5px 20px lch(var(--u_op-overlayL) var(--u_op-overlayC) var(--u_op-overlayH) / var(--u_op-overlayA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .osection.odialog > header:not(._0) { position: sticky; top: calc(var(--u_p,1p) * -1); margin-left: calc(var(--u_p,1p) * -1); margin-right: calc(var(--u_p,1p) * -1); padding: var(--u_p,1p); margin-top: calc(var(--u_p,1p) * -1); z-index: 10; border-top-left-radius: inherit; border-top-right-radius: inherit; padding-top: calc(var(--u_p,1p) * .5); padding-bottom: calc(var(--u_p,1p) * .5); text-align: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .osection.odialog > header:not(._0):before { position: absolute; inset: 0rem; content: ""; border-radius: inherit; background: linear-gradient( to bottom, lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / 0%), lch(var(--u_op-overlayL) var(--u_op-overlayC) var(--u_op-overlayH) / var(--u_op-overlayA,1))); opacity: 0; --e_od: var(--u_fxd,1fxd) !important; border-top: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .osection.odialog > header > *:not(._0) { position: relative; } .osection.odialog > main:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); flex-grow: 1; } .osection.odialog > footer:not(._0) { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; align-content: center; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; position: sticky; bottom: calc(calc(var(--u_p,1p) * -1) + 0px); margin-left: calc(calc(var(--u_p,1p) * -1) + 0px); margin-right: calc(calc(var(--u_p,1p) * -1) + 0px); padding: var(--u_p,1p); margin-bottom: calc(var(--u_p,1p) * -1); z-index: 10; } .osection.odialog > footer:not(._0):before { position: absolute; inset: 0rem; content: ""; border-radius: inherit; opacity: 0; --e_od: var(--u_fxd,1fxd) !important; background: #fff0; } .osection.odialog > footer:not(._0):after { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 30px; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); margin-left: var(--u_p,1p); margin-right: var(--u_p,1p); --e_sd: var(--u_fxd,1fxd) !important; pointer-events: none; } .osection.odialog > footer > *:not(._0) { position: relative; } .osection.odialog.stick-footer > footer:not(._0) { background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / 90%); } .osection.odialog.stick-footer > footer:not(._0):before { opacity: 1; } .osection.odialog.stick-footer > footer:not(._0):after { margin-left: 0; margin-right: 0; background: linear-gradient( to bottom, lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / 0%), lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / 100%)); } .glassy:not(._0) { background: lch(var(--u_site-bgL) var(--u_site-bgC) var(--u_site-bgH) / 70%); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .callout:not(._0) { background: lch(var(--u_op-accent-bgL) var(--u_op-accent-bgC) var(--u_op-accent-bgH) / var(--u_op-accent-bgA,1)); margin-top: 1rem; border-radius: var(--u_ffrd,1ffrd); } .callout > .body:not(._0) { padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; gap: calc(var(--u_ffg,1ffg) * 2); --u_rg: calc(var(--u_ffg,1ffg) * 2); --u_cg: calc(var(--u_ffg,1ffg) * 2); text-align: center; } .callout > .body > footer:not(._0) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: var(--u_ffg,1ffg); --u_rg: var(--u_ffg,1ffg); --u_cg: var(--u_ffg,1ffg); } .callout h1:not(._0) { font-size: 18px; line-height: 26px; --u_lh: 26px; font-weight: 500; width: auto; } .callout h2:not(._0) { font-size: 16px; line-height: 22px; --u_lh: 22px; font-weight: 500; width: auto; } .callout p:not(._0) { font-size: 15px; line-height: 22px; --u_lh: 22px; font-weight: 400; color: lch(var(--u_op-accent-textL) var(--u_op-accent-textC) var(--u_op-accent-textH) / var(--u_op-accent-textA,1)); } .callout > .oheader:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .callout > .oheader h1:not(._0) { font-size: 18px; line-height: 18px; --u_lh: 18px; font-weight: 500; } .callout > .oheader h2:not(._0) { font-size: 16px; line-height: 16px; --u_lh: 16px; font-weight: 500; } .callout > .oheader .olabel:not(._0) { flex: 1; font-size: 18px; font-weight: 500; } .callout > main:empty:not(._0) { display: none; } .callout > footer:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } doc-pane .page > doc-body > op-doc-editor .editor:not(._0) { padding-top: clamp(11px, calc(1.2cqw + 5px), 17px); } doc-pane .page.threaded > doc-body > op-doc-editor .editor:not(._0) { padding-top: 0rem; } doc-pane .page > doc-body > op-doc-editor .editor > .blocks > .block:first-child:not(._0) { margin-top: 0rem; } doc-pane op-doc-editor .editor:not(._0) { margin-left: 0rem; margin-right: 0rem; padding-left: var(--u_docpad,1docpad); padding-right: var(--u_docpad,1docpad); max-width: 850px; font-size: 15px; line-height: 23px; --u_lh: 23px; font-weight: 450; } doc-pane op-doc-editor .block:not(._0) { margin-top: 2px; margin-bottom: 2px; padding-top: 3px; padding-bottom: 3px; min-height: auto; } doc-pane op-doc-editor .block .body:not(._0) { min-height: 23px; } doc-pane op-doc-editor .block .children:not(._0) { padding-left: 21px; } doc-pane op-doc-editor .block.li > .children:not(._0), doc-pane op-doc-editor .block.todo > .children:not(._0), doc-pane op-doc-editor .block.nli > .children:not(._0) { margin-left: -26px; } doc-pane op-doc-editor .h1:not(._0), doc-pane op-doc-editor .h2:not(._0), doc-pane op-doc-editor .h3:not(._0) { font-weight: 500; line-height: 1.25; --u_lh: 1.25; margin-bottom: 2px; } doc-pane op-doc-editor .h1:not(._0) { font-size: 24px; margin-top: 12px; margin-bottom: 12px; } doc-pane op-doc-editor .h2:not(._0) { font-size: 18px; margin-top: 8px; margin-bottom: 8px; } doc-pane op-doc-editor .h3:not(._0) { font-size: 16px; margin-top: 9px; } doc-pane op-doc-editor strong { font-weight: 700; } doc-pane op-doc-editor u { color: lch(var(--u_doc-linkL) var(--u_doc-linkC) var(--u_doc-linkH) / var(--u_doc-linkA,1)); } doc-pane op-doc-editor .li:not(._0) { padding-left: 26px; } doc-pane op-doc-editor .nli:not(._0) { padding-left: 26px; } doc-pane op-doc-editor .todo:not(._0) { padding-left: 26px; } doc-pane op-doc-editor .chrome.bullet:not(._0) { left: 9px; top: 3px; height: 23px; width: 5px; opacity: .8; } doc-pane op-doc-editor .chrome.bullet:not(._0):before { width: 4px; height: 4px; } doc-pane op-doc-editor .chrome.number:not(._0) { left: 0rem; top: 3px; height: 23px; width: 19px; opacity: .9; } doc-pane op-doc-editor .block.focused > .chrome.bullet:not(._0), doc-pane op-doc-editor .block.scoped > .chrome.bullet:not(._0) { opacity: 1; } doc-pane op-doc-editor .chrome.checkbox:not(._0) { left: 6px; top: 8px; width: 13px; height: 13px; } doc-pane op-doc-editor .chrome.checkbox:is(:hover, .\@hover):not(._0) { box-shadow: 0 0 0 2px #0000000a; } doc-pane op-doc-editor .todo.checked .chrome.checkbox:not(._0) { left: 5px; top: 7px; width: 15px; height: 15px; border-radius: 5px; } doc-pane op-doc-editor .todo.checked .chrome.checkbox:not(._0):before { left: 3px; top: 0; font-size: 11px; line-height: 13px; --u_lh: 13px; font-weight: 400; } doc-pane op-doc-editor .quote:not(._0) { margin-top: 15px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; } doc-pane op-doc-editor code { font-family: dm, Monaco, monospace; font-size: 14px; line-height: 16px; --u_lh: 16px; font-weight: 600; position: relative; display: inline-block; outline: 1px solid lch(var(--u_doc-code-bgL) var(--u_doc-code-bgC) var(--u_doc-code-bgH) / var(--u_doc-code-bgA,1)); padding-left: 3px; padding-right: 3px; padding-top: 0rem; padding-bottom: 0rem; border-radius: 5px; opacity: .95; } doc-pane op-doc-editor .pre:not(._0) { font-family: dm, Monaco, monospace; font-size: 12px; line-height: 17px; --u_lh: 17px; tab-size: 4; border-style: none; border-radius: 3px; padding: 4px 6px; margin-top: 12px; margin-bottom: 12px; } doc-pane op-doc-editor .pre code:not(._0) { display: block; position: static; min-height: 17px; background: none; padding: 0rem; border-radius: 0; font-size: 1em; line-height: inherit; --u_lh: inherit; font-weight: inherit; outline: none; opacity: 1; } doc-pane op-doc-editor .block.hr:not(._0) { margin-top: 15px; margin-bottom: 15px; padding-top: 0rem; padding-bottom: 0rem; } doc-pane op-doc-editor .block.scoped:not(._0) { border-radius: 3px; } /* app/client/nav.imba?styles */ .navsection .caret, .navsection .vresizer:before, .navsection .tail .rule:before, .onavitem .onavrow .toggle op-icon { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .navsection .caret, .navsection.closed .caret, .onavitem .onavrow .toggle.open op-icon { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .ot-ah:not(#_):not(#_):not(#_) { padding-left: var(--ot_ai); } .navsection:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; flex: 0 0 auto; min-height: 0rem; } .navsection .vresizer:not(._0) { height: 9px; margin: -4.5px 8px; z-index: 10; position: relative; cursor: row-resize; user-select: none; -webkit-user-select: none; } .navsection .vresizer:not(._0):before { content: ""; position: absolute; left: 6px; right: 6px; top: 4px; height: 1px; background: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); opacity: 0; --e_rest: opacity .12s !important; } .navsection .vresizer:is(:hover, .\@hover):not(._0):before { opacity: 1; } .navsection .vresizer._touch_:not(._0):before { opacity: 1; } .navsection .head:not(._0) { padding: 9px 10px 9px 14px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .navsection .lbl:not(._0) { flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; cursor: pointer; user-select: none; -webkit-user-select: none; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); position: relative; --u_olhover: 0; } .navsection .lbl:is(:hover, .\@hover):not(._0) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --u_olhover: 0; } .navsection .caret:not(._0) { --u_ics: 12; opacity: 0; --t_rotate: 90deg !important; --e_rest: transform .12s !important; } .navsection .head:is(:hover, .\@hover) .caret:not(._0) { opacity: 1; } .navsection.closed .caret:not(._0) { opacity: 1; --t_rotate: 0deg !important; } .navsection .head .obutton:not(._0) { --u_ffh: 20px; --u_ffrd: 5px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); box-shadow: var(--box-shadow-none,none); text-shadow: none; --u_op-button-bgL: 100; --u_op-button-bgC: 0; --u_op-button-bgH: 0; --u_op-button-bgA: 0; --u_op-button-bg-hL: var(--u_op-bg-hoverL); --u_op-button-bg-hC: var(--u_op-bg-hoverC); --u_op-button-bg-hH: var(--u_op-bg-hoverH); --u_op-button-bg-hA: var(--u_op-bg-hoverA,1); } .navsection .head .obutton:is(:hover, .\@hover):not(._0) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .navsection .head .obutton op-contour:not(._0) { color: #fff0; } .navsection .items:not(._0) { padding-left: 8px; padding-right: 8px; padding-bottom: 8px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 1px; --u_rg: 1px; --u_cg: 1px; letter-spacing: none; margin: 0rem; margin-top: -5px; } .navsection .items > li:not(._0) { display: block; margin: 0rem; padding: 0rem; } .navsection.headless .items:not(._0) { margin-top: 0rem; padding-top: 6px; padding-bottom: 4px; } .navsection .items op-contour:not(._0) { margin: -2px 4px; } .navsection .onavrow.more:not(._0) { height: 19px; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .navsection .onavrow.more .oicon:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .navsection .onavrow.more:is(:hover, .\@hover):not(._0) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .navsection .items > li.tail:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; } .navsection .tail .rule:not(._0) { flex: 1; align-self: stretch; position: relative; cursor: row-resize; } .navsection .tail .rule:not(._0):before { content: ""; position: absolute; left: 0rem; right: 0rem; top: 9px; height: 1px; background: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); opacity: 0; --e_rest: opacity .12s !important; } .navsection .tail .rule:is(:hover, .\@hover):not(._0):before { opacity: 1; } .navsection .tail .rule._touch_:not(._0):before { opacity: 1; } .navsection.grow:not(._0) { flex: 1 0 auto; } .navsection.grow .items:not(._0) { flex: 1; } .onavitem:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 1px; --u_rg: 1px; --u_cg: 1px; } .onavitem .onavkids:not(._0) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 1px; --u_rg: 1px; --u_cg: 1px; } .onavitem .onavrow:not(._0) { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; height: var(--u_navh,1navh); padding-left: 8px; padding-right: 8px; border-radius: 6px; font-size: 14px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); user-select: none; -webkit-user-select: none; cursor: pointer; --u_fis: 16px; --u_ics: 16; --u_olhover: 0; } .onavitem .onavrow:is(:hover, .\@hover):not(._0) { --u_olhover: 0; } .onavitem .onavrow .glyph:not(._0) { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; width: var(--u_fis,1fis); height: var(--u_fis,1fis); flex-shrink: 0; } .onavitem .onavrow .oicon:not(._0) { flex-shrink: 0; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); --u_icsw: 1; } .onavitem .onavrow .toggle:not(._0) { position: absolute; inset: 0rem; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; border-radius: 4px; opacity: 0; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); --u_ics: 14; --u_fis: 18px; } .onavitem .onavrow .toggle op-icon:not(._0) { --e_rest: transform .12s !important; } .onavitem .onavrow .toggle:is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-bg-activeL) var(--u_op-bg-activeC) var(--u_op-bg-activeH) / var(--u_op-bg-activeA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .onavitem .onavrow .toggle.open op-icon:not(._0) { --t_rotate: 90deg !important; } .onavitem .onavrow .onav-label:not(._0) { flex: 1; min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .onavitem .onavrow .onav-age:not(._0) { flex-shrink: 0; font-size: 11px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .onavitem .onavrow .glyph .local:not(#_):not(._0) { color: lch(var(--u_op-warningL) var(--u_op-warningC) var(--u_op-warningH) / 85%); } .onavitem .onavrow .oinput.input.box:not(._0) { background: none; flex: 1; min-width: 0rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding: 0rem; --u_olhover: 0; --u_olfocus: 0; } .onavitem .onavrow .oinput.input.box:not(._0):before { display: none; } .onavitem .onavrow .oinput.input.box input:not(._0) { position: static; padding-left: 0rem; padding-right: 0rem; width: 100%; font-size: 14px; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .onavitem .onavrow .dot:not(._0) { flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; margin-right: 4px; } .onavitem .onavrow .dot.fresh:not(._0) { background: lch(var(--u_doc-blueL) var(--u_doc-blueC) var(--u_doc-blueH) / var(--u_doc-blueA,1)); } .onavitem .onavrow .dot.busy:not(._0) { background: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); animation: var(--animation-onavdot-pulse,onavdot-pulse) 1.3s ease-in-out infinite; } .onavitem .onavrow:is(:hover, .\@hover):not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .onavitem .onavrow.has-menu:not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .onavitem .onavrow.active:not(._0) { background: lch(var(--u_op-bg-activeL) var(--u_op-bg-activeC) var(--u_op-bg-activeH) / var(--u_op-bg-activeA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .onavitem .onavrow.active .oicon:not(._0) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .onavitem .onavrow.archived .onav-label:not(._0) { text-decoration: line-through; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .onavitem .onavrow.tree:is(:hover, .\@hover) .glyph > .oicon:not(._0) { opacity: 0; } .onavitem .onavrow.tree:is(:hover, .\@hover) .toggle:not(._0) { opacity: 1; } @keyframes onavdot-pulse { 0% { opacity: .35; } 50% { opacity: 1; } to { opacity: .35; } } /* app/client/ask.imba?styles */ .pc-af { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: flex-start; gap: .25rem; --u_rg: .25rem; --u_cg: .25rem; padding: .5rem; } .pc-af.boxed { width: min(560px, 78vw); background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px solid lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); border-radius: 10px; box-shadow: 0 10px 30px #00000059; } .pc_af.row:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; align-self: stretch; } .pc_af.row input.pc_af:not(#_) { flex: 1; height: 32px; padding-left: .5rem; padding-right: .5rem; border-radius: 6px; font-size: 15px; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); background: none; border-style: none; outline: none; } .pc_af.row input.pc_af:not(#_)::placeholder { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .pc_af.input:not(#_) { align-self: stretch; } .pc_af.status:not(#_) { padding-left: .5rem; padding-right: .5rem; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .pc_af.say:not(#_) { padding-right: .5rem; padding-left: 8px; margin-left: .5rem; border-left: 2px solid lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); font-size: 13px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); white-space: pre-wrap; } .pc_af.err:not(#_) { padding-left: .5rem; padding-right: .5rem; font-size: 12px; color: lch(var(--u_op-dangerL) var(--u_op-dangerC) var(--u_op-dangerH) / var(--u_op-dangerA,1)); } ask-panel { display: block; } ask-panel op-doc-editor .editor:not(._0) { padding: 10px 12px; max-width: none; min-height: 44px; max-height: 40vh; overflow-y: auto; font-size: 15px; line-height: 1.5; --u_lh: 1.5; } ask-panel op-doc-editor .block.container.turn.draft:not(._0) { position: static; background: #fff0; padding-top: 0rem; padding-bottom: 0rem; margin-top: 0rem; margin-bottom: 0rem; } ask-panel op-doc-editor .block.container.turn.draft > .children:not(._0) { width: auto; margin-left: 0rem; max-width: none; background: none; border-style: none; border-radius: 0; padding: 0rem; box-shadow: var(--box-shadow-none,none); } ask-panel op-doc-editor .block.container.turn.draft > .children:is(:focus-within, .\@focin):not(._0) { box-shadow: var(--box-shadow-none,none); } ask-panel op-doc-editor .block.container.turn.draft > .foot:not(._0) { display: none; } .pc-ap:not(#_) { top: auto !important; bottom: clamp(32px, 7vh, 84px) !important; translate: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)) !important; border-radius: 12px !important; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)) !important; overflow: visible !important; max-height: none !important; box-shadow: 0 -16px 48px -14px #8b5cf673, -22px 12px 52px -16px #3b82f673, 22px 12px 52px -16px #ec48996b, 0 22px 56px -18px #22d3ee59, 0 12px 32px #0000004d !important; padding: 0rem !important; } .pc-ap:is(.highend :where(.pc-ap)):not(#_) { background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / 80%) !important; } .pc-ap:before { content: ""; position: absolute; inset: 0rem; z-index: -1; border-radius: inherit; } .pc-ap:is(.highend :where(.pc-ap)):before { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .pc_ap.ctx:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; padding-left: .75rem; padding-right: .75rem; padding-bottom: .5rem; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .pc_ap.ctx .pc_ap.op-chip:not(#_) { font-size: 12px; } .pc_ap.hint:not(#_) { flex-shrink: 0; opacity: .7; } .pc-aq:not(#_):not(#_):not(#_) { left: var(--pc_ar); width: var(--pc_as); } .pc-az:not(#_):not(#_):not(#_) { flex: 1; } ask-overlay { display: block; } /* app/client/jump.imba?styles */ .ow-af:not(#_) { top: 16vh !important; left: 50vw !important; translate: -50% 0 !important; width: min(560px, 92vw) !important; padding: 0rem !important; } .ow-af { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } .ow_af.head:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding-left: .5rem; padding-right: .5rem; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .ow_af.head input.ow_af:not(#_) { flex: 1; height: 40px; padding-left: .5rem; padding-right: .5rem; font-size: 15px; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); background: none; border-style: none; outline: none; } .ow_af.head input.ow_af:not(#_)::placeholder { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ow_af.list:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 1px; --u_rg: 1px; --u_cg: 1px; padding: .5rem; max-height: 50vh; overflow-y: auto; } .ow_af.row:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; height: 32px; padding-left: .5rem; padding-right: .5rem; border-radius: 6px; flex-shrink: 0; font-size: 14px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); cursor: pointer; user-select: none; -webkit-user-select: none; --u_fis: 18px; --u_ics: 16; } .ow_af.row .ow_af.oicon:not(#_) { flex-shrink: 0; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ow_af.row .ow_af.label:not(#_) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ow_af.row .ow_af.crumb:not(#_) { flex-shrink: 0; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ow_af.row .ow_af.age:not(#_) { margin-left: auto; flex-shrink: 0; font-size: 11px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ow_af.row.sel:not(#_) { background: lch(var(--u_op-bg-activeL) var(--u_op-bg-activeC) var(--u_op-bg-activeH) / var(--u_op-bg-activeA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ow_af.row.sel .ow_af.oicon:not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ow_af.empty:not(#_) { padding: .5rem .75rem; font-size: 13px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ow_af.ctx:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; padding-left: .75rem; padding-right: .75rem; padding-bottom: .5rem; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ow_af.hint:not(#_) { margin-left: auto; opacity: .7; } jump-palette { display: block; } /* app/client/sections.imba?styles */ .oy_af.chev { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } doc-section > doc-body > op-doc-editor .editor:not(._0) { padding-top: 10px; padding-bottom: 14px; } doc-section:last-child > doc-body > op-doc-editor .editor:not(._0) { padding-bottom: var(--u_tailpad,1tailpad); } doc-section.collapsed:last-child:not(._0) { padding-bottom: var(--u_tailpad,1tailpad); } .oy-af { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } .oy-af > header.oy_af:not(#_) { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; height: 32px; margin-top: 8px; padding-left: 14px; padding-right: 14px; user-select: none; -webkit-user-select: none; cursor: pointer; } .oy-af > header.oy_af:not(#_):before { content: ""; position: absolute; left: 14px; right: 14px; top: 50%; height: 1px; background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 50%); } .oy-af > header.oy_af:is(:hover, .\@hover) .oy_af.chev:not(#_) { opacity: 1; } .oy_af.label:not(#_) { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 2px; --u_rg: 2px; --u_cg: 2px; padding-left: 2px; padding-right: 8px; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); max-width: 70%; border-radius: 4px; } .oy_af.chev:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; width: 16px; height: 16px; flex-shrink: 0; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); opacity: .6; --e_rest: opacity .12s !important; } .oy_af.chev op-icon.oy_af:not(#_) { --u_ics: 12; --u_fis: 14px; } .oy_af.heading:not(#_) { min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; font-weight: 500; letter-spacing: .02em; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .oy-af.collapsed .oy_af.chev:not(#_) { opacity: 1; } doc-section { display: block; } .oy-an { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } doc-sections { display: block; } /* app/client/images.imba?styles */ op-image.ox_ag { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .ox-ag { position: absolute; inset: 0rem; grid-column: 3; grid-row: 1; container-type: size; } @media (max-width: 1239px) { .ox-ag { display: none; } } .ox-ag.empty { display: none; } .ox-ag > .ox_ag.tiles:not(#_) { position: sticky; top: var(--u_barh,1barh); display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 10px; --u_rg: 10px; --u_cg: 10px; padding: 14px 24px 14px 8px; box-sizing: border-box; --u_tilemah: calc((min(100vh - var(--u_barh,1barh), 100cqh) - 28px - 30px - (var(--n) - 1) * 10px) / var(--n)); } header.ox_ag:not(#_) { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; height: 20px; font-size: 12px; font-weight: 500; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); user-select: none; -webkit-user-select: none; } header.ox_ag .ox_ag.count:not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); font-weight: 400; } op-image.ox_ag:not(#_) { display: block; width: max(0px, calc(var(--u_imgw,1imgw) / var(--u_imgh,1imgh) * var(--u_tilemah,1tilemah))); max-width: 100%; border-radius: 8px; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); overflow: hidden; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); cursor: zoom-in; --e_rest: border-color .12s !important; } op-image.ox_ag:is(:hover, .\@hover):not(#_) { bd-color: lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); } .ox-ah:not(#_):not(#_):not(#_) { --n: var(--ox_ai); } doc-image-rail { display: block; } /* app/client/discussions.imba?styles */ .ov_bq.hresizer:before { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } doc-pane .page.discussed doc-section:last-child > doc-body > op-doc-editor .editor:not(._0) { padding-bottom: 14px; } doc-pane .page.discussed doc-section.collapsed:last-child:not(._0) { padding-bottom: 0rem; } doc-pane .page > doc-discussions:not(._0) { padding-bottom: var(--u_tailpad,1tailpad); } .ov-af { display: inline-flex; align-items: center; gap: 5px; --u_rg: 5px; --u_cg: 5px; align-self: center; cursor: pointer; user-select: none; -webkit-user-select: none; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); font-size: var(--u_ffs,1ffs); height: var(--u_ffh,1ffh); padding-left: 6px; padding-right: 6px; margin-left: -6px; margin-right: -6px; border-radius: var(--u_ffrd,1ffrd); white-space: nowrap; } .ov-af:is(:hover, .\@hover) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); background: lch(var(--u_op-surface-hoverL) var(--u_op-surface-hoverC) var(--u_op-surface-hoverH) / var(--u_op-surface-hoverA,1)); } op-icon.ov_af:not(#_) { --u_fis: 14px; --u_ics: 14px; } doc-discussions-chip { display: block; } .dmi:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; flex: 1; min-width: 0rem; } .dmi .glyph:not(._0) { flex-shrink: 0; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); --u_fis: 14px; --u_ics: 14px; } .dmi .dq:not(._0) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 340px; font-size: 13px; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .dmi .dmeta:not(._0) { margin-left: auto; flex-shrink: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; padding-left: 14px; font-size: 11px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .dmi .ddot:not(._0) { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; } .dmi .ddot.busy:not(._0) { background: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); animation: var(--animation-onavdot-pulse,onavdot-pulse) 1.3s ease-in-out infinite; } .dmi .ddot.fresh:not(._0) { background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); } .ov-as { display: inline-flex; vertical-align: -.14em; align-items: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; margin-left: 4px; user-select: none; -webkit-user-select: none; } .ov_as.chip:not(#_) { display: inline-flex; align-items: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; padding-left: 7px; padding-right: 7px; height: 19px; border-radius: 10px; cursor: pointer; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); font-size: 11.5px; line-height: 1; --u_lh: 1; } .ov_as.chip:is(:hover, .\@hover):not(#_) { background: lch(var(--u_op-surface-hoverL) var(--u_op-surface-hoverC) var(--u_op-surface-hoverH) / var(--u_op-surface-hoverA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .ov_as.chip.open:not(#_) { background: lch(var(--u_op-surface-hoverL) var(--u_op-surface-hoverC) var(--u_op-surface-hoverH) / var(--u_op-surface-hoverA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .ov_as.cicon:not(#_) { flex-shrink: 0; --u_fis: 12px; --u_ics: 12px; } .ov_as.cn:not(#_):before { content: attr(data-n); font-weight: 500; } .ov_as.cdot:not(#_) { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; } .ov_as.cdot.busy:not(#_) { background: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); animation: var(--animation-onavdot-pulse,onavdot-pulse) 1.3s ease-in-out infinite; } .ov_as.cdot.fresh:not(#_) { background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); } doc-thread-chips { display: block; } .ov-ay { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } .ov-ay > header.ov_ay:not(#_) { width: 100%; max-width: 850px; margin-left: auto; margin-right: auto; padding-left: var(--u_docpad,1docpad); padding-right: var(--u_docpad,1docpad); box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 10px; --u_rg: 10px; --u_cg: 10px; padding-top: 7px; padding-bottom: 7px; user-select: none; -webkit-user-select: none; cursor: pointer; border-radius: 8px; } .ov-ay > header.ov_ay:is(:hover, .\@hover):not(#_) { background: lch(var(--u_op-surface-hoverL) var(--u_op-surface-hoverC) var(--u_op-surface-hoverH) / 50%); } .ov-ay.open > header.ov_ay:not(#_) { background: lch(var(--u_op-surface-hoverL) var(--u_op-surface-hoverC) var(--u_op-surface-hoverH) / var(--u_op-surface-hoverA,1)); } .ov-ay.open .ov_ay.glyph:not(#_) { color: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); } .ov_ay.glyph:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-shrink: 0; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)) op-icon; --u_fis: 14px; --u_ics: 14px; } .ov_ay.txt:not(#_) { flex: 1; min-width: 0rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 2px; --u_rg: 2px; --u_cg: 2px; } .ov_ay.q:not(#_) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 600; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); line-height: 1.35; --u_lh: 1.35; } .ov_ay.preview:not(#_) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); line-height: 1.35; --u_lh: 1.35; } .ov_ay.meta:not(#_) { margin-left: auto; flex-shrink: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; font-size: 11px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ov_ay.dot:not(#_) { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; } .ov_ay.dot.busy:not(#_) { background: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); animation: var(--animation-onavdot-pulse,onavdot-pulse) 1.3s ease-in-out infinite; } .ov_ay.dot.fresh:not(#_) { background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); } discussion-section { display: block; } .ov-bj { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; } .ov-bj > header.ov_bj:not(#_) { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; height: 32px; margin-top: 16px; margin-bottom: 4px; padding-left: 14px; padding-right: 14px; user-select: none; -webkit-user-select: none; } .ov-bj > header.ov_bj:not(#_):before { content: ""; position: absolute; left: 14px; right: 14px; top: 50%; height: 1px; background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / 50%); } .ov_bj.label:not(#_) { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 5px; --u_rg: 5px; --u_cg: 5px; padding-left: 8px; padding-right: 8px; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); border-radius: 4px; font-size: 11px; font-weight: 500; letter-spacing: .02em; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ov_bj.label op-icon.ov_bj:not(#_) { --u_fis: 12px; --u_ics: 12px; } doc-discussions { display: block; } thread-sheet op-doc-editor .block.container.turn.intro:not(._0) { display: none; } thread-sheet op-doc-editor .block.container.turn:not(._0) { margin-top: 10px; margin-bottom: 6px; } thread-sheet op-doc-editor .block.container.turn.draft:not(._0) { position: static; background: #fff0; padding-top: 0rem; padding-bottom: 0rem; margin-top: 12px; } thread-sheet doc-body > op-doc-editor .editor:not(._0) { padding-top: 2px; padding-bottom: 28px; scroll-margin-bottom: 90px; scroll-margin-top: 50px; } .ov-bq { position: absolute; top: calc(var(--u_barh,1barh) + 10px); right: 12px; bottom: 12px; width: var(--u_shw,1shw); min-width: 0rem; z-index: 10; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; border-radius: 12px; overflow: hidden; background: lch(var(--u_op-popup-bgL) var(--u_op-popup-bgC) var(--u_op-popup-bgH) / var(--u_op-popup-bgA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); box-shadow: 0 18px 50px -12px #0006, 0 2px 10px #0000002e; container-type: inline-size; } .ov-bq.bottom { inset: auto 12px 12px; width: auto; height: var(--u_shh,1shh); } .ov-bq > header.ov_bq:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; flex-shrink: 0; padding: 13px 16px 9px; user-select: none; -webkit-user-select: none; } .ov_bq.glyph:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-shrink: 0; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)) op-icon; --u_fis: 14px; --u_ics: 14px; } .ov_bq.q:not(#_) { flex: 1; min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 600; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ov_bq.x:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-shrink: 0; width: 22px; height: 22px; border-radius: 6px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); cursor: pointer; } .ov_bq.x:is(:hover, .\@hover):not(#_) { background: lch(var(--u_op-surface-hoverL) var(--u_op-surface-hoverC) var(--u_op-surface-hoverH) / var(--u_op-surface-hoverA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ov_bq.x op-icon.ov_bq:not(#_) { --u_fis: 14px; --u_ics: 14px; } .ov_bq.scroller:not(#_) { flex: 1; overflow-y: auto; min-width: 0rem; } .ov_bq.hresizer:not(#_) { position: absolute; left: 0rem; top: 0rem; bottom: 0rem; width: 8px; z-index: 5; cursor: col-resize; user-select: none; -webkit-user-select: none; } .ov_bq.hresizer:not(#_):before { content: ""; position: absolute; left: 3px; top: 10px; bottom: 10px; width: 2px; border-radius: 1px; background: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); opacity: 0; --e_rest: opacity .12s !important; } .ov_bq.hresizer:is(:hover, .\@hover):not(#_):before { opacity: 1; } .ov_bq.hresizer._touch_:not(#_):before { opacity: 1; } thread-sheet { display: block; } /* app/client/thread.imba?styles */ .ou_ai.frame, op-doc-editor .island.receipt .chev { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } op-doc-editor .island.receipt .chev, op-doc-editor .island.receipt.open > .head .chev, op-doc-editor .island.receipt .row.rowopen .chev { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } @keyframes thread-shimmer { 0% { background-position: 200% 0; } to { background-position: -100% 0; } } op-doc-editor .block.container.turn:not(._0) { margin-top: 28px; margin-bottom: 8px; } op-doc-editor .block.container.turn > .head:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; margin-bottom: 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); user-select: none; -webkit-user-select: none; } op-doc-editor .block.container.turn > .head .who:not(._0) { font-weight: 600; } op-doc-editor .block.container.turn > .head .detail:not(._0) { text-transform: none; letter-spacing: 0em; font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 11px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } op-doc-editor .block.container.turn > .children:not(._0) { padding-left: 0rem; } op-doc-editor .block.container.turn.turn-user > .head:not(._0) { display: none; } op-doc-editor .block.container.turn.turn-user > .children:not(._0) { width: fit-content; margin-left: auto; max-width: 85%; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); border-radius: 12px; padding: 4px 14px; } op-doc-editor .block.container.turn.turn-user.intro:not(._0) { margin-top: 0rem; } op-doc-editor .block.container.turn.turn-user.intro > .children:not(._0) { width: auto; margin-left: 0rem; max-width: none; background: none; border-style: none; border-radius: 0; padding: 0rem; } op-doc-editor .block.container.turn.turn-user.intro.headline > .children > .block:not(._0) { font-size: 34px; font-weight: 700; line-height: 1.2; --u_lh: 1.2; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } op-doc-editor .block.container.turn.turn-agent > .head .who:not(._0) { color: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / var(--u_op-accent-solidA,1)); } op-doc-editor .block.container.turn.status-failed > .head .detail:not(._0) { color: lch(var(--u_op-dangerL) var(--u_op-dangerC) var(--u_op-dangerH) / var(--u_op-dangerA,1)); } op-doc-editor .block.container.turn > .busy:not(._0) { margin-top: 8px; font-size: 12px; font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); user-select: none; -webkit-user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } op-doc-editor .block.container.turn.draft:not(._0) { position: sticky; bottom: 0rem; z-index: 10; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); padding-top: 6px; padding-bottom: 10px; margin-top: 16px; margin-bottom: 0rem; } op-doc-editor .block.container.turn.draft > .children:not(._0) { width: auto; margin-left: 0rem; max-width: none; padding-top: 8px; padding-bottom: 8px; padding-right: 64px; } op-doc-editor .block.container.turn.draft > .children:is(:focus-within, .\@focin):not(._0) { border-color: lch(var(--u_op-focusL) var(--u_op-focusC) var(--u_op-focusH) / var(--u_op-focusA,1)); box-shadow: 0 0 0 3px lch(var(--u_op-focusL) var(--u_op-focusC) var(--u_op-focusH) / 12%); } op-doc-editor .block.container.turn.draft > .foot:not(._0) { position: relative; display: flex; flex-direction: row; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; justify-content: flex-end; margin-top: 6px; user-select: none; -webkit-user-select: none; --u_ffh: 30px; --u_ffrd: 10px; --u_ffs: 13px; } op-doc-editor .block.container.turn.draft .foot .oinput:not(._0) { flex: 0 1 auto; min-width: 0rem; width: auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding-left: 0rem; padding-right: 0rem; background: #fff0; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } op-doc-editor .block.container.turn.draft .foot .oinput:not(._0):before { border-color: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } op-doc-editor .block.container.turn.draft .foot .oinput:is(:focus-within, .\@focin):not(._0) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } op-doc-editor .block.container.turn.draft .foot .oinput input:not(._0) { position: static; height: 100%; field-sizing: content; min-width: 60px; max-width: min(280px, 30vw); font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12px; padding-left: 8px; padding-right: 8px; } op-doc-editor .block.container.turn.draft .foot op-select:not(._0) { width: auto; flex-shrink: 0; } op-doc-editor .block.container.turn.draft .foot .obutton .olabel:not(._0) { text-transform: none; font-weight: 600; } op-doc-editor .island.receipt:not(._0) { margin-top: 2px; margin-bottom: 2px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); user-select: none; -webkit-user-select: none; font-size: 15px; font-weight: 450; } op-doc-editor .island.receipt .head:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; cursor: pointer; padding-top: 2px; padding-bottom: 2px; } op-doc-editor .island.receipt .rhead:not(._0) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; cursor: pointer; } op-doc-editor .island.receipt .name:not(._0) { flex-shrink: 0; } op-doc-editor .island.receipt .summary:not(._0) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; min-width: 0rem; } op-doc-editor .island.receipt .chev:not(._0) { flex-shrink: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; font-size: .9em; line-height: 1; --u_lh: 1; --t_rotate: 0deg !important; --e_rest: transform .12s !important; } op-doc-editor .island.receipt .meta:not(._0) { margin-left: auto; flex-shrink: 0; font-size: .85em; } op-doc-editor .island.receipt .body:not(._0) { margin-top: 4px; margin-bottom: 4px; padding: 8px 12px; border-radius: 8px; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 4px; --u_rg: 4px; --u_cg: 4px; } op-doc-editor .island.receipt pre:not(._0) { margin: 0rem; white-space: pre-wrap; wb: break-word; font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12px; maxh: 320px; overflow-y: auto; } op-doc-editor .island.receipt pre.out:not(._0) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } op-doc-editor .island.receipt .rows:not(._0) { margin-top: 4px; margin-bottom: 4px; border-radius: 8px; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } op-doc-editor .island.receipt .row:not(._0) { padding: 6px 12px; } op-doc-editor .island.receipt .row:first-child:not(._0) { border-top-style: none; } op-doc-editor .island.receipt .row .body:not(._0) { border-style: none; border-radius: 0; padding: 0rem; margin-top: 4px; margin-bottom: 4px; } op-doc-editor .island.receipt .head:is(:hover, .\@hover) .name:not(._0) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } op-doc-editor .island.receipt .rhead:is(:hover, .\@hover) .name:not(._0) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } op-doc-editor .island.receipt .row + .row:not(._0) { border-top: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } op-doc-editor .island.receipt.open > .head .chev:not(._0) { --t_rotate: 90deg !important; } op-doc-editor .island.receipt .row.rowopen .chev:not(._0) { --t_rotate: 90deg !important; } op-doc-editor .island.receipt.status-running .name:not(._0):after { content: " …"; } op-doc-editor .island.receipt.running > .head .name:not(._0):after { content: " …"; } op-doc-editor .island.receipt .row.status-running .name:not(._0):after { content: " …"; } op-doc-editor .island.receipt.status-error .name:not(._0) { color: lch(var(--u_op-dangerL) var(--u_op-dangerC) var(--u_op-dangerH) / var(--u_op-dangerA,1)); } op-doc-editor .island.receipt .row.status-error .name:not(._0) { color: lch(var(--u_op-dangerL) var(--u_op-dangerC) var(--u_op-dangerH) / var(--u_op-dangerA,1)); } op-doc-editor .island.receipt.status-denied .name:not(._0) { color: #d97706; } op-doc-editor .island.receipt .row.status-denied .name:not(._0) { color: #d97706; } op-doc-editor .block.container.turn > .busy:not(._0), op-doc-editor .island.receipt.status-running > .head:not(._0), op-doc-editor .island.receipt.running > .head:not(._0), op-doc-editor .island.receipt .row.status-running .rhead:not(._0) { background: linear-gradient( 90deg, lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)) 0% 40%, lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)) 50%, lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)) 60% 100%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: #fff0; animation: var(--animation-thread-shimmer,thread-shimmer) 2.4s linear infinite; } op-doc-editor .block.container.turn > .busy .chev:not(._0), op-doc-editor .island.receipt.status-running > .head .chev:not(._0), op-doc-editor .island.receipt.running > .head .chev:not(._0), op-doc-editor .island.receipt .row.status-running .rhead .chev:not(._0) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } op-doc-editor .block.container.turn > .busy:is(:hover, .\@hover) .name:not(._0), op-doc-editor .island.receipt.status-running > .head:is(:hover, .\@hover) .name:not(._0), op-doc-editor .island.receipt.running > .head:is(:hover, .\@hover) .name:not(._0), op-doc-editor .island.receipt .row.status-running .rhead:is(:hover, .\@hover) .name:not(._0) { color: #fff0; } op-doc-editor .ref .chip.docref op-icon:not(._0) { vertical-align: -.125em; margin-right: 4px; --u_fis: .95em; --u_ics: .95em; } op-doc-editor .ref .chip.docref op-icon:not(#_):not(._0) { display: inline-flex; } thread-composer op-doc-editor .editor:not(._0) { padding: 14px 18px 52px; max-width: none; min-height: 104px; max-height: 50vh; overflow-y: auto; font-size: 16px; line-height: 1.45; --u_lh: 1.45; } thread-composer op-doc-editor .block.container.turn.draft:not(._0) { position: static; background: #fff0; padding-top: 0rem; padding-bottom: 0rem; margin-top: 0rem; margin-bottom: 0rem; } thread-composer op-doc-editor .block.container.turn.draft > .children:not(._0) { width: auto; margin-left: 0rem; max-width: none; background: none; border-style: none; border-radius: 0; padding: 0rem; box-shadow: var(--box-shadow-none,none); } thread-composer op-doc-editor .block.container.turn.draft > .children:is(:focus-within, .\@focin):not(._0) { box-shadow: var(--box-shadow-none,none); } thread-composer op-doc-editor .block.container.turn.draft > .foot:not(._0) { display: none; } .ou-ai { flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-content: stretch; padding: 12px; gap: 8px; --u_rg: 8px; --u_cg: 8px; } .ou_ai.frame:not(#_) { position: relative; width: 100%; max-width: 850px; margin-left: auto; margin-right: auto; min-height: 106px; border-radius: 16px; border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); --e_rest: border-color .12s, box-shadow .12s !important; } .ou_ai.frame:is(:focus-within, .\@focin):not(#_) { border-color: lch(var(--u_op-focusL) var(--u_op-focusC) var(--u_op-focusH) / var(--u_op-focusA,1)); box-shadow: 0 0 0 3px lch(var(--u_op-focusL) var(--u_op-focusC) var(--u_op-focusH) / 12%); } .ou_ai.left:not(#_) { position: absolute; left: 10px; bottom: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; --u_ffh: 32px; --u_ffrd: 10px; --u_ffs: 13px; } .ou_ai.right:not(#_) { position: absolute; right: 10px; bottom: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; --u_ffh: 32px; --u_ffrd: 10px; --u_ffs: 13px; } .ou_ai.left .ou_ai.oinput:not(#_) { flex: 0 1 auto; min-width: 0rem; width: auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding-left: 0rem; padding-right: 0rem; background: #fff0; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .ou_ai.left .ou_ai.oinput:not(#_):before { border-color: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .ou_ai.left .ou_ai.oinput:is(:focus-within, .\@focin):not(#_) { background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ou_ai.left input:not(#_) { position: static; height: 100%; field-sizing: content; min-width: 70px; max-width: min(320px, 40vw); font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12px; padding-left: 26px; padding-right: 10px; } .ou_ai.left .ou_ai.cwd-icon:not(#_) { position: absolute; left: 8px; top: 0rem; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); pointer-events: none; --u_fis: 14px; } .ou_ai.right op-select.ou_ai:not(#_) { width: auto; flex-shrink: 0; } .ou_ai.right .ou_ai.obutton .olabel:not(#_):not(._0) { text-transform: none; font-weight: 600; } .ou_ai.hint:not(#_) { font-size: 11px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ou-ai.wide { padding: 0rem; } .ou-ai.wide .ou_ai.frame:not(#_) { max-width: none; } thread-composer { display: block; } .ou-au { display: contents; } .ou_au.pills:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 2px; --u_rg: 2px; --u_cg: 2px; flex-shrink: 0; } .ou_au.pill:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 5px; --u_rg: 5px; --u_cg: 5px; padding: 4px 8px; border-radius: 8px; cursor: pointer; user-select: none; -webkit-user-select: none; font-size: 12.5px; font-weight: 500; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); white-space: nowrap; } .ou_au.pill:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } .ou_au.pill .ou_au.dot:not(#_) { width: 6px; height: 6px; border-radius: 50%; background: #f59e0b; display: none; flex-shrink: 0; } .ou_au.pill.on:not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ou_au.pill.on .ou_au.dot:not(#_) { display: block; } .ou_au.pill.off:not(#_) { opacity: .55; } .ou_au.card:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; } .ou_au.card .ou_au.oinput input.ou_au:not(#_) { font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12px; } .ou_au.card op-select.ou_au:not(#_) { width: auto; flex-shrink: 0; } agent-pills { display: block; } .ou-bf { display: flex; flex-direction: row; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; justify-content: flex-end; } .ou_bf.oinput input.ou_bf:not(#_) { font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12px; } op-select.ou_bf:not(#_) { width: auto; flex-shrink: 0; } .ou_bf.pills:not(#_) { margin-right: auto; } .ou_bf.send:not(#_) { position: absolute; right: 13px; bottom: calc(100% + 19px); --u_ffh: 25px; --u_ffrd: 7px; --u_ffs: 14px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ou_bf.send:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .ou_bf.stop :is(rect, rect-tag):not(#_) { fill: currentColor; } thread-draft-foot { display: block; } /* app/client/home.imba?styles */ .oz_ak.docslist .oz_ak.row .oz_ak.star { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .oz-af { display: inline-flex; align-items: center; gap: .2em; --u_rg: .2em; --u_cg: .2em; align-self: center; cursor: pointer; user-select: none; -webkit-user-select: none; } .oz_af.label:not(#_) { white-space: nowrap; } .oz_af.label.none:not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .oz_af.ocaret:not(#_) { width: .55em; height: .55em; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); flex-shrink: 0; --u_fis: .55em; --u_ics: .55em; } project-switch { display: block; } .oz-ak { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: hidden; } .oz_ak.page:not(#_) { flex: 1; overflow-y: auto; padding-top: var(--u_barh,1barh); container-type: inline-size; } .oz_ak.inner:not(#_) { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; padding-left: var(--u_pgp,1pgp); padding-right: var(--u_pgp,1pgp); padding-bottom: 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 28px; --u_rg: 28px; --u_cg: 28px; padding-top: clamp(calc(12px + 2cqw), calc((100cqw - 1100px) / 6 + 30px), 150px); } h1.oz_ak.greeting:not(#_) { font-family: Playfair Display, Georgia, serif; font-weight: 400; font-size: 40px; line-height: 1.2; --u_lh: 1.2; margin: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); display: flex; align-items: baseline; flex-wrap: wrap; } .oz_ak.scope:not(#_) { margin-left: .3em; align-self: center; border-bottom: 2px dotted lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } .oz_ak.scope:is(:hover, .\@hover):not(#_) { border-bottom: 2px dotted lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .oz_ak.scopename:not(#_) { background: none; padding: 0rem; display: block; flex: 1; } .oz_ak.scopename:not(#_):before { display: none; } .oz_ak.scopename input:not(#_) { position: static; padding-left: 0rem; padding-right: 0rem; width: 100%; background: none; font-size: 40px; font-weight: 400; font-family: inherit; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .oz_ak.desc:not(#_) { width: 100%; rs: none; border-style: none; outline: none; background: none; padding: 0rem; font-family: inherit; font-size: 15px; line-height: 1.5; --u_lh: 1.5; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); field-sizing: content; margin-top: -16px; } .oz_ak.desc:not(#_)::placeholder { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .oz_ak.meta:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; margin-top: -14px; --u_ffh: 24px; --u_ffs: 13px; --u_ffrd: 6px; --u_ics: 16; --u_icsw: 1.25; --u_ffxp: 0px; } .oz_ak.meta .oz_ak.select:not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .oz_ak.meta .oz_ak.select:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } project-people.oz_ak:not(#_) { margin-top: -14px; } .oz_ak.invite:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 10px; --u_rg: 10px; --u_cg: 10px; padding: 12px 14px; border-radius: 10px; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); font-size: 14px; } .oz_ak.invite .oz_ak.oicon:not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); flex-shrink: 0; } .oz_ak.invite .oz_ak.msg:not(#_) { flex: 1; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); min-width: 0rem; } .oz_ak.invite .oz_ak.msg b.oz_ak:not(#_) { font-weight: 600; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .oz_ak.scoperow:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; font-size: 15px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); margin-top: -14px; } .oz_ak.scoperow .oz_ak.scope:not(#_) { margin-left: 0rem; } .oz_ak.docslist:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 6px; --u_rg: 6px; --u_cg: 6px; } .oz_ak.docslist .oz_ak.rows:not(#_) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto auto auto; column-gap: 8px; --u_cg: 8px; } .oz_ak.docslist .oz_ak.muted:not(#_) { grid-column: 1 / -1; } .oz_ak.docslist .oz_ak.row:not(#_) { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; padding-top: 7px; padding-bottom: 7px; font-size: 14px; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); cursor: pointer; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); user-select: none; -webkit-user-select: none; } .oz_ak.docslist .oz_ak.row:last-child:not(#_) { border-bottom-style: none; } .oz_ak.docslist .oz_ak.row:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .oz_ak.docslist .oz_ak.row .oz_ak.oicon:not(#_) { grid-column: 1; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .oz_ak.docslist .oz_ak.row .oz_ak.lbl:not(#_) { grid-column: 2; min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .oz_ak.docslist .oz_ak.row doc-labels.oz_ak:not(#_) { grid-column: 3; justify-self: end; } .oz_ak.docslist .oz_ak.row doc-row-reactions.oz_ak:not(#_) { grid-column: 4; justify-self: end; } .oz_ak.docslist .oz_ak.row .oz_ak.by:not(#_) { grid-column: 5; width: 18px; height: 18px; font-size: 10px; cursor: pointer; } .oz_ak.docslist .oz_ak.row .oz_ak.when:not(#_) { grid-column: 6; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); text-align: right; } .oz_ak.docslist .oz_ak.row .oz_ak.star:not(#_) { grid-column: 7; opacity: 0; pointer-events: none; --e_rest: opacity .12s !important; } .oz_ak.docslist .oz_ak.row .oz_ak.star.on:not(#_) { opacity: 1; pointer-events: auto; } .oz_ak.docslist .oz_ak.row:is(:hover, .\@hover) .oz_ak.star:not(#_) { opacity: 1; pointer-events: auto; } .oz_ak.muted:not(#_) { font-size: 13px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); padding-top: 4px; padding-bottom: 4px; } .oz_ak.greet:not(#_) { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; gap: .75rem; --u_rg: .75rem; --u_cg: .75rem; } .oz_ak.greet .oz_ak.avatar:not(#_) { width: 32px; height: 32px; font-size: 13px; cursor: pointer; flex-shrink: 0; box-shadow: 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .oz_ak.greet .oz_ak.avatar:is(:hover, .\@hover):not(#_) { box-shadow: 0 0 0 2px lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } .oz_ak.head:not(#_) { display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: space-between; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; } h2.oz_ak:not(#_) { font-size: 16px; font-weight: 600; margin: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } home-pane { display: block; } /* app/client/project.imba?styles */ .pd-al { display: inline-flex; border-radius: 50%; cursor: pointer; } .pd_al.avatar:not(#_) { width: 32px; height: 32px; font-size: 13px; box-shadow: 0 0 0 1px lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); } .pd_al.avatar:is(:hover, .\@hover):not(#_) { box-shadow: 0 0 0 2px lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } project-person { display: block; } .pd-ao { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; flex-wrap: wrap; } .pd_ao.invchip:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 5px; --u_rg: 5px; --u_cg: 5px; padding-left: 10px; padding-right: 10px; height: 28px; border-radius: 14px; font-size: 12px; cursor: pointer; user-select: none; -webkit-user-select: none; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px dashed lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .pd_ao.invchip:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); border: 1px dashed lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } .pd_ao.invchip .pd_ao.oicon:not(#_) { --u_fis: 12px; --u_ics: 12; flex-shrink: 0; } .pd_ao.plus:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; padding-left: 9px; padding-right: 9px; height: 28px; border-radius: 14px; font-size: 12px; cursor: pointer; user-select: none; -webkit-user-select: none; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); border: 1px solid hsla(0, 0%, 100%, 0%); } .pd_ao.plus:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); } .pd_ao.plus .pd_ao.oicon:not(#_) { --u_fis: 13px; --u_ics: 13; flex-shrink: 0; } .pd_ao.mailin:not(#_) { height: 28px; padding-left: 11px; padding-right: 11px; border-radius: 14px; font-size: 12px; width: 220px; font-family: inherit; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); border: 1px solid lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); outline: none; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .pd_ao.mailin:not(#_)::placeholder { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } project-people { display: block; } /* app/client/labels.imba?styles */ .pb-af { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; flex-shrink: 0; } .pb_af.chip:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; padding-left: 7px; padding-right: 7px; height: 18px; border-radius: 9px; font-size: 11px; line-height: 1; --u_lh: 1; white-space: nowrap; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .pb_af.dot:not(#_) { width: 6px; height: 6px; border-radius: 9999px; flex-shrink: 0; } .pb-ai:not(#_):not(#_):not(#_) { background: var(--pb_aj); } doc-labels { display: block; } /* app/client/reactions.imba?styles */ .on-ag { display: inline-flex; vertical-align: -.14em; align-items: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; margin-left: 8px; user-select: none; -webkit-user-select: none; } .on_ag.pill:not(#_) { display: inline-flex; align-items: center; padding-left: 7px; padding-right: 7px; height: 19px; border-radius: 10px; cursor: pointer; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); font-size: 11.5px; line-height: 1; --u_lh: 1; } .on_ag.pill:is(:hover, .\@hover):not(#_) { background: lch(var(--u_op-surface-hoverL) var(--u_op-surface-hoverC) var(--u_op-surface-hoverH) / var(--u_op-surface-hoverA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .on_ag.pill.mine:not(#_) { background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / 18%); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .on_ag.pill.mine:is(:hover, .\@hover):not(#_) { background: lch(var(--u_op-accent-solidL) var(--u_op-accent-solidC) var(--u_op-accent-solidH) / 26%); } .on_ag.pill:not(#_):before { content: attr(data-emoji); font-size: 12px; margin-right: 3px; } .on_ag.pill:not(#_):after { content: attr(data-n); font-weight: 500; } doc-reactions { display: block; } .on-aj { display: inline-flex; align-items: center; flex-shrink: 0; } .on_aj.rpill:not(#_) { display: inline-flex; align-items: center; gap: 1px; --u_rg: 1px; --u_cg: 1px; padding-left: 6px; padding-right: 6px; height: 18px; border-radius: 9px; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); font-size: 11px; line-height: 1; --u_lh: 1; } .on_aj.rn:not(#_) { margin-left: 2px; font-weight: 500; } doc-row-reactions { display: block; } .on-ao { margin-left: 0rem; } doc-meta-reactions { display: block; } .on-ap { display: flex; flex-direction: row; align-items: center; gap: 2px; --u_rg: 2px; --u_cg: 2px; padding: 3px; } .on_ap.remo:not(#_) { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; width: 26px; height: 26px; border-radius: 13px; font-size: 15px; cursor: pointer; background: #0000; } .on_ap.remo:is(:hover, .\@hover):not(#_) { background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); } .on_ap.remo.mine:not(#_) { background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); } doc-react-mi { display: block; } /* app/client/agents.imba?styles */ .op-ak { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: hidden; } .op_ak.page:not(#_) { flex: 1; overflow-y: auto; padding-top: var(--u_barh,1barh); container-type: inline-size; } .op_ak.inner:not(#_) { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; padding-left: var(--u_pgp,1pgp); padding-right: var(--u_pgp,1pgp); padding-bottom: 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 20px; --u_rg: 20px; --u_cg: 20px; padding-top: clamp(calc(12px + 2cqw), calc((100cqw - 900px) / 6 + 30px), 150px); } .op_ak.head:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 14px; --u_rg: 14px; --u_cg: 14px; } .op_ak.disc:not(#_) { width: 48px; height: 48px; border-radius: 14px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-shrink: 0; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --u_fis: 24px; --u_ics: 24; } h1.op_ak:not(#_) { font-size: 30px; font-weight: 700; margin: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); line-height: 1.15; --u_lh: 1.15; } .op_ak.sub:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12.5px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .op_ak.baselink:not(#_) { cursor: pointer; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); user-select: none; -webkit-user-select: none; } .op_ak.baselink:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .op_ak.desc:not(#_) { font-size: 15px; line-height: 1.5; --u_lh: 1.5; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); margin: 0rem; margin-top: -8px; } .op_ak.warn:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; font-size: 13px; color: #d97706; margin-top: -10px; } .op_ak.config:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 14px; --u_rg: 14px; --u_cg: 14px; flex-wrap: wrap; margin-top: 4px; --u_ffh: 30px; --u_ffs: 13px; --u_ffrd: 8px; } .op_ak.config .op_ak.ofield:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 3px; --u_rg: 3px; --u_cg: 3px; } .op_ak.config .olabel:not(#_):not(._0) { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .op_ak.config .oinput:not(#_):not(._0) { min-width: 130px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; } .op_ak.config input:not(#_) { position: static; height: 100%; width: 100%; min-width: 120px; font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12.5px; padding-left: 8px; padding-right: 8px; } .op_ak.config op-select.op_ak:not(#_) { width: auto; } .op_ak.creds:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 6px; --u_rg: 6px; --u_cg: 6px; margin-top: 8px; } .op_ak.crow:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; font-size: 13.5px; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); user-select: none; -webkit-user-select: none; border-radius: 6px; padding: 6px 4px; margin-left: -4px; margin-right: -4px; } .op_ak.crow:last-child:not(#_) { border-bottom-style: none; } .op_ak.crow:is(:hover, .\@hover):not(#_) { background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); } .op_ak.crow .op_ak.oicon:not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); flex-shrink: 0; } .op_ak.crow .op_ak.nm:not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); font-weight: 500; } .op_ak.crow .op_ak.det:not(#_) { font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .op_ak.crow .op_ak.tag:not(#_) { margin-left: auto; font-size: 11px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); border-radius: 99px; padding: 1px 7px; flex-shrink: 0; } .op_ak.crow .op_ak.tag.on:not(#_) { color: #15803d; bdc: hsla(142.43, 71.81%, 29.22%, 30%); } .op_ak.crow .op_ak.tag.warn:not(#_) { color: #d97706; bdc: hsla(32.13, 94.62%, 43.73%, 30%); } .op_ak.crow .op_ak.oinput:not(#_) { background: none; flex: 1; min-width: 0rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding: 0rem; --u_olhover: 0; --u_olfocus: 0; } .op_ak.crow .op_ak.oinput:not(#_):before { display: none; } .op_ak.crow input:not(#_) { position: static; padding-left: 0rem; padding-right: 0rem; width: 100%; font-size: 13.5px; font-weight: 500; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .op_ak.credactions:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 10px; --u_rg: 10px; --u_cg: 10px; margin-top: 2px; } .op_ak.addkey:not(#_) { font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12.5px; padding-left: 8px; padding-right: 8px; height: 30px; border-radius: 8px; width: 100%; max-width: 340px; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .op_ak.addkey:is(:focus, .\@focus):not(#_) { bdc: lch(var(--u_op-borderL) var(--u_op-borderC) var(--u_op-borderH) / var(--u_op-borderA,1)); outline: none; } .op_ak.docslist:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 6px; --u_rg: 6px; --u_cg: 6px; margin-top: 8px; } h2.op_ak:not(#_) { font-size: 16px; font-weight: 600; margin: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .op_ak.rows:not(#_) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; column-gap: 8px; --u_cg: 8px; } .op_ak.row:not(#_) { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; padding-top: 7px; padding-bottom: 7px; font-size: 14px; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); cursor: pointer; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); user-select: none; -webkit-user-select: none; } .op_ak.row:last-child:not(#_) { border-bottom-style: none; } .op_ak.row:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .op_ak.row .op_ak.oicon:not(#_) { grid-column: 1; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .op_ak.row .op_ak.lbl:not(#_) { grid-column: 2; min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .op_ak.row .op_ak.by:not(#_) { grid-column: 3; width: 18px; height: 18px; font-size: 10px; cursor: pointer; } .op_ak.row .op_ak.when:not(#_) { grid-column: 4; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); text-align: right; } .op_ak.muted:not(#_) { font-size: 13px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); padding-top: 4px; padding-bottom: 4px; } .op-ar:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 2px; --u_rg: 2px; --u_cg: 2px; min-width: 0rem; } .op-bs:not(#_):not(#_):not(#_) { margin-left: auto; } agent-pane { display: block; } /* app/client/people.imba?styles */ doc-person.oq_aj, doc-person.oq_aj:is(:hover, .\@hover) { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } doc-person.oq_aj, doc-person.oq_aj:is(:hover, .\@hover) { --t_z:0; --t_skew-x:0; --t_skew-y:0; transform: translate3d(var(--t_x), var(--t_y), var(--t_z)) rotate(var(--t_rotate)) skew(var(--t_skew-x)) skewY(var(--t_skew-y)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)) !important; } .oq-ag { display: inline-flex; border-radius: 50%; cursor: pointer; position: relative; } .oq_ag.avatar:not(#_) { width: 18px; height: 18px; font-size: 9px; box-shadow: 0 0 0 2px lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); } .oq_ag.avatar:is(:hover, .\@hover):not(#_) { box-shadow: 0 0 0 2px lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } doc-person { display: block; } .oq-aj { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; position: relative; } doc-person.oq_aj:not(#_) { margin-left: -5px; --t_z: 1 !important; } doc-person.oq_aj:is(:hover, .\@hover):not(#_) { --t_z: 2 !important; } doc-person.oq_aj:first-child:not(#_) { margin-left: 0rem; } .oq_aj.addpeep:not(#_) { margin-left: 3px; width: 18px; height: 18px; border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; cursor: pointer; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); --u_ics: 12; --u_fis: 12px; } .oq_aj.addpeep:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); background: lch(var(--u_op-bg-hoverL) var(--u_op-bg-hoverC) var(--u_op-bg-hoverH) / var(--u_op-bg-hoverA,1)); } doc-people { display: block; } .oq-an { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: hidden; } .oq_an.page:not(#_) { flex: 1; overflow-y: auto; padding-top: var(--u_barh,1barh); container-type: inline-size; } .oq_an.inner:not(#_) { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; padding-left: var(--u_pgp,1pgp); padding-right: var(--u_pgp,1pgp); padding-bottom: 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 20px; --u_rg: 20px; --u_cg: 20px; padding-top: clamp(calc(12px + 2cqw), calc((100cqw - 900px) / 6 + 30px), 150px); } .oq_an.head:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 14px; --u_rg: 14px; --u_cg: 14px; } .oq_an.head .oq_an.avatar:not(#_) { width: 48px; height: 48px; font-size: 20px; flex-shrink: 0; } h1.oq_an:not(#_) { font-size: 30px; font-weight: 700; margin: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); line-height: 1.15; --u_lh: 1.15; } .oq_an.sub:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; font-family: var(--font-mono,Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-size: 12.5px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .oq_an.desc:not(#_) { font-size: 15px; line-height: 1.5; --u_lh: 1.5; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); margin: 0rem; margin-top: -8px; } .oq_an.projects:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; flex-wrap: wrap; } .oq_an.projchip:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; padding-left: 10px; padding-right: 10px; height: 28px; border-radius: 14px; font-size: 12.5px; cursor: pointer; user-select: none; -webkit-user-select: none; background: lch(var(--u_op-bg-elementL) var(--u_op-bg-elementC) var(--u_op-bg-elementH) / var(--u_op-bg-elementA,1)); border: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); --u_fis: 14px; --u_ics: 14; } .oq_an.projchip:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); border: 1px solid lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); } .oq_an.docslist:not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 6px; --u_rg: 6px; --u_cg: 6px; margin-top: 8px; } h2.oq_an:not(#_) { font-size: 16px; font-weight: 600; margin: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .oq_an.rows:not(#_) { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 8px; --u_cg: 8px; } .oq_an.row:not(#_) { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; padding-top: 7px; padding-bottom: 7px; font-size: 14px; border-bottom: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); cursor: pointer; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); user-select: none; -webkit-user-select: none; } .oq_an.row:last-child:not(#_) { border-bottom-style: none; } .oq_an.row:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .oq_an.row .oq_an.oicon:not(#_) { grid-column: 1; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .oq_an.row .oq_an.lbl:not(#_) { grid-column: 2; min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .oq_an.row .oq_an.when:not(#_) { grid-column: 3; font-size: 12px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); text-align: right; } .oq_an.muted:not(#_) { font-size: 13px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); padding-top: 4px; padding-bottom: 4px; } .oq-at:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; gap: 2px; --u_rg: 2px; --u_cg: 2px; min-width: 0rem; } person-pane { display: block; } /* app/client/landing.imba?styles */ .or_af.wl .or_af.btn, .or_af.wl input.or_af { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } html.landing:not(._0) { scroll-snap-type: y mandatory; background: #f7f6f2; color-scheme: light; } html.landing body:not(._0) { overflow: visible; } :root { --u_lpcardw: min(1020px, 74vw); --u_lpcardh: calc(var(--u_svh,1svh) * 74); --u_lpcardt: calc(var(--u_svh,1svh) * 13); --u_lppeek: calc(var(--u_svh,1svh) * 14); --u_lpzoom: 1; --u_lptake: calc(var(--u_svh,1svh) * 300); --u_lpstory: calc(var(--u_svh,1svh) * 400); } @media (max-width: 999px) { :root { --u_lpcardw: 92vw; --u_lpcardh: calc(var(--u_svh,1svh) * 64); --u_lpcardt: calc(var(--u_svh,1svh) * 26); } } @media (max-width: 1099px) { :root { --u_lpzoom: .85; } } @media (max-width: 699px) { :root { --u_lpzoom: .8; } } @keyframes landing-app-rise { 0% { transform: translate(-50%, calc(calc(var(--u_svh,1svh) * 100) - var(--u_lppeek,1lppeek) - var(--u_lpcardt,1lpcardt))); } to { transform: translate(-50%, calc(var(--u_svh,1svh) * 0)); } } @keyframes landing-rise { 0% { transform: translateY(130%); } to { transform: none; } } @keyframes landing-fade { 0% { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } @keyframes landing-pitch-in { 0% { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } } @keyframes landing-app-take { 0% { top: var(--u_lpcardt,1lpcardt); width: var(--u_lpcardw,1lpcardw); height: var(--u_lpcardh,1lpcardh); border-radius: 16px; border-color: #1312101a; box-shadow: 0 40px 90px -30px #13121059, 0 4px 18px #13121014; } to { top: 0; width: 100%; height: 100%; border-radius: 0; border-color: #13121000; box-shadow: 0 0 #13121000, 0 0 #13121000; } } @keyframes landing-app-unzoom { 0% { zoom: var(--u_lpzoom,1lpzoom); } to { zoom: 1; } } @keyframes landing-fade-out { 0% { opacity: 1; } to { opacity: 0; pointer-events: none; } } .or-af { position: relative; background: #f7f6f2; color: #131210; font-family: var(--font-sans,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); } .or-af.still *:not(#_):not(#_):not(._0) { animation: none; } .or_af.wrap:not(#_) { width: min(calc(100% - 48px), 980px); margin-left: auto; margin-right: auto; } .or_af.top:not(#_) { position: fixed; top: 0rem; left: 0rem; right: 0rem; z-index: 60; } .or_af.nav:not(#_) { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 80px; } .or_af.brand:not(#_) { display: flex; flex-direction: row; align-items: center; gap: 9px; --u_rg: 9px; --u_cg: 9px; font-size: 18px; font-weight: 700; color: inherit; text-decoration: none; } .or_af.mark:not(#_) { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: #131210; color: #f7f6f2; font-family: var(--font-ui-monospace,ui-monospace); font-size: 12px; } .or_af.signin:not(#_) { font-size: 14px; font-weight: 600; color: #6e6b64; cursor: pointer; text-decoration: none; } .or_af.signin:is(:hover, .\@hover):not(#_) { color: #131210; } section.or_af.snap:not(#_) { height: calc(var(--u_svh,1svh) * 100); position: relative; scroll-snap-align: start; scroll-snap-stop: always; } .or_af.hero:not(#_) { padding-top: calc(80px + clamp(8px, 4vh, 60px)); text-align: center; } h1.or_af:not(#_) { margin: 0rem; font-size: clamp(48px, min(9vw, 12vh), 122px); line-height: .96; --u_lh: .96; font-weight: 730; letter-spacing: -.055em; color: #131210; } .or_af.hl:not(#_) { display: block; overflow: hidden; padding-bottom: .14em; margin-bottom: -.14em; } .or_af.hl > span.or_af:not(#_) { display: block; animation: var(--animation-landing-rise,landing-rise) .9s cubic-bezier(.22, .75, .25, 1) both; } .or_af.hl2 > span.or_af:not(#_) { animation-delay: .09s; } .or_af.hl3 > span.or_af:not(#_) { animation-delay: .18s; } .or_af.ai:not(#_) { font-family: Iowan Old Style, Georgia, serif; font-style: italic; font-weight: 500; letter-spacing: -.025em; color: #3d52ee; } .or_af.sub:not(#_) { max-width: 580px; margin-left: auto; margin-right: auto; margin-top: 24px; color: #6e6b64; font-size: clamp(17px, 2vw, 20px); line-height: 1.55; --u_lh: 1.55; text-wrap: pretty; animation: var(--animation-landing-fade,landing-fade) .8s cubic-bezier(.22, .75, .25, 1) .4s both; } .or_af.sub b.or_af:not(#_) { color: #131210; font-weight: 600; } .or_af.wl:not(#_) { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; --u_rg: 8px; --u_cg: 8px; flex-wrap: wrap; margin-top: 28px; animation: var(--animation-landing-fade,landing-fade) .8s cubic-bezier(.22, .75, .25, 1) .7s both; } .or_af.wl input.or_af:not(#_) { appearance: none; -webkit-appearance: none; width: min(340px, 72vw); height: 52px; padding-left: 18px; padding-right: 18px; border: 1px solid rgba(19, 18, 16, .16); border-radius: 12px; background: #fff; color: #131210; font-size: 16px; font-family: inherit; outline: none; --e_rest: border-color .15s ease, box-shadow .15s ease !important; } .or_af.wl input.or_af:is(:focus, .\@focus):not(#_) { border: 1px solid rgba(61, 82, 238, .55); box-shadow: 0 0 0 3px #3d52ee1a; } .or_af.wl input.or_af:not(#_)::placeholder { color: #a5a299; } .or_af.wl .or_af.btn:not(#_) { display: flex; flex-direction: row; align-items: center; height: 52px; padding-left: 22px; padding-right: 22px; border-style: none; border-radius: 12px; cursor: pointer; background: #3d52ee; color: #fff; font-size: 15px; font-weight: 600; font-family: inherit; box-shadow: 0 10px 28px #3d52ee3d; --e_rest: transform .15s ease !important; } .or_af.wl .or_af.btn:is(:hover, .\@hover):not(#_) { transform: translateY(-1px); } .or_af.wl .or_af.btn:is(:disabled, .\@disabled):not(#_) { opacity: .6; cursor: default; transform: none; } .or_af.ok:not(#_) { margin: 0rem; font-size: 17px; font-weight: 600; color: #131210; } .or_af.err:not(#_) { width: 100%; margin: 10px 0rem 0rem; font-size: 13.5px; color: #b3402a; } .or_af.fine:not(#_) { margin-top: 14px; font-size: 13px; color: #a5a299; animation: var(--animation-landing-fade,landing-fade) .8s cubic-bezier(.22, .75, .25, 1) .85s both; } .or_af.concept:not(#_) { display: grid; grid-template-columns: 1fr var(--u_lpcardw,1lpcardw) 1fr; grid-template-rows: 1fr; align-items: center; } @media (max-width: 999px) { .or_af.concept:not(#_) { display: block; padding-top: calc(72px + calc(var(--u_svh,1svh) * 4)); text-align: center; } } .or_af.pitch:not(#_) { margin-left: auto; margin-right: auto; padding-left: clamp(18px, 2.4vw, 44px); padding-right: clamp(18px, 2.4vw, 44px); max-width: 300px; } @media (max-width: 999px) { .or_af.pitch:not(#_) { max-width: 400px; } } .or_af.pitch.l:not(#_) { grid-column: 1; grid-row: 1; } .or_af.pitch.r:not(#_) { grid-column: 3; grid-row: 1; } .or_af.pitch h3.or_af:not(#_) { margin: 0rem; font-size: clamp(18px, 1.6vw, 24px); line-height: 1.2; --u_lh: 1.2; font-weight: 730; letter-spacing: -.02em; } .or_af.pitch p.or_af:not(#_) { margin: 12px 0rem 0rem; font-size: 14px; line-height: 1.55; --u_lh: 1.55; color: #6e6b64; } .or-af.sda .or_af.pitch:not(#_) { animation: var(--animation-landing-pitch-in,landing-pitch-in) linear both; animation-timeline: view(block); animation-range: entry 0% entry 100%; } .or-af.sda .or_af.top:not(#_) { animation: var(--animation-landing-fade-out,landing-fade-out) linear both; animation-timeline: scroll(root); animation-range: var(--u_lptake,1lptake) var(--u_lpstory,1lpstory); } .or_af.take:not(#_) { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; height: 100%; text-align: center; } .or_af.take h2.or_af:not(#_) { margin: 0rem; font-size: clamp(30px, 4.4vw, 58px); line-height: 1.05; --u_lh: 1.05; font-weight: 730; letter-spacing: -.04em; color: #131210; } .or_af.take p.or_af:not(#_) { max-width: 420px; margin-left: auto; margin-right: auto; margin-top: 14px; color: #6e6b64; font-size: 16px; line-height: 1.55; --u_lh: 1.55; } .or-af.sda .or_af.take:not(#_) { animation: var(--animation-landing-fade-out,landing-fade-out) linear both; animation-timeline: scroll(root); animation-range: var(--u_lptake,1lptake) calc(var(--u_lptake,1lptake) + calc(var(--u_svh,1svh) * 55)); } .or_af.footer:not(#_) { position: absolute; bottom: 0rem; left: 0rem; right: 0rem; padding-bottom: 24px; text-align: center; color: #a5a299; font-size: 12.5px; } app-landing { display: block; } /* app/client/app.imba?styles */ .ol-ai, .ol_as.marker > *, .ol_ai.resizer:before, .ol_as.marker .ol_as.x, .ol_bo.head op-content-editable:before { --e_ad:0ms; --e_af:cubic-bezier(.23, 1, .32, 1); --e_aw:0ms; --e_sd:var(--e_ad); --e_sf:var(--e_af); --e_sw:var(--e_aw); --e_od:var(--e_sd); --e_of:var(--e_sf); --e_ow:var(--e_sw); --e_cd:var(--e_sd); --e_cf:var(--e_sf); --e_cw:var(--e_sw); --e_bd:var(--e_sd); --e_bf:var(--e_sf); --e_bw:var(--e_sw); --e_td:var(--e_bd); --e_tf:var(--e_bf); --e_tw:var(--e_bw); --e_b:var(--e_bd) var(--e_bf) var(--e_bw); --e_c:var(--e_cd) var(--e_cf) var(--e_cw); --e_rest:any; transition: all var(--e_ad) var(--e_af) var(--e_aw), opacity var(--e_od) var(--e_of) var(--e_ow), transform var(--e_td) var(--e_tf) var(--e_tw), color var(--e_c), background-color var(--e_c), border-color var(--e_c), fill var(--e_c), stroke var(--e_c), outline-color var(--e_c), box-shadow var(--e_c), filter var(--e_c), inset var(--e_b), width var(--e_b), height var(--e_b), max-width var(--e_b), max-height var(--e_b), min-width var(--e_b), min-height var(--e_b), border-width var(--e_b), outline-width var(--e_b), stroke-width var(--e_b), margin var(--e_b), padding var(--e_b), var(--e_rest); } .ol-ai.detached:has(.has-menu), .ol-ai.detached:has(.has-popup), .ol-ai.detached:is(:hover, .\@hover), .ol-ai.detached:is(:focus-within, .\@focin) { --t_x:0; --t_y:0; --t_rotate:0; --t_scale:1; --t_scale-x:1; --t_scale-y:1; transform: translate(var(--t_x), var(--t_y)) rotate(var(--t_rotate)) scaleX(var(--t_scale-x)) scaleY(var(--t_scale-y)) scale(var(--t_scale)); } .ol-af:not(#_):not(#_):not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; } .ol-ah:not(#_):not(#_):not(#_) { opacity: .5; } .ol-ai { flex-shrink: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; position: relative; background: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / var(--u_op-bg-subtleA,1)); border-right: 1px solid lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); --e_rest: margin-left var(--u_fxd,1fxd) cubic-bezier(.23, 1, .32, 1), transform var(--u_fxd,1fxd) cubic-bezier(.23, 1, .32, 1), box-shadow var(--u_fxd,1fxd) cubic-bezier(.23, 1, .32, 1) !important; } .ol-ai.detached { z-index: 100; background: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / 75%); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .ol-ai.detached .ol_ai.resizer:not(#_) { display: none; } .ol-ai.detached:before { content: ""; position: absolute; top: 0rem; bottom: 0rem; left: 0rem; right: -8px; } .ol-ai.detached:is(:hover, .\@hover), .ol-ai.detached:is(:focus-within, .\@focin), .ol-ai.detached:has(.has-menu), .ol-ai.detached:has(.has-popup) { --t_x: 100% !important; box-shadow: 0 5px 30px lch(var(--u_op-overlayL) var(--u_op-overlayC) var(--u_op-overlayH) / var(--u_op-overlayA,1)); } .ol-ai.detached:is(:hover, .\@hover) .ol_ai.resizer:not(#_), .ol-ai.detached:is(:focus-within, .\@focin) .ol_ai.resizer:not(#_), .ol-ai.detached:has(.has-menu) .ol_ai.resizer:not(#_), .ol-ai.detached:has(.has-popup) .ol_ai.resizer:not(#_) { display: block; } .ol-ai.detached:is(:hover, .\@hover):before, .ol-ai.detached:is(:focus-within, .\@focin):before, .ol-ai.detached:has(.has-menu):before, .ol-ai.detached:has(.has-popup):before { position: absolute; inset: -40px; } .ol_ai.resizer:not(#_) { position: absolute; top: 0rem; bottom: 0rem; right: -5px; width: 10px; z-index: 30; cursor: col-resize; } .ol_ai.resizer:not(#_):before { content: ""; position: absolute; top: 0rem; bottom: 0rem; left: 4px; width: 2px; background: lch(var(--u_op-border-strongL) var(--u_op-border-strongC) var(--u_op-border-strongH) / var(--u_op-border-strongA,1)); opacity: 0; --e_rest: opacity .12s !important; } .ol_ai.resizer:is(:hover, .\@hover):not(#_):before { opacity: 1; } .ol_ai.resizer._touch_:not(#_):before { opacity: 1; } header.ol_ai:not(#_) { position: absolute; top: 0rem; left: 0rem; right: 0rem; z-index: 20; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; padding-right: 14px; height: var(--u_barh,1barh); padding-left: 14px; background: lch(var(--u_op-bg-subtleL) var(--u_op-bg-subtleC) var(--u_op-bg-subtleH) / 50%); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } header.ol_ai:is(.electron.mac :where(header.ol_ai)):not(#_) { padding-left: 86px; } header.ol_ai:is(.electron.mac.fullscreen :where(header.ol_ai)):not(#_) { padding-left: 14px; } header.ol_ai:not(#_):after { content: ""; position: absolute; bottom: 0rem; left: 8px; right: 8px; height: 1px; background: lch(var(--u_op-border-subtleL) var(--u_op-border-subtleC) var(--u_op-border-subtleH) / var(--u_op-border-subtleA,1)); --u_icsw: 1.5; } header.ol_ai .ol_ai.obutton:not(#_) { --u_ffh: 28px; --u_ffrd: 6px; margin-left: -6px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); box-shadow: var(--box-shadow-none,none); text-shadow: none; --u_op-button-bgL: 100; --u_op-button-bgC: 0; --u_op-button-bgH: 0; --u_op-button-bgA: 0; --u_op-button-bg-hL: var(--u_op-bg-hoverL); --u_op-button-bg-hC: var(--u_op-bg-hoverC); --u_op-button-bg-hH: var(--u_op-bg-hoverH); --u_op-button-bg-hA: var(--u_op-bg-hoverA,1); } header.ol_ai .ol_ai.obutton:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } header.ol_ai .ol_ai.obutton op-contour.ol_ai:not(#_) { color: #fff0; } .ol_ai.sections:not(#_) { flex: 1; min-height: 0rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; padding-top: var(--u_barh,1barh); overflow-y: auto; overscroll-behavior: contain; } .ol-aj:not(#_):not(#_):not(#_) { width: var(--ol_ak); margin-left: var(--ol_al); } .ol-ap:not(#_):not(#_):not(#_) { margin-left: auto; } app-sidebar { display: block; } win-tab .oinput.input.box:not(._0) { background: none; flex: 1; min-width: 0rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; padding: 0rem; --u_olhover: 0; --u_olfocus: 0; } win-tab .oinput.input.box:not(._0):before { display: none; } win-tab .oinput.input.box input:not(._0) { position: static; field-sizing: content; font-size: 14px; font-weight: 500; padding-left: 0rem; padding-right: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); min-width: 40px; max-width: 100%; } @media (max-width: 999px) { win-tab .oinput.input.box input:not(._0) { font-size: 13px; } } win-tab .oinput.input.box input:is(.crowded :where(input)):not(._0) { font-size: 13px; } win-tab.preview input:not(._0) { font-style: italic; } .ol-as { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 3px; --u_rg: 3px; --u_cg: 3px; align-self: stretch; position: relative; padding-left: 8px; padding-right: 8px; flex: 0 1 auto; min-width: 0rem; max-width: 256px; font-size: 14px; font-weight: 500; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); user-select: none; -webkit-user-select: none; cursor: pointer; letter-spacing: 0em; --u_fis: 18px; --u_ics: 16; } @media (max-width: 999px) { .ol-as { gap: 2px; --u_rg: 2px; --u_cg: 2px; padding-left: 5px; padding-right: 5px; max-width: 140px; font-size: 13px; --u_fis: 16px; --u_ics: 14; } } .ol-as:is(.crowded :where(.ol-as)) { gap: 2px; --u_rg: 2px; --u_cg: 2px; padding-left: 5px; padding-right: 5px; max-width: 140px; font-size: 13px; letter-spacing: -.01em; --u_fis: 16px; --u_ics: 14; } .ol_as.marker .ol_as.local:not(#_) { color: lch(var(--u_op-warningL) var(--u_op-warningC) var(--u_op-warningH) / 85%); } .ol_as.marker:not(#_) { flex-shrink: 0; width: 18px; height: 18px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; border-radius: 4px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } @media (max-width: 999px) { .ol_as.marker:not(#_) { width: 16px; height: 16px; } } .ol_as.marker:is(.crowded :where(.ol_as.marker)):not(#_) { width: 16px; height: 16px; } .ol_as.marker > *:not(#_) { grid-area: 1 / 1; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; --e_od: calc(var(--u_fxd,1fxd) * .5) !important; } .ol_as.marker .ol_as.x:not(#_) { opacity: 0; margin-top: 3px; margin-left: 3px; --e_od: var(--u_fxd,1fxd) !important; --e_cd: calc(var(--u_fxd,1fxd) * .5) !important; } .ol_as.marker .ol_as.x.fg:not(#_) { --u_ics: 12; } .ol_as.marker .ol_as.x.bd:not(#_) { color: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); --u_icsw: 4; } .ol_as.marker:is(:hover, .\@hover) .ol_as.x.fg:not(#_) { opacity: 1; color: #f87171; } .ol_as.marker:is(:hover, .\@hover) .ol_as.x.fg:is(.packed :where(.ol_as.x.fg)):not(#_) { opacity: 0; } .ol_as.marker:is(:hover, .\@hover) .ol_as.x.fg:is(.active :where(.ol_as.x.fg)):not(#_) { opacity: 1; } .ol_as.marker:is(:hover, .\@hover) .ol_as.x.bd:not(#_) { opacity: 1; --u_icsw: 6; } .ol_as.marker:is(:hover, .\@hover) .ol_as.x.bd:is(.packed :where(.ol_as.x.bd)):not(#_) { opacity: 0; } .ol_as.marker:is(:hover, .\@hover) .ol_as.x.bd:is(.active :where(.ol_as.x.bd)):not(#_) { opacity: 1; } .ol_as.label:not(#_) { flex: 1; min-width: 0rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .ol_as.label:is(.packed :where(.ol_as.label)):not(#_) { display: none; } .ol_as.label:is(.active :where(.ol_as.label)):not(#_) { display: block; } .ol-as:is(:hover, .\@hover) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ol-as:is(:hover, .\@hover) .ol_as.marker .ol_as.x.fg:not(#_) { opacity: 1; } .ol-as:is(:hover, .\@hover) .ol_as.marker .ol_as.x.fg:is(.packed :where(.ol_as.x.fg)):not(#_) { opacity: 0; } .ol-as:is(:hover, .\@hover) .ol_as.marker .ol_as.x.fg:is(.active :where(.ol_as.x.fg)):not(#_) { opacity: 1; } .ol-as:is(:hover, .\@hover) .ol_as.marker .ol_as.x.bd:not(#_) { opacity: .95; } .ol-as:is(:hover, .\@hover) .ol_as.marker .ol_as.x.bd:is(.packed :where(.ol_as.x.bd)):not(#_) { opacity: 0; } .ol-as:is(:hover, .\@hover) .ol_as.marker .ol_as.x.bd:is(.active :where(.ol_as.x.bd)):not(#_) { opacity: .95; } .ol-as.active { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ol-as.active .ol_as.marker:not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ol-as.preview .ol_as.label:not(#_) { font-style: italic; } .ol-as.archived .ol_as.label:not(#_) { text-decoration: line-through; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ol-as.op-dragging { opacity: .4; } win-tab { display: block; } .ol-ba { position: absolute; top: 0rem; left: calc(var(--u_pgp,1pgp) * .5); right: calc(var(--u_pgp,1pgp) * .5); z-index: 20; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; height: var(--u_barh,1barh); padding-left: 0rem; background: lch(var(--u_site-bgL) var(--u_site-bgC) var(--u_site-bgH) / 50%); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .ol-ba:is(.electron.mac.sidebar-off :where(.ol-ba)) { padding-left: 68px; } .ol-ba:is(.electron.mac.sidebar-off.fullscreen :where(.ol-ba)) { padding-left: 0rem; } .ol-ba:after { content: ""; position: absolute; top: 100%; left: 0rem; right: 0rem; height: 14px; pointer-events: none; background: linear-gradient( to bottom, #00000012, #00000008 40%, #0000); } .ol_ba.tabs:not(#_) { flex: 1; min-width: 0rem; overflow: hidden; align-self: stretch; gap: 0rem; --u_rg: 0rem; --u_cg: 0rem; justify-content: center; --u_tabinset: 6px; } tab-bar { display: block; } doc-pane op-doc-editor .editor:not(._0) { scroll-margin-bottom: var(--u_tailpad,1tailpad); scroll-margin-top: 150px; } doc-pane .page > doc-body:last-child op-doc-editor .editor:not(._0) { padding-bottom: var(--u_tailpad,1tailpad); } doc-pane op-doc-editor .block.sheet-anchor:not(._0) { background: lch(var(--u_doc-scope-bgL) var(--u_doc-scope-bgC) var(--u_doc-scope-bgH) / var(--u_doc-scope-bgA,1)); border-radius: 4px; } .ol-be { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; gap: 10px; --u_rg: 10px; --u_cg: 10px; padding-top: 80px; padding-bottom: 80px; padding-left: var(--u_docpad,1docpad); padding-right: var(--u_docpad,1docpad); text-align: center; user-select: none; -webkit-user-select: none; --u_ics: 28; } op-icon.ol_be:not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); } .ol_be.title:not(#_) { font-size: 15px; font-weight: 600; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ol_be.sub:not(#_) { font-size: 13px; color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } doc-residency { display: block; } .ol-bj { display: grid; grid-template-columns: 1fr minmax(0, 850px) 1fr; grid-template-rows: minmax(0, 1fr); position: relative; } .ol-bj > op-doc-editor.ol_bj:not(#_) { grid-column: 2; grid-row: 1; min-width: 0rem; } .ol-bj > doc-residency.ol_bj:not(#_) { grid-column: 2; grid-row: 1; min-width: 0rem; } doc-body { display: block; } .ol-bo { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: hidden; position: relative; container-type: inline-size; --u_shw: clamp(320px, calc(22cqw + 130px) , 430px); --u_shh: clamp(240px, 40vh, 440px); } .ol_bo.page:not(#_) { flex: 1; overflow-y: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; padding-top: var(--u_barh,1barh); scroll-padding-top: var(--u_barh,1barh); container-type: inline-size; } .ol_bo.page.sheeted:not(#_) { padding-right: calc(var(--u_shw,1shw) + 22px); } .ol_bo.page.sheeted.dock-bottom:not(#_) { padding-right: 0rem; margin-bottom: calc(var(--u_shh,1shh) + 22px); } .ol_bo.page > doc-body.ol_bo:not(#_) { flex: 1; } .ol_bo.page.sectioned > doc-body.ol_bo:not(#_) { flex: 0 0 auto; } .ol_bo.page.threaded .ol_bo.head .ol_bo.meta:not(#_) { margin-bottom: max(0px, calc(clamp(6px, 1.2cqw, 12px) - 8px)); } .ol_bo.head:not(#_) { width: 100%; max-width: 850px; margin-left: auto; margin-right: auto; padding-left: var(--u_docpad,1docpad); padding-right: var(--u_docpad,1docpad); flex-shrink: 0; padding-top: var(--u_docpadt,1docpadt); } .ol_bo.head .ol_bo.meta:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 6px; --u_rg: 6px; --u_cg: 6px; flex-wrap: wrap; margin-bottom: clamp(6px, 1.2cqw, 12px); --u_ffh: 24px; --u_ffs: 13px; --u_ffrd: 6px; --u_ics: 16; --u_icsw: 1.25; --u_ffxp: 0px; } .ol_bo.head .ol_bo.meta .ol_bo.select:not(#_) { color: lch(var(--u_op-fg-mutedL) var(--u_op-fg-mutedC) var(--u_op-fg-mutedH) / var(--u_op-fg-mutedA,1)); } .ol_bo.head .ol_bo.meta .ol_bo.select:is(:hover, .\@hover):not(#_) { color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); } .ol_bo.head .ol_bo.meta .ol_bo.sep:not(#_) { color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / 60%); user-select: none; -webkit-user-select: none; pointer-events: none; } .ol_bo.head .ol_bo.meta .ol_bo.localchip:not(#_) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center; gap: 4px; --u_rg: 4px; --u_cg: 4px; color: lch(var(--u_op-fg-subtleL) var(--u_op-fg-subtleC) var(--u_op-fg-subtleH) / var(--u_op-fg-subtleA,1)); font-size: 13px; user-select: none; -webkit-user-select: none; --u_ics: 14; } .ol_bo.head .ol_bo.meta .ol_bo.localchip op-icon.ol_bo:not(#_) { color: lch(var(--u_op-warningL) var(--u_op-warningC) var(--u_op-warningH) / 85%); } .ol_bo.head .ol_bo.oinput:not(#_) { background: none; padding: 0rem; width: 100%; display: block; --u_olhover: 0; --u_olfocus: 0; --u_ffxp: 0px; } .ol_bo.head .ol_bo.oinput:not(#_):before { display: none; } .ol_bo.head op-content-editable:not(#_) { position: relative; display: flow-root; width: 100%; font-size: 34px; font-weight: 700; line-height: 1.2; --u_lh: 1.2; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); text-wrap: balance; overflow-wrap: break-word; } .ol_bo.head op-content-editable:not(#_):not(._0):before { color: lch(var(--u_doc-placeholderL) var(--u_doc-placeholderC) var(--u_doc-placeholderH) / 20%); white-space: nowrap; --e_rest: color .15s !important; } .ol_bo.head op-content-editable:not(#_):not(#_):not(._0):before { opacity: 1; } .ol_bo.head:is(:hover, .\@hover) op-content-editable:not(#_):not(._0):before { color: lch(var(--u_doc-placeholderL) var(--u_doc-placeholderC) var(--u_doc-placeholderH) / 45%); } .ol_bo.head:is(:focus-within, .\@focin) op-content-editable:not(#_):not(._0):before { color: lch(var(--u_doc-placeholderL) var(--u_doc-placeholderC) var(--u_doc-placeholderH) / 45%); } .ol-cn:not(#_):not(#_):not(#_) { font-size: 34px; font-weight: 700; line-height: 1.2; --u_lh: 1.2; margin: 0rem; color: lch(var(--u_op-fgL) var(--u_op-fgC) var(--u_op-fgH) / var(--u_op-fgA,1)); text-wrap: balance; overflow-wrap: break-word; } doc-pane { display: block; } .ol-cs { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; align-content: stretch; overflow: hidden; position: relative; } app-main { display: block; } .ol-da { position: static; display: contents; } .ol_da.app-shell:not(#_) { inset: 0rem; position: fixed; overflow: hidden; background: lch(var(--u_op-bgL) var(--u_op-bgC) var(--u_op-bgH) / var(--u_op-bgA,1)); } .ol_da.app-zoom:not(#_) { display: flex; width: 100%; height: 100%; } .ol_da.app-shell.landing .ol_da.app-zoom:not(#_) { zoom: var(--u_lpzoom,1lpzoom); } .ol_da.app-shell.landing:not(#_) { top: var(--u_lpcardt,1lpcardt); left: 50%; right: auto; bottom: auto; width: var(--u_lpcardw,1lpcardw); height: var(--u_lpcardh,1lpcardh); pointer-events: none; user-select: none; -webkit-user-select: none; z-index: 40; border-radius: 16px; border: 1px solid rgba(19, 18, 16, .1); box-shadow: 0 40px 90px -30px #13121059, 0 4px 18px #13121014; transform: translate(-50%, calc(calc(var(--u_svh,1svh) * 100) - var(--u_lppeek,1lppeek) - var(--u_lpcardt,1lpcardt))); } .ol_da.app-shell.landing.live:not(#_) { pointer-events: auto; user-select: auto; -webkit-user-select: auto; } .ol_da.app-shell.landing.sda:not(#_) { animation: var(--animation-landing-app-rise,landing-app-rise) linear both, landing-app-take linear var(--animation-both,both); animation-timeline: scroll(root), scroll(root); animation-range: calc(var(--u_svh,1svh) * 0) calc(var(--u_svh,1svh) * 100), var(--u_lptake,1lptake) var(--u_lpstory,1lpstory); } .ol_da.app-shell.landing.sda .ol_da.app-zoom:not(#_) { animation: var(--animation-landing-app-unzoom,landing-app-unzoom) linear both; animation-timeline: scroll(root); animation-range: var(--u_lptake,1lptake) var(--u_lpstory,1lpstory); } .ol-dj:not(#_):not(#_) { position: absolute; inset: 0rem; background: #e11d481a; font-size: 30px; z-index: 20000; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; gap: .5rem; --u_rg: .5rem; --u_cg: .5rem; } .ol-dm:not(#_):not(#_) { font-size: var(--u_ffs,1ffs); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: flex-start; width: 600px; max-width: 90vw; background: lch(var(--u_op-overlayL) var(--u_op-overlayC) var(--u_op-overlayH) / var(--u_op-overlayA,1)); border-radius: var(--u_ffrd,1ffrd); padding: var(--u_ffxp,1ffxp); } .ol-do:not(#_):not(#_):not(#_) { color: lch(var(--u_linkL) var(--u_linkC) var(--u_linkH) / var(--u_linkA,1)); } app-tag { display: block; }