.transitions-demo-module__v6UrLG__stage{background:var(--td-color-surface-subtle);border-radius:var(--td-radius-sm);justify-content:center;padding:1.5rem;display:flex}.transitions-demo-module__v6UrLG__phone{border-radius:var(--td-radius-md);background:var(--td-color-surface-page);width:min(100%,20rem);height:22rem;box-shadow:0 8px 24px var(--core-color-alpha-black-10);flex-direction:column;display:flex;overflow:hidden}.transitions-demo-module__v6UrLG__chrome{border-bottom:1px solid var(--td-color-border-subtle);background:var(--td-color-surface-page);z-index:1;justify-content:center;align-items:center;padding:.85rem 1rem;display:flex;position:relative}.transitions-demo-module__v6UrLG__chromeTitle{font-size:var(--step--1);font-weight:700}.transitions-demo-module__v6UrLG__back{font:inherit;font-size:var(--step--1);color:var(--td-color-foreground-primary-base);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--td-motion-state-duration) var(--td-motion-state-enter);background:0 0;border:none;position:absolute;left:.75rem}.transitions-demo-module__v6UrLG__back[data-shown=true]{opacity:1;pointer-events:auto}.transitions-demo-module__v6UrLG__viewport{flex:1;position:relative;overflow:hidden}.transitions-demo-module__v6UrLG__listView{flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.transitions-demo-module__v6UrLG__card{border-radius:var(--td-radius-xs);background:var(--td-color-surface-subtle);cursor:pointer;text-align:left;border:none;align-items:center;gap:.85rem;padding:.75rem;display:flex}.transitions-demo-module__v6UrLG__thumb{border-radius:var(--td-radius-xs);background:var(--td-color-surface-base);flex:none;width:3rem;height:3rem}.transitions-demo-module__v6UrLG__cardLines{flex-direction:column;flex:1;gap:.45rem;display:flex}.transitions-demo-module__v6UrLG__line{border-radius:var(--td-radius-round);background:var(--td-color-surface-muted);height:.6rem}.transitions-demo-module__v6UrLG__heroBlock{border-radius:var(--td-radius-xs);background:var(--td-color-surface-base);height:8rem}.transitions-demo-module__v6UrLG__detailView{background:var(--td-color-surface-page);pointer-events:none;transition:transform var(--td-motion-page-duration) var(--td-motion-page-exit);flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0;transform:translate(100%)}.transitions-demo-module__v6UrLG__detailShown{pointer-events:auto;transition-timing-function:var(--td-motion-page-enter);transform:translate(0)}