.page-module__t_UOtG__main{height:100%;position:relative;overflow:hidden}.page-module__t_UOtG__toggle{background:var(--accent1);opacity:.5;z-index:20;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:left .3s,opacity .3s;display:none;position:absolute;top:calc(50% - 20px);left:calc(100% - 20px)}.page-module__t_UOtG__toggle:hover{opacity:1}.page-module__t_UOtG__mdx{z-index:10;width:50%;height:100%;padding:8px;transition:left .3s,width .3s;position:absolute;left:0;overflow:auto}.page-module__t_UOtG__code{flex-direction:column;transition:left .3s,bottom .3s;display:flex;position:absolute;inset:0 0 50% 50%;overflow:hidden}.page-module__t_UOtG__bar{flex-direction:row-reverse;flex-shrink:0;height:20px;display:flex}.page-module__t_UOtG__iframe{transition:left .3s,top .3s;position:absolute;inset:50% 0 0 50%}.page-module__t_UOtG__iframe>iframe{border:none;width:100%;height:calc(100% - 20px)}.page-module__t_UOtG__zen{inset:0}.page-module__t_UOtG__btn{width:20px;height:20px}@media (max-width:600px){.page-module__t_UOtG__toggle{display:flex}.page-module__t_UOtG__mdx{width:100%}.page-module__t_UOtG__code,.page-module__t_UOtG__iframe{width:100%;left:100%}#page-module__t_UOtG__toggle:checked~.page-module__t_UOtG__toggle{left:-20px}#page-module__t_UOtG__toggle:checked~.page-module__t_UOtG__mdx{left:-100%}#page-module__t_UOtG__toggle:checked~.page-module__t_UOtG__code,#page-module__t_UOtG__toggle:checked~.page-module__t_UOtG__iframe{left:0}}