.t-float-left { float: left; } .t-float-right { float: right; } @keyframes tdesign-fade-out { from { opacity: 1; } to { opacity: 0; } } .hotspot-expanded.relative { position: relative; } .hotspot-expanded::after { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scale(1.5); } page { --td-tab-bar-border-color: #e6e6e6; } .t-tab-bar { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; position: relative; font-size: 16px; background-color: var(--td-tab-bar-bg-color, #fff); } .t-tab-bar--border::before { z-index: 1; position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; left: 0; top: 0; border-top: 1px solid var(--td-tab-bar-border-color); transform: scaleY(0.5); } .t-tab-bar--fixed { position: fixed; left: 0; bottom: 0; } .t-tab-bar--safe { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }