/* shadow */
/* sizing */
/* spacing */
.semi-resizable-resizable {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
}
.semi-resizable-resizableHandler {
  position: absolute;
  user-select: none;
  z-index: 2000;
}
.semi-resizable-resizableHandler-top {
  width: 100%;
  height: 10px;
  top: 0;
  left: 0;
  cursor: row-resize;
  top: -5px;
}
.semi-resizable-resizableHandler-right {
  width: 10px;
  height: 100%;
  top: 0;
  left: 0;
  cursor: col-resize;
  left: auto;
  right: -5px;
}
.semi-resizable-resizableHandler-bottom {
  width: 100%;
  height: 10px;
  top: 0;
  left: 0;
  cursor: row-resize;
  top: auto;
  bottom: -5px;
}
.semi-resizable-resizableHandler-left {
  width: 10px;
  height: 100%;
  top: 0;
  left: 0;
  cursor: col-resize;
  left: -5px;
}
.semi-resizable-resizableHandler-topRight {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: ne-resize;
}
.semi-resizable-resizableHandler-bottomRight {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  bottom: -10px;
  cursor: se-resize;
}
.semi-resizable-resizableHandler-bottomLeft {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -10px;
  bottom: -10px;
  cursor: sw-resize;
}
.semi-resizable-resizableHandler-topLeft {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -10px;
  top: -10px;
  cursor: nw-resize;
}
.semi-resizable-group {
  display: flex;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.semi-resizable-item {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
}
.semi-resizable-handler {
  user-select: none;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--semi-color-fill-0);
  opacity: 1;
}
.semi-resizable-handler-vertical {
  width: 100%;
  height: 10px;
  flex-shrink: 0;
  cursor: row-resize;
}
.semi-resizable-handler-horizontal {
  height: 100%;
  width: 10px;
  flex-shrink: 0;
  cursor: col-resize;
}
.semi-resizable-background {
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: 2010;
  opacity: 0;
  position: fixed;
}