.fin-period{margin:16px 0 20px}.fin-period-top{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.fin-presets{display:flex;flex-wrap:wrap;gap:3px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:4px}.fin-presets button{font-size:12px;padding:8px 16px;border-radius:2px;white-space:nowrap}.fin-presets button[aria-pressed=true]{background:var(--ink);color:white}.fin-range{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:14px 0 0}.fin-range[hidden]{display:none}.fin-range label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.fin-range input{background:white;border:1px solid var(--line);border-radius:3px;padding:9px 12px;color:var(--ink)}.fin-range>span{font-size:11px;padding-bottom:10px;color:var(--muted)}.fin-error{flex-basis:100%;text-align:right;font-size:12px;color:#98643e}.fin-presets button:focus-visible{outline:2px solid #aa8b68;outline-offset:2px}
@media(max-width:700px){.fin-presets{width:100%;justify-content:space-between}.fin-presets button{padding:9px 11px;font-size:11px}.fin-range{gap:9px}.fin-range label{flex:1;min-width:0}.fin-range input{font-size:16px;width:100%;min-width:0}.fin-range .button{margin-left:auto}}