.dayo-filter-dialog{border:0;border-radius:14px;padding:0;width:min(520px,90vw);max-height:85dvh;box-shadow:0 20px 80px #0004;color:#213d40}
.dayo-filter-dialog::backdrop{background:#14233488}
.dayo-filter-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #dce5e7}
.dayo-filter-dialog>header button{padding:8px;border:0;background:transparent}
.dayo-filter-dialog>input{box-sizing:border-box;width:calc(100% - 28px);margin:14px;padding:12px;min-height:44px;font-size:16px}
.dayo-filter-options{display:grid;gap:6px;padding:0 14px 14px;max-height:55dvh;overflow:auto}
.dayo-filter-options>button{display:block;width:100%;min-height:44px;text-align:left;padding:12px;border:1px solid #dce5e7;border-radius:8px;background:#fff;color:inherit;white-space:normal}
.dayo-filter-options>button[hidden]{display:none}
.dayo-filter-options>button.selected{border-color:#087f8c;background:#effafa}
@media(max-width:760px){.dayo-filter-dialog{width:calc(100vw - 24px);max-height:85dvh}.dayo-filter-options{max-height:55dvh}}