@font-face{font-family:yyx;src:url(/fonts/regular.eot);src:url(/fonts/regular.woff) format("woff"),url(/fonts/regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:yyx;src:url(/fonts/semibold.eot);src:url(/fonts/semibold.woff) format("woff"),url(/fonts/semibold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:yyx-mono;src:url(/fonts/mono-regular.woff) format("woff"),url(/fonts/mono-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:yyx-mono;src:url(/fonts/mono-italic.woff) format("woff"),url(/fonts/mono-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:yyx-mono;src:url(/fonts/mono-bold.woff) format("woff"),url(/fonts/mono-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.markdown__editor{position:fixed;left:0;top:0;bottom:0;width:50vw;background:#edeff1;-webkit-user-select:none;user-select:none}.markdown__editor textarea{background:transparent;padding:48px;width:calc(50vw - 96px);height:calc(100vh - 206px);margin-bottom:24px;-webkit-user-select:initial;user-select:initial;line-height:1.8;font-size:13.5px;font-family:Source Code Pro,Source Code Pro for Powerline,Hack,yyx-mono,Menlo,yyx,Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.markdown__editor label{margin-left:1rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;color:#355fc5;-webkit-user-select:none;user-select:none}.markdown__editor button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#355fc5;border-radius:4px;padding:12px 24px;color:#fff;font-size:15px;margin-left:48px;font-weight:700}.markdown__preview{position:fixed;left:50vw;right:0;top:0;bottom:0}.markdown__preview iframe{width:100%;height:100%}@font-face{font-family:Virgil;src:url(/fonts/Excalifont.woff2)}@font-face{font-family:Excalifont;src:url(/fonts/Excalifont.woff2)}@font-face{font-family:Cascadia;src:url(/fonts/Cascadia.woff2)}.draw{position:absolute;top:0;left:0;right:0;bottom:0;line-height:1}.draw .excalidraw{--color-primary: #355fc5;--color-primary-darker: #355fc5;--color-primary-darkest: #355fc5;--color-primary-light: #d2daf1;--editor-container-padding: .75rem;--default-icon-size: .9rem;--lg-icon-size: .9rem;--space-factor: 0rem;--gap: 0rem}.draw .excalidraw main{max-width:none;padding:0;margin:0}.draw .excalidraw .help-icon{display:none}.draw .excalidraw .layer-ui__wrapper__top-right{flex-direction:row-reverse}.draw .excalidraw .App-menu_bottom{bottom:auto;top:var(--editor-container-padding);left:3rem;width:auto}.draw .excalidraw .App-menu_bottom .Stack_vertical{--gap: 1}.draw .excalidraw .zoom-button,.draw .excalidraw .undo-redo-buttons button{border:0!important}.draw .excalidraw .Island.App-toolbar{border:0;box-shadow:none;padding:0}.draw .excalidraw .Island.dropdown-menu-container .dropdown-menu-group,.draw .excalidraw .Island.dropdown-menu-container .dropdown-menu-group+div{display:none}.draw .excalidraw.excalidraw--view-mode .App-menu_bottom{display:none}.draw .save-button,.draw .edit-button{padding:.625rem 1rem;box-sizing:border-box;border:0;border-radius:var(--border-radius-lg);cursor:pointer;height:var(--lg-button-size);gap:.5rem;line-height:0;font-size:.7rem;letter-spacing:.4px;font-weight:600}.draw .save-button{color:#fff;background-color:var(--color-primary)}.draw .edit-button{color:#1b1b1f;background-color:#ececf4;font-weight:500}@font-face{font-family:yyx;src:url(/fonts/regular.eot);src:url(/fonts/regular.woff) format("woff"),url(/fonts/regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:yyx;src:url(/fonts/semibold.eot);src:url(/fonts/semibold.woff) format("woff"),url(/fonts/semibold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:yyx-mono;src:url(/fonts/mono-regular.woff) format("woff"),url(/fonts/mono-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:yyx-mono;src:url(/fonts/mono-italic.woff) format("woff"),url(/fonts/mono-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:yyx-mono;src:url(/fonts/mono-bold.woff) format("woff"),url(/fonts/mono-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html,body,p,h3{margin:0;padding:0;line-height:1.8;font-size:18px;color:#212733}@media (max-width: 640px){html,body,p,h3{font-size:16px}}html{background-color:#fff}html,body,input,textarea,select,button{font-family:yyx,Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}a{color:inherit;text-decoration:none!important}p{margin-top:24px}main ::selection{background-color:#355fc5;color:#faf8f9}h2{font-size:48px;line-height:1.3;padding-right:20px;margin-bottom:0}@media (max-width: 640px){h2{font-size:32px;margin-bottom:-20px;padding-right:0}}h3{font-size:32px;line-height:1.3;margin-bottom:0}@media (max-width: 640px){h3{font-size:28px}}h4{font-size:24px;margin-bottom:-10px;margin-top:48px}.homepage-links h3,.posts h3{-webkit-user-select:none;user-select:none;font-weight:600;font-size:13px;text-transform:uppercase;opacity:.4;margin-bottom:12px}@media (max-width: 640px){.homepage-links h3,.posts h3{margin-bottom:4px}}.homepage-links h3 a,.posts h3 a{margin:0;padding:0;line-height:1}header{padding:24px;-webkit-user-select:none;user-select:none}header .logo{margin:0;padding:0;position:fixed;top:24px;left:24px;height:28px;line-height:28px;z-index:100}header .logo a{height:28px;color:#212733;outline:0;transition:color .3s linear}header .logo a:hover{color:#355fc5}@media (max-width: 640px){header .logo{position:absolute}}main{padding:32px 32px 64px;margin:0 auto;position:relative;max-width:560px}main.homepage{max-width:840px;display:flex}@media (max-width: 640px){main.homepage{display:block;padding-top:56px}}@media (max-width: 640px){main.homepage-links{padding-top:0}}@media (max-width: 640px){main{padding-left:24px;padding-right:24px}}@media (max-width: 320px){main{padding-left:16px;padding-right:16px}}.hero{background-color:#f4f4f5;padding:96px 0}.hero main{padding-top:0;padding-bottom:0}.hero h2{margin-top:0}@media (max-width: 640px){.hero{padding:48px 0 36px}.hero .avatar{margin-bottom:32px}}.markdown-editor textarea{border:0;padding:0;display:block;width:100%;margin:0;-webkit-appearance:none;line-height:1.8;font-size:18px;color:#212733;resize:none;min-height:60vh;outline:0}@media (max-width: 440px){.hide-phone{display:none}}.box-area{background:#212733;color:#faf8f9;position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:24px}.box-area svg{margin-bottom:32px;-webkit-user-select:none;user-select:none}.box-area.active{background:#355fc5}.box-area.success{background:#27ae60}.box-area.success ::selection{background:#0003}.box-area.failed{background:#eb4d4b}.box-result{display:flex;align-items:center}.box-copy{opacity:.5;margin-left:12px;cursor:pointer;margin-bottom:2px!important;transition:opacity .2s ease-in-out}.box-copy:hover{opacity:1}.click-target{display:flex;flex-direction:column;align-items:center;cursor:pointer}.includable-tag{opacity:.2;transition:opacity .2s ease-in-out;position:fixed;bottom:1rem;right:1rem;z-index:1000;display:block;line-height:0}.includable-tag:hover{opacity:1}.toolbox{position:fixed;bottom:1rem;left:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;z-index:1000;color:#ffffff4d;font-size:.7rem;line-height:1}.toolbox a{color:#ffffff80;transition:color .1s ease-in-out}.toolbox a:hover{color:#fff}.preview{background:#212733;color:#faf8f9;display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center;gap:3rem}.preview-area{width:26rem;height:26rem;max-width:70vw;max-height:70vw;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;box-shadow:0 0 10px #0000001a;border-radius:.75rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.preview-area img{flex-grow:0;object-fit:contain;object-position:center;max-width:100%;max-height:100%}