/* HF small window, 36px cells and exact ShortcutWnd page/rotate artwork. */
.v4-shortcuts{position:fixed;z-index:12;left:calc(50% - 247px);bottom:110px;display:flex;align-items:center;gap:2px;padding:5px 5px 5px 2px;color:#c8c3b8;isolation:isolate;user-select:none;font:12px Arial,sans-serif}
.v4-shortcuts:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-image:var(--hf-menu) 5 3 4 27 fill / 5px 3px 4px 27px stretch}
.v4-shortcuts button{color:inherit;cursor:pointer;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;font:inherit}
.v4-shortcut-grip{width:10px;height:36px;flex:none}
.v4-shortcut-grip:after{content:'';display:block;width:2px;height:22px;margin:auto;border-left:1px solid #817967;border-right:1px solid #26231c}
.v4-shortcut-pages{width:16px;display:flex;flex-direction:column;align-items:center}
.v4-shortcut-pages button,.v4-shortcuts .v4-shortcut-rotate{width:16px;height:16px;background-position:center;background-repeat:no-repeat;background-size:16px 16px;flex:none}
.v4-shortcut-pages button:first-child{background-image:var(--shortcut-nextv)}
.v4-shortcut-pages button:first-child:active{background-image:var(--shortcut-nextv_down)}
.v4-shortcut-pages button:last-child{background-image:var(--shortcut-prevv)}
.v4-shortcut-pages button:last-child:active{background-image:var(--shortcut-prevv_down)}
.v4-shortcut-pages span{line-height:12px;color:#ddd5bf}
.v4-shortcuts .v4-shortcut-rotate{background-image:var(--shortcut-rotate)}
.v4-shortcuts .v4-shortcut-rotate:active{background-image:var(--shortcut-rotate_down)}
.v4-shortcut-slots{display:flex;background:var(--hf-bag) left top/256px 512px}
.v4-shortcuts .v4-shortcut-slot{position:relative;box-sizing:border-box;width:36px;height:36px;flex:0 0 36px;padding:2px;overflow:hidden}
.v4-shortcut-slot[draggable=true]:hover{background:#ffffff16}
.v4-shortcut-slot>img{display:block;width:32px;height:32px;pointer-events:none}
.v4-shortcut-slot>small{position:absolute;top:0;left:2px;font:10px/11px Arial;color:#d8d3c7;text-shadow:1px 1px #000;pointer-events:none;z-index:4}
.v4-shortcut-amount{position:absolute;bottom:1px;right:2px;font:10px Arial;color:white;text-shadow:1px 1px #000;pointer-events:none;z-index:4}
.v4-shortcut-auto,.v4-shortcut-cooldown,.v4-shortcut-ready{position:absolute;inset:2px;background-size:32px 32px;pointer-events:none;z-index:3}
.v4-shortcut-auto{animation:shortcut-auto 1.444444444s step-end infinite;mix-blend-mode:screen}
.v4-shortcut-cooldown{animation-name:shortcut-reuse;animation-timing-function:step-end;animation-fill-mode:forwards;display:grid;place-items:center;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font:bold 11px Arial;image-rendering:pixelated}
.v4-shortcut-ready{opacity:0;animation:shortcut-ready .5s step-end}
.v4-shortcut-message{position:absolute;left:0;bottom:100%;max-width:400px;color:#e5b987;background:#101010d9;white-space:normal}
.v4-shortcut-message:empty{display:none}
.v4-shortcuts.is-vertical{flex-direction:column;padding:5px}
.v4-shortcuts.is-vertical .v4-shortcut-slots{flex-direction:column}
.v4-shortcuts.is-vertical .v4-shortcut-grip{height:10px;width:36px}
.v4-shortcuts.is-vertical .v4-shortcut-grip:after{width:22px;height:2px;border:0;border-top:1px solid #817967;border-bottom:1px solid #26231c}
.v4-shortcuts.is-vertical .v4-shortcut-pages{width:44px;flex-direction:row}