.appdemo{width:calc(100% + 2 * var(--distance-m));margin:var(--padding-xl) calc(-1 * var(--distance-m));padding:var(--distance-xl) max(var(--distance-l),calc((100% - var(--max-width)) / 2));box-sizing:border-box;display:grid;justify-items:center;gap:var(--distance-l);background:var(--appdemo-bg, var(--color-blue-light));@media(max-width:700px){width:calc(100% + 2 * var(--distance-s));margin-inline:calc(-1 * var(--distance-s));padding:var(--distance-l) var(--distance-s)}}.appdemo__header{display:flex;flex-direction:column;align-items:center;gap:var(--distance-m);text-align:center;padding:0 var(--distance-s)}.appdemo__title{margin:0;color:var(--color-blue-dark)}.appdemo__intro{margin:0;max-width:var(--max-width-s);color:var(--color-blue-dark)}.appdemo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.appdemo__window{position:relative;width:100%;max-width:880px;background:var(--color-white);border-radius:var(--distance-m);box-shadow:0 24px 60px color-mix(in srgb,var(--color-dark) 25%,transparent);overflow:hidden;font-family:var(--font-body);color:var(--color-dark)}.appdemo__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--distance-s) 12px;line-height:1;background:var(--color-page-background);border-bottom:1px solid var(--color-grey-light)}.appdemo__dots{display:flex;gap:6px;& i{width:9px;height:9px;border-radius:50%;background:var(--color-grey-light)}& i:first-child{background:var(--color-red)}& i:last-child{background:var(--color-green)}}.appdemo__url{font-size:10px;font-weight:700;color:var(--color-grey)}.appdemo__body{padding:var(--distance-m) var(--distance-l) 150px;background:var(--color-page-background);display:grid;gap:var(--distance-m);font-size:14px;@media(max-width:700px){padding:var(--distance-m) var(--distance-m) 170px}}.appdemo__session{margin:0;font-family:var(--font-heading);font-weight:700;font-size:20px}.appdemo__tabs{display:flex;gap:var(--distance-l);overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--color-grey-light);color:var(--color-grey);font-size:13px}.appdemo__tab{padding-bottom:var(--distance-s)}.appdemo__tab.is-active{color:var(--color-dark);font-weight:600;border-bottom:2px solid var(--color-dark)}.appdemo__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--distance-s);>div{background:var(--color-page-background);border-radius:var(--distance-s);padding:var(--distance-s) var(--distance-m);display:grid}& b{font-family:var(--font-heading);font-size:22px}& small{font-size:12px;color:var(--color-grey)}@media(max-width:500px){>div{padding:var(--distance-s)}& b{font-size:18px}& small{font-size:11px}}}.appdemo__table{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,2fr) auto;column-gap:var(--distance-m);background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 2px 10px var(--color-dark-transparent);overflow:hidden;color:var(--color-blue-dark);font-size:14px;line-height:1.3}.appdemo__thead,.appdemo__row,.appdemo__group{grid-column:1 / -1}.appdemo__thead,.appdemo__row{display:grid;grid-template-columns:subgrid;align-items:center;padding:var(--distance-s) var(--distance-m);border-bottom:1px solid var(--color-page-background)}.appdemo__thead span,.appdemo__group{font-size:10px;font-weight:500;color:var(--color-grey)}.appdemo__group{margin:0;padding:var(--distance-m) var(--distance-m) var(--distance-xs);border-bottom:1px solid var(--color-page-background);letter-spacing:.06em;text-transform:uppercase}.appdemo__row{transition:background-color .4s ease-out}.appdemo__row.is-highlighted{background:color-mix(in srgb,var(--color-blue) 12%,transparent)}.appdemo__cell{display:flex;align-items:center;gap:var(--distance-m);min-width:0}.appdemo__text{display:flex;flex-direction:column;gap:var(--distance-xs);min-width:0;>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& b{font-weight:600}& small{font-size:12px;color:var(--color-grey)}}.appdemo__nature{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:color-mix(in srgb,var(--color-blue) 20%,transparent);color:var(--color-blue-dark);box-sizing:border-box}.appdemo__nature--questionnaire{background:var(--color-yellow-light);color:var(--color-blue-dark)}.appdemo__row.is-empty{.appdemo__nature{border:1px dashed var(--color-grey);background:transparent;color:var(--color-grey)}.appdemo__cell--name b{color:var(--color-grey)}}.appdemo__status{display:flex;flex-wrap:nowrap;min-width:0;align-items:center;gap:var(--distance-s);& small{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--color-grey);white-space:nowrap}}.appdemo__actions{display:flex;gap:var(--distance-xs)}.appdemo__actions i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--border-radius);background:var(--color-dark-transparent);font-size:13px}.appdemo__pill{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--distance-s);white-space:nowrap;border-radius:9999px;padding:var(--distance-xs) var(--distance-s);font-size:12px;font-weight:600;line-height:16px}.appdemo__pill.is-waiting{background:var(--color-yellow-light);color:var(--color-yellow-dark)}.appdemo__pill.is-done{background:var(--color-green-lighter);color:var(--color-green-dark)}.appdemo__pill.is-outline{background:transparent;box-shadow:inset 0 0 0 1px var(--color-green)}.appdemo__nature--email{background:var(--color-page-background);color:var(--color-grey)}.appdemo__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--distance-m);& b{font-family:var(--font-heading);font-size:18px}}.appdemo__fakebutton{display:inline-flex;align-items:center;gap:var(--distance-s);padding:var(--distance-xs) var(--distance-m);border-radius:9999px;background:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-grey-light);font-size:12px;font-weight:600;white-space:nowrap;transition:background-color .4s ease-out,box-shadow .4s ease-out;&.is-highlighted{background:var(--color-yellow);box-shadow:none}}.appdemo__attendance{background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 2px 10px var(--color-dark-transparent);overflow:hidden;& table{width:100%;border-collapse:collapse;font-size:13px;color:var(--color-blue-dark)}& th,td{padding:0 var(--distance-s);text-align:center;font-weight:400}& th:first-child{text-align:left;padding-left:var(--distance-m)}& td{transition:background-color .4s ease-out}.is-highlighted{background:color-mix(in srgb,var(--color-blue-light) 30%,transparent)}}.appdemo__att-day{height:28px;vertical-align:bottom;font-weight:700!important;border-left:2px solid var(--color-grey)}.appdemo__att-halfday{height:44px;vertical-align:bottom;padding-bottom:var(--distance-xs)!important;font-size:12px;& small{display:block;font-size:10px;color:var(--color-grey)}}.appdemo__att-start{border-left:2px solid var(--color-grey)}.appdemo__att-group th{height:28px;vertical-align:bottom;font-size:10px;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;color:var(--color-grey)}.appdemo__att-name{height:40px;border-top:1px solid var(--color-page-background);font-weight:700!important;white-space:nowrap}.appdemo__attendance tbody tr:not(.appdemo__att-group) td{border-top:1px solid var(--color-page-background)}.appdemo__att-cell{display:inline-flex;align-items:center;gap:var(--distance-xs);& small{font-size:10px;color:var(--color-grey)}}.appdemo__dot{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:6px;box-sizing:border-box;font-size:8px;line-height:1}.appdemo__dot--signed{background:var(--color-green)}.appdemo__dot--late{background:var(--color-green);border:1px dashed var(--color-blue-dark)}.appdemo__dot--missing{background:var(--color-red)}.appdemo__dot--absent{background:var(--color-grey-light);color:var(--color-grey)}.appdemo__dot--upcoming{border:1px dashed var(--color-grey-light)}@media(max-width:700px){.appdemo__attendance th,.appdemo__attendance td{padding:0 var(--distance-xs)}.appdemo__att-halfday small,.appdemo__fakebutton{display:none}}@media(max-width:700px){.appdemo__table{display:block}.appdemo__thead,.appdemo__actions,.appdemo__cell--recipient{display:none}.appdemo__row{grid-template-columns:1fr;gap:var(--distance-s)}.appdemo__status{padding-left:calc(32px + var(--distance-m))}}[data-appdemo] [data-show]:not([data-show$="-"]):not(.is-shown),[data-appdemo] [data-show].is-off{display:none}.appdemo__caption{position:absolute;z-index:2;left:50%;bottom:var(--distance-m);transform:translate(-50%);width:min(540px,calc(100% - 2 * var(--distance-m)));box-sizing:border-box;padding:var(--distance-m);display:grid;gap:var(--distance-s);background:var(--color-dark);color:var(--color-white);border-radius:var(--distance-m);box-shadow:0 12px 30px color-mix(in srgb,var(--color-dark) 35%,transparent);&:before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;background:inherit;transform:translate(-50%) rotate(45deg)}&.is-above:before{top:auto;bottom:-7px}}[data-appdemo].is-playing .appdemo__caption{bottom:auto;transition:top .45s ease-out,opacity .3s}.appdemo__caption.is-hidden{opacity:0}[data-appdemo]:not(.is-playing) .appdemo__caption:before{display:none}.appdemo__steps{list-style:none;margin:0;padding:0;& li{display:none;grid-template-columns:32px 1fr;gap:var(--distance-m);align-items:center;font-size:16px;line-height:1.4}}[data-appdemo]:not(.is-playing) .appdemo__steps li:last-child,.appdemo__steps li.is-active{display:grid;animation:appdemo-in .4s ease-out}@keyframes appdemo-in{0%{opacity:0;transform:translateY(6px)}}.appdemo__num{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-yellow);color:var(--color-dark);font-weight:700}.appdemo__progress{display:flex;align-items:center;justify-content:space-between;min-height:20px;padding-left:48px}.appdemo__pips{display:flex;gap:6px;& i{width:24px;height:4px;border-radius:2px;background:var(--color-white-transparent);opacity:.4;transition:opacity .3s,background-color .3s}& i.is-on{background:var(--color-yellow);opacity:1}}[data-appdemo]:not(.is-playing) .appdemo__pips i{background:var(--color-yellow);opacity:1}.appdemo__cta{display:flex;flex-direction:column;align-items:center;gap:var(--distance-m);& small{font-size:12px;line-height:1.4;color:var(--color-blue-dark)}.button--shadow{white-space:normal;height:auto;line-height:1.3;text-align:center}}.appdemo__tag{display:inline-flex;align-items:center;gap:var(--distance-xs);height:20px;padding:0 var(--distance-s);border-radius:8px;background:var(--color-page-background);color:var(--color-blue-dark);font-size:10px;font-weight:500;white-space:nowrap}.appdemo__tag--danger{background:var(--color-red-light);color:var(--color-red-dark)}.appdemo__tag--warning{background:var(--color-yellow-light);color:var(--color-yellow-dark)}.appdemo__tag--info{background:color-mix(in srgb,var(--color-blue) 15%,transparent);color:var(--color-blue-dark)}.appdemo__tag--success{background:var(--color-green-lighter);color:var(--color-green-dark)}.appdemo__todo-row.appdemo__todo-row--ai{align-items:start;border-bottom:0;background:var(--color-violet-lighter);animation:appdemo-in .4s ease-out;.appdemo__tag{background:var(--color-white)}& b{color:var(--color-violet-dark)}& small{color:var(--color-violet);white-space:normal}&.is-highlighted{background:var(--color-violet-lighter);box-shadow:inset 0 0 0 2px var(--color-violet)}}.appdemo__auditbar{display:flex;align-items:center;justify-content:space-between;gap:var(--distance-m);padding:var(--distance-s) var(--distance-m);border-radius:var(--border-radius);background:var(--color-green-dark);color:var(--color-white);font-size:12px;@media(max-width:700px){.appdemo__auditsteps{display:none}}}.appdemo__matrix{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) 80px;column-gap:var(--distance-s);padding:var(--distance-s) var(--distance-m);background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 2px 10px var(--color-dark-transparent);color:var(--color-blue-dark);font-size:12px}.appdemo__matrix-head,.appdemo__matrix-row,.appdemo__matrix-group{grid-column:1 / -1}.appdemo__matrix-head,.appdemo__matrix-row{display:grid;grid-template-columns:subgrid;align-items:center;padding:6px var(--distance-xs);border-radius:6px;transition:background-color .4s ease-out;&.is-highlighted{background:color-mix(in srgb,var(--color-blue) 12%,transparent)}}.appdemo__matrix-head{align-items:end;font-size:10px;color:var(--color-grey);& b{display:block;font-size:13px;color:var(--color-blue-dark)}& small{display:block;font-size:10px}}.appdemo__matrix-group{margin:var(--distance-s) 0 0;padding:var(--distance-xs) var(--distance-s);border-radius:6px;background:var(--color-page-background);font-size:10px;font-weight:600;color:var(--color-grey)}.appdemo__matrix-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;& b{display:inline-block;width:22px}}.appdemo__matrix-cell{white-space:nowrap;& i{color:var(--color-grey)}}.appdemo__matrix-wait{color:var(--color-grey-light)}.appdemo__matrix-org{grid-column:span 3;padding:2px var(--distance-s);border-radius:6px;background:var(--color-page-background);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appdemo__review--todo{background:none;padding:0;font-size:11px}@media(max-width:700px){.appdemo__matrix{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 64px;padding:var(--distance-s)}.appdemo__matrix-head>:nth-child(3),.appdemo__matrix-head>:nth-child(4),.appdemo__matrix-cell:nth-of-type(3),.appdemo__matrix-cell:nth-of-type(4){display:none}.appdemo__matrix-org{grid-column:span 1}.appdemo__todo-row{grid-template-columns:minmax(0,1fr);gap:var(--distance-xs)}.appdemo__todo-row .appdemo__tag{justify-self:start}.appdemo__todo-row .appdemo__actions{display:none}}.appdemo__article{display:flex;flex-direction:column;gap:var(--distance-m);margin:0;padding:var(--distance-m);border-radius:var(--border-radius);background:var(--color-white-transparent);color:var(--color-blue-dark);transition:box-shadow .4s ease-out;&.is-highlighted{box-shadow:inset 0 0 0 2px var(--color-blue)}}.appdemo__h3,.appdemo__h4,.appdemo__h5{display:flex;flex-wrap:wrap;align-items:center;gap:var(--distance-s);margin:0;font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-blue-dark);& small{font-family:var(--font-body);font-weight:400;font-size:12px;color:var(--color-grey)}}.appdemo__h3{font-size:20px}.appdemo__h4{font-size:17px}.appdemo__h5{font-size:15px}.appdemo__filters{display:flex;align-items:center;justify-content:space-between;gap:var(--distance-m);font-size:12px;& small{margin-right:var(--distance-s);color:var(--color-grey)}}.appdemo__select{display:inline-flex;align-items:center;gap:var(--distance-l);padding:6px var(--distance-m);border:2px solid var(--color-blue-dark);border-radius:20px;background:var(--color-white);font-size:13px}.appdemo__appbutton{display:inline-flex;align-items:center;gap:var(--distance-s);height:36px;padding:0 var(--distance-m);border:2px solid var(--color-blue-dark);border-radius:20px;background:var(--color-white);box-shadow:4px 4px 0 var(--color-blue-dark);color:var(--color-blue-dark);font-size:13px;font-weight:700;white-space:nowrap;transition:background-color .4s ease-out;&.is-highlighted{background:var(--color-yellow)}}.appdemo__todo-list{display:flex;flex-direction:column;gap:var(--distance-s);margin:0;padding:0;list-style:none}.appdemo__todo-row{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:var(--distance-s);padding:var(--distance-s);border-bottom:1px solid var(--color-grey-light);border-radius:var(--border-radius);font-size:14px;transition:background-color .4s ease-out;&:last-child{border-bottom:0}.appdemo__text b{font-weight:700}&.is-highlighted{background:color-mix(in srgb,var(--color-blue) 12%,transparent)}}.appdemo__more{display:flex;justify-content:space-between;gap:var(--distance-s);margin:0;font-size:12px;& b{margin-left:auto;font-weight:600}}.appdemo__links{display:flex;flex-wrap:wrap;gap:var(--distance-s);& span{display:inline-flex;align-items:center;gap:var(--distance-s);padding:var(--distance-s) var(--distance-m);border-radius:var(--border-radius);background:var(--color-white);box-shadow:0 2px 10px var(--color-dark-transparent);font-size:13px;color:var(--color-blue-dark)}}.appdemo__columns{display:flex;align-items:flex-start;gap:var(--distance-m);@media(max-width:700px){flex-direction:column}}.appdemo__column{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--distance-m);@media(max-width:700px){width:100%}}.appdemo__kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--distance-m);font-size:13px;>div{display:flex;flex-direction:column}& strong{font-family:var(--font-heading);font-size:22px}}.appdemo__delta{display:inline-flex;align-items:center;gap:var(--distance-xs);font-size:12px;font-weight:500;animation:appdemo-in .4s ease-out}.appdemo__delta--up{color:var(--color-green)}.appdemo__delta--flat{color:var(--color-grey)}.appdemo__sessions{margin:0;padding:0;list-style:none;font-size:14px;& li{display:flex;align-items:center;gap:var(--distance-s);padding:var(--distance-s) 0;border-bottom:1px solid var(--color-grey-light)}& li:last-child{border-bottom:0}.appdemo__text{flex:1}}.appdemo__headline{display:flex;flex-direction:column;font-size:13px;& strong{font-family:var(--font-heading);font-size:26px}}.appdemo__line{width:100%;height:70px;& polyline{fill:none;stroke-width:2;stroke-dasharray:400;animation:appdemo-draw 1.2s ease-out;vector-effect:non-scaling-stroke}}.appdemo__line--realised{stroke:var(--color-blue-dark)}.appdemo__line--perceived{stroke:var(--color-chart-received)}@keyframes appdemo-draw{0%{stroke-dashoffset:400}}.appdemo__amounts{margin:0;padding:0;list-style:none;font-size:13px;& li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--distance-s);padding:var(--distance-s) 0;border-bottom:1px solid var(--color-grey-light)}& li:last-child{border-bottom:0}& strong{font-family:var(--font-heading);font-size:18px;white-space:nowrap}& span{text-align:right}}.appdemo__submenu{display:flex;flex-wrap:wrap;gap:var(--distance-s);font-size:13px;& span{padding:var(--distance-s) var(--distance-m);border-radius:20px;background:var(--color-dark-transparent);line-height:20px}.is-current{font-weight:700}}.appdemo__barchart{display:flex;flex-direction:column;gap:var(--distance-s)}.appdemo__legend{display:flex;justify-content:center;gap:var(--distance-m);font-size:11px;color:var(--color-grey);& span:before{content:"";display:inline-block;width:24px;height:10px;margin-right:var(--distance-xs);vertical-align:-1px}}.appdemo__legend--preview:before{background:var(--color-blue-dark)}.appdemo__legend--received:before{background:var(--color-chart-received)}.appdemo__legend--paid:before{background:var(--color-chart-paid)}.appdemo__chart{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--distance-s);height:150px;border-bottom:1px solid var(--color-grey-light)}.appdemo__chart-col{display:grid;grid-template-rows:1fr auto;gap:var(--distance-xs);padding:var(--distance-xs) var(--distance-xs) 0;border-radius:6px 6px 0 0;text-align:center;transition:background-color .4s ease-out;& small{font-size:10px;color:var(--color-grey)}&.is-highlighted{background:color-mix(in srgb,var(--color-blue) 12%,transparent)}}.appdemo__chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%}.appdemo__chart-bar{width:28%;transform-origin:bottom;animation:appdemo-grow .8s ease-out}.appdemo__chart-bar--preview{background:var(--color-blue-dark)}.appdemo__chart-bar--received{background:var(--color-chart-received)}.appdemo__chart-bar--paid{background:var(--color-chart-paid)}@keyframes appdemo-grow{0%{transform:scaleY(0)}}.appdemo__fin{width:100%;border-collapse:collapse;font-size:13px;text-align:left;& th,td{padding:var(--distance-s)}& thead{border-bottom:2px solid var(--color-blue-dark)}& thead th{font-size:12px;font-weight:700;color:var(--color-grey)}& tbody tr{border-bottom:1px solid var(--color-grey-light)}& tbody th,tfoot th{font-weight:700}& tfoot small{display:block;font-weight:400;color:var(--color-grey)}& tfoot tr{transition:background-color .4s ease-out}& tfoot tr.is-highlighted{background:color-mix(in srgb,var(--color-blue) 12%,transparent)}}.appdemo__fc-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;& b{font-family:var(--font-heading);font-size:17px}.appdemo__fc-buttons:last-child{justify-self:end}}.appdemo__fc-buttons{display:inline-flex;>*{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-blue-dark);color:var(--color-white);font-size:12px}>:first-child{border-radius:4px 0 0 4px}>:last-child{border-radius:0 4px 4px 0;border-left:1px solid var(--color-dark)}.is-active{background:var(--color-dark)}}.appdemo__cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--color-grey-light);border-left:1px solid var(--color-grey-light);color:var(--color-blue-dark)}.appdemo__cal-head{padding:2px;font-size:11px;font-weight:700;text-align:center;border-right:1px solid var(--color-grey-light);border-bottom:1px solid var(--color-grey-light)}.appdemo__cal-day{min-height:56px;padding:2px;border-right:1px solid var(--color-grey-light);border-bottom:1px solid var(--color-grey-light);text-align:right;& small{display:block;padding:0 2px;font-size:11px}&.is-out small{opacity:.3}&.is-today{background:var(--color-yellow-light)}}.appdemo__cal-event{position:relative;z-index:1;display:block;width:calc(var(--span) * 100% + (var(--span) - 1) * 5px);margin-top:2px;padding:1px 4px;overflow:hidden;border-radius:3px;background:var(--color-blue);color:var(--color-white);font-size:11px;text-align:left;white-space:nowrap;text-overflow:ellipsis;animation:appdemo-in .4s ease-out;&.is-highlighted{background:var(--color-blue-dark)}}.appdemo__signal{gap:var(--distance-s);animation:appdemo-in .4s ease-out}.appdemo__signal.is-highlighted{box-shadow:inset 0 0 0 2px var(--color-violet)}.appdemo__signal-head{display:flex;align-items:center;gap:var(--distance-s);color:var(--color-violet-dark);>i{font-size:16px}& b{flex:1;font-family:var(--font-heading);font-size:17px}.appdemo__actions i.is-highlighted{background:var(--color-violet-dark);color:var(--color-white)}}.appdemo__signal-citations{display:flex;flex-direction:column;gap:var(--distance-xs);font-size:14px;color:var(--color-violet)}.appdemo__program{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--distance-s) var(--distance-m);font-size:14px;& mark{padding:0 2px;border-radius:3px;background:var(--color-violet-lighter);color:var(--color-violet-dark)}}.appdemo__chat{display:grid;gap:var(--distance-s);font-size:13px;color:var(--color-blue-dark)}.appdemo__bubble{max-width:85%;margin:0;padding:var(--distance-s) var(--distance-m);border-radius:var(--border-radius);background:var(--color-white);line-height:1.45;animation:appdemo-in .4s ease-out;& p{margin:0 0 var(--distance-xs)}& ul{margin:0;padding-left:var(--distance-m)}&.is-highlighted{box-shadow:0 0 0 2px var(--color-blue)}}.appdemo__bubble--me{justify-self:end;background:var(--color-blue-dark);color:var(--color-white)}.appdemo__tool{justify-self:start;font-size:11px;color:var(--color-grey);& i{margin-right:var(--distance-xs)}}.appdemo__qsummary{display:flex;gap:var(--distance-m);border-radius:var(--border-radius);>div{display:flex;flex:1;align-items:center;gap:var(--distance-m);padding:var(--distance-m);border-radius:var(--border-radius);font-size:13px;color:var(--color-blue-dark)}>div>span{display:flex;flex-direction:column}& b{font-family:var(--font-heading);font-size:22px;line-height:1.2}&.is-highlighted>div{box-shadow:inset 0 0 0 2px var(--color-blue)}@media(max-width:700px){flex-direction:column}}.appdemo__qsummary--green{background:var(--color-green-lighter)}.appdemo__qsummary--yellow{background:var(--color-yellow-light)}.appdemo__qsummary--red{background:var(--color-red-light)}.appdemo__dot-glow{display:inline-block;flex-shrink:0;width:10px;height:10px;border-radius:5px;box-sizing:border-box}.appdemo__dot-glow--green{background:var(--color-green);border:1px solid var(--color-green-lighter);box-shadow:0 0 10px var(--color-green)}.appdemo__dot-glow--yellow{background:var(--color-yellow);border:1px solid var(--color-yellow-light);box-shadow:0 0 10px var(--color-yellow)}.appdemo__dot-glow--red{background:var(--color-red);border:1px solid var(--color-red-light);box-shadow:0 0 10px var(--color-red)}.appdemo__qind{display:flex;align-items:center;gap:var(--distance-s);padding:2px var(--distance-xs);border-radius:6px;font-size:14px;transition:background-color .4s ease-out;>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&.is-highlighted{background:color-mix(in srgb,var(--color-blue) 12%,transparent)}}.appdemo__qproofs{display:inline-flex;align-items:center;gap:var(--distance-s);padding:0 var(--distance-s);border-radius:20px;background:var(--color-dark-transparent);font-size:12px;white-space:nowrap}.appdemo__auditcard{display:flex;flex-direction:column;gap:var(--distance-s);padding:var(--distance-m);border-radius:var(--border-radius);background:var(--color-dark-transparent);color:var(--color-blue-dark);transition:box-shadow .4s ease-out;>small{font-size:11px;color:var(--color-grey)}&.is-highlighted{box-shadow:inset 0 0 0 2px var(--color-blue)}}.appdemo__auditkpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--distance-s);>div{display:flex;flex-direction:column;gap:var(--distance-xs);padding:var(--distance-m);border-radius:var(--border-radius);background:var(--color-white);font-size:11px;color:var(--color-grey)}& strong{font-family:var(--font-heading);font-size:22px;color:var(--color-blue-dark)}@media(max-width:700px){grid-template-columns:minmax(0,1fr)}}.appdemo__auditblock{display:flex;flex-direction:column;padding:var(--distance-m);border-radius:var(--border-radius);background:var(--color-white);color:var(--color-blue-dark);transition:box-shadow .4s ease-out;.appdemo__h5{margin-bottom:var(--distance-s)}&.is-highlighted{box-shadow:inset 0 0 0 2px var(--color-blue)}}.appdemo__prep-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--distance-m);padding:var(--distance-s) 0;border-top:1px solid var(--color-grey-light);font-size:12px;>:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.appdemo__prep-row--criterion{grid-template-columns:minmax(0,1fr) 100px 36px auto}.appdemo__prep-link{white-space:nowrap}.appdemo__progressbar{height:4px;border-radius:2px;background:var(--color-page-background);& i{display:block;height:100%;border-radius:inherit;background:var(--color-blue-dark)}}.appdemo__chip{display:inline-flex;align-items:center;gap:var(--distance-xs);padding:2px var(--distance-s);border:1px solid var(--color-grey-light);border-radius:20px;font-size:10px;white-space:nowrap}@media(max-width:700px){.appdemo__chart{height:110px}.appdemo__cal-day{min-height:40px}.appdemo__prep-link,.appdemo__chip{display:none}.appdemo__prep-row--criterion{grid-template-columns:minmax(0,1fr) 60px 36px}.appdemo__todo-row{grid-template-columns:minmax(0,1fr);gap:var(--distance-xs)}.appdemo__todo-row .appdemo__tag{justify-self:start}.appdemo__todo-row .appdemo__actions,.appdemo__filters .appdemo__appbutton{display:none}}