/* ODA 5 — animatsiyali logo (static/js/oda-logo.js bilan ishlaydi) */
.oda-logo{display:inline-block;position:relative;aspect-ratio:1/1;width:160px;flex:none;overflow:visible}
.oda-logo .stage{position:absolute;left:0;top:0;width:500px;height:500px;transform-origin:0 0;perspective:900px}
.oda-logo .fig{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:250px 420px;will-change:transform}
.oda-logo .fig > *{position:absolute;pointer-events:none;user-select:none}
.oda-logo .base{left:0;top:0;width:500px;height:500px}
.oda-logo .lid{left:110px;top:236px;width:280px;height:162px;transform-origin:50% 97%;will-change:transform}
.oda-logo .lid img{display:block;width:100%;height:100%}
.oda-logo .lid .shade{position:absolute;inset:0;background:#000;opacity:0;clip-path:polygon(1.8% 3%,98.6% 3%,97.1% 98%,2.5% 98%)}
.oda-logo .eye{width:50px;height:40px;transform-origin:50% 50%;will-change:transform}
.oda-logo .eyeL{left:198px;top:145px}
.oda-logo .eyeR{left:252px;top:145px}
.oda-logo svg{left:0;top:0;width:500px;height:500px;overflow:visible}
.oda-logo .mouth{transform-box:view-box;transform-origin:250px 204px}