button{padding:6px 12px;margin:5px;cursor:pointer}#screen-faculties,#screen-groups,#screen-teachers,#screen-schedule{display:none}.faculties-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.facultet{min-width:150px;width:30%;height:150px;border:1px solid #ccc;border-radius:5px;overflow:hidden;display:flex;align-items:center;position:relative;margin-bottom:10px;padding:0;flex-direction:column-reverse}.facultet img{position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;z-index:0;opacity:.3}.facultet_name{z-index:1;background-color:#167c8d;width:100%;text-align:center;font-weight:600;padding:5px;color:#fff}.facultet-btns{z-index:2;position:relative;display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.item-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.grouppp,.teacher{padding:10px 15px;border:1px solid #ccc;border-radius:5px;cursor:pointer}#current-target-name{font-weight:400}.grid-container{max-width:100%;display:grid;grid-template-rows:repeat(8,1fr);grid-template-columns:.25fr repeat(6,1fr);gap:10px;grid-auto-flow:column;margin-top:20px}.grid-container>div{transition:height .5s ease , opacity .5s ease;width:100%;box-sizing:border-box;overflow:hidden}.subject,.class>div:first-child{overflow:hidden;max-width:96%;display:block;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;hyphens:auto}.time,.day,.lesson,.empty{border:1px solid #ebebeb;border-radius:5px;padding:7px}.lesson{}.week{font-size:36px;text-align:center;font-weight:300}.date{text-align:center;font-weight:400;margin-top:5px}.day,.time{background-color:#d3c49e;display:flex;flex-direction:column;font-size:14px;justify-content:center;align-items:baseline}.day.past,.time.past{background-color:#d3c49e}.day.ongoing,.time.ongoing{background-color:#0e7c8e;color:#fff}.day.finded{background-color:#b7c6ff}.lesson{background-color:#f1f5f8;display:flex;flex-direction:column;justify-content:space-between}.lesson .subject{font-weight:700;margin-bottom:10px}.lesson .class{font-size:13px;display:flex;justify-content:space-between;margin-top:5px}.linck img{max-width:12px}.empty{display:flex;justify-content:center;align-items:center;border:1px dashed #b3b3b3;color:#666}.empty::before{content:""}.loader{color:transparent}.loader>.subject,.loader>.class{max-width:100%;background:linear-gradient(-45deg,#cdd0d3,#cdd0d3,#cdd0d3,#cdd0d3,#cdd0d3,#fff,#cdd0d3,#cdd0d3);background-size:300%;animation:gradient-flow 2s linear infinite;border-radius:5px}@keyframes gradient-flow {
  0% {
      background-position: 0% 50%;
  }

  50% {
      background-position: 100% 50%;
  }

  100% {
      background-position: 0% 0%;
  }
}@media only screen and (max-width:1220px){.grid-container{display:flex;flex-direction:column;gap:5px;margin-top:10px}.grid-container>div{width:100%;box-sizing:border-box}.time,.day{display:flex;justify-content:center;align-items:center;padding:5px;font-size:12px}.time{display:none}.day{font-weight:bold;margin-top:15px}.lesson{border:1px solid #fff;border-radius:5px;padding:5px}h3{text-align:center;margin:5px 0;font-size:14px}.day.ongoing,.time.ongoing{background-color:#0e7c8e;color:#fff}.empty{display:flex;justify-content:center;align-items:center;border:1px dashed red;color:#666}.facultet{width:300%;height:200px;border:1px solid #ccc;border-radius:5px;overflow:hidden;display:flex;align-items:center;position:relative;margin-bottom:11px;padding:0;flex-direction:column-reverse;margin-left:5px}}