/* ========================================================== */
/*           PC版チャットウィンドウのリサイズハンドル          */
/* ========================================================== */

/* --- PC用のスタイル (768px以上) --- */
@media (min-width: 768px) {
  /* リサイズハンドル */
  #magatama-chat-window .resizer {
    position: absolute;
    background: transparent;
    transition: background-color 0.2s ease;
  }

  #magatama-chat-window .resizer:hover {
    background-color: rgba(1, 80, 226, 0.4);
  }

  .resizer.top,
  .resizer.bottom {
    left: 12px;
    right: 12px;
    height: 6px;
    cursor: ns-resize;
  }

  .resizer.left,
  .resizer.right {
    top: 12px;
    bottom: 12px;
    width: 6px;
    cursor: ew-resize;
  }

  .resizer.top {
    top: 0;
  }

  .resizer.bottom {
    bottom: 0;
  }

  .resizer.left {
    left: 0;
  }

  .resizer.right {
    right: -3px;
  }

  .resizer.top.left {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    cursor: nwse-resize;
  }

  .resizer.top.right {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    cursor: nesw-resize;
  }

  .resizer.bottom.left {
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    cursor: nesw-resize;
  }

  .resizer.bottom.right {
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    cursor: nwse-resize;
  }
}