@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;font-stretch:100%;src:url("fonts/code-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;font-stretch:100%;src:url("fonts/code-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;font-stretch:100%;src:url("fonts/code-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body,html{margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{min-height:100%;overflow-x:hidden;overflow-y:auto}html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;font-size:1rem;line-height:1.3;-webkit-tap-highlight-color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath d='M1 2V0h1v1H0v1z' fill-opacity='.05'/%3E%3C/svg%3E") 0 0/16px 16px #f2f2f2;transition:background-color .2s ease-in-out}code,kbd,pre,samp,tt{font-family:Inconsolata,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}button::-moz-focus-inner,textarea::-moz-focus-inner{border:0;padding:0}.unbutton{display:inline-block;background-color:rgba(0,0,0,0);border:none;padding:0;margin:0;font:inherit;cursor:pointer;white-space:nowrap}.bg-dark{background-color:rgba(0,0,0,.7)}.app-output{position:relative;flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-flow:column}.settings{flex:.9 1 0;min-height:0;overflow:hidden;z-index:1}@media(min-width:640px){.settings{position:absolute;top:0;right:0;bottom:0;width:var(--settings-panel-width);flex:none}}@media(min-width:900px){.settings{top:var(--settings-panel-edge-gap);right:var(--settings-panel-edge-gap);bottom:var(--settings-panel-edge-gap);width:var(--settings-panel-width);border-radius:2px;border:1px solid #d7d7d7}}.main{flex:1 1 0;min-height:0;position:relative;display:flex;flex-flow:column;overflow:hidden}@media(min-width:640px){.main{flex-flow:row}}.output{flex:1 1 0;min-height:0;position:relative;overflow:hidden}@media(min-width:640px){.output{position:absolute;inset:0;flex:none;width:auto;height:auto}}.action-button-container{position:absolute;z-index:2;bottom:var(--settings-panel-bottom-gap);right:13px;display:flex;align-items:center}.action-button-container .minor-action-container{display:flex;flex-flow:row nowrap;align-items:center}.action-button-container .minor-action-container .download-png-control,.action-button-container .minor-action-container .floating-action-button{margin-right:10px}@media(min-width:640px){.action-button-container{right:calc(var(--settings-panel-width) + 16px)}.action-button-container .results-container{margin-right:-17px}}@media(min-width:640px)and (min-width:900px){.action-button-container{right:calc(var(--settings-panel-width) + var(--settings-panel-edge-gap) + 16px)}}.toolbar,.toolbar-extra{z-index:2}.setting{z-index:1}.settings,.toolbar:not(.toolbar-site){box-shadow:0 0 11px rgba(0,0,0,.4)}.settings{transform:translateY(110%)}@media(min-width:640px){.action-button-container .minor-action-container{flex-flow:column nowrap;align-items:flex-end;position:absolute;bottom:58px;right:8px}.action-button-container .minor-action-container .download-png-control,.action-button-container .minor-action-container .floating-action-button{margin-bottom:10px;margin-right:0}.settings,.toolbar:not(.toolbar-site){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(calc(100% + 32px))}@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:none}.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;min-height:0;transform:translateZ(0);padding-bottom:calc(var(--settings-panel-edge-gap) + 16px)}.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 #3f51b5}.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:400;font-size:.9rem;color:#767676}.setting-reset-row{padding:12px 16px 16px;text-align:right}.setting-reset{text-transform:uppercase;color:#fff;background-color:#3f51b5;padding:9px 14px;font-size:.9rem;border-radius:5px;position:relative;overflow:hidden}.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:#9fa8da;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:#3f51b5;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:rgba(0,0,0,0);color:#fff;display:flex;align-items:stretch;gap:.25rem;min-height:var(--site-toolbar-height,52px);box-sizing:border-box}.toolbar-brand{display:flex;align-items:stretch;gap:12px;padding:0 12px 0 0;flex:none;color:inherit}.toolbar-brand-logo{display:block;flex:none;color:inherit;text-decoration:none}.toolbar-brand-logo:focus,.toolbar-brand-logo:hover{outline:0;background-color:var(--toolbar-nav-hover)}.toolbar-brand-logo .logo{width:var(--site-toolbar-height,52px);height:var(--site-toolbar-height,52px);display:block}.toolbar-brand-copy{display:flex;flex-direction:column;justify-content:center;gap:.15rem;padding:0;min-width:0}.toolbar-brand-title{font-size:.98rem;font-weight:600;letter-spacing:.01em;line-height:1.15;white-space:nowrap;color:inherit;text-decoration:none;border-radius:6px;padding:.15rem .35rem;margin:-.15rem -.35rem;transition:color .15s}.toolbar-brand-title:focus,.toolbar-brand-title:hover{outline:0;text-decoration:none;color:#fff}.toolbar-brand-meta{margin:0;font-size:.68rem;line-height:1.2;color:var(--toolbar-brand-meta);white-space:nowrap}.toolbar-brand-meta a:link,.toolbar-brand-meta a:visited{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}.toolbar-brand-meta a:focus,.toolbar-brand-meta a:hover{color:#fff;border-bottom-color:rgba(0,188,212,.8)}@media(max-width:479px){.toolbar-brand-copy{display:none}}.toolbar-site .toolbar-nav-divider{flex:none;align-self:stretch;width:1px;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.22) 50%,transparent 100%)}.toolbar-site .toolbar-nav.material-tabs{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:stretch;font-size:.8125rem;font-weight:700;gap:8px;padding:0 4px}.toolbar-site .toolbar-nav.material-tabs::-webkit-scrollbar{display:none;height:0}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action{padding:0 1em;box-sizing:border-box;align-self:stretch;gap:.45rem;cursor:pointer}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link .icon,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action .icon{width:20px;height:20px;flex:none;fill:#fff;color:#fff}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action .toolbar-action-text{color:var(--toolbar-label-muted);transition:color .15s}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link:focus-visible .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.material-tab-link:focus-within .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.material-tab-link:hover .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action:focus-visible .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action:focus-within .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action:hover .toolbar-action-text{color:var(--toolbar-label-hover)}.toolbar-site .toolbar-nav.material-tabs .material-tab-link.is-active .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.is-active .toolbar-action-text{color:#fff}.toolbar-site .toolbar-nav.material-tabs>.toolbar-action::before{content:"";position:absolute;top:var(--toolbar-pill-inset-y);bottom:var(--toolbar-pill-inset-y);left:var(--toolbar-pill-inset-x);right:var(--toolbar-pill-inset-x);border-radius:var(--toolbar-pill-radius);z-index:-1;pointer-events:none;transition:background-color .15s}.toolbar-site .toolbar-nav.material-tabs .material-tab-link .selected{position:absolute;top:var(--toolbar-pill-inset-y);bottom:var(--toolbar-pill-inset-y);left:var(--toolbar-pill-inset-x);right:var(--toolbar-pill-inset-x);border-radius:var(--toolbar-pill-radius);z-index:-1;pointer-events:none;background-color:rgba(0,0,0,0);transition:background-color .15s}.toolbar-site .toolbar-nav.material-tabs .material-tab-link:focus-visible .selected,.toolbar-site .toolbar-nav.material-tabs .material-tab-link:hover .selected,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action:focus-visible::before,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action:hover::before{background-color:var(--toolbar-nav-hover)}.toolbar-site .toolbar-nav.material-tabs .material-tab-link.is-active .selected,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.is-active::before{inset:0;border-radius:0;background-color:var(--toolbar-nav-active)}.toolbar-site .toolbar-nav.material-tabs .material-tab-link.is-active:focus-visible .selected,.toolbar-site .toolbar-nav.material-tabs .material-tab-link.is-active:hover .selected,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.is-active:focus-visible::before,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.is-active:hover::before{background-color:var(--toolbar-nav-active-hover)}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action{font-weight:500}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action .icon{display:none}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action::before{display:none}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action .toolbar-action-text{color:var(--toolbar-label-muted);transition:color .15s}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action:focus-visible .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action:hover .toolbar-action-text{color:var(--toolbar-label-hover);text-decoration:underline}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action.is-active .toolbar-action-text{color:#fff}@media(max-width:719px){.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action{padding:0 10px}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action .icon{display:block}.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action:focus-visible .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.material-tab-link.toolbar-action:hover .toolbar-action-text{text-decoration:none}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .toolbar-action-text{display:none}}.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file:focus-visible .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file:hover .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.toolbar-paste:focus-within .toolbar-action-text,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.toolbar-paste:hover .toolbar-action-text{color:#fff}.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file{color:var(--toolbar-label-muted)}.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file .icon{fill:#fff;color:#fff}.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file .toolbar-action-text{color:inherit;font-weight:700}.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file::before{background-color:rgba(255,255,255,.08)}.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file:focus-visible::before,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action.load-file:hover::before{background-color:rgba(255,255,255,.16)}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler{align-self:center;margin:0 4px;border-radius:var(--toolbar-pill-radius);background-color:rgba(255,255,255,.08);overflow:hidden}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab{align-self:stretch;padding:6px 14px;gap:.45rem;color:var(--toolbar-label-muted);transition:color .15s;isolation:isolate}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab+.material-tab{box-shadow:inset 1px 0 0 rgba(255,255,255,.14)}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab .icon{width:20px;height:20px;flex:none;fill:currentColor;color:currentColor}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab .toolbar-action-text{color:inherit}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab .selected{inset:0;border-radius:0;background-color:rgba(0,0,0,0);z-index:-1;transition:background-color .15s}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab:has(input:checked){color:#fff}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab:has(input:checked) .selected{background-color:rgba(0,0,0,.38)}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab:focus-within:not(:has(input:checked)),.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab:hover:not(:has(input:checked)){color:var(--toolbar-label-hover)}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab:focus-within:not(:has(input:checked)) .selected,.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler .material-tab:hover:not(:has(input:checked)) .selected{background-color:var(--toolbar-nav-hover)}.toolbar-site .toolbar-nav.material-tabs .toolbar-view-toggler--disabled{opacity:.45;cursor:not-allowed;pointer-events:none;user-select:none}.toolbar-output-nav{display:flex;align-self:stretch;align-items:stretch;flex:none}.toolbar-output-nav[hidden]{display:none}.toolbar-view-toggler{display:flex;align-self:stretch}.toolbar-site .toolbar-nav>.toolbar-action{position:relative;z-index:0;display:flex;align-items:center;gap:.45rem;flex:none;white-space:nowrap;color:inherit;margin:0}.toolbar-site .toolbar-nav>.toolbar-action:link,.toolbar-site .toolbar-nav>.toolbar-action:visited{text-decoration:none}.toolbar-site .toolbar-nav>.toolbar-action:focus,.toolbar-site .toolbar-nav>.toolbar-action:hover{outline:0;background-color:rgba(0,0,0,0)}.toolbar-site .toolbar-nav>.material-tab-link:focus{outline:0}@media(max-width:719px){.toolbar-action-text{display:none}}.toolbar-paste{cursor:pointer}.toolbar-paste .input-area{position:relative;display:flex;align-items:center;gap:.45rem;min-height:20px}.toolbar-paste .label-txt{position:static;line-height:20px}.toolbar-paste textarea{position:absolute;left:0;right:0;top:50%;display:block;font:inherit;border:none;background-color:rgba(0,0,0,0);padding:0;margin:0;opacity:0;cursor:inherit;resize:none;width:100%;height:20px;line-height:20px;color:#fff;caret-color:#fff;overflow:hidden;border-radius:0;transform:translateY(-50%)}.toolbar-paste textarea::placeholder{color:var(--toolbar-label-muted)}.toolbar-paste textarea:focus{outline:0;opacity:1;z-index:1;color:#fff;background-color:rgba(0,0,0,0)}.toolbar-paste textarea:focus+.label-txt{opacity:0;pointer-events:none}.load-file-input{display:none}.toolbar-extra{flex:none;height:0;min-height:0;overflow:visible;position:relative;z-index:5}:root{--site-ui-font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--site-toolbar-height:52px;--toolbar-bg-base:#3f51b5;--toolbar-nav-hover:rgba(255, 255, 255, 0.08);--toolbar-nav-active:rgba(255, 255, 255, 0.2);--toolbar-nav-active-hover:rgba(255, 255, 255, 0.3);--toolbar-nav-muted:rgba(255, 255, 255, 0.78);--toolbar-label-muted:#fff;--toolbar-label-hover:#fff;--toolbar-brand-meta:rgba(255, 255, 255, 0.55);--toolbar-nav-accent:#4dd0e1;--toolbar-pill-inset-y:10px;--toolbar-pill-inset-x:0;--toolbar-pill-radius:8px}body.site-with-toolbar{display:flex;flex-direction:column;min-height:100vh}body.site-with-toolbar:not(.learn-page){height:100vh;height:100dvh;overflow:hidden}body.site-with-toolbar:not(.learn-page) .toolbar-site{position:fixed;top:0;left:0;right:0;z-index:4}body.site-with-toolbar:not(.learn-page) .toolbar-extra{position:fixed;top:var(--site-toolbar-height);left:0;right:0;height:0;min-height:0;overflow:visible;z-index:5}body.site-with-toolbar:not(.learn-page) .app-output{position:fixed;top:var(--site-toolbar-height);left:0;right:0;bottom:var(--mv-adhesion-height);flex:none;width:100%;height:auto;min-height:0}.toolbar-site{flex:none;position:sticky;top:0;z-index:4;transform:translateZ(0);min-height:var(--site-toolbar-height);max-width:100%;box-sizing:border-box;isolation:isolate;overflow-x:clip;font-family:var(--site-ui-font-family);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;background-color:var(--toolbar-bg-base);background-image:linear-gradient(128deg,#3648a8 0,#3949ab 28%,#3f51b5 60%,#4a5fc7 100%);box-shadow:0 10px 24px -6px rgba(0,0,0,.55)}body.site-with-toolbar.learn-page .learn-page-main{flex:1 1 auto;display:flex;flex-direction:column}body.site-with-toolbar.learn-page .learn-page-inner{flex:1 1 auto}.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.is-disabled,.floating-action-button:disabled{cursor:default;opacity:.45;pointer-events:none}.floating-action-button .icon{display:block;width:24px;height:24px;fill:#000;z-index:1}.floating-action-button .ripple{background-color:#00bcd4}.floating-action-button.active{background-color:#00bcd4;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:#00bcd4}.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}.download-png-control{position:relative;flex-shrink:0;width:40px;height:40px}.download-png-control.is-disabled{opacity:.45;pointer-events:none}.download-png-control-label{position:absolute;bottom:calc(100% + .65rem);left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:600;letter-spacing:.04em;line-height:1;color:#000;white-space:nowrap;user-select:none;pointer-events:none}.download-png-control .floating-action-button--png-download{flex-shrink:0}@media(min-width:640px){.floating-action-button{box-shadow:0 4px 11px rgba(0,0,0,.3)}.download-png-control-label{bottom:auto;left:auto;right:calc(100% + .65rem);top:50%;transform:translateY(-50%)}}@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){.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:#3f51b5}.material-slider .handle{background-color:#3f51b5;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;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)}.view-toggler{display:flex;align-self:stretch}.material-tab-link:link,.material-tab-link:visited{color:inherit;text-decoration:none}.material-tab{display:flex;align-items:center;padding:0 24px;cursor:pointer;position:relative}.material-tab .selected{position:absolute;inset:0}.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;inset:0}.code-output{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;color:#f8f8f2;background-color:#12141c;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}.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}@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}:root{--mv-adhesion-height:0px;--settings-panel-width:21.1em;--settings-panel-edge-gap:12px;--settings-panel-bottom-gap:var(--settings-panel-edge-gap)}@media(max-width:639px){.toolbar-site .toolbar-nav.material-tabs>.material-tab-link,.toolbar-site .toolbar-nav.material-tabs>.toolbar-action{padding:0 10px;font-size:.72rem}:root{--mv-adhesion-height:90px}}@media(min-width:640px){:root{--mv-adhesion-height:90px;--settings-panel-edge-gap:0px;--settings-panel-bottom-gap:0px}}@media(min-width:900px){.code-output{width:100vw}.code-output code{font-size:1rem;padding-right:380px}:root{--settings-panel-edge-gap:30px;--settings-panel-bottom-gap:var(--settings-panel-edge-gap)}}.app-output{box-sizing:border-box}.learn-more{background-color:#fff;color:#333;line-height:1.6}.learn-page .learn-more{border-top:none}.learn-more-inner{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 3rem}@media(min-width:640px){.learn-more-inner{padding:2.5rem 2rem 4rem}}.learn-more-header{margin-bottom:2rem}.learn-more-header .learn-more-back{margin:0 0 .5rem;font-size:.9rem}.learn-more-header .learn-more-back a{display:inline-flex;align-items:center;gap:.35rem;color:#303f9f;text-decoration:none;font-weight:500}.learn-more-header .learn-more-back a .icon-arrow-up{width:1.25rem;height:1.25rem;fill:currentcolor;flex:none}.learn-more-header .learn-more-back a:focus,.learn-more-header .learn-more-back a:hover{text-decoration:underline}.learn-more-header .learn-more-back a:focus{outline:#303f9f solid 2px;outline-offset:2px}.learn-more-header h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.25;color:#212121}.learn-more-header p{margin:0;color:#555}.learn-more section{margin-bottom:2rem}.learn-more section:last-child{margin-bottom:0}.learn-more section h3{margin:0 0 .75rem;font-size:1.15rem;font-weight:600;color:#303f9f}.learn-more section p{margin:0 0 .75rem}.learn-more section p:last-child{margin-bottom:0}.learn-more section ol,.learn-more section ul{margin:0 0 .75rem;padding-left:1.25rem}.learn-more section li{margin-bottom:.35rem}.learn-more section a{color:#303f9f}.learn-more section code{font-size:.9em;background-color:#f3f3f3;padding:.1em .35em;border-radius:3px}.learn-more dl{margin:0}.learn-more dl dt{font-weight:600;margin-top:.75rem}.learn-more dl dt:first-child{margin-top:0}.learn-more dl dd{margin:.25rem 0 0;color:#555}.learn-more-faq dl dt{color:#212121}.learn-page{font-family:var(--site-ui-font-family);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;background:#fff;color:#333;line-height:1.6}.learn-page-main{padding:0}.learn-page-inner{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 4rem}@media(min-width:640px){.learn-page-inner{padding:2.5rem 2rem 5rem}}.learn-page-breadcrumb{margin:0 0 .75rem;font-size:.9rem}.learn-page-breadcrumb a{color:#303f9f;text-decoration:none}.learn-page-breadcrumb a:focus,.learn-page-breadcrumb a:hover{text-decoration:underline}.learn-page-article-header{margin-bottom:2rem}.learn-page-article-header h1{margin:0 0 .75rem;font-size:1.65rem;font-weight:600;line-height:1.25;color:#212121}.learn-page-plugin-id{font-weight:400;font-size:.85em;color:#555}.learn-page-plugin-id code{font-size:.95em}.learn-page-lead{margin:0;font-size:1.05rem;color:#444}.learn-page-main section{margin-bottom:1.75rem}.learn-page-main section h2{margin:0 0 .65rem;font-size:1.15rem;font-weight:600;color:#303f9f}.learn-page-main section ol,.learn-page-main section p{margin:0 0 .75rem}.learn-page-main section ol{padding-left:1.25rem}.learn-page-main section li{margin-bottom:.35rem}.learn-page-main section a{color:#303f9f}.learn-page-main section code{font-size:.9em;background-color:#f3f3f3;padding:.1em .35em;border-radius:3px}.learn-page-plugin-list{margin:0;padding:0;list-style:none}.learn-page-plugin-list li{margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid #eee}.learn-page-plugin-list a{text-decoration:none}.learn-page-plugin-list a:focus,.learn-page-plugin-list a:hover{text-decoration:underline}.learn-page-plugin-list-compact li{display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:baseline}.learn-page-plugin-list-compact code{font-size:.8rem;color:#666}.learn-page-related ul{margin:0;padding-left:1.25rem}.learn-page-cluster-list,.learn-page-topic-list{margin:0;padding:0;list-style:none}.learn-page-cluster-list li,.learn-page-topic-list li{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.learn-page-cluster-list li:last-child,.learn-page-topic-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.learn-page-cluster-list p,.learn-page-topic-list p{margin:.35rem 0 0;font-size:.95rem;color:#555}.learn-page-cluster-list a,.learn-page-topic-list a{text-decoration:none}.learn-page-cluster-list a:focus,.learn-page-cluster-list a:hover,.learn-page-topic-list a:focus,.learn-page-topic-list a:hover{text-decoration:underline}.learn-page-cluster-summary{margin:.35rem 0 0;font-size:.95rem;color:#555}.learn-more-header .learn-page-breadcrumb{margin-bottom:.75rem}
/*# sourceMappingURL=all.css.map */