.duration-picker-trigger,.duration-picker-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:48px;font:inherit;color:inherit;background:white;border:1px solid #d7d7e3;border-radius:12px;padding:4px 12px;cursor:pointer;width:100%;text-align:left}
.duration-picker-trigger svg,.duration-picker-option svg{flex:none;width:66px;height:42px}
.duration-picker-trigger:after{content:'⌄';margin-left:auto}
.duration-picker-trigger span,.duration-picker-option span{white-space:nowrap}
.duration-picker-dialog{box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:80vh;max-height:80dvh;padding:12px;border:1px solid #d7d7e3;border-radius:18px;background:#fff;color:#1d193f;overflow:auto;overscroll-behavior:contain}
.duration-picker-dialog::backdrop{background:rgb(20 18 40 / 30%)}
.duration-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:18px}
.duration-picker-heading button{font-size:24px;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit}
.duration-picker-options{display:grid;gap:4px}.duration-picker-option{font-size:16px}
.duration-picker-option[aria-pressed=true]{background:#e5f2f0;border-color:#397f7c;box-shadow:inset 3px 0 #397f7c}
.duration-picker-option:focus-visible,.duration-picker-trigger:focus-visible{outline:3px solid #6599dc;outline-offset:1px}