.period-picker{display:flex;align-items:center;gap:8px;margin-left:10px}.period-picker label{font-size:11px;color:var(--muted);font-weight:600}.period-picker input,.period-picker select{height:34px;border:1px solid #d8e6e2;border-radius:8px;background:#fff;color:var(--ink-900);padding:0 9px;font:inherit;font-size:12px;outline:0}.period-picker input:focus,.period-picker select:focus{border-color:#69bca9;box-shadow:0 0 0 3px rgba(33,163,141,.10)}
@media(max-width:720px){.period-picker{margin-left:0;width:100%}.period-picker input,.period-picker select{flex:1}}
.period-picker{padding:4px 5px 4px 10px;border:1px solid #dbe8e5;border-radius:11px;background:linear-gradient(180deg,#fbfdfc,#f3f8f7);box-shadow:inset 0 1px #fff}.period-label{font-size:10px;font-weight:750;letter-spacing:.06em;color:#78908a;text-transform:uppercase;white-space:nowrap}.period-selects{display:flex;align-items:center;gap:4px}.period-select{height:30px;min-width:66px;max-width:120px;border:0;border-radius:7px;background:#fff;color:#244a44;padding:0 25px 0 8px;font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;box-shadow:0 1px 5px rgba(14,59,52,.07);cursor:pointer;outline:0}.period-select:hover{background:#edf8f5;color:#116e60}.period-select:focus{box-shadow:0 0 0 3px rgba(33,163,141,.14)}
@media(max-width:720px){.period-picker{align-items:flex-start;flex-direction:column;padding:8px}.period-selects{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.period-select{max-width:none;width:100%}}