@view-transition{navigation:auto}
::view-transition{background:transparent;perspective:1400px}
::view-transition-old(root){animation:slush-page-out 1.25s cubic-bezier(.65,.05,0,1) both;transform-origin:center;mix-blend-mode:normal;border-radius:32px;overflow:hidden}
::view-transition-new(root){animation:slush-page-in 1.25s cubic-bezier(.65,.05,0,1) both;mix-blend-mode:normal;transform-origin:center;border-radius:32px;overflow:hidden}
@keyframes slush-page-out{0%{transform:translateZ(0) rotateY(0)}35%{transform:translateZ(-500px) rotateY(0)}100%{transform:translateX(-130%) translateZ(-300px) rotateY(55deg)}}
@keyframes slush-page-in{0%{transform:translateX(160%) translateZ(-450px) rotateY(-45deg)}65%{transform:translateX(0) translateZ(-500px) rotateY(0)}100%{transform:translateX(0) translateZ(0) rotateY(0)}}
.transition-panels{position:fixed;inset:0;z-index:10000;pointer-events:none;perspective:1400px;overflow:hidden;background:transparent}.transition-panel{position:absolute;inset:0;border-radius:32px;backface-visibility:hidden;transform:translateX(200%) rotateY(-45deg)}.transition-panel:nth-child(1){background:#4da2ff}.transition-panel:nth-child(2){background:#e8edf4}.transition-panel:nth-child(3){background:#f0f1f3}
.brand-tab-visual,.api-tab-visual{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.brand-tab-visual p,.api-tab-visual p{font-size:12px}.brand-tab-visual .live-sticker,.api-tab-visual .live-sticker{width:150px;height:150px}.api-tab-visual pre{font-size:11px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;width:100%}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.transition-panels{display:none}}