.oic{--oic-w:max(100cqw,calc(100cqh * 720 / 704));--oic-h:calc(var(--oic-w) * 704 / 720);--oic-top:calc(60cqh - var(--oic-h) * 0.6);--oic-T:round(calc(var(--oic-w) * var(--oic-tex-h, 3300) / 1440),8px);--oic-Tx:calc(var(--oic-T) * var(--oic-tex-ratio, 1));--oic-once:120s;--oic-travel:1.353;--oic-ground:#e4f1fd;container-type:size;position:relative;overflow:hidden;background:var(--oic-ground) var(--oic-poster,none) 50% 60% /cover no-repeat}.oic-frame,.oic-stage{position:absolute;inset:0}.oic-stage{overflow:hidden;perspective:calc(var(--oic-w) * 800 / 720);perspective-origin:50% calc(var(--oic-top) + var(--oic-h) * .2)}.oic-plane{position:absolute;left:50%;top:calc(var(--oic-top) + var(--oic-h) * .66);width:0;height:0;transform-style:preserve-3d;transform:rotateX(64deg) rotate(20deg) scale(1.16)}.oic-floor{position:absolute;width:calc(var(--oic-T) * 2.3);height:calc(var(--oic-T) * 4.6);left:calc(var(--oic-T) * -1.15);top:calc(var(--oic-T) * -1.24);background-image:var(--oic-tex,none);background-repeat:repeat;background-size:var(--oic-Tx) var(--oic-T)}.oic.is-live .oic-floor{animation:oic-once var(--oic-once) 1 both;will-change:transform}.oic.is-done .oic-floor{will-change:auto}.oic.is-paused .oic-floor{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.oic:not(.is-chosen) .oic-floor{animation-play-state:paused}}@keyframes oic-once{0%{transform:translateY(0);animation-timing-function:linear}60%{transform:translateY(calc(var(--oic-T) * var(--oic-travel) * -.818));animation-timing-function:cubic-bezier(.33,1,.68,1)}to{transform:translateY(calc(var(--oic-T) * var(--oic-travel) * -1))}}.oic-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgb(228 241 253/1) 0,rgb(228 241 253/.9) 12%,rgb(228 241 253/.62) 30%,rgb(228 241 253/.3) 55%,rgb(228 241 253/.08) 80%,rgb(228 241 253/0) 100%) 0 var(--oic-top) /100% calc(var(--oic-h) * .55) no-repeat}