.obbe-monitor-wrapper{text-align:center;width:fit-content;margin:4rem auto}.shake-anim{animation:.4s cubic-bezier(.36,.07,.19,.97) both gta-recoil}@keyframes gta-recoil{0%{transform:translate(0,0)}10%{transform:translate(-6px,-18px)}20%{transform:translate(8px,12px)}40%{transform:translate(-4px,-6px)}60%{transform:translate(2px,3px)}80%{transform:translate(-1px,-1px)}to{transform:translate(0,0)}}.monitor-bezel{justify-content:center;align-items:center;width:100vw;max-width:960px;height:auto;max-height:670px;display:flex;overflow:hidden}.screen-glass{aspect-ratio:640/448;width:100%;max-width:960px;position:relative;overflow:hidden;cursor:none!important}.ps2-canvas{width:100%;height:100%;display:block}.monitor-caption{color:#666;text-transform:uppercase;margin-top:1rem;font-family:monospace;font-size:.8rem}.obbe-page-wrapper{color:#e0e0e0;background-color:#0a0a0a}.obbe-header{max-width:800px;margin:4rem auto 2rem;padding:0 20px}.lead-text{color:#aaa;margin-top:1rem;font-size:1.2rem;line-height:1.6}.monitor-label{color:#555;letter-spacing:2px;justify-content:space-between;max-width:1280px;margin:0 auto 10px;font-family:Courier New,Courier,monospace;font-size:.7rem;display:flex}.status-blinker{color:var(--greengreen);animation:1s infinite blink}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.tech-specs{color:#444;justify-content:center;gap:30px;max-width:1280px;margin:20px auto 0;font-family:monospace;font-size:.8rem;display:flex}.menu-canvas-responsive{width:100%}.menu-container{z-index:20;background-position:50%;background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;width:960px;height:672px;display:flex;position:absolute;top:0;left:0}.menu-hint-text{position:absolute;bottom:85px;right:60px}.menu-buttons button{cursor:none;background:0 0;border:none;width:960px;margin-bottom:10px;padding:0;line-height:0;transition:all .2s;display:block;position:relative;top:80px}.menu-buttons button:before{content:"";opacity:0;pointer-events:none;z-index:-1;background-color:#64bc46;width:925px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.menu-buttons button:hover:before{opacity:.25}.menu-buttons button img{width:auto;height:40px;margin:0 auto;transition:filter .2s;display:block}.menu-buttons button:hover img{filter:brightness(1.2)}.loading-bar-wrapper{background:#212f3c;width:850px;height:15px;position:absolute;bottom:20px}.loading-bar-fill{background:#4a5e7f;width:0%;height:100%}.back-btn{top:160px!important}
p{font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-size:1.1rem;line-height:1.2}.itallic-p{font-style:italic}h1{font-family:Versus Ultra,Arial,Helvetica,sans-serif;font-size:2.8rem;line-height:.9}h3{font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-size:1.7rem}.article_tag_bliss-obbe{margin-bottom:1rem;font-size:.6rem}.article_tag_bg_bliss-obbe{background-color:var(--foreground);color:#000;border-radius:.1rem;margin-right:.3rem;padding:.6rem}.article_tag_bg2_bliss-obbe{box-shadow:inset 0 0 0 1px var(--tag_first);background-color:#0000;border-radius:.1rem;margin-right:.3rem;padding:.6rem}.main-obbe{padding-top:0;overflow-x:hidden}.content-obbe{width:100%;max-width:1920px;margin:0 auto}.hero-split-wrapper-obbe{background-color:#000;flex-direction:row;align-items:stretch;width:100vw;max-width:3840px;height:100vh;max-height:2160px;margin-bottom:5rem;display:flex;position:relative;left:50%;transform:translate(-50%)}.article-header-obbe{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex}.header-text-container-obbe{padding:5rem 10%}.image-hero-right-obbe{flex-direction:column;flex:1;justify-content:center;margin:0;padding:0;display:flex}.image-hero-right-obbe .image-container-obbe{width:100%;height:100%}.image-hero-right-obbe img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:1200px){.hero-split-wrapper-obbe{flex-direction:column;width:100%;height:auto;margin-left:0;margin-right:0;left:0;transform:none}.article-header-obbe,.image-hero-right-obbe{flex:none;width:100%}.header-text-container-obbe{padding-top:7rem;padding-bottom:.5rem}}.article-section-center-obbe{width:80%;margin:0 auto}@media (min-width:1200px){.article-section-center-obbe{width:40%}}.content-obbe h1,.content-obbe h3,.content-obbe p,.divider-obbe,.content-obbe video{margin-bottom:var(--spacing)}.article-meta-obbe{margin-bottom:var(--spacing-meta);align-items:center;gap:0;font-size:.8rem;display:flex}.divider-vertical-obbe{background-color:var(--divider-color);align-self:center;width:1px;height:.8em;margin:0 .5rem}.copy-btn-obbe{cursor:pointer;color:var(--text-color);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.copy-btn-obbe:hover{opacity:.7}.copy-btn-obbe svg{width:24px;height:24px}.divider-obbe{background-color:var(--divider-color);width:100%;height:1px;display:block}.atricle-image-obbe{width:auto;max-width:100%;height:auto;margin:0 auto;display:block}.article-fullwidth-image-obbe{border-radius:9px;width:100%;height:auto;margin:0 auto;display:block}.article-pixel-image-obbe{width:auto;image-rendering:crisp-edges;image-rendering:pixelated;border-radius:9px;width:100%;height:auto;margin:0 auto;display:block}.article-fullwidth-no-border-radius-image-obbe{width:100%;height:auto;margin:0 auto;display:block}.image-description-obbe{text-align:right;margin-top:.5rem;font-size:.9rem;font-style:italic}.obbe-vermeij-sign{width:15rem;height:auto;margin:0 auto;display:flex}.chat-message-container-obbe{color:#e2e8f0;align-items:flex-start;gap:1rem;width:100%;margin:1rem auto;padding:1rem;display:flex}.message-icon-obbe{flex-shrink:0;width:3rem;height:3rem;padding-top:.5rem}.message-icon-obbe-tak{flex-shrink:0;width:3rem;height:3rem;padding-top:.1rem}.message-content-obbe{flex-direction:column;flex-grow:1;font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-size:1.1rem;line-height:1.2;display:flex}.message-header-obbe{align-items:baseline;gap:.1rem;margin-bottom:.25rem;display:flex}.nickname-obbe:after{content:"·";color:#a0aec0;margin:0 .3rem;font-size:1.5rem;position:relative;top:.25rem}.nickname-obbe{color:#d2522e;font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-size:1.1rem;line-height:1.2}.nickname-obbe-tak{color:#a5abb1;font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-size:1.1rem;line-height:1.2}.message-date-obbe{color:#ccc;font-size:.7rem}.edit-pencil-icon-obbe{object-fit:contain;align-items:center;width:16px;height:16px;margin-left:4px;margin-right:4px}.pull-quote-obbe{border-left:4px solid var(--text-color,#fff);margin:3rem 0;padding-left:0;display:flex}.pull-quote-content-obbe{padding-left:1.5rem}.pull-quote-content-obbe p:not(:last-child){margin-bottom:.5rem}.pull-quote-content-obbe p{color:var(--text-color);margin-bottom:0;font-family:Roboto Condensed,Arial,Helvetica,sans-serif;font-size:1.1rem;font-style:italic;line-height:1.2}@media (max-width:800px){.pull-quote-content-obbe p{font-size:1.2rem}}.obbe-th-page-wrapper{width:100vw;padding:var(--spacing)0;margin-left:-50vw;margin-right:-50vw;margin-bottom:var(--spacing);background-color:#fafafa;justify-content:center;display:flex;position:relative;left:50%;right:50%;overflow-x:hidden}.obbe-th-container{background-color:#fff;border:1px solid #efefef;border-radius:16px;max-width:600px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}@media (max-width:800px){.obbe-th-container{border-radius:0}}.obbe-th-post{padding:12px 16px;position:relative}.obbe-th-line{z-index:1;background-color:#d9d9d9;width:2px;position:absolute;left:38px;top:68px!important;bottom:12px!important}.obbe-th-post:first-child .obbe-th-line{top:24px}.obbe-th-post:last-child .obbe-th-line{height:24px;bottom:auto}.obbe-th-avatar{z-index:2;background-color:#cfd9de;border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.obbe-th-separator-full{background-color:#efefef;width:100%;height:1px}.obbe-th-layout-side{display:flex}.obbe-th-avatar-col{justify-content:center;width:44px;margin-right:12px;display:flex}.obbe-th-main-col{flex:1}.obbe-th-layout-full{display:block}.obbe-th-header-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.obbe-th-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.obbe-th-username{color:#000;margin-right:5px;font-size:15px;font-weight:700}.obbe-th-timestamp{color:#999;font-size:15px}.obbe-th-dots-icon{fill:#6d6d6d;width:18px;height:18px;margin-left:auto}.obbe-th-body{color:#000;font-size:15px;line-height:1.5}.obbe-th-image-wrapper{border:1px solid #efefef;border-radius:12px;margin-top:12px;overflow:hidden}.obbe-th-placeholder-img{color:#ccc;background-color:#f7f7f7;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.obbe-th-footer{color:#666;cursor:pointer;gap:32px;margin-top:12px;font-size:13px;transition:color .2s;display:flex}.obbe-th-action{align-items:center;gap:6px;display:flex}.obbe-th-action svg{fill:currentColor;width:20px;height:20px}@font-face{font-family:Chirp;src:url(/images/articles/32-megabytes-of-freedom/dan-vavra-x-post/Chirp-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chirp;src:url(/images/articles/32-megabytes-of-freedom/dan-vavra-x-post/Chirp-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.obbe-x-vavra-post-wrapper{color:#000;background-color:#fff;border-bottom:1px solid #eff3f4;border-radius:16px;gap:12px;padding:12px 16px;font-family:Chirp,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}@media (max-width:800px){.obbe-x-vavra-post-wrapper{border-radius:0;width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}}.obbe-x-vavra-post-avatar-col{flex-shrink:0}.obbe-x-vavra-post-content-col{flex-grow:1;min-width:0}.obbe-x-vavra-post-header{justify-content:space-between;align-items:center;min-width:0;margin-bottom:2px;display:flex}.obbe-x-vavra-post-info{white-space:nowrap;flex-direction:row;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.obbe-x-vavra-post-name,.obbe-x-vavra-emoji{flex-shrink:0}.obbe-x-vavra-post-name{color:#0f1419;font-size:15px;font-weight:700}.obbe-x-vavra-emoji{vertical-align:middle;display:inline-block}.obbe-x-vavra-post-check{color:#1e9bf0;flex-shrink:0;align-items:center;width:18.75px;min-width:18.75px;display:inline-flex}.obbe-x-vavra-post-handle{color:#536471;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-size:15px;overflow:hidden}.obbe-x-vavra-post-top-right{color:#536471;cursor:pointer;align-items:center;gap:8px;display:flex}.obbe-x-vavra-post-avatar{border-radius:50%;width:40px;height:40px;overflow:hidden}.obbe-x-vavra-post-body{white-space:pre-wrap;margin-bottom:12px;margin-right:12px;font-size:15px;line-height:20px}.obbe-x-vavra-post-media-grid{aspect-ratio:1.85;cursor:pointer;border:1px solid #cfd9de;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.obbe-x-vavra-post-media-grid>div:first-child{grid-area:1/1/span 2}.obbe-x-vavra-post-img-item{object-fit:cover;width:100%;height:100%;display:block}.obbe-x-vavra-post-footer{color:#536471;justify-content:space-between;align-items:center;width:100%;margin-top:12px;font-size:13px;display:flex}.obbe-x-vavra-post-footer-main-actions{flex:1;justify-content:space-between;max-width:85%;padding-right:20px;display:flex}.obbe-x-vavra-post-footer-end-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.obbe-x-vavra-post-action{cursor:pointer;color:#536471;align-items:center;gap:4px;min-height:20px;transition:color .2s;display:flex}.obbe-x-vavra-post-action span{margin-left:4px}.obbe-x-vavra-post-action:hover{color:#1d9bf0}.obbe-x-vavra-post-lightbox{z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.obbe-x-vavra-post-full-img-wrapper{display:inline-block;position:relative}.obbe-x-vavra-post-close{z-index:10000;color:#fff;cursor:pointer;background:#0f1419bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:background .2s;display:flex;position:absolute;top:15px;left:15px}.obbe-x-vavra-post-close:hover{background:#272c30bf}