@import '../../../styles/var.scss';
@import '../../../styles/common.scss';

.#{$PREFIX}-toggle-window-item {
  height: 100%;
  position: absolute;

  &.#{$PREFIX}-toggle-window-item--big {
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  &.mobile {
    &.#{$PREFIX}-toggle-window-item--small {
      z-index: 1;
      width: 24.3% !important;
      height: 19.7% !important;
      border-radius: 5px;
      left: 98%;
      top: 8%;
      transform: translateX(-100%);
      overflow: hidden;
    }
  }

  &.pc {
    &.#{$PREFIX}-toggle-window-item--small {
      top: 2%;
      left: 2%;
      width: 22%;
      height: 21%;
      border-radius: 12px;
      overflow: hidden;
      z-index: 1;
    }
  }
}