.BlogPostTitleContainer{display:flex;min-height:420px;width:100%;overflow-x:hidden}.BlogPost{max-width:1000px;margin:auto;margin-top:calc(-1 * var(--space-12));padding:var(--space-1);position:relative;z-index:710}@media screen and (min-width: 1200px){.BlogPost{padding:var(--space-2)}}.BlogPost .content{margin-top:var(--space-8)}.BlogPost a{text-decoration:none;border-bottom:1px solid transparent;transition-property:border-color;transition-timing-function:ease-in-out;transition-duration:.22s}@media (prefers-reduced-motion: no-preference){.BlogPost a,.BlogPost blockquote a{transition-property:color,border-color;transition-timing-function:ease-in-out;transition-duration:.22s}}.BlogPost a:focus,.BlogPost a:hover{color:var(--color-link-lighter);border-color:var(--color-link-lighter)}.BlogPost a:active{color:var(--color-link-darker)}.BlogPost img{display:block;max-width:100%;height:auto;margin:var(--space-2) auto}.BlogPost li::marker{font-family:var(--font-family-mono);color:var(--color-gray-900)}.BlogPost li{margin-bottom:1.25rem}.BlogPost blockquote{background-color:var(--color-secondary);border:1.5px solid var(--color-black);padding:var(--space-1-5) var(--space-3);margin:var(--space-2) 0}.BlogPost blockquote p{color:var(--color-text);margin:0}@media (prefers-color-scheme: dark){.BlogPost blockquote p{color:var(--color-text-inverted)}}.BlogPost blockquote a{color:var(--color-black);border-bottom:1px solid var(--color-black)}.BlogPost blockquote a:hover{border-color:var(--color-primary)}.BlogPost blockquote,.BlogPost pre,.BlogPost img{border-radius:var(--space-0-75)}.BlogPost pre{padding:var(--space-2)}.BlogPost li,.BlogPost p{line-height:200%;margin-bottom:var(--space-3)}@media screen and (min-width: 1200px){.BlogPost,.BlogPost p{font-size:var(--font-size-9)}}.BlogPost li code,.BlogPost p code{color:var(--color-white);background-color:var(--color-primary);border-radius:var(--space-0-25);padding:var(--space-0-25) var(--space-0-75);transition-property:color,background-color;transition-timing-function:ease-in;transition-duration:.22s}.BlogPost li code:hover,.BlogPost p code:hover{background-color:var(--color-primary-darker)}.BlogPost blockquote code{color:var(--color-white);background-color:var(--color-black)}.BlogPost h1,.BlogPost h2,.BlogPost h3{scroll-margin-top:var(--space-10)}.BlogPost{--heading-h1: var(--font-size-14);--heading-h2: var(--font-size-13);--heading-h3: var(--font-size-12);--heading-h4: var(--font-size-11);--heading-h5: var(--font-size-10);--heading-h6: var(--font-size-9)}@media screen and (min-width: 1200px){.BlogPost{--heading-h1: var(--font-size-15);--heading-h2: var(--font-size-14);--heading-h3: var(--font-size-13);--heading-h4: var(--font-size-12);--heading-h5: var(--font-size-11);--heading-h6: var(--font-size-10)}}.BlogPostDate{padding:var(--space-1) var(--space-1-5);padding-right:var(--space-10);border-radius:var(--space-0-75);color:var(--color-text);border:1.5px solid var(--color-gray-700)}.BlogPostDate p{margin:0}.BlogPostDate h4{margin:0;text-transform:uppercase;font-size:var(--font-size-6);font-weight:700}._Bar_sr60i_1{flex:1;background:var(--color-gray-600);transition-property:background-color;transition-timing-function:ease-in-out;transition-duration:.22s}@media screen and (max-width: 800px){._Bar_sr60i_1:nth-child(2n){display:none}}._Bar_sr60i_1:hover{background:var(--color-secondary-400)}._Container_sr60i_21{align-items:end}a._TooltipTrigger_1eocr_1{width:16px;height:16px;position:absolute;top:148px;left:var(--x);background:transparent;border:0;padding:var(--space-0-5);margin:0;border-radius:999em;transform:translateY(0);transition-property:background-color,transform;transition-timing-function:ease-in-out;transition-duration:.22s;@media screen and (min-width: 1200px){width:64px;height:64px;top:132px}}a._TooltipTrigger_1eocr_1:hover{border-bottom:0;border-color:transparent;text-decoration:none;background:var(--color-secondary-400);transform:translateY(-10px);animation-name:_music-bounce_1eocr_1;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes _music-bounce_1eocr_1{0%{transform:translateY(0)}16%{transform:translateY(-10px)}32%{transform:translateY(0)}48%{transform:translateY(-5px)}64%{transform:translateY(0)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}._TooltipTrigger_1eocr_1 img{width:100%;height:100%;border-radius:999em;margin:0}._Container_1ys3i_1{position:relative}._CommentPopup_1ys3i_5{max-width:300px}._CommentPopup_1ys3i_5 h4{margin:0;margin-top:var(--space-0-25);font-size:var(--font-size-3)}._CommentPopup_1ys3i_5 p{margin:0}._Popup_19ezs_1{box-sizing:border-box;font-size:.875rem;line-height:1.25rem;display:flex;flex-direction:column;padding:var(--space-0-75) var(--space-1);border-radius:var(--space-0-5);font-weight:700;background:var(--color-secondary-500);color:var(--color-text);transform-origin:var(--transform-origin);transition:transform .15s,opacity .15s;z-index:999;&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.9)}&[data-instant]{transition:none}@media (prefers-color-scheme: light){outline:1px solid var(--color-secondary-300);box-shadow:0 10px 15px -3px var(--color-secondary-300),0 4px 6px -4px var(--color-secondary-300)}@media (prefers-color-scheme: dark){color:var(--color-text-inverted)}}._Arrow_19ezs_42{display:flex;color:var(--color-secondary-500);&[data-side=top]{bottom:-8px;rotate:180deg}&[data-side=bottom]{top:-8px;rotate:0deg}&[data-side=left]{right:-13px;rotate:90deg}&[data-side=right]{left:-13px;rotate:-90deg}}._ArrowFill_19ezs_67{fill:var(--color-secondary-500)}