/* 타입 선택 관련 css */

.type_select_box {
  background-color: whitesmoke;
  box-shadow: var(--ds-shadow-overlay, 0 0 5px rgba(9, 30, 66, 0.31), 0 4px 8px 4px rgba(9, 30, 66, 0.25));
  padding: 4px;
  border-radius: 4px;
  position:absolute;
  display:none;
}

.layout_type {
  border-radius: 4px;
  border: 1px solid var(--border_color);
  background-color: #2F3B4C;
  width: 38px;
  height: 38px;
  padding: 0px;
  vertical-align: middle;
}

.layout_type:hover {
  border: 1px solid var(--hover_border_color);
}

.widget_type {
  border-radius: 4px;
  border: 1px solid var(--border_color);
  background-color: #2F3B4C;
  width: 38px;
  height: 38px;
  padding: 0px;
  vertical-align: middle;
}

.widget_type:hover {
  border: 1px solid var(--hover_border_color);
}

.icon {
  width: 100%;
  height: auto;
  border-radius: 4px;
}