.hyp-mode-art>:is(svg,img){display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden}.hyp-mode-selector{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #d6e5ec;border-radius:16px;background:#fff;box-shadow:0 3px 16px #315b7005}.hyp-mode-selector>button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:62px;gap:7px;padding:8px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4b6575;font-size:11px;font-weight:650;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.hyp-mode-selector>button:hover{background:#f1f7fa}.hyp-mode-selector>button[data-selected=true]{background:#f0f7e5;border-color:#c1d9a2;color:#355b39;box-shadow:inset 0 -2px #a7cf6c}.hyp-mode-selector .hyp-mode-art{display:block;width:40px;height:42px;flex-shrink:0;background-repeat:no-repeat;background-size:200% 200%}.hyp-mode-selector .hyp-mode-art-lucky{width:34px;margin-inline:3px}.hyp-community-mode-selector{margin-bottom:24px}@media(max-width:1080px){.hyp-mode-selector{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bdd1dc transparent}.hyp-mode-selector>button{min-width:126px}.hyp-mode-selector>button:last-child{min-width:150px}}@media(max-width:600px){.hyp-mode-selector{padding:5px;gap:5px;border-radius:12px}.hyp-mode-selector>button{min-height:54px;min-width:116px}.hyp-mode-selector .hyp-mode-art{width:35px;height:37px}.hyp-community-mode-selector{margin-bottom:17px}}