.rex-ph[data-astro-cid-pj2ugyhi]{background-color:var(--color-rex-surface);border:1.5px dashed color-mix(in oklab, var(--color-rex-muted) 45%, transparent);border-radius:inherit;background-image:linear-gradient(135deg,#0000 49.6%,#0b1f3a0d 50%,#0000 50.4%),linear-gradient(45deg,#0000 49.6%,#0b1f3a0d 50%,#0000 50.4%);place-items:center;width:100%;margin:0;display:grid;position:relative;overflow:hidden}.rex-ph-inner[data-astro-cid-pj2ugyhi]{text-align:center;border:1px solid var(--color-rex-border);background:#ffffffeb;border-radius:.9rem;flex-direction:column;align-items:center;gap:.6rem;max-width:85%;padding:.85rem 1rem;display:flex}.rex-ph-icon[data-astro-cid-pj2ugyhi]{color:var(--color-rex-muted);display:inline-flex}.rex-ph-label[data-astro-cid-pj2ugyhi]{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-rex-navy);font-size:.75rem;font-weight:700;line-height:1.45}.demo-media[data-astro-cid-adcp52md]{border-bottom:1px solid var(--color-rex-border);overflow:hidden}.is-browse[data-astro-cid-adcp52md] .demo-media[data-astro-cid-adcp52md]{border-bottom:0;padding:.5rem .5rem 0}.db-bar[data-astro-cid-adcp52md]{background:var(--color-rex-navy);height:2rem;color:var(--color-rex-on-navy);border-radius:.75rem .75rem 0 0;align-items:center;gap:.6rem;padding:0 .75rem;display:flex}.db-dots[data-astro-cid-adcp52md]{flex-shrink:0;gap:.3rem;display:flex}.db-dots[data-astro-cid-adcp52md] i[data-astro-cid-adcp52md]{background:var(--color-rex-navy-line);border-radius:50%;width:.45rem;height:.45rem}.db-dots[data-astro-cid-adcp52md] i[data-astro-cid-adcp52md]:first-child{background:var(--color-rex-amber)}.db-url[data-astro-cid-adcp52md]{min-width:0;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;background:#ffffff12;border-radius:999px;flex:1;padding:.15rem .6rem;font-size:.6875rem;overflow:hidden}.db-view[data-astro-cid-adcp52md]{aspect-ratio:16/10;background:var(--color-rex-navy);box-shadow:inset 0 0 0 1px var(--color-rex-navy);display:block;position:relative;overflow:hidden;container-type:inline-size}.db-view[data-astro-cid-adcp52md] .db-page{width:100%;height:auto;transition:transform 1.1s var(--ease-out-expo);position:absolute;top:0;left:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.is-browse[data-astro-cid-adcp52md]:hover .db-view[data-astro-cid-adcp52md] .db-page,.is-browse[data-astro-cid-adcp52md]:focus-within .db-view[data-astro-cid-adcp52md] .db-page{transition:transform var(--dur) cubic-bezier(.45, .05, .55, .95) .25s;transform:translateY(calc(62.5cqi - 100%))}}.is-browse[data-astro-cid-adcp52md] .demo-flag[data-astro-cid-adcp52md]{top:2.85rem;left:1.1rem}.is-browse[data-astro-cid-adcp52md] .link-arrow svg{box-sizing:content-box;border:1px solid var(--color-rex-border);transition:transform var(--dur-base) var(--ease-out-expo), background-color .3s ease, border-color .3s ease;border-radius:999px;padding:.4rem}@media (hover:hover){.is-browse[data-astro-cid-adcp52md]:hover .link-arrow svg{background:var(--color-rex-amber);border-color:var(--color-rex-amber)}}@media (hover:none){.is-browse[data-astro-cid-adcp52md] .link-arrow svg{background:var(--color-rex-amber);border-color:var(--color-rex-amber)}}.is-browse[data-astro-cid-adcp52md]:before{content:"";z-index:3;border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), var(--color-rex-amber), transparent 65%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.is-browse[data-astro-cid-adcp52md]:after{background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #f59e0b12, transparent 50%)!important}@media (hover:hover){.is-browse[data-astro-cid-adcp52md]:hover:before{opacity:1}.is-browse[data-astro-cid-adcp52md]:hover{border-color:color-mix(in oklab, var(--color-rex-amber) 35%, var(--color-rex-border))!important}}.demo-peek[data-astro-cid-adcp52md]{z-index:2;background:var(--color-rex-amber);color:var(--color-rex-navy);font-family:var(--font-display);white-space:nowrap;pointer-events:none;translate:calc(var(--px,50%) - 50%) calc(var(--py,50%) - 50%);opacity:0;transition:opacity .2s ease, scale .4s var(--ease-out-expo);border-radius:999px;align-items:center;gap:.35rem;padding:.55rem .95rem;font-size:.875rem;font-weight:600;display:none;position:absolute;top:0;left:0;scale:.6;box-shadow:0 12px 24px -12px #0b1f3a80}@media (hover:hover) and (pointer:fine){.demo-peek[data-astro-cid-adcp52md]{display:inline-flex}.demo-media[data-astro-cid-adcp52md]:hover .demo-peek[data-astro-cid-adcp52md]{opacity:1;scale:1}a[data-astro-cid-adcp52md].demo-media{cursor:none}}.demo-media[data-astro-cid-adcp52md] .rex-ph{border:0;border-radius:0;padding-top:2.25rem}.demo-media[data-astro-cid-adcp52md] img{transition:transform .8s var(--ease-out-soft)}@media (hover:hover){.demo-card[data-astro-cid-adcp52md]:hover .demo-media[data-astro-cid-adcp52md] img{transform:scale(1.03)}}.demo-flag[data-astro-cid-adcp52md]{background:var(--color-rex-navy);color:#fff;border-radius:999px;align-items:center;gap:.4rem;max-width:calc(100% - 1.5rem);padding:.35rem .7rem;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex;position:absolute;top:.75rem;left:.75rem}
