#hourly-sales-ranking{position:fixed;top:var(--hsr-top,88px);right:24px;z-index:45;width:min(320px,calc(100% - 24px));box-sizing:border-box;background:#fbfcf9;color:#26382c;border:1px solid #dce4d7;border-radius:12px;font:13px/1.5 Arial,"Microsoft YaHei",sans-serif;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - var(--hsr-top,88px) - 12px)}
#hourly-sales-ranking[hidden],#hourly-sales-ranking [hidden]{display:none!important}
#hourly-sales-ranking *{box-sizing:border-box}
#hourly-sales-ranking button{font:inherit;color:inherit;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;border-radius:6px}
#hourly-sales-ranking button:hover{background:#edf3e9}
#hourly-sales-ranking button:focus-visible{outline:2px solid #365b42;outline-offset:-2px}
#hourly-sales-ranking svg{width:14px;height:14px;flex:none;display:block}
#hourly-sales-ranking .hsr-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px 5px;flex:none}
#hourly-sales-ranking h2{font-size:16px;line-height:1.4;font-weight:500;margin:0}
#hourly-sales-ranking .hsr-minimize{display:flex;align-items:center;justify-content:center;width:30px;height:30px}
#hourly-sales-ranking .hsr-minimize>span{width:12px;height:2px;background:#58695b;border-radius:1px}
#hourly-sales-ranking .hsr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 12px 8px;flex-wrap:wrap;flex:none}
#hourly-sales-ranking .hsr-modes{display:flex;gap:2px;background:#edf3e9;border-radius:6px;padding:2px}
#hourly-sales-ranking .hsr-modes button{padding:2px 10px;min-height:27px;font-size:12px;font-weight:500}
#hourly-sales-ranking .hsr-modes button[aria-pressed=true]{background:#365b42;color:#fff}
#hourly-sales-ranking .hsr-sort{font-size:11px;color:#58695b}
#hourly-sales-ranking .hsr-summary{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:0 12px;padding:4px 0;border-top:1px solid #e0e7dd;border-bottom:1px solid #e0e7dd;font-size:12px;flex:none}
#hourly-sales-ranking .hsr-summary strong{font-size:17px;font-weight:500;margin-left:4px;font-variant-numeric:tabular-nums}
#hourly-sales-ranking .hsr-summary small{font-size:12px;font-weight:400}
#hourly-sales-ranking .hsr-scope-toggle{display:flex;align-items:center;gap:4px;min-height:30px;font-size:11px;color:#58695b;white-space:nowrap}
#hourly-sales-ranking .hsr-scope{margin:6px 12px 0;padding:8px;background:#edf3e9;border-radius:8px;font-size:12px;color:#58695b;flex:none}
#hourly-sales-ranking .hsr-status{margin:0 12px 6px;padding:6px 8px;background:#edf3e9;border-radius:6px;font-size:12px;color:#58695b;flex:none}
#hourly-sales-ranking .hsr-labels{display:flex;justify-content:space-between;gap:6px;padding:8px 12px 3px;font-size:11px;color:#58695b;flex:none}
#hourly-sales-ranking .hsr-body{padding:0 6px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7b5a5 #edf3e9}
#hourly-sales-ranking .hsr-entry{border-bottom:1px solid #e0e7dd}
#hourly-sales-ranking .hsr-product,#hourly-sales-ranking .hsr-material{display:grid;grid-template-columns:17px 25px minmax(0,1fr) minmax(43px,max-content) 12px;align-items:center;gap:6px;width:100%;padding:5px 6px;min-height:46px}
#hourly-sales-ranking .hsr-rank{font-size:11px;color:#58695b;font-variant-numeric:tabular-nums}
#hourly-sales-ranking img,#hourly-sales-ranking .hsr-no-cover{display:block;width:25px;height:35px;border-radius:3px;object-fit:cover;background:#edf3e9}
#hourly-sales-ranking .hsr-no-cover{display:grid;place-content:center;color:#58695b}
#hourly-sales-ranking .hsr-copy{min-width:0}
#hourly-sales-ranking .hsr-copy strong{display:block;font-size:13px;line-height:1.5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hourly-sales-ranking .hsr-copy>small{display:block;font-size:11px;color:#58695b;margin-top:1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#hourly-sales-ranking .hsr-sales{font-size:19px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;color:#a14e34;white-space:nowrap}
#hourly-sales-ranking .hsr-chevron{display:grid;place-content:center;color:#58695b}
#hourly-sales-ranking .hsr-chevron svg{width:12px;height:12px}
#hourly-sales-ranking .hsr-expanded{padding:0 6px 5px 30px}
#hourly-sales-ranking .hsr-compact{grid-template-columns:25px minmax(0,1fr) minmax(36px,max-content) 12px;padding:5px;gap:6px;background:#edf3e9;margin:3px 0}
#hourly-sales-ranking .hsr-compact .hsr-sales{font-size:16px}
#hourly-sales-ranking .hsr-more{display:block;width:100%;min-height:32px;padding:5px;text-align:center;font-size:11px;color:#365b42}
#hourly-sales-ranking .hsr-empty{padding:16px 8px;text-align:center;font-size:12px;color:#58695b;margin:0}
#hourly-sales-ranking .hsr-footer{display:flex;justify-content:space-between;gap:6px;padding:8px 12px 10px;font-size:11px;color:#58695b;flex:none}
#hourly-sales-ranking ::selection{background:#365b42;color:#fff}
#hourly-sales-ranking.is-collapsed{width:52px;height:52px;border-radius:50%;background:#365b42;border-color:#365b42}
#hourly-sales-ranking .hsr-orb{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fbfcf9;border-radius:50%}
#hourly-sales-ranking .hsr-orb:hover{background:#2c4c37}
#hourly-sales-ranking .hsr-orb>span{font-size:23px;line-height:1;font-weight:500}
@media(max-width:450px){#hourly-sales-ranking{right:12px}}
@media(pointer:coarse){#hourly-sales-ranking .hsr-minimize{width:38px;height:38px}#hourly-sales-ranking .hsr-modes button{min-height:38px}#hourly-sales-ranking .hsr-scope-toggle{min-height:38px}#hourly-sales-ranking .hsr-more{min-height:44px}}
