.tpe-nextgen{--tpe-ng-bg:#fff;--tpe-ng-fg:#17191d;--tpe-ng-muted:#5d6470;--tpe-ng-border:#dfe2e7;--tpe-ng-accent:#5b4df5;color:var(--tpe-ng-fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tpe-nextgen,.tpe-nextgen *{box-sizing:border-box}.tpe-nextgen__card{background:var(--tpe-ng-bg);border:1px solid var(--tpe-ng-border);border-radius:14px;max-width:100%;overflow:hidden}.tpe-nextgen__card .tpe-nextgen__title,.tpe-nextgen__card p{margin-top:0}.tpe-nextgen__external{align-items:center;color:var(--tpe-ng-accent);display:inline-flex;font-size:.85rem;font-weight:650;min-height:24px;text-decoration:none}.tpe-nextgen__external:hover{text-decoration:underline;text-underline-offset:.18em}.tpe-nextgen :is(a,button):focus-visible{outline:3px solid var(--tpe-ng-accent);outline-offset:3px}.tpe-nextgen__media{max-width:680px}.tpe-nextgen__media-shell{aspect-ratio:16/9;background:#111318;overflow:hidden;position:relative}.tpe-nextgen--figma .tpe-nextgen__media-shell{aspect-ratio:4/3}.tpe-nextgen--codepen .tpe-nextgen__media-shell{aspect-ratio:auto;height:clamp(360px,60vh,640px);min-height:360px}.tpe-nextgen__iframe,.tpe-nextgen__media-shell>img{border:0;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tpe-nextgen__play{background:var(--tpe-ng-accent);border:0;border-radius:50%;color:#fff;cursor:pointer;display:grid;height:58px;inset:50% auto auto 50%;place-items:center;position:absolute;transform:translate(-50%,-50%);width:58px}.tpe-nextgen__content{padding:20px}.tpe-nextgen__content small,.tpe-nextgen__link small,.tpe-nextgen__post small{color:var(--tpe-ng-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tpe-nextgen__content .tpe-nextgen__title{color:var(--tpe-ng-fg);font-size:1.17rem;font-weight:700;margin:.35rem 0}.tpe-nextgen__content p{color:var(--tpe-ng-muted);margin-bottom:.5rem}.tpe-nextgen__code footer,.tpe-nextgen__code header{padding:16px 20px;position:relative}.tpe-nextgen__code header>span{color:var(--tpe-ng-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.tpe-nextgen__code .tpe-nextgen__title{color:var(--tpe-ng-fg);font-size:1.17rem;font-weight:700;margin:.25rem 0}.tpe-nextgen__copy{background:transparent;border:1px solid var(--tpe-ng-border);border-radius:6px;cursor:pointer;min-height:40px;padding:7px 11px;position:absolute;right:20px;top:16px}@media (prefers-reduced-motion:reduce){.tpe-nextgen *,.tpe-nextgen :after,.tpe-nextgen :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.tpe-nextgen__code pre{background:#0d0f12;color:#edf0f5;font:13px/1.65 ui-monospace,monospace;margin:0;max-height:480px;overflow:auto;padding:14px 0}.tpe-nextgen__line{display:block;min-width:-moz-max-content;min-width:max-content;padding:0 16px;white-space:pre}.tpe-nextgen__line b{border-right:1px solid #30343c;color:#8f98a8;display:inline-block;font-weight:400;margin-right:12px;padding-right:12px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3rem}.tpe-nextgen__code footer{color:var(--tpe-ng-muted);display:flex;font-size:.8rem;justify-content:space-between}.tpe-nextgen__post{max-width:620px;padding:22px}.tpe-nextgen__post header{align-items:center;display:flex;gap:12px}.tpe-nextgen__post header img{border-radius:50%;height:44px;width:44px}.tpe-nextgen__post header .tpe-nextgen__title{color:var(--tpe-ng-fg)!important;font-size:1.05rem;font-weight:700;line-height:1.3;margin:0}.tpe-nextgen__post header small{color:var(--tpe-ng-muted)!important;display:block;margin-top:2px}.tpe-nextgen__post>p{margin:18px 0;white-space:pre-wrap}.tpe-nextgen__post-image{border-radius:10px;max-height:420px;-o-object-fit:cover;object-fit:cover;width:100%}.tpe-nextgen__post footer{color:var(--tpe-ng-muted);display:flex;justify-content:space-between;margin-top:16px}.tpe-nextgen__link{display:grid;grid-template-columns:minmax(180px,35%) 1fr;max-width:760px}.tpe-nextgen__link-image{height:100%;min-height:220px;-o-object-fit:cover;object-fit:cover;width:100%}.tpe-nextgen__link>div{padding:24px}.tpe-nextgen__link .tpe-nextgen__title{color:var(--tpe-ng-fg);font-size:1.17rem;font-weight:700;margin:.4rem 0}.tpe-nextgen__link p{color:var(--tpe-ng-muted)}@media (prefers-color-scheme:dark){.tpe-nextgen{--tpe-ng-bg:#15171b;--tpe-ng-fg:#f2f3f5;--tpe-ng-muted:#b0b6c0;--tpe-ng-border:#30343c;--tpe-ng-accent:#9b8cff;color-scheme:dark}}@media (max-width:520px){.tpe-nextgen__link{grid-template-columns:1fr}.tpe-nextgen__link-image{aspect-ratio:16/9;min-height:180px}.tpe-nextgen__content,.tpe-nextgen__post{padding:16px}.tpe-nextgen__code footer,.tpe-nextgen__code header{padding:14px}.tpe-nextgen__copy{margin-top:10px;position:static}.tpe-nextgen__code footer{flex-wrap:wrap;gap:8px}}