body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#__next,body,html{height:100%}a{color:inherit;text-decoration:underline}*{box-sizing:border-box}.chakra-text>p:first-child{margin-top:0}.prototypeSlideWrapper.react-slideshow-container .nav:first-of-type{left:10px}.prototypeSlideWrapper.react-slideshow-container .nav:last-of-type{right:10px}:root{--sidebar-width:228px;--navbar-height:56px}.styled-scrollbar{scrollbar-color:var(--chakra-colors-gray-300) var(--chakra-colors-gray-800);scrollbar-width:thin}.layoutContent{left:0;width:100%}.showSidebar .layoutContent{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.layoutSidebar{left:calc(var(--sidebar-width) * -1)}.showSidebar .layoutSidebar{left:0}.animatedComment{--comment-outline-width:0em;--comment-outline-color:#444;--comment-animation-duration:0.25s;--comment-bg-color:var(--chakra-colors-base-100);--inactive-comment-bg-color:transparent}.animatedComment:hover{--comment-outline-width:2px}.animatedComment .commentPin>svg{transform:rotate(var(--rotate));transition:transform var(--comment-animation-duration) ease}@keyframes CommentPinAnimation{0%{--rotate:0deg;background:var(--inactive-comment-bg-color);border-radius:1em 1em 1em 1em}25%{background:var(--comment-bg-color);border-radius:1em 1em 1em 1em}50%,to{--rotate:360deg;background:var(--comment-bg-color);border-radius:0 0 1em 1em}}@keyframes CommentBoxAnimation{0%,50%{background:var(--comment-bg-color);pointer-events:none;opacity:0;padding:0;transform:scale(50%,75%) translateY(20%)}to{background:var(--comment-bg-color);pointer-events:all;opacity:1;transform:scale(100%) translateY(0)}}.animatedComment .commentBox{background:var(--comment-bg-color);pointer-events:none;box-sizing:border-box;animation-timing-function:ease;outline:var(--comment-outline-width) solid var(--comment-outline-color)}.animatedComment .commentBox:before{pointer-events:none;content:" ";position:fixed;bottom:0;left:0;width:100%;height:1em;background:linear-gradient(to top,var(--comment-bg-color),transparent)}.animatedComment .commentPin{box-shadow:calc(1 * var(--comment-outline-width)) var(--comment-outline-width) var(--comment-outline-color),calc(-1 * var(--comment-outline-width)) var(--comment-outline-width) var(--comment-outline-color),0 var(--comment-outline-width) var(--comment-outline-color);transition:box-shadow var(--comment-animation-duration) ease;animation:CommentPinAnimation var(--comment-animation-duration) ease reverse both}.animatedComment .commentBox{animation:CommentBoxAnimation var(--comment-animation-duration) ease reverse both}.animatedComment:hover .commentPin{animation:CommentPinAnimation var(--comment-animation-duration) ease normal both}.animatedComment:hover .commentBox{animation:CommentBoxAnimation var(--comment-animation-duration) ease normal both}