.bg-dark{background-color:rgba(0,0,0,.7)}.app-output{height:100%;overflow:hidden;display:flex;flex-flow:column}.settings{flex:0.9 1 0;overflow:hidden}@media (min-width:640px){.settings{flex:none;width:21.1em}}.main{position:relative;flex:1;display:flex;flex-flow:column;overflow:hidden}@media (min-width:640px){.main{flex-flow:row}}.output{flex:1 1 0;position:relative}.action-button-container{position:absolute;z-index:2;bottom:-28px;right:13px;display:flex;align-items:center}.action-button-container .minor-action-container{display:flex}.action-button-container .minor-action-container .floating-action-button{margin-right:10px}@media (min-width:640px){.action-button-container{right:30px;bottom:30px}.action-button-container .results-container{margin-right:-17px}.action-button-container .minor-action-container{flex-flow:column;position:absolute;bottom:58px;right:8px}.action-button-container .minor-action-container .floating-action-button{margin-bottom:10px;margin-right:0}}@media (min-width:900px){.settings{margin:30px;border-radius:2px;border:1px solid #d7d7d7}.action-button-container{right:0;bottom:30px}}.settings{z-index:1}.settings{box-shadow:0 0 11px rgba(0,0,0,.4)}@media (min-width:640px){.settings{box-shadow:0 4px 11px rgba(0,0,0,.3)}}.output-switcher{opacity:0}.output-switcher.transition{transition:opacity .3s ease-out}.output-switcher.active{opacity:1}.settings{background-color:#fff;display:flex;flex-flow:column;-webkit-user-select:none;user-select:none}.settings-scroller{overflow:hidden auto;-webkit-overflow-scrolling:touch;flex:1;transform:translateZ(0)}.setting-item-toggle{position:relative;cursor:pointer;padding:8px 16px;box-sizing:border-box;min-height:51px;display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:19px}.setting-item-toggle[hidden]{display:none}.setting-item-toggle input[type=checkbox]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.setting-item-toggle input:focus+.material-switch .handle{width:25px;height:25px;top:-5px;box-shadow:0 1px 3px rgba(0,0,0,.5),inset 0 0 0 2px #3574f0}.setting-item-lines{display:flex;flex-flow:column;gap:2px}.setting-item-id{font-size:.75rem;line-height:1.3;color:#767676;overflow-wrap:anywhere}.setting-item-range{padding:10px 16px 20px;display:flex;flex-flow:column;justify-content:center}.setting-item-range .label-text{margin-bottom:.7em}.setting-item-select,.setting-item-text{padding:10px 16px 16px;display:flex;flex-flow:column;justify-content:center}.setting-item-select .label-text,.setting-item-text .label-text{margin-bottom:.5em}.setting-filter-input,.setting-item-select select,.setting-item-text input{font:inherit;font-size:1rem;color:inherit;box-sizing:border-box;width:100%;padding:8px 10px;background-color:#fff;border:1px solid #ccc;border-radius:5px}.setting-filter-input:focus,.setting-item-select select:focus,.setting-item-text input:focus{outline:0;border-color:#3574f0;box-shadow:0 0 0 1px #3574f0}.setting-filter-input:invalid,.setting-item-select select:invalid,.setting-item-text input:invalid{border-color:#d32f2f}.setting-filter-input:invalid:focus,.setting-item-select select:invalid:focus,.setting-item-text input:invalid:focus{box-shadow:0 0 0 1px #d32f2f}.setting-item-select select{appearance:none;padding-right:30px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path d="M1 1l4 4 4-4" fill="none" stroke="%23767676" stroke-width="1.5"/></svg>');background-repeat:no-repeat;background-position:right 10px center}.setting-note{margin:-6px 0 0;padding:0 16px 14px;display:grid;grid-template-columns:max-content 1fr;align-items:start;gap:8px;font-size:.8125rem;line-height:1.4;color:rgba(0,0,0,.55)}.setting-note .icon{width:16px;height:16px;margin-top:1px;color:#3574f0}.setting-note{transition:opacity .2s}.setting-note.pending{opacity:.4;transition-delay:0.6s}.setting-note .setting-note-pending-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.metadata-custom,.styles-custom{padding-left:16px}.settings-panel>section:not(:first-child){border-top:1px solid #e7e7e7}.settings-tabs{display:flex;flex:none;border-bottom:1px solid #e7e7e7}.settings-tab{flex:1;padding:14px 16px;font:inherit;font-size:.9rem;color:#767676;cursor:pointer;box-shadow:inset 0 -2px 0 transparent}.settings-tab[aria-selected=true]{color:#2249d3;font-weight:500;box-shadow:inset 0 -2px 0 #3574f0}.plugin-category-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer;font-size:.9rem;color:#767676;list-style:none}.plugin-category-summary::-webkit-details-marker{display:none}.plugin-category-summary::after{content:"";width:10px;height:6px;flex:none;margin-left:auto;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path d="M1 1l4 4 4-4" fill="none" stroke="%23767676" stroke-width="1.5"/></svg>');background-repeat:no-repeat;transition:transform .2s}.plugin-category[open]>.plugin-category-summary::after{transform:rotate(180deg)}.plugin-category-name{flex:1}.plugin-category-count{font-variant-numeric:tabular-nums;color:#767676}.plugin-category-count.has-note{color:#2249d3;font-weight:500}.plugin-category-notice{display:flex;flex:none;color:#3574f0}.plugin-category-notice[hidden]{display:none}.plugin-category-notice .icon{width:16px;height:16px}.plugin-category-notice .plugin-category-notice-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.setting-filter{display:flex;align-items:center;gap:12px;padding:10px 16px 16px}.setting-filter-input{flex:1;min-width:0}.setting-filter-count{flex:none;font-size:.8125rem;color:#767676;font-variant-numeric:tabular-nums}.setting-filter-empty{margin:0;padding:0 16px 16px;font-size:.8125rem;color:rgba(0,0,0,.55)}.settings-sub-heading{margin:0;padding:12px 16px 16px;font-weight:400;font-size:.9rem;color:#767676}.setting-reset-row{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;border-top:1px solid #e7e7e7}.setting-legal-link{color:rgba(0,0,0,.45);font-size:.8rem}.setting-reset{text-transform:capitalize;color:hsl(from #3574f0 h calc(s * .9) calc(l * .8));background-color:rgba(52,54,58,.07);padding:6px 16px;font-size:.825rem;font-weight:550;border-radius:5px;position:relative;overflow:hidden}.setting-reset:hover{background-color:rgba(52,54,58,.11)}.setting-reset .ripple{top:-94%;bottom:auto;padding-top:100%}.material-switch{display:block;width:37px;height:14px;position:relative}.material-switch .track{border-radius:19px;position:absolute;top:0;bottom:0;left:1px;right:1px;background-color:rgba(0,0,0,.26);overflow:hidden;transform:translateZ(0)}.material-switch .track::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#9abaf8;opacity:0;transition:opacity .15s ease-out;transform:translateZ(0)}.material-switch .handle{position:absolute;top:-3px;left:0;width:20px;height:20px;border-radius:20px;background-color:#fafafa;box-shadow:0 1px 3px rgba(0,0,0,.5),inset 0 0 0 2px transparent;overflow:hidden;box-sizing:border-box;transition:transform .15s ease-out;transform:translateZ(0)}.material-switch .handle::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3574f0;opacity:0;transition:opacity .15s ease-out;transform:translateZ(0)}:checked+.material-switch .track::before{opacity:1}:checked+.material-switch .handle{transform:translate3d(17px,0,0)}:checked+.material-switch .handle::before{opacity:1}.floating-action-button{width:40px;height:40px;border-radius:20px;background-color:#fff;color:#000;box-shadow:0 2px 3px rgba(0,0,0,.25);position:relative;cursor:pointer;overflow:hidden;z-index:0;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out}.floating-action-button.key-focused,.floating-action-button:hover{transform:scale(1.15)}.floating-action-button:focus{outline:0}.floating-action-button .icon{display:block;width:24px;height:24px;z-index:1}.floating-action-button .ripple{background-color:#3574f0}.floating-action-button.active{background-color:#3574f0;color:#fff}.floating-action-button.active .ripple{background-color:#fff}.floating-action-button.major-floating-action-button{width:56px;height:56px;border-radius:28px;background-color:#3574f0;color:#fff}.floating-action-button.major-floating-action-button .spinner{position:absolute;top:0;left:0;width:56px;height:56px;border-color:#fff}.floating-action-button.major-floating-action-button .ripple{background-color:#fff}@keyframes container-rotate{to{transform:rotate(360deg)}}@keyframes fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes left-spin{0%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}100%{transform:rotate(130deg)}}@keyframes right-spin{0%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}100%{transform:rotate(-130deg)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.spinner{display:inline-block;position:relative;width:28px;height:28px;border-color:#4285f4}.spinner .circle{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent;border-radius:50%}.spinner .gap-patch{position:absolute;box-sizing:border-box;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.spinner .gap-patch .circle{width:1000%;left:-450%}.spinner .circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.spinner .circle-clipper.left .circle{border-right-color:transparent;transform:rotate(129deg);animation:1333ms cubic-bezier(.4,0,.2,1) infinite both left-spin}.spinner .circle-clipper.right .circle{left:-100%;border-left-color:transparent;transform:rotate(-129deg);animation:1333ms cubic-bezier(.4,0,.2,1) infinite both right-spin}.spinner .circle-clipper .circle{width:200%}.spinner.cooldown{animation:.4s cubic-bezier(.4,0,.2,1) both fade-out}.spinner-container{width:100%;height:100%;border-color:inherit;animation:1568ms linear infinite container-rotate}.spinner-layer{position:absolute;width:100%;height:100%;opacity:1;border-color:inherit;animation:5332ms cubic-bezier(.4,0,.2,1) infinite both fill-unfill-rotate}.toasts{position:absolute;z-index:3;bottom:0;left:0;right:0}.toast{color:#fff;background-color:#323232;padding:14px 29px;display:flex;animation:.5s ease-out fade-in;transition:opacity .3s ease-out}@media (min-width:640px){.floating-action-button{box-shadow:0 4px 11px rgba(0,0,0,.3)}.toasts{bottom:30px;left:30px;right:auto}.toast{min-width:288px;max-width:568px;border-radius:2px}}.toast.hide{opacity:0}.toast .toast-content{margin-right:24px}.toast pre{margin:0}.toast pre code{font-size:.9rem;line-height:1;white-space:pre-wrap;word-wrap:break-word}.toast button{margin:0 0 0 auto;color:#649ff6;text-transform:uppercase;min-width:min-content}.toast button:focus{outline:0;color:#fff}.material-slider{display:block;cursor:pointer;position:relative}.material-slider .track{position:relative;height:2px;background-color:rgba(0,0,0,.26);pointer-events:none}.material-slider .track-on{position:relative;width:0;height:100%;background-color:#3574f0}.material-slider .handle{background-color:#3574f0;width:30px;height:30px;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.45) translateZ(0);display:flex;align-items:center;transition:transform .1s ease-out}.material-slider .arrow{background-color:inherit;width:60%;height:60%;position:absolute;top:14px;left:20%;transform:translateY(-35%) rotate(45deg) translateZ(0);transition:transform .1s ease-out}.material-slider .val{position:relative;color:#fff;text-align:center;width:100%;line-height:1;font-size:.85rem;opacity:0;transition:opacity .1s ease-out;transform:translateZ(0)}.material-slider input[type=range]{cursor:inherit;position:absolute;top:0;left:0;margin:0 0 0 -5px;width:calc(100% + 10px);height:60px;transform:translateY(-50%);opacity:0}.material-slider .active+.track .handle,.material-slider :focus+.track .handle{transform:translate(-50%,-145%) translateZ(0)}.material-slider .active+.track .val,.material-slider :focus+.track .val{opacity:1}.material-slider .active+.track .arrow,.material-slider :focus+.track .arrow{transform:rotate(45deg) translateZ(0)}.drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:3;text-align:center;color:#fff;font-size:17vw;pointer-events:none;display:none;opacity:0;align-items:center;justify-content:center}.drop-overlay.transition{display:flex;transition:opacity .2s ease-out}.drop-overlay.active{display:flex;opacity:1}.empty-state{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#fff;color:rgba(0,0,0,.6);text-align:center;opacity:0}.empty-state.transition{transition:opacity .3s ease-out}.empty-state.active{opacity:1}.empty-state.active~.settings{display:none}.empty-state.active~.output .action-button-container{display:none}.empty-state.active~.output .view-mode-container{display:none}.empty-state-card{max-width:26em}.empty-state-card .icon{width:40px;height:40px;color:#3574f0}.empty-state-card h2{margin:.4em 0 0;font-size:1.3rem;font-weight:400;color:rgba(0,0,0,.8)}.empty-state-card p{margin:.8em 0 0;font-size:.875rem;line-height:1.5}.empty-state-card b{font-weight:500;color:rgba(0,0,0,.8)}.empty-state-card .nowrap{white-space:nowrap}.empty-state-card kbd{padding:.1em .4em;border:1px solid rgba(0,0,0,.2);border-radius:3px;font-size:.8em}.empty-state-note{color:rgba(0,0,0,.45)}.empty-state-legal{margin-bottom:0;font-size:.85rem}.empty-state-legal a{color:rgba(0,0,0,.45)}.svg-output{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.svg-output.transition{transition:opacity .2s ease-in-out}.svg-output.active{opacity:1}.svg-container{position:absolute;top:0;left:0;right:0;bottom:0;transform-origin:0 0;transform:translateZ(0)}.svg-frame{border:none;overflow:hidden;position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%)}.view-mode-container{position:absolute;top:12px;left:12px;z-index:2}.view-mode{-webkit-user-select:none;user-select:none;display:flex;align-items:stretch;border-radius:8px;overflow:hidden;background-color:rgba(0,0,0,.55);color:#fff;font-size:.8rem;line-height:1}.view-mode input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.view-mode-segment{z-index:0;position:relative;display:flex;align-items:center;min-height:32px;padding:0 .9em;white-space:nowrap;cursor:pointer}.view-mode-segment+.view-mode-segment{box-shadow:inset 1px 0 0 rgba(255,255,255,.18)}.view-mode-segment .selected{position:absolute;inset:0;z-index:-1;pointer-events:none}.view-mode-segment :checked+.selected{background-color:rgba(255,255,255,.26)}.view-mode-segment .key-focused+.selected{box-shadow:inset 0 0 0 2px #00bcd4}@media (max-width:639px){.view-mode-container{top:8px;left:8px}.view-mode-segment{min-height:44px;padding:0 1em}}.results{background-color:#2b2d30;color:#fff;padding:12px 16px}.results .decrease{color:#a5f0b5}.results .increase{color:#ffc9c4}@media (min-width:640px){.results{background-color:#fff;color:#000;box-shadow:0 3px 3px rgba(0,0,0,.2);padding:7px 25px 7px 11px;font-size:.9rem;border-radius:2px}.results .decrease{color:green}.results .increase{color:red}}.results .diff{margin-left:.5em}.output-switcher{position:absolute;top:0;left:0;right:0;bottom:0}.code-output{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;color:#a9b7c6;background-color:#2b2b2b}.code-output ::selection{color:inherit;background:rgba(33,66,131,.85)}.code-output{opacity:0;transform:translateZ(0)}.code-output.transition{transition:opacity .2s ease-in-out}.code-output.active{opacity:1}.code-output code{font-size:.9rem;line-height:1.5;display:block;padding:14px;padding-top:60px}@media (min-width:640px){.code-output code{padding:20px 24px;padding-top:56px;margin-bottom:200px}}.code-output pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.render-diff-output{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.render-diff-output.transition{transition:opacity .2s ease-in-out}.render-diff-output.active{opacity:1}.render-diff-output .svg-container{position:absolute;top:0;left:0;right:0;bottom:0;transform-origin:0 0;transform:translateZ(0)}.render-diff-canvas{position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%)}.render-diff-empty{position:absolute;top:50%;left:50%;margin:0;padding:.5em 1em;border-radius:8px;background-color:rgba(0,0,0,.55);color:#fff;font-size:.85rem;pointer-events:none;transform:translate(-50%,-50%)}.markup-diff-output{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#2b2b2b;color:#a9b7c6;opacity:0;transform:translateZ(0)}.markup-diff-output.transition{transition:opacity .2s ease-in-out}.markup-diff-output.active{opacity:1}.markup-diff-notice{margin:0;padding:14px;padding-top:60px;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);font-size:.8rem;line-height:1.5}@media (min-width:640px){.markup-diff-notice{padding:20px 24px;padding-top:56px}}@media (min-width:900px){.code-output{width:100vw}.code-output code{font-size:1rem;padding:30px;padding-right:400px;padding-top:56px}.markup-diff-output{width:100vw}.markup-diff-notice{padding:30px;padding-right:400px;padding-top:56px}}.markup-diff-rows{padding:14px 0;font-family:JetBrainsMonoNL,monospace;font-size:.9rem;line-height:1.5}@media (min-width:640px){.markup-diff-rows{padding-bottom:200px}}.markup-diff-row{display:flex;gap:.75em;padding:0 14px}@media (min-width:640px){.markup-diff-row{padding:0 24px}}@media (min-width:900px){.markup-diff-rows{font-size:1rem}.markup-diff-row{padding:0 400px 0 30px}}.markup-diff-gutter{flex:none;width:1ch;color:rgba(255,255,255,.45);white-space:pre}.markup-diff-line{white-space:pre-wrap;word-wrap:break-word}.markup-diff-add{background-color:rgba(87,166,74,.22)}.markup-diff-add .markup-diff-gutter{color:#7ec87e}.markup-diff-remove{background-color:rgba(204,87,87,.22)}.markup-diff-remove .markup-diff-gutter{color:#e08c8c}.markup-diff-skip{color:rgba(255,255,255,.4);font-style:italic}.markup-diff-state{margin:0;padding:14px;color:rgba(255,255,255,.55);font-family:system-ui,sans-serif}@media (min-width:640px){.markup-diff-state{padding:20px 24px}}.token.cdata,.token.comment,.token.prolog{color:grey}.token.atrule,.token.boolean,.token.delimiter,.token.important,.token.keyword,.token.selector{color:#cc7832}.token.attr-name,.token.operator,.token.punctuation{color:#a9b7c6}.token.builtin,.token.doctype,.token.tag,.token.tag .punctuation{color:#e8bf6a}.token.entity,.token.number,.token.symbol{color:#6897bb}.token.constant,.token.property,.token.variable{color:#9876aa}.token.char,.token.string{color:#6a8759}.token.attr-value,.token.attr-value .punctuation{color:#a5c261}.token.attr-value .punctuation:first-child{color:#a9b7c6}.token.url{color:#287bde;text-decoration:underline}.token.function{color:#ffc66d}.token.regex{background:#364135}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.inserted{background:#294436}.token.deleted{background:#484a4a}.namespace{opacity:.7}.language-css .token.property,.language-css .token.property+.punctuation{color:#a9b7c6}.language-css .token.id,.language-css .token.selector>.attribute,.language-css .token.selector>.class,.language-css .token.selector>.pseudo-class,.language-css .token.selector>.pseudo-element{color:#ffc66d}@keyframes ripple-pop{0%{transform:scale(0);opacity:1}20%{opacity:1}100%{transform:scale(1);opacity:0}}.ripple{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background-color:rgba(100,159,246,.3137254902);border-radius:100%;opacity:0;pointer-events:none;display:block}.ripple.animate{animation:.5s cubic-bezier(.23,1,.32,1) ripple-pop}/*# sourceMappingURL=all.css.map */