.period-picker{align-items:center;gap:6px;width:max-content;min-width:0;max-width:100%;display:flex}.period-picker label{flex:0 0 112px;min-width:0;display:block}.period-picker label:last-child{flex-basis:72px}.period-picker label>span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.period-picker select{color:#4f3c27;cursor:pointer;text-transform:capitalize;background:#faf6f0;border:1px solid #e3d7c7;border-radius:8px;width:100%;min-width:0;height:38px;padding:6px 8px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4}.period-picker select:focus-visible{outline-offset:3px;outline:3px solid #a75b00}.period-picker select:disabled{opacity:.65;cursor:wait}.cabinet-header .period-picker{justify-self:start}@supports ((-webkit-appearance:base-select) or (appearance:base-select)){.period-picker select{-webkit-appearance:base-select;appearance:base-select}.period-picker select::picker(select){-webkit-appearance:base-select;appearance:base-select}.period-picker select{justify-content:space-between;align-items:center;gap:8px;display:flex}.period-picker select::picker-icon{color:#8d765b;font-size:11px}.period-picker select::picker(select){color:#4f3c27;background:#fffdf9;border:1px solid #e3d7c7;border-radius:10px;max-height:280px;margin-block:4px;padding:4px;overflow:auto;box-shadow:0 6px 20px #33200c14}.period-picker option{font:inherit;border-radius:6px;padding:7px 10px;font-weight:500}.period-picker option:checked{color:#925000;background:#fff0da}.period-picker option:hover,.period-picker option:focus{background:#f5ecdf}}@media (max-width:720px){.topbar .header-months .period-picker{width:max-content}.cabinet-header>.period-picker{grid-area:2/1;width:max-content}.period-picker select{height:44px}}