@view-transition{navigation: auto;}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none;}}html{--curtain: #0B0B0B;--lamp-glow: transparent;--lamp-x: 50%;--lamp-y: 58%;--vt-close: .26s;--vt-open: .56s;--vt-same: .2s}html[data-brand=mct]{--curtain: #0B0B0B;--lamp-glow: transparent}html[data-brand=tokadou]{--curtain: #14100A;--lamp-glow: rgba(196, 148, 52, .34)}html[data-brand=clarivia]{--curtain: #16223A;--lamp-glow: rgba(179, 148, 90, .22)}html[data-brand=rootless]{--curtain: #07090A;--lamp-glow: rgba(232, 69, 42, .16)}html[data-from=mct]{--curtain: #0B0B0B}html[data-from=tokadou]{--curtain: #14100A}html[data-from=clarivia]{--curtain: #16223A}html[data-from=rootless]{--curtain: #07090A}::view-transition-old(root){animation:vt-out var(--vt-same) linear both}::view-transition-new(root){animation:vt-in var(--vt-same) linear both}html[data-cross]::view-transition{background:radial-gradient(40% 34% at var(--lamp-x) var(--lamp-y),var(--lamp-glow),transparent 72%),var(--curtain)}html[data-cross]::view-transition-old(root){animation:vt-out var(--vt-close) cubic-bezier(.4,0,1,1) both}html[data-cross]::view-transition-new(root){animation:vt-in var(--vt-open) var(--vt-close) cubic-bezier(.16,1,.3,1) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}.nav,.bnav{view-transition-name:topnav}::view-transition-group(topnav),::view-transition-old(topnav),::view-transition-new(topnav){animation-duration:.38s;animation-timing-function:cubic-bezier(.16,1,.3,1)}