.preview{display:flex;flex-direction:column;height:100%}.preview__content{display:flex;height:100%}.preview__iframe-container{flex:1;display:flex;flex-direction:column;overflow:auto}.preview__iframe{flex:1;height:100%;margin:auto;transition:.2s;border:0}html,body,#root,.content{height:100%}body{margin:0}.content{display:flex;position:relative}.content__pane{min-height:100%}.content__editor-pane{width:min(75vw,35rem);overflow:auto}@media(min-width:35em){.content__editor-pane{width:min(50vw,30rem)}.content__editor-pane--hidden{width:0}}.content__preview-pane{position:absolute;inset:0;transform-origin:top right;flex-grow:1;transition:.2s}@media(min-width:35em){.content__preview-pane{position:relative}}.content__preview-pane--shrunk{min-height:400%;transform:scale(.25)}.content__editor-toggle{position:absolute;bottom:.5rem;z-index:1;left:-1px;transform-origin:bottom left;align-items:center;justify-content:center}.content__editor-toggle button{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.content__preview-pane--shrunk .content__editor-toggle{transform:scale(4);bottom:2rem;left:-5px}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}