.gx-bento{box-sizing:border-box;gap:var(--ui-space-6);width:100%;max-width:1560px;padding:var(--ui-space-10) var(--ui-space-6) calc(2 * var(--ui-space-10));flex-direction:column;margin-inline:auto;display:flex}.gx-bento__head{justify-content:space-between;align-items:flex-end;gap:var(--ui-space-6);padding-inline:var(--ui-space-2);display:flex}.gx-bento__title{margin:var(--ui-space-2) 0 0;color:var(--ui-ink);font:var(--ui-type-greeting);font-feature-settings:var(--ui-serif-features);font-variation-settings:var(--ui-serif-text);letter-spacing:var(--ui-track-claim);text-wrap:balance}.gx-bento__lede{margin-top:var(--ui-space-2);max-width:340px;color:var(--ui-muted);font:var(--ui-type-body);text-wrap:pretty}.gx-bento__autoplay{align-items:center;gap:var(--ui-space-2);color:var(--ui-faint);font:var(--ui-type-kicker);letter-spacing:var(--ui-track-small);cursor:pointer;display:inline-flex}.gx-bento__switch{border-radius:var(--ui-radius-full);background:var(--ui-line);cursor:pointer;width:28px;height:16px;transition:background-color var(--ui-dur-exit) var(--ui-ease);border:0;padding:0;position:relative}.gx-bento__switch[data-checked]{background:var(--ui-ink)}.gx-bento__thumb{background:var(--ui-raised);width:12px;height:12px;box-shadow:var(--ui-shadow-hairline);transition:translate var(--ui-dur-exit) var(--ui-ease);border-radius:50%;position:absolute;top:2px;left:2px}.gx-bento__thumb[data-checked]{translate:12px}.gx-bento__switch:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (pointer:coarse){.gx-bento__switch:after{content:"";position:absolute;inset:calc(50% - 22px)}}.gx-bento__frame{container-type:inline-size}.gx-bento__grid{--columns:4;--gap:var(--ui-space-3);grid-template-columns:repeat(var(--columns), minmax(0, 1fr));grid-auto-rows:calc((100cqw - (var(--columns) - 1) * var(--gap)) / var(--columns) / 20);column-gap:var(--gap);grid-auto-flow:dense;margin:0;padding:0;list-style:none;display:grid}.gx-bento__tile{--gx-open-band:calc(2 * var(--ui-space-3) + 1rem + 2 * var(--ui-space-1));grid-column:span var(--span);grid-row:span var(--rows);margin-bottom:var(--gap);border-radius:var(--ui-radius-lg);background:var(--ui-ground);box-shadow:var(--ui-shadow-button);isolation:isolate;transition:translate var(--ui-dur-exit) var(--ui-ease);position:relative}@media (hover:hover) and (prefers-reduced-motion:no-preference){.gx-bento__tile:hover{transition-duration:0s;translate:0 -2px}}.gx-bento__tile:after{content:"";z-index:11;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ui-image-edge);pointer-events:none;position:absolute;inset:0}.gx-bento__piece{border-radius:inherit;position:absolute;inset:0;overflow:clip;container-type:size}.gx-bento__piece>*{position:absolute;inset:0}.gx-bento__grid[data-packed]{display:block;position:relative}.gx-bento__grid[data-packed]>.gx-bento__tile{top:var(--y);left:var(--x);width:var(--w);height:var(--h);margin:0;position:absolute}.gx-bento__tile[data-measure]>.gx-bento__piece{align-content:center;display:grid}.gx-bento__tile[data-measure]>.gx-bento__piece>*{min-width:0;position:relative;inset:auto}.gx-bento__stage[data-only=narrow]{display:none}@media (max-width:640px){.gx-bento__stage[data-only=wide]{display:none}.gx-bento__stage[data-only=narrow]{display:grid}}.gx-bento__stage{place-items:center;display:grid}.gx-bento__screen{width:min(88cqw, 88cqh * var(--ar));aspect-ratio:var(--ar);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-float), 0 0 0 1px var(--ui-image-edge);position:relative;overflow:clip}.gx-bento__screen[data-kind=phone]{width:min(76cqw, 90cqh * var(--ar));border-radius:7cqw}.gx-bento__screen img{object-fit:cover}:is(.gx-bento,.gx-focus) [data-tone=figure] .gx-bento__piece>.ui-figure{padding:var(--ui-space-4);justify-content:flex-start;align-items:center;display:flex}:is(.gx-bento,.gx-focus) [data-tone=figure] :is(.ui-figure__index,.ui-figure__cue,.ui-figure__caption,.ui-figure__header){display:none}:is(.gx-bento,.gx-focus) [data-tone=figure] .ui-figure__well{width:100%;box-shadow:none;background:0 0;padding:0}.gx-bento__cover{z-index:10;border-radius:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.gx-bento__cover:focus-visible{box-shadow:0 0 0 2px var(--ui-focus);outline:none}.gx-bento__open{z-index:12;top:var(--ui-space-3);right:var(--ui-space-3);align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-1) var(--ui-space-2) var(--ui-space-1) var(--ui-space-3);border-radius:var(--ui-radius-full);background:var(--ui-raised);box-shadow:var(--ui-shadow-button);color:var(--ui-ink);font:var(--ui-type-label);cursor:pointer;opacity:0;transition:opacity var(--ui-dur-exit) var(--ui-ease), translate var(--ui-dur-exit) var(--ui-ease);border:0;display:inline-flex;position:absolute;translate:0 -2px}.gx-bento__open svg{width:14px;height:14px}.gx-bento__tile:focus-within .gx-bento__open{opacity:1;transition-duration:0s;translate:0}@media (hover:hover){.gx-bento__tile:hover .gx-bento__open{opacity:1;transition-duration:0s;translate:0}}.gx-bento__open:focus-visible{box-shadow:var(--ui-shadow-button), 0 0 0 2px var(--ui-focus);outline:none}@media (hover:none){.gx-bento__open{opacity:1;translate:0}.gx-bento__tile>.gx-bento__piece{top:var(--gx-open-band);border-top-left-radius:0;border-top-right-radius:0}}@media (pointer:coarse){.gx-bento__open:after{content:"";position:absolute;inset:calc(50% - 22px) -8px}}@media (prefers-reduced-motion:no-preference){.gx-bento__tile:not([data-shown]){opacity:0}.gx-bento__tile[data-shown]{animation:gx-bento-rise var(--ui-dur-travel) var(--ui-ease) var(--stagger) backwards}}@keyframes gx-bento-rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1100px){.gx-bento__grid{--columns:2}}@media (max-width:640px){.gx-bento__grid{--columns:1}.gx-bento__tile{grid-column:span 1;grid-row:span var(--rows-single)}.gx-bento{padding:var(--ui-space-6) var(--ui-space-3) calc(2 * var(--ui-space-10))}}.gx-focus__backdrop{z-index:60;background:color-mix(in oklab, var(--ui-gray-16) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity var(--ui-dur-travel) var(--ui-ease);position:fixed;inset:0}.gx-focus__backdrop:is([data-starting-style],[data-ending-style]){opacity:0}.gx-focus{z-index:61;overscroll-behavior:contain;padding:var(--ui-space-10) var(--ui-space-6);transition:opacity var(--ui-dur-travel) var(--ui-ease);background:0 0;outline:none;place-items:safe center;display:grid;position:fixed;inset:0;overflow-y:auto}.gx-focus:is([data-starting-style],[data-ending-style]){opacity:0}[data-gx-morph]{view-transition-name:gx-piece}html[data-gx-morphing],html[data-gx-morphing] :is(.ui-shell__aside,.ui-shell__feed,.ui-shell__canvas,.ui-rail>.ui-rail__items){view-transition-name:none}::view-transition-group(gx-piece){animation-duration:var(--ui-vt-duration);animation-timing-function:var(--ui-vt-curve)}::view-transition-image-pair(gx-piece){border-radius:var(--ui-radius-lg);background:var(--ui-ground);box-shadow:var(--ui-shadow-float);overflow:clip}::view-transition-old(gx-piece){object-fit:cover;object-position:top;mix-blend-mode:normal;height:100%}::view-transition-new(gx-piece){object-fit:cover;object-position:top;mix-blend-mode:normal;height:100%}::view-transition-old(gx-piece){opacity:1;animation:none}::view-transition-new(gx-piece){animation:ui-vt-in .2s var(--ui-ease) both}html[data-gx-morphing] .gx-focus[data-ending-style] .gx-focus__stage{visibility:hidden}.gx-focus[data-ending-style]{transition-duration:var(--ui-dur-base)}.gx-focus__figure{gap:var(--ui-space-5);width:min(100%, calc((100dvh - 2 * var(--ui-space-10) - 96px) * var(--ar)), var(--max,1280px));flex-direction:column;margin:0;display:flex}.gx-focus__stage[data-tone=figure] .gx-bento__piece>.ui-figure{padding:var(--ui-space-6);justify-content:center}.gx-focus__stage[data-natural]{aspect-ratio:auto}.gx-focus__stage[data-natural]>.gx-bento__piece{position:relative;container-type:inline-size}.gx-focus__stage[data-natural]>.gx-bento__piece>:first-child{position:relative}.gx-focus__stage{aspect-ratio:var(--ar);border-radius:var(--ui-radius-lg);background:var(--ui-ground);box-shadow:var(--ui-shadow-float);position:relative;overflow:clip}.gx-focus__caption{justify-content:space-between;align-items:flex-start;gap:var(--ui-space-6);padding-inline:var(--ui-space-1);display:flex}.gx-focus__kicker{color:var(--ui-faint);font:var(--ui-type-kicker);letter-spacing:var(--ui-track-small);margin:0}.gx-focus__title{margin:var(--ui-space-1) 0 0;color:var(--ui-ink);font:var(--ui-type-title-sm);text-wrap:balance}.gx-focus__line{margin:var(--ui-space-1) 0 0;max-width:460px;color:var(--ui-muted);font:var(--ui-type-ui);text-wrap:pretty}.gx-focus__meta{align-items:flex-end;gap:var(--ui-space-2);flex-direction:column;flex:none;display:flex}.gx-focus__case{align-items:center;gap:var(--ui-space-1);color:var(--ui-ink);font:var(--ui-type-label);text-decoration:none;display:inline-flex}.gx-focus__case svg{width:13px;height:13px}@media (hover:hover){.gx-focus__case:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ui-line);text-decoration-color:var(--ui-line);text-underline-offset:3px}}.gx-focus__case:focus-visible,.gx-focus__close:focus-visible{border-radius:var(--ui-radius-sm);box-shadow:0 0 0 2px var(--ui-focus);outline:none}.gx-focus__close{top:var(--ui-space-4);right:var(--ui-space-4);border-radius:var(--ui-radius-full);width:40px;height:40px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed}.gx-focus__close svg{width:20px;height:20px}@media (hover:hover){.gx-focus__close:hover{color:var(--ui-ink)}}@media (max-width:640px){.gx-focus{padding:calc(var(--ui-space-10) + var(--ui-space-4)) var(--ui-space-4) var(--ui-space-6)}.gx-focus__figure{width:min(100%, calc((100dvh - 260px) * var(--ar-narrow)))}.gx-focus__stage:not([data-natural]){aspect-ratio:var(--ar-narrow)}.gx-focus__caption{gap:var(--ui-space-3);flex-direction:column}.gx-focus__meta{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center}}@media (prefers-reduced-motion:reduce){.gx-focus,.gx-focus__backdrop{transition:none}}.gx-live{background:var(--ui-ground);position:absolute;inset:0;overflow:clip}.gx-live__frame{transform-origin:0 0;border:0;width:100%;height:100%;display:block}.gx-live__poster{object-fit:cover;object-position:top;pointer-events:none;transition:opacity var(--ui-dur-travel) var(--ui-ease)}.gx-live__poster[data-hidden]{opacity:0}@media (prefers-reduced-motion:reduce){.gx-live__poster{transition:none}}.gx-lq{background:var(--ui-gray-16);position:absolute;inset:0;overflow:clip}.gx-lq__home,.gx-lq__test{transition:translate var(--ui-dur-travel) var(--ui-ease);position:absolute;inset:0}.gx-lq__test{translate:100%}.gx-lq[data-testing] .gx-lq__test{translate:0}.gx-lq[data-testing] .gx-lq__home{translate:-24%}.gx-lq__review{border-radius:var(--ui-radius-lg);cursor:pointer;background:0 0;border:0;width:90%;height:6.5%;padding:0;position:absolute;top:22.5%;left:5%}.gx-lq__review:focus-visible{box-shadow:0 0 0 2px var(--ui-focus);outline:none}@media (hover:hover){.gx-lq__review:hover{box-shadow:0 0 0 2px color-mix(in oklab, var(--ui-raised) 70%, transparent)}}.gx-lq__back{z-index:3;top:var(--ui-space-3);left:var(--ui-space-3);border-radius:var(--ui-radius-full);background:var(--ui-raised);width:36px;height:36px;box-shadow:var(--ui-shadow-button);color:var(--ui-ink);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute}.gx-lq__back svg{width:18px;height:18px}.gx-lq__back:focus-visible{box-shadow:var(--ui-shadow-button), 0 0 0 2px var(--ui-focus);outline:none}@media (prefers-reduced-motion:reduce){.gx-lq__home,.gx-lq__test{transition:none}}.gx-pip .home-pip-preview{scale:1.4}.gx-focus__stage .gx-pip .home-pip-preview{scale:3}@media (max-width:640px){.gx-focus__stage .gx-pip .home-pip-preview{scale:1.6}}
