/* components/coolui-scroller-item/coolui-scroller-item.wxss */
:host {
  display   : block;
  width     : 100%;
  box-shadow: 0 2px 12px rgb(100 101 102 / 12%);
  position  : relative;
}

.coolui-scroller-nav {
  width : 100%;
  height: 100rpx;
}

.coolui-scroller-nav.flex {
  display: flex;
}

.coolui-scroller-nav.scroll {
  white-space: nowrap;
  overflow-x : scroll;
  scroll-behavior:smooth
}

.coolui-scroller-nav::-webkit-scrollbar {
  display: none;
}

.coolui-scroller-nav-scroll {
  white-space: nowrap;
  overflow   : visible;
}

.overlay {
  position        : absolute;
  top             : 100rpx;
  left            : 0;
  width           : 100%;
  height          : 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  opacity         : 0;
}