.roster__toolbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#f9f9f9,#e6e6e6);border:1px solid #cecece;border-radius:4px}.roster__toolbar-date .label-input__label{display:inline-block}.roster__date-end,.roster__date-start{background-color:#fff}.roster__grid{overflow:auto}.roster__grid input{padding:.5em}.roster__table{border-collapse:collapse;border-spacing:0}.roster__table td{background:#f1f1f1;border:1px solid #ccc;padding:.4em;vertical-align:top;background-clip:padding-box!important}.roster__table input{width:13em;text-align:center;padding:.75em}.roster__table .grid-cell__header{font-size:.75em;background:0 0;border:none;vertical-align:middle}.roster__table .grid-cell__header--today{background-color:#2e87ec;padding:.25em .5em;color:#fff;border-radius:4px}.grid-cell td,.grid-cell__header{text-align:center}.grid-cell__staff{position:relative}.grid-cell__staff--remove{position:absolute;bottom:.5em;left:.5em;cursor:pointer}@media (max-width:1050px){.roster__toolbar{align-items:flex-start;flex-direction:column}.roster__toolbar-date{margin-bottom:1em}}@media (max-width:670px){.roster__toolbar button{margin-bottom:.5em}.roster__title-container{flex-direction:column-reverse}.hero-title{font-size:1em}.roster__subheader{display:none}}@media (max-width:550px){.roster__toolbar-date{margin-bottom:1em;display:flex;flex-direction:column;row-gap:.5em;width:100%;text-align:center}.roster__toolbar-date input{width:100%}.roster__date--next-week,.roster__date--previous-week{display:none}}@media (max-width:440px){.roster__created-modal .roster__view-link{width:10em}}