@import '../../../assets/scss/variables.scss';
@import '../../../assets/scss/mixins.scss';

.full-screen.icon {
  color: $primaryGrey;
  position: absolute;
  margin-left: 4px;
  margin-top: 3px;
  width: 15px;
  height: 15px;
  border-radius: 1px;
  border: solid 1px currentColor;
  @include clickable;
}

.full-screen.icon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: -2px;
  width: 9px;
  height: 19px;
  color: var(--background-color);
  background-color: currentColor;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.full-screen.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: -2px;
  width: 9px;
  height: 19px;
  color: var(--background-color);
  background-color: currentColor;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}