.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); } .t-action-sheet__content { color: var(--td-action-sheet-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))); border-top-left-radius: var(--td-action-sheet-border-radius, var(--td-radius-extra-large, 24rpx)); border-top-right-radius: var(--td-action-sheet-border-radius, var(--td-radius-extra-large, 24rpx)); background-color: var(--td-bg-color-block, #fff); overflow: hidden; } .t-action-sheet__content--grid { padding-top: 16rpx; } .t-action-sheet__content:focus { outline: 0; } .t-action-sheet__grid { padding-bottom: 16rpx; } .t-action-sheet__grid--swiper { padding-bottom: 48rpx; } .t-action-sheet__description { color: var(--td-action-sheet-description-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))); line-height: 44rpx; font-size: 28rpx; text-align: var(--td-action-sheet-text-align, center); padding: 24rpx 32rpx; position: relative; } .t-action-sheet__description:focus { outline: 0; } .t-action-sheet__description::after { content: ''; display: block; position: absolute; top: unset; bottom: 0; left: unset; right: unset; background-color: var(--td-action-sheet-border-color, var(--td-gray-color-1, #f3f3f3)); } .t-action-sheet__description::after { height: 1px; left: 0; right: 0; transform: scaleY(0.5); } .t-action-sheet__description--left { text-align: left; } .t-action-sheet__description--left::after { left: 32rpx; } .t-action-sheet__list-item { display: flex; align-items: center; justify-content: center; position: relative; height: var(--td-action-sheet-list-item-height, 112rpx); padding: 0 32rpx; } .t-action-sheet__list-item::after { content: ''; display: block; position: absolute; top: unset; bottom: 0; left: unset; right: unset; background-color: var(--td-action-sheet-border-color, var(--td-gray-color-1, #f3f3f3)); } .t-action-sheet__list-item::after { height: 1px; left: 0; right: 0; transform: scaleY(0.5); } .t-action-sheet__list-item:focus { outline: 0; } .t-action-sheet__list-item--left { justify-content: start; } .t-action-sheet__list-item--left::after { left: 32rpx; } .t-action-sheet__list-item--disabled { color: var(--td-action-sheet-list-item-disabled-color, var(--td-text-disabled-color, rgba(0, 0, 0, 0.26))); } .t-action-sheet__list-item-text { font-size: var(--td-font-size-m, 32rpx); word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t-action-sheet__list-item-icon { margin-right: 16rpx; } .t-action-sheet__swiper-wrap { margin-top: 8rpx; position: relative; } .t-action-sheet__footer { background-color: var(--td-bg-color-block, #fff); } .t-action-sheet__gap-list { height: 16rpx; background-color: var(--td-action-sheet-border-color, var(--td-gray-color-1, #f3f3f3)); } .t-action-sheet__gap-grid { height: 1rpx; background-color: var(--td-action-sheet-border-color, var(--td-gray-color-1, #f3f3f3)); } .t-action-sheet__cancel { display: flex; align-items: center; justify-content: center; height: var(--td-action-sheet-cancel-height, 96rpx); } .t-action-sheet__dots { position: absolute; left: 50%; bottom: 32rpx; transform: translateX(-50%); display: flex; flex-direction: row; } .t-action-sheet__dots-item { width: 16rpx; height: 16rpx; background-color: #dcdcdc; border-radius: 50%; margin: 0 16rpx; transition: all 0.4s ease-in; } .t-action-sheet__dots-item.t-is-active { background-color: #0052d9; } .t-action-sheet__safe { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }