dialog[data-v-5d10e595]{width:33%;border:2px solid #51b0d2;border-radius:7px}dialog[data-v-5d10e595]::backdrop{background-color:#000;opacity:.55}dialog>div[data-v-5d10e595]{display:grid;gap:1rem;inset:0}dialog>div .section[data-v-5d10e595]{display:grid;gap:.25rem}dialog>div .section p[data-v-5d10e595]{display:flex;justify-content:space-between;margin:0}dialog>div .section input[data-v-5d10e595]{padding:5px;border:1px solid #51b0d2;border-radius:7px}dialog>div button[data-v-5d10e595]{width:fit-content;margin:.5rem 0 0 auto}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:#2d3134}::-webkit-scrollbar-thumb{background:#7b7a7a}::-webkit-scrollbar-thumb:hover{background:#555}html,body{min-height:100%;min-width:100%;font-family:Arial,Helvetica,sans-serif;font-size:1rem;background-color:#eaeaec;color:#2d2d2d;margin:0;padding:0;scroll-behavior:smooth;overflow-x:hidden}*:is([disabled=""],[disabled=true]){color:currentColor;opacity:.8!important;cursor:not-allowed!important}nav{display:flex;align-items:center;gap:1rem;height:3rem;width:100%;z-index:10;padding:.75rem 1em;background-color:#2d3134;color:#e2e6eb;font-size:clamp(.75rem,3vw,1.5rem);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}nav h1{flex:8}nav a{position:relative;width:fit-content;color:inherit;text-decoration:none;cursor:pointer}nav a:before{content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;border-radius:3px;background-color:#e2e6eb;transform-origin:right;transform:scaleX(0);transition:transform .25s ease-in-out}nav a:hover:before{transform-origin:left;transform:scaleX(1)}#container{width:calc(100% - 2rem);margin:1rem auto}#textfield{width:100%;height:55vh;min-height:10rem;resize:vertical;overflow:auto;border:2px solid #51b0d2;border-radius:7px;padding:.5rem;font-family:inherit}#textfield>:first-child,#textfield>:last-child{margin:0}#textfield *{margin:.25rem 0}#textfield :is(h1,h2,h3,h4,h5,h6){margin-top:1rem}#textfield img,#textfield video,#textfield audio{max-height:7.5rem;display:block;border-radius:7px}#textfield table{display:block;width:100%;border-collapse:collapse}#textfield table tr,#textfield table td,#textfield table th{border:1px solid #51b0d2;padding:.5rem}#controls{display:flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:1rem;width:100%;padding:1rem 0}#controls button,#controls label.button{font-size:.8rem;font-weight:700;color:#2d2d2d;text-align:center;background-color:#51b0d2;border:2px solid #51b0d2;border-radius:7px;padding:.5rem .25rem;transition:.25s}#controls button:hover:not([disabled=""],[disabled=true]),#controls button:focus:not([disabled=""],[disabled=true]),#controls label.button:hover:not([disabled=""],[disabled=true]),#controls label.button:focus:not([disabled=""],[disabled=true]){border:2px solid #2d3134;box-shadow:0 .5em .5em -.4em var(--hover);transform:translateY(-.125em);cursor:pointer}#controls button .editModeOn,#controls label.button .editModeOn{display:inline}#controls button>input[type=file],#controls label.button>input[type=file]{display:none}#anchor-details>div{display:grid;gap:.5rem;border:2px solid #51b0d2;border-radius:7px;padding:.5rem}#anchor-details>div>h4{margin:0;font-size:clamp(.75rem,2vw,1.05rem);cursor:pointer}#anchor-details>div .data{display:grid}#anchor-details>div .data input[type=color]{width:100%;height:2rem;padding:0;border:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#anchor-details>div .data input[type=color] input[type=color]::-webkit-color-swatch-wrapper{padding:0}#anchor-details>div .data input[type=color]::-webkit-color-swatch{border:1px solid #2d2d2d;border-radius:7px}#anchor-details>div .data .quote{margin:1rem 0 0}#anchor-details>div .data .quote pre{max-width:100%;border:1px solid #2d2d2d;border-radius:7px;padding:.25rem;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}#anchor-details>div .data .merge{margin:1rem 0 0}#anchor-details>div .data .merge>button{cursor:pointer}#anchor-details>div .data .changed,#anchor-details>div .data .range{margin:1rem 0 0;font-size:.9rem}#anchor-details>div .data .changed>button,#anchor-details>div .data .range>button{margin-left:.5rem;cursor:pointer}#anchor-details>div .destroyBtn{width:fit-content;background-color:red;border:2px solid #a31313;padding:.5rem 2rem;margin:2rem 0 0;border-radius:7px;font-weight:700;cursor:pointer}#anchor-details>div .destroyBtn:hover{background-color:#a31313}@layer DTA{dta-anchor-inline[data-focused]{border:2px solid currentColor!important;border-radius:7px;outline:none}dta-anchor-inline[data-changed]{border:2px dashed #ff0000;border-radius:7px}dta-anchor-list[data-changed]{font-style:italic}}
