.EC8X1a_shell{--fit:contain;border-radius:var(--radius-lg);background:var(--color-surface);-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;min-height:8rem;display:grid;position:relative;overflow:hidden;container-type:size}.EC8X1a_frame{touch-action:pan-y;cursor:ew-resize;border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.EC8X1a_frameHug{width:min(100cqw, 100cqh * var(--ratio));height:auto;aspect-ratio:var(--ratio)}.EC8X1a_media{object-fit:var(--fit);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.EC8X1a_frameHug .EC8X1a_mediaBefore{object-fit:cover}.EC8X1a_frameHug .EC8X1a_mediaBeforeWhole{object-fit:contain;background:var(--color-surface-raised)}.EC8X1a_badgeLeft,.EC8X1a_badgeRight{top:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--scrim-strong);color:var(--fg-strong);line-height:var(--leading-relaxed);font-size:var(--text-2xs);pointer-events:none;position:absolute}.EC8X1a_badgeLeft{left:var(--space-2)}.EC8X1a_badgeRight{right:var(--space-2)}.EC8X1a_divider{background:var(--color-white);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.EC8X1a_grip{border:2px solid var(--color-white);background:var(--scrim-medium);border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.EC8X1a_slider{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.EC8X1a_frame:has(.EC8X1a_slider:focus-visible) .EC8X1a_divider{box-shadow:var(--ring)}.EC8X1a_controls{z-index:1;gap:.35rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.EC8X1a_control{border-radius:var(--radius-full);background:var(--scrim-strong);width:2rem;height:2rem;color:var(--fg-strong);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.EC8X1a_control:hover{background:var(--scrim-medium)}