.ukbo3d{position:relative;container-type:inline-size;isolation:isolate;width:100%;margin-inline:auto;color:var(--u3-text-color,#0d123b);font-family:var(--u3-font,inherit);line-height:1.4;--u3-width:180px;--u3-step:60px}
.ukbo3d *{box-sizing:border-box}.ukbo3d [hidden]{display:none!important}
.ukbo3d .u3-scene{position:relative;height:380px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ukbo3d .u3-stage{position:absolute;inset:0;perspective:1100px;transform-style:flat}
.ukbo3d .u3-card{position:absolute;top:24px;left:50%;width:var(--u3-width);margin:0;padding:var(--u3-padding,10px);background:var(--u3-card-bg,#fff);border:0;border-radius:var(--u3-radius,17px);color:var(--u3-text-color,#0d123b);text-decoration:none!important;box-shadow:0 18px 24px -14px rgb(13 18 59 / var(--u3-shadow,.3));transform:translateX(calc(-50% + var(--u3-shift,0)*var(--u3-step))) translateY(var(--u3-y,0px)) rotateY(var(--u3-turn,0deg)) rotateZ(var(--u3-lean,0deg)) scale(var(--u3-scale,1));transform-origin:center;transition:transform var(--u3-speed,650ms) cubic-bezier(.22,.7,.2,1),opacity var(--u3-speed,650ms);opacity:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ukbo3d:not([data-ready]) .u3-card{position:relative;top:24px;left:auto;margin:0 auto;display:none;opacity:1;pointer-events:auto;transform:none}.ukbo3d:not([data-ready]) .u3-card:first-child{display:block}
.ukbo3d .u3-card.is-visible{opacity:var(--u3-opacity,1);pointer-events:auto}.ukbo3d .u3-card.is-active{box-shadow:0 24px 30px -17px rgb(13 18 59 / var(--u3-shadow,.3))}
.ukbo3d .u3-photo{position:relative;overflow:hidden;aspect-ratio:var(--u3-ratio,1 / 1);border-radius:var(--u3-image-radius,10px);background:var(--u3-image-bg,#f1f2f3)}
.ukbo3d .u3-photo img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;object-fit:var(--u3-fit,contain);object-position:center;pointer-events:none}
.ukbo3d .u3-badge{position:absolute;top:8px;left:8px;max-width:calc(100% - 16px);padding:5px 7px;border-radius:5px;background:var(--u3-badge-bg,#fff);color:var(--u3-badge-color,#0d123b);font-size:var(--u3-badge-size,9px);font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere}
.ukbo3d .u3-caption{padding:14px 4px 5px;overflow-wrap:anywhere}.ukbo3d .u3-title{display:block;color:var(--u3-text-color,#0d123b);font-size:var(--u3-title-size,14px);font-weight:600;line-height:1.4}.ukbo3d .u3-subtitle{display:block;color:var(--u3-accent,#ed1725);font-size:var(--u3-subtitle-size,9px);font-weight:700;letter-spacing:.06em;line-height:1.4;margin-bottom:5px}
.ukbo3d .u3-floor{position:absolute;bottom:3px;left:17%;width:66%;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(13,18,59,.13),transparent 70%);filter:blur(8px);pointer-events:none}
.ukbo3d .u3-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--u3-controls-gap,12px);margin-top:8px;position:relative}.ukbo3d .u3-arrow,.ukbo3d .u3-play{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--u3-button-size,42px);height:var(--u3-button-size,42px);min-width:0;min-height:0;margin:0;padding:0;border:1px solid #dce0e5;border-radius:50%;background:var(--u3-button-bg,#fff);color:var(--u3-button-color,#0d123b);font:inherit;font-size:25px;line-height:1;box-shadow:none;cursor:pointer}
.ukbo3d .u3-play{font-size:13px}.ukbo3d .u3-arrow:hover,.ukbo3d .u3-play:hover{background:var(--u3-button-hover,#0d123b);color:var(--u3-button-hover-text,#fff)}.ukbo3d button:disabled{opacity:.3;cursor:default}
.ukbo3d .u3-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:min(220px,55%);gap:0}.ukbo3d .u3-dot{display:flex;align-items:center;justify-content:center;width:16px;height:32px;min-width:0;min-height:0;border:0;border-radius:0;padding:0;margin:0;background:transparent!important;box-shadow:none;cursor:pointer}.ukbo3d .u3-dot::after{content:"";width:var(--u3-dot-size,6px);height:var(--u3-dot-size,6px);border-radius:50%;background:var(--u3-muted-color,#64768a);opacity:.4}.ukbo3d .u3-dot[aria-current=true]::after{background:var(--u3-accent,#ed1725);opacity:1;transform:scale(1.25)}
.ukbo3d .u3-status{margin:10px 0 0!important;text-align:center;font-size:11px;color:var(--u3-muted-color,#64768a);line-height:1.5}.ukbo3d :is(a,button):focus-visible,.ukbo3d:focus-visible{outline:2px solid var(--u3-accent,#ed1725);outline-offset:3px}.ukbo3d .u3-card:not(a){cursor:pointer}
@media(prefers-reduced-motion:reduce){.ukbo3d *{transition:none!important;animation:none!important}}
