.bg-dark{background-color:rgba(0,0,0,.7)}.app-output{height:100%;overflow:hidden;display:flex;flex-flow:column}.settings{flex:.9 1 0;overflow:hidden}@media(min-width:640px){.settings{flex:none;width:21.1em}}.main{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}}.toolbar{z-index:2}.setting{z-index:1}.settings,.toolbar{box-shadow:0 0 11px rgba(0,0,0,.4)}.toolbar{transform:translateY(-110%)}.toolbar.transition{transition:transform .2s ease-out}.toolbar.active{transform:translateZ(0)}.settings{transform:translateY(110%)}@media(min-width:640px){.settings,.toolbar{box-shadow:0 4px 11px rgba(0,0,0,.3)}.settings{transform:translateX(115%)}}.settings.transition{transition:transform .3s ease-out .05s}@media(min-width:640px)and (max-width:900px){.settings.transition{transition:transform .3s ease-out .2s}}.settings.active{transform:translateZ(0)}.action-button-container{transform:translateX(168px)}@media(min-width:640px){.action-button-container{transform:translateY(188px)}}.action-button-container.transition{transition:transform .2s ease-out .2s}@media(min-width:640px)and (max-width:900px){.action-button-container.transition{transition:transform .2s ease-out .4s}}.action-button-container.active{transform:translateZ(0)}.output-switcher{opacity:0}.output-switcher.transition{transition:opacity .5s ease-out .5s}@media(min-width:640px)and (max-width:900px){.output-switcher.transition{transition:opacity .5s ease-out .6s}}.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:0 16px;height:51px;display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:19px}.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 #2c2c2c}.setting-item-range{padding:10px 16px 20px;display:flex;flex-flow:column;justify-content:center}.setting-item-range .label-text{margin-bottom:.7em}.settings>section:not(:first-child){border-top:1px solid #e7e7e7}.settings-sub-heading{margin:0;padding:12px 16px 16px;font-weight:600;font-size:1rem;color:#767676}.setting-reset-row{padding:12px 16px 16px;text-align:right}.setting-reset{text-transform:uppercase;color:#fff;background-color:#2c2c2c;padding:9px 14px;font-size:.9rem;border-radius:5px;position:relative;overflow:hidden}.setting-reset .ripple{top:-94%;bottom:auto;padding-top:100%}.settings-info{font-size:.9rem;color:#666;line-height:1.5;margin:-8px 16px 12px}.settings-controls{transform:scale(.85);transform-origin:top left}.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:#858585;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:#2c2c2c;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}.toolbar{background-color:#2c2c2c;color:#fff;display:flex;align-items:center}.menu-toolbar-item button{padding:10px 12px}.menu-toolbar-item svg{width:24px;height:24px;fill:#fff}.floating-action-button{width:40px;height:40px;border-radius:20px;background-color:#fff;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;fill:#000;z-index:1}.floating-action-button .ripple{background-color:#ff8000}.floating-action-button.active{background-color:#ff8000;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:#ff8000}.floating-action-button.major-floating-action-button .icon{fill:#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)}to{transform:rotate(1080deg)}}@keyframes left-spin{from{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@keyframes right-spin{from{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{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:#00bcd4;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:#2c2c2c}.material-slider .handle{background-color:#2c2c2c;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}.changelog{font-size:.9rem;color:#767676;padding:12px 16px;opacity:0}.changelog.transition{transition:opacity .2s ease-out}.changelog.active{opacity:1}.changelog h1{font-size:.9rem;margin:0;padding:0;font-weight:400}.changelog li{display:flex;margin:.7em 0;line-height:1.5}.changelog li::before{content:"-";margin:0 1em 0 0}.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%)}.material-tabs{-webkit-user-select:none;user-select:none;display:flex;align-self:stretch;text-transform:uppercase;overflow:hidden;position:relative;line-height:1;font-size:.9rem}.material-tabs input{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.material-tab{display:flex;align-items:center;padding:0 24px;cursor:pointer;position:relative}.material-tab .selected{position:absolute;bottom:0;left:0;right:0;top:0;border-bottom:2px solid transparent}.material-tab :checked+.selected,.material-tab :focus+.selected{border-color:#ff8000}.material-tab :focus+.selected{background-color:rgba(255,255,255,.1)}.results{background-color:#3f51b5;color:#fff;padding:12px 16px}@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}.code-output code{margin-bottom:200px}}.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:#f8f8f2;background-color:rgba(0,0,0,.8);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}@media(min-width:900px){.code-output{width:100vw}.code-output code{font-size:1rem;padding-right:380px}}.code-output pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}code[class*=language-],pre[class*=language-]{color:#fff!important;background:0 0!important}.token{color:#fff!important}@keyframes ripple-pop{from{transform:scale(0);opacity:1}20%{opacity:1}to{transform:scale(1);opacity:0}}.ripple{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background-color:#00bcd4;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 */