.day-in-week{border:1px solid var(--border-light);border-radius:var(--border-radius);padding:.25rem .75rem;display:inline-flex;justify-content:space-between;flex:1;align-items:center;cursor:pointer;transition:all .3s ease-in-out;align-self:stretch}.day-in-week:not(:first-child){margin-top:.1rem}.day-in-week:focus{outline:none;box-shadow:var(--focus-shadow)}.day-in-week:focus.is-holiday{background:var(--primary300)}.day-in-week:focus.is-holiday:hover{background:var(--primary400)}.day-in-week:focus.is-today{background:var(--secondary300)}.day-in-week:focus.is-today:hover{background:var(--secondary400)}.day-in-week:focus:not(.is-today):not(.is-holiday){background:#fff}.day-in-week:focus:not(.is-today):not(.is-holiday):hover{background:#efefef}.day-in-week-date>:first-child{font-weight:600;font-size:1.2rem;color:var(--text-color);font-style:italic}.day-in-week-date>:last-child{color:var(--text-color);font-weight:600;font-size:1.4rem;white-space:nowrap}.day-in-week-eggs{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}.day-in-week-eggs>.no-eggs{color:var(--text-color);font-size:1.2rem;font-style:italic}.day-in-week-number-of-eggs{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;font-weight:600}.day-in-week-number-of-eggs>:first-child{margin-right:.2re}.week-days{display:flex;flex-direction:column;padding-top:1rem;align-self:stretch;max-width:400px}@media only screen and (min-width:550px){.week-days{padding-top:0}}