.yazman-container,.yazman{--color-black--f: rgba(0, 0, 0, 1);--color-primary-base: rgba(10, 150, 183, 1);--color-secondary-base: rgba(254, 163, 96, 1);--color-grey-zero: rgba(255, 255, 255, 1);--color-grey-100: rgba(245, 245, 245, 1);--color-grey-200: rgba(235, 235, 235, 1);--color-grey-400: rgba(204, 204, 204, 1);--color-grey-700--f: rgba(90, 90, 90, 1);--color-text-dark-1: rgba(23, 23, 23, 1);--color-text-dark-2: rgba(80, 80, 80, 1);--color-text-dark-3: rgba(132, 132, 132, 1);--color-text-light-1: rgba(235, 231, 222, 1);--color-text-light-3: rgba(165, 158, 165, 1);--radius-sm: 0.2rem;--radius-pill: 9999px;--toolbar-active-button: rgba(47, 96, 229, 1);--toolbar-height: 52px}body.dark-mode .yazman-container,body.dark-mode .yazman{--color-grey-zero: rgba(23, 23, 23, 1);--color-grey-100: rgba(50, 50, 50, 1);--color-grey-200: rgba(60, 60, 60, 1);--color-grey-400: rgba(100, 100, 100, 1);--color-text-dark-1: rgba(255, 255, 255, 1);--color-text-dark-2: rgba(180, 180, 180, 1);--color-text-dark-3: rgba(165, 158, 165, 1);--color-text-light-1: rgba(23, 23, 23, 1);--color-text-light-3: rgba(132, 132, 132, 1);--toolbar-active-button: rgba(125, 155, 238, 1)}.yazman-container{position:relative;margin:0 auto;box-sizing:border-box}.yazman-container *{box-sizing:border-box}.yazman{padding:10px;font-size:17px;overflow:hidden;overflow-y:auto;scroll-behavior:smooth;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;color:var(--color-text-dark-1)}.yazman:focus{outline:none;border-color:var(--color-primary-base)}.yazman-container .yazman{background-color:var(--color-grey-zero);border:1px solid var(--color-grey-400);min-height:20vh;max-height:40vh;overflow:hidden;overflow-y:auto}.yazman-container .yazman[contenteditable=false]{background-color:var(--color-grey-200);cursor:not-allowed}@media screen and (min-width: 667px){.yazman-container .yazman{min-height:20vh;max-height:50vh;overflow:auto;overflow-y:auto}}.yazman *{line-height:1.7em}.yazman p,.yazman ol,.yazman ul,.yazman pre,.yazman blockquote,.yazman h1,.yazman h2,.yazman h3,.yazman h4,.yazman h5,.yazman h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.yazman sup{font-size:x-small;vertical-align:super;line-height:.1em}.yazman sub{font-size:x-small;vertical-align:sub;line-height:.6em}.yazman ol,.yazman ul{padding-left:1.5em}.yazman ol li,.yazman ul li{list-style-type:none}.yazman ul li::before{content:"●"}.yazman li::before{display:inline-block;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.yazman li:not(.yazman-direction-rtl)::before{margin-left:-1.5em}.yazman ol li,.yazman ul li{padding-left:1.5em}.yazman ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-num}.yazman ol li:before{content:counter(list-num, decimal) ". "}.yazman .cursor{line-height:1em}.yazman.is-empty::before{color:var(--color-text-dark-2);content:attr(data-yazman-placeholder);font-style:italic;pointer-events:none;position:absolute}.yazman figure{position:relative}.yazman-spinner-image>img{opacity:.3}.yazman-spinner-image::before{content:" ";position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);border:5px solid var(--color-grey-100);border-radius:var(--radius-pill);border-top:5px solid var(--color-primary-base);width:26px;height:26px;animation:spin 1s linear infinite}.yazman-spinner-image::after{content:attr(data-spinner-status);position:absolute;top:50%;left:50%;width:auto;height:26px;font-size:16px;font-weight:600;transform:translate(-50%, 120%)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.yazman p:first-child,.yazman h2:first-child,.yazman h3:first-child,.yazman ol:first-child,.yazman ul:first-child,.yazman figure:first-child,.yazman blockquote:first-child,.yazman pre:first-child{margin-top:0}.yazman p,.yazman h2,.yazman h3,.yazman ol,.yazman ul,.yazman figure,.yazman blockquote,.yazman pre{margin-top:1.5em}.yazman h2+*{margin-top:.2em}.yazman h3+*{margin-top:.2em}.yazman ol,.yazman ul{margin-top:.2em}.yazman blockquote{margin-top:.9em}.yazman blockquote~blockquote{margin-top:0}.yazman pre{margin-top:1.1em;margin-bottom:.9em}.yazman p:last-child,.yazman h2:last-child,.yazman h3:last-child,.yazman ol:last-child,.yazman ul:last-child,.yazman figure:last-child,.yazman blockquote:last-child,.yazman pre:last-child{margin-bottom:0}.yazman h2{font-size:1.5em;line-height:1.3em}.yazman h3{font-size:1.2em}.yazman figure{padding:7px 0}.yazman figure img{display:block;max-width:87%;padding:3px;margin:3px auto;border:3px solid rgba(0,0,0,0)}.yazman figure img.is-focused{border:3px solid var(--color-secondary-base)}.yazman figcaption{position:relative;font-size:.88em;text-align:center;color:var(--color-text-dark-2)}.yazman figcaption.is-empty::before{content:attr(data-yazman-placeholder);font-style:italic;cursor:text;color:var(--color-text-dark-3);pointer-events:none}.yazman blockquote{border-left:4px solid var(--color-grey-400);padding-left:16px}.yazman code,.yazman pre{border-radius:var(--radius-sm)}.yazman pre{white-space:pre-wrap;padding:5px 10px}.yazman code{font-size:85%}.yazman code:before,.yazman code:after{letter-spacing:-2px;content:" "}.yazman pre{background-color:var(--color-grey-700--f);color:var(--color-text-light-1);overflow-x:auto}.yazman a{text-decoration:underline}.yazman-toolbar{position:relative;border:1px solid var(--color-grey-400);border-top:none;padding:0 12px;font-size:25px;-webkit-user-select:none;user-select:none;display:grid;z-index:42;background-color:var(--color-grey-zero)}.yazman-toolbar.is-scrolling::before{position:absolute;left:1px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--color-text-dark-3);content:"❰"}.yazman-toolbar.is-scrolling::after{position:absolute;right:1px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--color-text-dark-3);content:"❱"}body.dark-mode .yazman-toolbar.is-scrolling::before,body.dark-mode .yazman-toolbar.is-scrolling::after{color:var(--color-text-light-3)}.yazman-toolbar .button-container{padding:4px 0;white-space:nowrap;overflow-y:hidden;overflow-x:auto}.yazman-toolbar .button-group{display:inline-block;margin-right:8px}.yazman-toolbar .button-group button{display:inline-block;height:32px;width:32px;font-weight:600;margin:4px;cursor:pointer}.yazman-toolbar .button-group button.active{color:var(--toolbar-active-button)}.yazman-toolbar .button-group button svg{fill:var(--color-text-dark-1)}.yazman-toolbar .button-group button.active svg{fill:var(--toolbar-active-button)}.yazman-container.is-backdrop-visible::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--color-black--f);opacity:.7;z-index:43}.yazman-container.is-backdrop-visible .yazman{overflow-y:hidden}.yazman-form{position:absolute;width:300px;top:50%;left:50%;transform:translate(-50%, -65%);background-color:var(--color-grey-zero);z-index:44;padding:8px 10px 18px 10px}.yazman-form label{margin-bottom:10px}.yazman-form input[type=text]:focus{outline:none;border-color:var(--color-primary-base)}.yazman-form input[type=submit]:focus{outline:0}.yazman-form input[type=submit]:focus-visible{outline:2px solid var(--color-primary-base);outline-offset:1px}.yazman-status{position:absolute;bottom:var(--toolbar-height);right:0;padding:3px 0;margin-right:25px;z-index:42;border:1px solid rgba(0,0,0,0)}.yazman-status *{color:var(--color-text-dark-2)}