.MYUI-ActionSheet {
  position: relative;
  height: 100%;
  width: 100%;
}

.MYUI-ActionSheet[data-open="true"] {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 10001;
  box-sizing: border-box;
}

.MYUI-ActionSheet[data-open="true"] .MYUI-ActionSheet__show {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(var(--blur_background_modal), 0.4);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10001;
}

.MYUI-ActionSheet[data-open="false"] .MYUI-ActionSheet__in {
  z-index: -10000;
  opacity: 0;
  box-sizing: border-box;
}

.MYUI-ActionSheet__in--Group .MYUI-Group {
  padding: var(--ACTION_SHEET_padding_botton_or_top) 0px;
  width: 100%;
}

.MYUI-ActionSheet__in--Group .MYUI-Group__in {
  background: rgba(var(--background_secondary));
}

.MYUI-ActionSheet__ButtonGroup .MYUI-Button {
  margin-right: 0px !important;
}

.MYUI-ActionSheet[data-open="false"] .MYUI-ActionSheet__component {
  z-index: -10000;
  opacity: 0;
  box-sizing: border-box;
  position: absolute;
}

.MYUI-ActionSheet[data-open="true"] .MYUI-ActionSheet__component {
  transition: transform var(--transition_time);
  z-index: 10002;
  width: auto;
  background: rgba(var(--background_secondary));
  border-radius: var(--border_radius_optimaze);
  position: absolute;
}

.MYUI-ActionSheet__in {
  transition: transform var(--transition_time);
}

.MYUI-ActionSheet__in[data-position="top"] {
  position: absolute;
  z-index: 10002;
  left: 0;
}

.MYUI-ActionSheet__in[data-position="bottom"] {
  position: absolute;
  z-index: 10002;
  top: 0px;
}