@property --expand-item-width{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --expand-item-width-grown{syntax: "<length>"; inherits: true; initial-value: 36px;}.expand-effect{scroll-timeline-name:--carousel-scroll;scroll-timeline-axis:inline;--expand-item-height: 36px;--expand-item-width: calc(var(--expand-item-height) * 2 / 3);--expand-item-width-grown: var(--expand-item-height);--expand-grown-padding: 12px;--expand-thumb-radius: 4px}.expand-effect .expand-effect-left-edge,.expand-effect .expand-effect-right-edge,.expand-effect .expand-effect-thumb{animation-timeline:--carousel-scroll;animation-fill-mode:both;animation-timing-function:linear;transition:none}.expand-effect .expand-effect-item{flex:0 0 auto;width:var(--expand-item-width);height:var(--expand-item-height);overflow:visible;display:flex;align-items:center;justify-content:center}.expand-effect .expand-effect-item,.expand-effect .expand-effect-left-edge{pointer-events:none}.expand-effect .expand-effect-right-edge{pointer-events:auto}.expand-effect .expand-effect-left-edge{flex:0 0 auto;width:var(--expand-item-width-grown);height:var(--expand-item-height);overflow:hidden;border-radius:var(--expand-thumb-radius) 0 0 var(--expand-thumb-radius);translate:var(--expand-collapsed-inset, 0px) 0}.expand-effect .expand-effect-right-edge{width:100%;height:100%;overflow:hidden;border-radius:0 var(--expand-thumb-radius) var(--expand-thumb-radius) 0;translate:calc(var(--expand-collapsed-inset, 0px) * -2) 0}.expand-effect .expand-effect-thumb{width:100%;height:100%;border-radius:var(--expand-thumb-radius);translate:var(--expand-collapsed-inset, 0px) 0}