.wk-route{--wk-height-route-header:56px;width:100%;height:100%}.wk-route-header{width:100%;height:var(--wk-height-route-header);background-color:var(--wk-color-secondary);align-items:center;padding:.5rem .8125rem;display:flex}.wk-route-box{width:100%;height:calc(100% - var(--wk-height-route-header));position:relative}.wk-route-content{background-color:var(--wk-color-secondary);width:100%;height:100%;position:relative}.wk-route-content-route{width:100%;height:100%;transition:transform var(--wk-layer-transition);position:absolute;top:0;left:0;transform:translate(100vw)}.wk-route-content-next{background-color:var(--wk-color-secondary);width:100%;height:100%;overflow:auto}.wk-route-header-close{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.wk-route-header-close:hover{background-color:#70757914}.wk-route-header-close-icon{position:absolute;transform:rotate(-45deg)}.wk-route-header-close-icon,.wk-route-header-close-icon:before,.wk-route-header-close-icon:after{background-color:#707579;border-radius:.125rem;width:1.125rem;height:.125rem;transition:transform .3s cubic-bezier(.25,1,.5,1)}.wk-route-header-close-icon:before{transform:rotate(90deg)}.wk-route-header-close-icon:before,.wk-route-header-close-icon:after{content:"";position:absolute;top:0;left:0}.wk-state-back{transform:rotate(180deg)}.wk-state-back:before{transform:rotate(45deg)scaleX(.75)translateY(-.375rem)}.wk-state-back:after{transform:rotate(-45deg)scaleX(.75)translateY(.375rem)}.wk-route-header-title-box{color:#999;flex:1;align-items:center;height:100%;display:flex;position:relative}.wk-route-header-title{color:#000;margin-left:1.375rem;font-size:18px;font-weight:500}body[theme-mode=dark] .wk-route-header-title{color:#fff}.wk-route-header-title-box-open .wk-route-header-title{display:none}.wk-route-header-title-next{color:#000;opacity:0;transition:transform var(--wk-layer-transition),opacity .5s ease-in 0s;width:180px;margin-left:1.375rem;font-size:18px;font-weight:500;position:absolute;transform:translate(100vw)}body[theme-mode=dark] .wk-route-header-title-next{color:#fff}.wk-route-header-title-box-open .wk-route-header-title-next{opacity:1;transform:translate(0,0)}.wk-route-content-route-open .wk-route-content-route{transform:translate(0,0)}.wk-route-header-right-view{opacity:0;transition:opacity .5s ease-out}.wk-route-header-right-view-open{opacity:1}.wk-route .wk-viewqueue-view .wk-route:not(.wk-route-keep-header)>.wk-route-header{display:none}.wk-route .wk-viewqueue-view .wk-route:not(.wk-route-keep-header)>.wk-route-box{height:100%}.wk-viewqueue,.wk-viewqueue-route{width:100%;height:100%;position:relative}.wk-viewqueue-view{background-color:var(--wk-color-secondary);width:100%;height:100%;transition:transform var(--wk-layer-transition);position:absolute;overflow:hidden}.wk-viewqueue-view-in{animation:.25s routeAnimationIn}.wk-viewqueue-view-out{animation:.5s routeAnimationOut}@keyframes routeAnimationOut{0%{transform:translate(0,0)}to{transform:translate(100vw)}}@keyframes routeAnimationIn{0%{transform:translate(100vw)}to{transform:translate(0,0)}}