.hover-icon-container{cursor:pointer;z-index:10;width:100%;height:100%;position:relative}.hover-icon-thumb{width:100%;height:100%;transition:all var(--dur-base) var(--ease-spring);border-radius:8px;position:relative;overflow:hidden}.hover-icon-container:hover .hover-icon-thumb{transform:scale(.9)}.hover-icon-popout{opacity:0;visibility:hidden;pointer-events:none;width:400px;height:300px;box-shadow:0 20px 40px #0006, 0 0 0 1px var(--glass-border);z-index:100;transition:all var(--dur-base) var(--ease-spring);background:#fff;border-radius:12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.8)}.hover-icon-container:hover .hover-icon-popout{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}@media (max-width:768px){.hover-icon-popout{width:280px;height:200px}}