@use "../../../../style/theme/util" as *;
@import '../../../../style/common/var.scss';

.#{$prefix}-togglewindowitem-container {
  position: absolute;
  border-radius: 12px;
  overflow: hidden;

  &.mobile {
    border-radius: 0;
  }

  &.#{$prefix}-togglewindowitem-big {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    
    @include theme() {
      background-color: get(black-2);
    }
  }

  &.#{$prefix}-togglewindowitem-small {
    top: 2%;
    left: 2%;
    width: 22%;
    height: 21%;
    z-index: 2;
    border-radius: 12px;
    @include theme() {
      background-color: get(black-2);
    }

    &.mobile {
      // transform: translate(284px, 43.3281px);
      width: 24.3%;
      height: 19.7%;
      // left: auto;
      // right: 3.2vw;
      // top: 3.7vh;
      border-radius: 5px;
      left: 98%;
      position: absolute;
      top: 8%;
      transform: translateX(-100%);
    }
  }
}