@property --tx-morph-radius{syntax: "<length>"; inherits: true; initial-value: 0px;}:where(.tx-morph){--tx-morph-radius: 0px;--tx-morph-fill: transparent;--tx-morph-inset: 0px}.tx-morph{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;overflow:hidden;vertical-align:middle;border-radius:var(--tx-morph-radius);background:var(--tx-morph-fill)}.tx-morph.is-fluid{display:flex}.tx-morph__content{flex:none;box-sizing:border-box;padding:var(--tx-morph-inset)}.tx-morph:not(.is-fluid)>.tx-morph__content{width:max-content}.tx-morph.is-fluid>.tx-morph__content{width:100%}.tx-morph-swap-leave-active{position:absolute;inset:0;margin:auto;pointer-events:none}@media(prefers-reduced-motion:no-preference){.tx-morph.is-morphing{transition:--tx-morph-radius var(--tx-morph-duration) var(--tx-morph-easing),background-color .24s var(--tx-ease-out-strong, cubic-bezier(.23, 1, .32, 1))}.tx-morph-swap-leave-active{transition:opacity .12s ease-out,filter .12s ease-out}.tx-morph-swap-enter-active{transition:opacity .26s ease-out 70ms,filter .26s ease-out 70ms,transform .34s var(--tx-ease-out-strong, cubic-bezier(.23, 1, .32, 1)) 70ms}.tx-morph-swap-enter-from{opacity:0;filter:blur(4px);transform:scale(.96)}.tx-morph-swap-leave-to{opacity:0;filter:blur(3px)}}