.ds-routine-preview{display:flex;flex-direction:column;width:100%;max-width:32rem;min-height:100dvh;margin-inline:auto;background:linear-gradient(170deg,var(--child-experience-bg-start),var(--child-experience-bg-middle) 55%,var(--child-experience-bg-end));color:var(--text-primary);font-family:var(--font-child)}.ds-routine-preview__header{display:flex;flex:none;min-height:calc(var(--touch-min) + var(--space-sm));padding:calc(env(safe-area-inset-top) + var(--space-sm)) var(--space-md) 0}.ds-routine-preview__exit{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:0;border:0;border-radius:var(--radius-circle);background:transparent;color:var(--text-primary);cursor:pointer}.ds-routine-preview__main{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:safe center;gap:var(--space-xs);min-height:0;padding:var(--space-xs) var(--space-md);overflow-y:auto;text-align:center}.ds-routine-preview__eyebrow{margin:0;color:var(--color-primary);font-size:var(--type-body);font-weight:var(--weight-extrabold)}.ds-routine-preview__heading{margin:0 0 var(--space-xs);font-size:var(--type-h1);font-weight:var(--weight-black);line-height:var(--leading-tight);text-wrap:balance}.ds-routine-preview__list{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;max-width:26rem;margin:0;padding:0;list-style:none}.ds-routine-preview__row{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-2xs) var(--space-sm) var(--space-2xs) var(--space-2xs);border:calc(var(--border-width-default) * 2) solid var(--border-subtle);border-radius:calc(var(--radius-lg) + var(--space-3xs));background:color-mix(in srgb,var(--card-bg),transparent 15%);color:var(--text-primary);font:inherit;text-align:start}button.ds-routine-preview__row{cursor:pointer}.ds-routine-preview__number{flex:none;width:var(--space-sm);margin-inline-start:var(--space-2xs);color:var(--text-secondary);font-weight:var(--weight-black);font-variant-numeric:tabular-nums;text-align:center}.ds-routine-preview__thumb{display:flex;flex:none;width:var(--space-2xl);aspect-ratio:1;overflow:hidden;border-radius:var(--radius-lg)}.ds-routine-preview__picture{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:var(--ds-picture-tint, var(--k-blue-soft));font-size:var(--type-h2);line-height:1}.ds-routine-preview__thumb[data-split] .ds-routine-preview__picture{font-size:var(--type-body-lg)}.ds-routine-preview__picture>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ds-routine-preview__title{flex:1;min-width:0;font-size:var(--type-body-lg);font-weight:var(--weight-black);overflow-wrap:anywhere}.ds-routine-preview__speaker{flex:none;color:var(--color-primary)}.ds-routine-preview__row:focus-visible,.ds-routine-preview__exit:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-routine-preview__footer{flex:none;padding:var(--space-xs) var(--space-md) calc(env(safe-area-inset-bottom) + var(--space-md))}