.codi-ring{--h:var(--h-d,360px);--gap:var(--gap-d,30px);display:block;width:100%;overflow:hidden;background:var(--ring-bg,transparent)}
@media screen and (max-width:749px){.codi-ring{--h:var(--h-m,230px);--gap:var(--gap-m,16px)}}
.codi-ring__stage{position:relative;width:100%;height:calc(var(--h)*1.8);cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.codi-ring__stage:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.codi-ring.is-dragging .codi-ring__stage{cursor:grabbing}
.codi-ring__item{--hh:var(--hx,var(--h));position:absolute;left:50%;top:var(--cy,50%);height:var(--hh);width:calc(var(--hh)*var(--ratio,1));margin-left:calc(var(--hh)*var(--ratio,1)/-2);margin-top:calc(var(--hh)/-2);line-height:0;transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}
.codi-ring:not(.is-ready) .codi-ring__item:not([data-first]){opacity:0}
.codi-ring__item.is-back{pointer-events:none}
.codi-ring--shadow .codi-ring__item::before{content:"";position:absolute;inset:0;z-index:-1;box-shadow:0 22px 55px rgba(0,0,0,.35);opacity:var(--f,0);pointer-events:none}
.codi-ring__link{display:block;width:100%;height:100%;line-height:0;cursor:inherit;text-decoration:none;-webkit-user-drag:none}
.codi-ring__image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.codi-ring__placeholder{display:block;width:100%;height:100%;background:var(--ph,#f5f5f5)}
.codi-ring__placeholder svg{display:block;width:100%;height:100%;pointer-events:none}
.codi-ring__reflection{display:none}