@layer all, base, theme, components, utilities;@layer components{.AffordedScroll{position:relative;overflow:hidden;&:has(>.AffordedScrollViewport:focus-visible){outline:2px solid var(--gray-t2);outline-offset:2px}&>.AffordedScrollViewport:focus-visible{outline:none}&[data-overflow-x-end]:after,&[data-overflow-x-start]:before{content:"";position:absolute;pointer-events:none;inset-block:0;width:1rem;z-index:1}&[data-overflow-x-start]:before{inset-inline-start:0;background-image:linear-gradient(to left,transparent,var(--gray-s1))}&[data-overflow-x-end]:after{inset-inline-end:0}&:dir(rtl):before,&[data-overflow-x-end]:after{background-image:linear-gradient(to right,transparent,var(--gray-s1))}&:dir(rtl):after{background-image:linear-gradient(to left,transparent,var(--gray-s1))}&[data-has-overflow-x] .AffordedScrollViewport{overscroll-behavior-x:contain}}}@layer all, base, theme, components, utilities;@layer components{.BlogAuthorList{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}.BlogAuthorListItem{display:flex;align-items:center;gap:var(--space-8)}.BlogAuthorListLink{color:inherit;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:4px;&:focus-visible{outline:2px solid var(--gray-t2);outline-offset:2px;border-radius:var(--radius-4)}@media (hover:hover){&:hover{text-decoration:underline}}}.BlogAuthorListAvatar{display:grid;flex-shrink:0;width:24px;height:24px;overflow:hidden;border-radius:50%;background-color:var(--gray-c2)}.BlogAuthorListImage{grid-area:1/1;width:100%;height:100%;object-fit:cover;&[data-error],&[data-loading]{visibility:hidden}}.BlogAuthorListFallback{grid-area:1/1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-13);font-weight:700;color:white}.BlogFigure{margin-block:var(--space-20) var(--space-24)}.BlogFigureFrame{border:1px solid var(--color-border);border-radius:var(--radius-12);background-color:var(--color-content)}}@layer all, base, theme, components, utilities;@layer components{.BlogFigureCaption{padding:var(--space-8) var(--space-12);color:var(--gray-t1);font-size:var(--font-size-15);line-height:22px;>p:last-child{margin-bottom:0}}}@layer all, base, theme, components, utilities;@layer components{.BlogTableRoot{margin-block:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-12);background-color:var(--color-content)}.BlogTable{font-size:var(--font-size-14);line-height:1.25rem;color:var(--gray-t1);border-collapse:initial;width:100%;min-width:40rem;vertical-align:top;border-spacing:0}.BlogTableBody,.BlogTableHead,.BlogTableRow{vertical-align:inherit}.BlogTableCell,.BlogTableColumnHeader{vertical-align:middle;text-align:initial;font-weight:var(--font-weight-400);padding:.5rem .75rem;height:2.5rem}.BlogTableColumnHeader{color:var(--color-foreground);background-color:var(--gray-s2);background-clip:padding-box;border-bottom:1px solid var(--color-border);height:calc(2.5rem + 1px)}.BlogTableCell{.BlogTableRow:not(:last-child)>&{border-bottom:1px solid var(--color-border);height:calc(2.5rem + 1px)}}}@layer all, base, theme, components, utilities;@layer components{.BlogVideo{position:relative;cursor:pointer;border-radius:var(--radius-12);overflow:hidden}.BlogVideoElement{display:block;width:100%;height:auto}.BlogVideoControl{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;outline:none;&:after{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--gray-s1);content:"";opacity:.6}&:focus-visible{opacity:1;.BlogVideoControlFaux{outline:2px solid var(--gray-t2)}}@media (hover:hover) and (pointer:fine){&:hover{opacity:1}}.BlogVideo[data-error] &,.BlogVideo[data-paused] &{opacity:1}}.BlogVideoControlFaux{width:64px;height:64px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--gray-c1);color:var(--color-foreground);pointer-events:none;z-index:1}.BlogVideoControlIcon{width:28px;height:28px}.BlogVideoError{position:absolute;bottom:0;left:0;margin:0;padding:var(--space-20);padding-right:68px;font-size:var(--font-size-15)}}
/*# sourceMappingURL=2778f16df120aa92.css.map*/