:root{--blackA1: hsla(0, 0%, 0%, .012);--blackA2: hsla(0, 0%, 0%, .027);--blackA3: hsla(0, 0%, 0%, .047);--blackA4: hsla(0, 0%, 0%, .071);--blackA5: hsla(0, 0%, 0%, .09);--blackA6: hsla(0, 0%, 0%, .114);--blackA7: hsla(0, 0%, 0%, .141);--blackA8: hsla(0, 0%, 0%, .22);--blackA9: hsla(0, 0%, 0%, .439);--blackA10: hsla(0, 0%, 0%, .478);--blackA11: hsla(0, 0%, 0%, .565);--blackA12: hsla(0, 0%, 0%, .91)}.dark-theme{--slate1: hsl(200, 7%, 8.8%);--slate2: hsl(195, 7.1%, 11%);--slate3: hsl(197, 6.8%, 13.6%);--slate4: hsl(198, 6.6%, 15.8%);--slate5: hsl(199, 6.4%, 17.9%);--slate6: hsl(201, 6.2%, 20.5%);--slate7: hsl(203, 6%, 24.3%);--slate8: hsl(207, 5.6%, 31.6%);--slate9: hsl(206, 6%, 43.9%);--slate10: hsl(206, 5.2%, 49.5%);--slate11: hsl(206, 6%, 63%);--slate12: hsl(210, 6%, 93%)}.editor--wrapper{--editor-height:calc(100vh - 6.4rem);--editor-height:calc(100dvh - 6.4rem);position:relative;min-height:var(--editor-height);max-height:var(--editor-height);overflow:hidden;width:100%}.document--wrapper{overflow:auto;flex:1}.document{flex-basis:min(80ch,100vw - 3.2rem);max-width:min(80ch,100vw - 3.2rem);padding-top:9.6rem;padding-bottom:6.4rem;margin-inline:auto}.footer{color:var(--cl-b_bg);margin:auto;opacity:.8}@media (min-width: calc(80ch + 480px)){.editor--wrapper{margin-inline:auto;padding-inline:1.6rem;border-radius:1.6rem;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;--editor-height:calc(100vh - 12.8rem);--editor-height:calc(100dvh - 12.8rem);width:min(100% - 3.2rem,80ch + 42rem)}.footer{width:min(80ch + 42rem,100vw - 3.2rem);max-width:calc(80ch + 42rem)}}.toolbar{position:fixed;z-index:5;top:0;left:0;box-shadow:0 2px 10px var(--blackA7);background-color:var(--cl-b_bg);width:100%;overflow:hidden}.toolbar[data-state=closed]{position:absolute;border-radius:2.4rem;margin-inline:var(--spcp4);margin-block:var(--spcr4);width:auto}@media (min-width: 45rem){.toolbar{position:absolute;border-radius:2.4rem;margin-inline:var(--spcp4);margin-block:var(--spcr4);width:auto}}.hdr--but--wrapper{border-radius:inherit;height:4.8rem}.hdr--but,a.hdr--but{width:4.8rem;height:4.8rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--cl-p_t_s);border-radius:inherit}.hdr--but:hover{background-color:var(--cl-p_s_h)}.hdr--but:active{background-color:var(--cl-p_s_a)}