._8upsjq_slot{--bleed:.75rem;--below:0rem;flex-direction:column;min-width:0;display:flex;container-type:inline-size}._8upsjq_slot[data-screen=knowledge]{--below:2rem}._8upsjq_frame{width:calc(100% + 2 * var(--bleed));margin:calc(-1 * var(--bleed));height:calc(100cqi * 4 / 3 + 2 * var(--bleed) + var(--below));background:0 0;border:0;display:block}@container (min-width:34rem){._8upsjq_frame{height:calc(100cqi * 2 / 3 + 2 * var(--bleed) + var(--below))}}@container (min-width:62rem){._8upsjq_frame{height:calc(100cqi * 9 / 16 + 2 * var(--bleed) + var(--below))}}._8upsjq_slot[data-fit=fill] ._8upsjq_frame{height:auto;min-height:calc(100cqi * 4 / 3 + 2 * var(--bleed) + var(--below));flex:1}@container (min-width:34rem){._8upsjq_slot[data-fit=fill] ._8upsjq_frame{min-height:calc(100cqi * 2 / 3 + 2 * var(--bleed) + var(--below))}}._8upsjq_document{box-sizing:border-box;flex-direction:column;height:100vh;padding:.75rem;display:flex}._8upsjq_document[data-screen=knowledge]{padding-block-end:2.75rem}._8upsjq_document>*{flex:1;min-height:0}
.tSdL7q_wrap{margin-block-start:2rem;container-type:inline-size}.tSdL7q_grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}.tSdL7q_tile{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-wash);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tSdL7q_copy{padding:1.25rem 1.5rem 1rem}.tSdL7q_screen{flex-direction:column;flex:1;min-height:0;padding:0 1.25rem 1.5rem;display:flex}.tSdL7q_screen>*{flex:1}.tSdL7q_screen iframe{clip-path:inset(var(--bleed) round calc(var(--radius-card) + 1px))}@container (min-width:44rem){.tSdL7q_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tSdL7q_tile[data-tile=inbox]{grid-column:span 2}}@container (min-width:64rem){.tSdL7q_grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tSdL7q_tile[data-tile=inbox]{grid-column:span 6}.tSdL7q_tile[data-tile=knowledge],.tSdL7q_tile[data-tile=broadcasts]{grid-column:span 2}.tSdL7q_tile[data-tile=workflows],.tSdL7q_tile[data-tile=orders]{grid-column:span 4}.tSdL7q_copy{padding:1.5rem 1.5rem 1rem}.tSdL7q_screen{padding:0 1.5rem 1.5rem}}@container (max-width:43.99rem){.tSdL7q_tile{--crop-w:20rem;--crop-zoom:1.25;--crop-x:0rem;--crop-y:0rem;--fade-end:3rem}.tSdL7q_tile[data-tile=knowledge],.tSdL7q_tile[data-tile=broadcasts]{--crop-w:calc(100cqi - 3rem - 2px);--crop-zoom:1;--fade-end:0rem}.tSdL7q_tile[data-tile=workflows]{--crop-zoom:2;--crop-x:2.5rem;--crop-y:15.25rem}.tSdL7q_tile[data-tile=orders]{--crop-w:calc(100cqi - 3rem - 2px);--crop-zoom:1;--crop-y:2.5rem;--fade-end:0rem}.tSdL7q_screen{height:20rem;-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--fade-end)), transparent), linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--fade-end)), transparent), linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);flex:none;padding:0;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.tSdL7q_screen>*{width:var(--crop-w);transform-origin:0 0;transform:scale(var(--crop-zoom)) translate(calc(-1 * var(--crop-x)), calc(-1 * var(--crop-y)));position:absolute;top:0;left:1.5rem}}