.date-picker{position:relative}.fixture-filters .date-picker input{padding-right:46px;font-variant-numeric:tabular-nums}.date-picker-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:#edf3fc;color:#294f94;cursor:pointer}.date-picker-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:25;width:310px;max-width:calc(100vw - 76px);padding:16px;background:#fff;border:1px solid #dce5f1;border-radius:14px;box-shadow:0 16px 45px #15325d26}.date-picker-popup[hidden]{display:none}.date-picker-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;color:#243d65}.date-picker-popup button{font:inherit;cursor:pointer;border:0;border-radius:8px;background:transparent;color:#34465f}.date-picker-header button{width:32px;height:32px;font-size:25px;background:#f1f5fa}.date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-picker-grid>span{text-align:center;font-size:11px;font-weight:700;color:#8592a7;padding:5px 0 9px}.date-picker-grid button{aspect-ratio:1;font-size:13px;font-weight:600;padding:0}.date-picker-grid button.outside{color:#aeb8c6}.date-picker-grid button.today{box-shadow:inset 0 0 0 1px #294f94;color:#294f94}.date-picker-popup button:hover{background:#eaf1fc;color:#294f94}.date-picker-grid button.selected{background:#294f94;color:#fff}.date-picker-footer{display:flex;justify-content:space-between;border-top:1px solid #e8edf5;margin-top:12px;padding-top:10px}.date-picker-footer button{padding:7px 12px;color:#294f94;font-size:13px;font-weight:700}