[x-data=planning_viewer]{position:absolute;left:0;bottom:0;height:calc(100% - 6.5em);width:100%}[x-data=planning_viewer]>.container{display:flex;height:100%;width:100%;white-space:nowrap}[x-data=planning_viewer]>.left-bar,[x-data=planning_viewer]>.right-bar{position:absolute;top:50%;z-index:1;height:20%;width:.2em;filter:opacity(50%);border-radius:.2em;translate:0.2em -50%;background-color:var(--color-dark-0)}[x-data=planning_viewer]>.right-bar{right:0;translate:-0.2em -50%}[x-data*=day_viewer]{display:inline-block;flex-shrink:0;height:100%;width:95vmin;padding:0 2.5vmin}[x-data*=day_viewer]>time{position:absolute;top:0;width:95vmin}[x-data*=day_viewer]>time>h2{padding:1em;padding-bottom:0;text-align:center}[x-data*=day_viewer]>time>h3{padding-bottom:.2em;text-align:center;font-size:1em}[x-data*=day_viewer]>.container{position:absolute;top:5.1em;height:calc(100% - 5em - 2.5vmin);width:95vmin;border-radius:.5em}[x-data*=day_viewer]>.bottom-bar,[x-data*=day_viewer]>.top-bar{position:absolute;top:5.1em;left:50%;z-index:1;height:.2em;width:80%;filter:opacity(50%);border-radius:.2em;translate:-50% 0.2em;background-color:var(--color-dark-0)}[x-data*=day_viewer]>.bottom-bar{top:auto;bottom:0;translate:-50% -0.8em}[x-data*=lesson_viewer]{margin:1.5em 0;width:100%;box-sizing:border-box;padding:.5em;border-radius:.5em;color:var(--color-dark-1);background:linear-gradient(180deg,var(--color-light-1) 0,var(--color-light-1) 50%,var(--color-accent-1) 50%,var(--color-accent-1) 100%);background-size:100% 201%;background-position-y:100%;cursor:pointer}[x-data*=lesson_viewer]>h3{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[x-data*=lesson_viewer].show>h3{white-space:normal}[x-data*=lesson_viewer]>p{display:none;margin-top:1em}[x-data*=lesson_viewer].show>p{display:block}[x-data*=lesson_viewer]>.bottom-bar{display:inline-block;margin-top:1em;width:100%}[x-data*=lesson_viewer]>.bottom-bar>.rooms{float:right;width:45%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}[x-data*=lesson_viewer].show>.bottom-bar>.rooms{white-space:normal}