.fsDiagram__container{display:grid;place-items:center;position:relative}.fsDiagram__container>*{grid-column:1;grid-row:1;position:relative}.fsDiagram__container>*,.fsDiagram__container>*>.frame{block-size:100%;inline-size:100%;object-fit:cover;overflow:hidden}.fsDiagram__background{border-block-start:1px solid var(--color-divider)}.fsDiagram__foreground{--fs-diagram-gap: var(--space-1-5);aspect-ratio:7/5;container-type:size;display:grid;gap:var(--fs-diagram-gap);grid-template-rows:auto 1fr;isolation:isolate;min-block-size:min(60vh,32rem);overflow:hidden;padding-block-start:var(--space-12);padding-inline:var(--space-6);place-items:center;position:relative}.fsDiagram__frame{backdrop-filter:blur(8px);background:rgba(8,10,14,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--bdrs-sm);box-shadow:0 4.295px 8.591px -2.148px rgba(0,0,0,.15),0 8.591px 12.886px -4.295px rgba(0,0,0,.06);display:grid;gap:var(--space-1-5);grid-template-rows:auto 1fr;inline-size:100%;margin:var(--space-4);padding:var(--space-2)}.fsDiagram__foreground>*{grid-column:1;grid-row:1}.fsDiagram__item{backdrop-filter:blur(27.13px);background:radial-gradient(115.93% 141.42% at 0% 0%, rgba(46, 45, 45, 0.9) 0%, rgba(32, 31, 31, 0.9) 43.06%);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--bdrs-xs);box-shadow:0 4.295px 8.591px -2.148px rgba(0,0,0,.15),0 8.591px 12.886px -4.295px rgba(0,0,0,.06)}.fsDiagram__header{align-items:center;align-self:start;display:flex;gap:var(--space-4);grid-row:1/2;inline-size:100%;justify-content:space-between;margin-inline-start:0;padding:var(--space-4)}.fsDiagram__headerTitle{--cluster-spacing: var(--space-2);inline-size:fit-content;--fw: var(--fw-semibold)}.fsDiagram__headerDots{display:none}.fsDiagram__headerActions{align-items:center;display:inline-flex;gap:var(--space-1-5)}.fsDiagram__headerAvatars{align-items:center;display:inline-flex}.fsDiagram__headerAvatars img{border-radius:999px;inline-size:auto;object-fit:cover}.fsDiagram__headerBtn{--fz: 0.6rem;border:1px solid var(--color-divider);border-radius:var(--bdrs-xxs);padding:.4em .6em}.fsDiagram__headerBtn--ghost{background:hsla(0,0%,100%,.02);padding:.5em .6em}.fsDiagram__headerBtn--primary{background:var(--color-blue-500);border-color:var(--color-blue-500);color:var(--color-white)}.fsDiagram__board{--fs-diagram-gap: var(--space-1-5);align-self:start;display:grid;gap:var(--fs-diagram-gap);grid-auto-rows:auto;grid-row:2/-1;grid-template-columns:repeat(3, minmax(0, 1fr))}.fsDiagram__board .fsDiagram__item{display:flex;flex-direction:column;gap:var(--space-1)}.fsDiagram__board .fsDiagram__item img{block-size:auto;border-radius:var(--bdrs-xs);display:block;inline-size:100%;object-fit:cover}.fsDiagram__board .fsDiagram__boardSide img{max-inline-size:90%}.fsDiagram__boardMain{grid-column:1/span 2;grid-row:1;position:relative;z-index:1}.fsDiagram__boardSide{grid-column:3;grid-row:1}.fsDiagram__boardTeaser{grid-column:1;grid-row:2}.fsDiagram__boardSummary{grid-column:2;grid-row:2}.fsDiagram__boardCashflow{grid-column:3;grid-row:2}.fsDiagram__board .fsDiagram__item{padding:var(--space-1)}.fsDiagram__boardTitle{--ff: var(--ff-serif);--fz: 0.75rem;--lh: var(--lh-flat);padding-block-start:var(--space-1)}.fsDiagram__boardSubTitle{color:var(--color-text-soft-2)}.fsDiagram__boardBadge{background:hsla(0,0%,100%,.06);border-radius:var(--bdrs-xxs);color:var(--color-text-soft-2);margin-block:var(--space-2);padding:var(--space-0-5) var(--space-1);width:fit-content}.fsDiagram__boardSubTitle,.fsDiagram__boardBadge{--fz: 0.54rem }.fsDiagram__boardBadge--fresh{background:rgba(55,190,120,.2);color:#8dffb8}.fsDiagram__boardBadge--stale{background:hsla(0,0%,100%,.1);color:var(--color-grey-300)}.fsDiagram__boardBadge--running{background:rgba(89,86,255,.2);color:#9da8ff}.fsDiagram__board{inline-size:100%}.fsDiagram__header,.fsDiagram__board .fsDiagram__item{padding:var(--space-2)}.fsDiagram__header,.fsDiagram__board{--fs-diagram-margin: var(--space-4)}.fsDiagram__headerAvatars img{block-size:1.25rem}.fsDiagram__headerTitle{--fz: 0.8rem}.fsDiagram__frame{border:none;padding:0}@container (min-width: 22em){.fsDiagram__headerDots{display:block}.fsDiagram__header,.fsDiagram__board{--fs-diagram-margin: var(--space-16)}}@container (min-width: 30em){.fsDiagram__boardTitle{--fz: var(--size-text-sm);padding-block-start:var(--space-2)}.fsDiagram__header,.fsDiagram__board{--fs-diagram-margin: var(--space-32)}.fsDiagram__frame{border:1px solid hsla(0,0%,100%,.1);padding-block-start:var(--space-4);padding-inline:var(--space-6)}}@container (min-width: 50em){.fsDiagram__frame{margin:var(--space-4);padding-block-start:var(--space-8);padding-inline:var(--space-12)}.fsDiagram__boardTitle{--fz: var(--size-text-md)}.fsDiagram__header,.fsDiagram__board .fsDiagram__item{padding:var(--space-4)}.fsDiagram__headerAvatars img{block-size:1.5rem}.fsDiagram__headerTitle{--fz: 1.05rem}}.fsDiagram__foreground:not(.fsDiagram--visible) .fsDiagram__header{opacity:0;pointer-events:none;translate:0 40cqb}.fsDiagram__board .fsDiagram__item{opacity:0;transform:translateY(16px)}.fsDiagram__foreground.fsDiagram--visible .fsDiagram__header{align-items:center;animation-duration:.5s;animation-fill-mode:both;animation-name:fs-diagram-header-move;animation-timing-function:ease-out;place-self:center}.fsDiagram__foreground.fsDiagram--visible .fsDiagram__board .fsDiagram__item{animation-duration:.6s;animation-fill-mode:both;animation-name:fs-diagram-board-in;animation-timing-function:ease-out}.fsDiagram__foreground.fsDiagram--visible .fsDiagram__boardMain{animation-delay:.4s}.fsDiagram__foreground.fsDiagram--visible .fsDiagram__boardSide{animation-delay:.5s}.fsDiagram__foreground.fsDiagram--visible .fsDiagram__boardTeaser{animation-delay:.6s}.fsDiagram__foreground.fsDiagram--visible .fsDiagram__boardSummary{animation-delay:.7s}.fsDiagram__foreground.fsDiagram--visible .fsDiagram__boardCashflow{animation-delay:.8s}@keyframes fs-diagram-header-move{from{inline-size:100%;margin-inline-start:0;translate:0 40cqb}to{gap:var(--space-4);inline-size:100%;translate:0 0}}@keyframes fs-diagram-board-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fs-diagram-cursor-reveal{from{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.no-js .fsDiagram__header{gap:var(--space-4);inline-size:100%;opacity:1;pointer-events:auto;translate:0 0}.no-js .fsDiagram__board .fsDiagram__item{opacity:1 !important;translate:0 0 !important}

/*# sourceMappingURL=fsDiagram.css.map */