html{font-size:calc(1em + 1vmin);font-family:sans-serif}body{margin:0;display:flex;flex-direction:column;height:100vh}.header{display:flex;flex-direction:column;text-align:center}.menu{display:flex;justify-content:space-around;max-height:5em}.menu__button{display:flex;align-items:center;justify-content:center;flex:1 1 auto}.menu i,.menu svg{font-size:2em}.header__title{padding:.5em 1em;margin:0;background:#000;color:#fff;box-shadow:0em -2em 2em -2em inset rgba(0,0,0,.125)}.header__menu{max-height:auto;padding:1em}button,input,select{font-family:inherit;font-size:inherit}body button.user-pref{padding:.5em 1em}body form.work-week{padding:1em;display:grid;grid-template:1fr/1fr;grid-gap:1em}body form.work-week div{display:flex;justify-content:space-between;align-items:center}.work-week label{text-align:center;line-height:2em;font-size:.8em;display:block}.work-week__day{display:inline-block;text-align-last:center;border-radius:.25em;border:none;box-shadow:inset 0em 0em 0em 1px rgba(0,0,0,.125);appearance:none;padding:.5em 1em;-webkit-appearance:none}body form button{display:block;margin-top:5em;margin:0 auto;padding:1em 2em;border-radius:1em}option:last-of-type{margin-bottom:1em}option:first-of-type{margin-top:1em}option:selected{background:red}.avatar{margin:0 auto;font-size:1.5em;height:3rem;width:3rem;border-radius:1.5rem;box-shadow:inset 0rem 0rem 0rem .125rem #000;display:flex;justify-content:center;align-items:center;font-weight:bolder}.work-week__total{grid-column:1/span 5;text-align:center}.work-week__resume p{width:100%;display:flex;justify-content:space-between}.work-week__resume p span{padding-right:.75em}.current__week{margin:0 auto;flex-grow:1;display:flex;flex-direction:column;justify-content:space-around}.user-pref{display:grid;grid-template:1fr 3fr}.user-pref__user{text-align:center}.user-pref__user .user__avatar img{height:4em;width:4em;transform:translateY(0.5em);box-shadow:0em .125em .125em rgba(0,0,0,.125);border:.125em solid;overflow:hidden;border-radius:5em;object-fit:cover}.user-pref__user .user__name{font-weight:bolder;border-radius:.5em;padding:.25em .5em;border:.125em solid;width:fit-content;margin:0 auto}.user-pref__log{text-align:center;margin-top:1em;position:relative;bottom:0em;display:flex;align-items:center;justify-content:center}.user-pref__log a,.user-pref__log button{border-radius:.5em;padding:.25em .5em;border:.125em solid;font-size:.8em;text-decoration:none;color:rgba(0,0,0,.6)}.user_weeks{min-width:10em;margin:1em;box-shadow:0 0 0 2px #fff,inset 0 0 .125em rgba(0,0,0,.05),0 0 1em rgba(0,0,0,.125),0 .5em .25em -0.5em rgba(0,0,0,.125);border-radius:.5em;background:#fff;text-align:right}.user_weeks .week__infos{padding:.5em .5em .125em;box-shadow:inset 0 -6px .25em -4px rgba(0,0,0,.125);border-radius:.5em .5em 0em 0em}.user_weeks .week__infos .infos__title{font-weight:bolder;font-size:.8em;text-align:left;position:relative}.user_weeks .week__infos .infos__title span{position:absolute;padding:0em .25em;top:-2.25em;left:0em;font-size:.8em;border:1px solid;z-index:1;display:none}.user_weeks .week__infos .infos__title--close{color:#49db9e}.user_weeks .week__infos .infos__title--open{color:#53c8db}.user_weeks .week__details div p{padding:0 .5em;display:flex;justify-content:space-between;align-items:center;margin:.25em 0em .5em}.user_weeks .week__details div p span:first-of-type{color:rgba(0,0,0,.4);font-size:.8em}.user_weeks .week__details div p span:last-of-type{color:rgba(0,0,0,.6);font-size:1em;font-size:.5em;font-weight:bold}.user_weeks .week__details .details__total{box-shadow:inset 0 6px .25em -4px rgba(0,0,0,.125);font-weight:bolder;padding:.125em 0}.user_weeks .week__details .details__total span:last-of-type{font-size:1.5em;font-weight:bold}.weeks{display:grid;justify-content:space-around;grid-template-columns:repeat(auto-fit, 12em)}.weeks__loading{height:20em}.weeks__next{text-align:center;padding:5em 0}