.ksymcard{--ksym-bg:#0c0c0c;--ksym-text:#fff;--ksym-muted:#b9b1a8;--ksym-num:#00d0a3;--ksym-stroke:#00d0a3;--ksym-corner:#ede6de;background:var(--ksym-bg);width:100%;color:var(--ksym-text);font-family:var(--font-mono);flex-direction:column;padding:20px 24px 24px;display:flex;position:relative;overflow:hidden}.ksymcard[data-mode=light]{--ksym-bg:#fff;--ksym-text:#0c0c0c;--ksym-muted:#4b4b4b;--ksym-num:#c06e73;--ksym-stroke:#ff949a;--ksym-corner:#c06e73}.ksymcard__corner{pointer-events:none;z-index:2;border-color:var(--ksym-corner);border-style:solid;border-width:0;width:16px;height:16px;position:absolute}.ksymcard__corner--tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.ksymcard__corner--tr{border-top-width:1px;border-right-width:1px;top:-1px;right:-1px}.ksymcard__corner--bl{border-bottom-width:1px;border-left-width:1px;bottom:-1px;left:-1px}.ksymcard__corner--br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.ksymcard__head{align-items:baseline;gap:16px;margin-bottom:4px;display:flex}.ksymcard__num{color:var(--ksym-num);font-family:var(--font-mono);font-size:calc(13px * var(--ts,1));letter-spacing:.78px;text-transform:uppercase;line-height:1}.ksymcard__title{font-family:var(--font-body);font-weight:400;font-size:calc(22px * var(--ts,1));letter-spacing:-.2px;color:var(--ksym-text);margin:0;line-height:1.25}.ksymcard__symbol{aspect-ratio:622/225;width:100%;margin:12px 0 16px;position:relative}.ksymcard__symbol-canvas{width:100%;height:100%;display:block}.ksymcard__desc{font-family:var(--font-body);font-size:calc(13px * var(--ts,1));color:var(--ksym-text);margin:0;line-height:1.55}@media (max-width:900px){.ksymcard__symbol-canvas{display:none}.ksymcard__symbol{background-color:var(--ksym-stroke);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ksymcard[data-symbol=unique] .ksymcard__symbol{-webkit-mask-image:url(/symbols/unique.svg);mask-image:url(/symbols/unique.svg)}.ksymcard[data-symbol=on-premise] .ksymcard__symbol{-webkit-mask-image:url(/symbols/on-premise.svg);mask-image:url(/symbols/on-premise.svg)}.ksymcard[data-symbol=realtime] .ksymcard__symbol{-webkit-mask-image:url(/symbols/realtime.svg);mask-image:url(/symbols/realtime.svg)}}