@charset "utf-8";
  main{
    flex-grow:1;
 
  } 
@scope (.questions){

  .status{
    display: flex;
  }
  .answers li{
    list-style: none;
    margin-top: 0.5rem
  }
  .ansOption{
    margin-left: 1rem;
  }

  input[type="checkbox"]{
    height: 1.1rem;
    width: 1.1rem;
    min-width: 1.1rem;
    vertical-align:text-bottom;
    margin-right: 1rem;
    cursor: pointer;
  }
  label{
    display:flex;
	align-items: center;  
    cursor:pointer;
	padding: 0 10px; 
	background-color: transparent;
	transition: background-color 400ms ease-in
	}
  label:hover{
    background-color: #00ffff59
  }
  .red{
    color:red
  }
  .stroke{
    text-decoration: line-through;
  }
  .status{
    /*display: hidden*/
  }
  .status.checking{
    display: block;
  }

  .revision .status:after {
    content: '\F327';
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-left: 12px;
  }
  .revision:has(.red) .status:after {
    content: '\F31D';
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-left: 12px;
  }


  button.collapsed .bi-arrow-down{
    display: inline
  }
  button .bi-arrow-down{
    display: none
  }
  button.collapsed .bi-arrow-up{
    display: none
  }
  button .bi-arrow-up{
    display: inline
  }
  }
.itemscats li{
  background-color:transparent;
  transition: background 500ms
}
.itemscats li.active{
  background-color:#E0E0E0
}
.z-0{
  z-index:0
}