:root,
page,
xhs-page {
  --bui-swipe-action-container-padding: 10px;
  --bui-swipe-action-container-color: var(--bui-color-black);
}
.bui-swipe-action {
  background: var(--bui-color-bg-view);
  font-family: var(--bui-font-family);
  overflow: hidden;
  touch-action: pan-x;
}
.bui-swipe-action-track {
  position: relative;
  transition: transform 200ms ease;
}
.bui-swipe-action-actions {
  position: absolute;
  top: 0;
  display: flex;
  width: auto;
  white-space: nowrap;
}
.bui-swipe-action-actions-right {
  left: 100%;
  height: 100%;
  cursor: pointer;
  margin-left: 1px;
  user-select: none;
  display: flex;
  align-items: center;
  box-sizing: content-box;
}
.bui-swipe-action-actions-left {
  margin-right: 1px;
  right: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: content-box;
  user-select: none;
  display: flex;
  align-items: center;
}
.bui-swipe-action-button {
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: #fff;
  box-sizing: content-box;
  white-space: nowrap;
}
.bui-swipe-action-content-container {
  overflow: hidden;
  position: relative;
  cursor: grab;
  user-select: none;
  padding: var(--bui-swipe-action-container-padding);
  color: var(--bui-swipe-action-container-color);
}
.bui-swipe-action-content-container:active {
  cursor: grabbing;
}
.bui-swipe-action-content-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bui-swipe-action-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 100%;
}