/* NAV001-A - regole derivate dal Modulo 3 di HOME 022. Classi circoscritte nel contenitore .mostro-navigation. */
.mostro-navigation{box-sizing:border-box;height:150px;min-height:150px;display:flex;align-items:center;padding:8px 9px;gap:8px;border:1px solid #313742;border-radius:24px;background:#171a1f;box-shadow:inset 0 1px 5px #ffffff08;color:#f4f7fb;font-family:Arial,Helvetica,sans-serif;width:100%}
.mostro-navigation *{box-sizing:border-box}
.mostro-navigation .wheel{touch-action:pan-y;user-select:none;position:relative;flex:1;min-width:0;height:126px;overflow:hidden;cursor:grab}
.mostro-navigation .wheel.dragging{cursor:grabbing;touch-action:none}
.mostro-navigation .wheelitem{position:absolute;left:50%;top:49%;width:72px;height:100px;text-align:center;transform:translate(-50%,-50%);cursor:pointer;transition:none!important;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:1px;border:0;background:none;color:#f4f7fb;padding:0;will-change:left,opacity;user-select:none;-webkit-user-select:none}
.mostro-navigation .wheelitem .iconframe{height:70px;width:72px;display:grid;place-items:center;flex:none}
.mostro-navigation .wheelitem .symbol{width:50px;height:50px;border-radius:15px;background:#20242b;display:grid;place-items:center;border:1px solid #313742;box-shadow:0 1px 9px #00000040;font-size:24px;transition:none!important;flex:none}
.mostro-navigation .wheelitem .caption{font-weight:800;font-size:9px;line-height:1.05;text-transform:uppercase;max-width:92px;white-space:normal;overflow-wrap:anywhere;min-height:24px;display:block;pointer-events:none}
.mostro-navigation .back{flex:none;width:61px;height:100px;background:#20242b;color:#f4f7fb;border:1px solid #313742;border-radius:16px;font-size:12px;font-weight:900;cursor:pointer}
.mostro-navigation .back span{display:block;font-size:25px;margin-bottom:5px}
.mostro-navigation .back .backText{font-size:9px;line-height:1.1;letter-spacing:-.025em;white-space:nowrap;max-width:100%;overflow:hidden}
.mostro-navigation .wheelitem:focus-visible,.mostro-navigation .back:focus-visible{outline:2px solid #fff}
@media(max-width:480px){.mostro-navigation .wheelitem{height:94px}.mostro-navigation .wheelitem .iconframe{height:58px}}