.time-period-selector{background:#fff;border-radius:4px}.time-period-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.time-period-selector__header-row{display:flex;border-bottom:1px solid #f0f0f0}.time-period-selector__time-group-box{flex:1;display:"flex";flex-direction:"column"}.time-period-selector__time-group-row{display:"flex";border-bottom:"1px solid #f0f0f0"}.time-period-selector__time-group-label{font-size:14px;color:#8c8c8c;text-align:center;flex:1;height:24px;line-height:24px;background:#f1f1f1;border-right:#fff 2px solid}.time-period-selector__grid-row{display:flex;margin-top:8px;margin-bottom:4px;align-items:center}.time-period-selector__row-label{width:60px;font-size:14px;color:#595959;flex-shrink:0;text-align:center;padding-right:12px}.time-period-selector__row-label-col{padding-top:14px}.time-period-selector__grid-container{display:grid;grid-template-columns:repeat(48,1fr);gap:2px;flex:1}.time-period-selector__grid-cell{height:24px;background-color:#f5f5f5;border-radius:2px;cursor:pointer;transition:all .2s}.time-period-selector__grid-cell:hover{background-color:#e8e8e8}.time-period-selector__grid-cell--active,.time-period-selector__grid-cell--active:hover{background-color:#ed2929}.time-period-selector__value-section{margin-top:8px;border-top:1px solid #f0f0f0;padding-top:16px}.time-period-selector__value-header{display:flex;justify-content:space-between;margin-bottom:12px}.time-period-selector__value-header-title{font-weight:500}.time-period-selector__value-header-clear{font-size:14px;color:#ed2929;cursor:pointer}.time-period-selector__value-header-clear:hover{text-decoration:underline}.time-period-selector__value-row{margin-bottom:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.time-period-selector__value-label{font-size:14px;color:#8c8c8c;margin-right:8px;min-width:60px}.time-period-selector__value-label-content{font-size:14px;color:#bfbfbf}.time-period-selector__hour-label{flex:2;text-align:center;font-size:14px;color:#8c8c8c;height:26px;line-height:28px;border-left:#f2f3f5 1px solid}.time-period-selector label[for=timePeriod]{visibility:hidden!important}