.model-ribbon{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:grab;scrollbar-width:none;background-color:#222;align-items:center;gap:1rem;height:100px;padding:.5rem 1rem;display:flex;position:relative;overflow:auto hidden}.model-ribbon,.model-ribbon *{-webkit-user-select:none;user-select:none}.model-ribbon::-webkit-scrollbar{display:none}.model-ribbon:active{cursor:grabbing}.model-ribbon button,.model-item{color:#fff;opacity:.5;cursor:pointer;background-color:#0000;border:none;flex:none;padding:.5rem 1rem;font-size:.9rem;transition:opacity .3s,transform .3s,background-color .3s}.model-ribbon button:hover,.model-item:hover{opacity:.8;transform:scale(1.05)}.model-ribbon button.active,.model-item.active{opacity:1;color:#fff;background-color:#ff6b6b;border-radius:6px;font-weight:700;transform:scale(1.1)}.model-item{cursor:pointer;background-color:#0000;flex-direction:column;flex:none;align-items:center;gap:.3rem;padding:.3rem;transition:transform .3s,background-color .3s;display:flex}.model-item:hover:not(.active){background-color:#333;border-radius:8px;transform:scale(1.1)}.model-icon{object-fit:contain;width:50px;height:50px;transform:scaleX(-1)}.model-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;margin-top:.2rem;font-size:.7rem;font-weight:700;overflow:hidden}.draggable-hint{color:#fff;justify-content:center;align-items:center;margin-top:10px;font-size:14px;display:flex;position:relative}.animated-arrow{margin-left:8px;font-size:18px;animation:1.5s infinite arrowBounce;display:inline-block}@keyframes arrowBounce{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}@media (max-width:768px){.model-icon{width:40px;height:40px}.model-label{font-size:.6rem}}