body{padding:0;margin:0;background-color:#1c1c1e}#app{display:flex;flex-direction:column;background-color:#1c1c1e;color:#fff;height:100%;align-items:center}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:450;font-size:.8vw}.input{margin-top:4.5vh;font-weight:500;font-size:.8vw;color:#fff;background-color:#1c1c1e;-webkit-box-shadow:0 0 .4vw rgba(0,0,0,.5),0 0 0 .15vw transparent;box-shadow:0 0 .4vw #00000080,0 0 0 .15vw transparent;border-radius:.4vw;border:none;outline:none;padding:.4vw;width:99%;-webkit-transition:.4s;transition:.4s;justify-self:center}.input:hover{-webkit-box-shadow:0 0 0 .15vw rgba(135,207,235,.186);box-shadow:0 0 0 .15vw #87cfeb2f}.input:focus{-webkit-box-shadow:0 0 0 .15vw skyblue;box-shadow:0 0 0 .15vw #87ceeb}.item{background-color:#1c1c1e;margin-bottom:1vh;-webkit-box-shadow:0 0 .4vw rgba(0,0,0,.5),0 0 0 .15vw transparent;box-shadow:0 0 .4vw #00000080,0 0 0 .15vw transparent;padding:.4vw;position:relative}.itemList{margin-top:2vh;margin-bottom:2vh;background-color:#17171b;padding:.4vw;min-width:82vw}.item__class{position:absolute;top:.4vh;right:.4vw}.headertext{margin:0;padding:0;text-align:center}.headermain{margin-top:5vh;font-weight:500;font-size:1.5vw}.headersecondary{font-weight:400;font-size:1.6vw}.filterToggle{margin-top:2vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.filterToggle{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.filter{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5vw;padding:.5vw;background:rgba(24,33,37,.186);border-radius:.1vw;box-shadow:1px 1px 5px #00000080}.filterToggle__button{width:25%;font-weight:500;font-size:.8vw;color:#fff;background-color:#1c1c1e;-webkit-box-shadow:0 0 .4vw rgba(0,0,0,.5),0 0 0 .15vw transparent;box-shadow:0 0 .4vw #00000080,0 0 0 .15vw transparent;border-radius:.4vw;border:none;outline:none;padding:.4vw;-webkit-transition:.4s;transition:.4s;justify-self:center}.filterToggle__button.hidden{color:#a5ecb5}.filterToggle__button.shown{color:#eca5a5}.filterToggle__button.hidden:hover{-webkit-box-shadow:0 0 0 .15vw rgba(135,235,185,.186);box-shadow:0 0 0 .15vw #87ebb92f}.filterToggle__button.shown:hover{-webkit-box-shadow:0 0 0 .15vw rgba(235,135,135,.186);box-shadow:0 0 0 .15vw #eb87872f}.clear{clear:both}.checkBox{display:block;cursor:pointer;width:.5vw;height:.5vw;border:3px solid rgba(255,255,255,0);border-radius:.1vw;position:relative;overflow:hidden;box-shadow:0 0 0 2px #fff}.checkBox div{width:1vw;height:1vw;background-color:#fff;top:-1vw;left:-1vw;position:absolute;transform:rotate(45deg);z-index:100}.checkBox input[type=checkbox]:checked+div{left:-.2vw;top:-.2vw}.checkBox input[type=checkbox]{position:absolute;left:1vw;visibility:hidden}.transition{transition:.3s ease}.filter{margin-top:1vh}.filter__item{display:flex;align-items:center}.filter__item .content{margin-right:.3vw}.filter__item span{font-size:1vw}@media screen and (max-width: 1000px){.headermain{font-size:5vw}.headersecondary{font-size:4vw}.vcloaded,.input,.item div{font-size:3vw}.itemList{padding:1vw}.vcmain{padding:5vw}.filterToggle__button{font-size:2.5vw}.filter__item .content{margin-right:.7vw}.filter__item span{font-size:2vw}}