.container{display:flex;flex-direction:column;width:100%;background-color:var(--neutral-0);min-height:100dvh}.wrapper{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;transition:grid-template-columns .2s}.sidebar{width:var(--sidebar-w);position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow:hidden;z-index:1;transition:width .2s}.main{height:100%;overflow:auto;background-color:var(--neutral-0);position:relative}.header{position:-webkit-sticky;position:sticky;left:0;top:0;height:50px;width:100%;z-index:20;background-color:hsla(0,0%,100%,.7);backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px);will-change:backdrop-filter}.contents,.slideContents{max-width:1000px;min-width:1000px;margin:0 auto;padding:30px 36px;position:relative;height:calc(100% - 120px);box-sizing:border-box}.slideContents{height:calc(100% - 60px)}.animationContainer{inset:0}