html{background-color:var(--console-page-bg)}body{color:var(--console-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;line-height:1.5}a{color:var(--console-link-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin-top:0;margin-bottom:.4375rem;line-height:1.25}h1{margin:0;font-size:24px;font-weight:500}h2{font-weight:600}h3{font-size:16px;font-weight:600}h4{margin-bottom:.3rem;font-size:.875rem;font-weight:600}p{margin:0 0 1em}ul,ol,dl{margin-top:0;margin-bottom:.875rem}code{font-family:SFMono-Regular,Menlo,Inconsolata,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}button,input,optgroup,select,textarea{line-height:1.15}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;white-space:normal;max-width:100%;display:table}
.react-select{width:100%}.react-select>.react-select__control{border:1px solid #d9dbdf;border-radius:5px;height:42px;min-height:42px;font-size:16px}@media screen and (min-width:768px){.react-select>.react-select__control{height:36px;min-height:36px;font-size:14px}}.react-select>.react-select__control.react-select__control--menu-is-open,.react-select>.react-select__control.react-select__control--is-focused{border-color:#659af0;outline:none;box-shadow:0 0 0 1px #659af0}.react-select>.react-select__control:hover{box-shadow:none;cursor:pointer;border-color:#d9dbdf;outline:none}.react-select .react-select__indicator-separator{display:none}.react-select .react-select__indicator{color:#b8b9c2;padding:7px 8px}.react-select .react-select__indicator svg{width:16px;height:16px}.react-select .react-select__control--is-focused .react-select__indicator,.react-select .react-select__control--menu-is-open .react-select__indicator{color:#838588}.react-select .react-select__group .react-select__option{padding-left:25px}.react-select__option{padding:8px 12px}.react-select--secondary .react-select__control{background-color:#f3f4f5;border-color:#f3f4f5}.react-select--secondary .react-select__control:focus{box-shadow:none;background-color:#e8eaee;border-color:#e8eaee;outline:none}.react-select--secondary .react-select__control:hover{border-color:#f3f4f5}.react-select--secondary .react-select__control--menu-is-open{background-color:#e8eaee!important;border-color:#0000!important}.react-select--secondary .react-select__control--is-focused{box-shadow:none!important;border-color:#0000!important}.react-select--compact .react-select__control{font-size:14px}@media screen and (min-width:768px){.react-select--compact .react-select__control{border-color:#e8eaee;height:32px;min-height:32px;font-size:12px}.react-select--compact .react-select__indicator svg{width:14px;height:14px}}.react-select--compact .react-select__value-container{padding-left:6px}.react-select--compact .react-select__indicator{padding:0 6px}.react-select--compact .react-select__indicator-separator{display:none}@media screen and (min-width:768px){.horizontal-form .react-select{flex:none;width:67%}.horizontal-form--wide-labels .react-select{width:60%}.horizontal-form--narrow-labels .react-select{width:80%}}
.FilePreview{font-size:12px;line-height:1.3}.FilePreview-item{max-width:100%;height:auto;max-height:511px;display:block;position:relative}.FilePreview-item img{max-width:100%;height:auto}.FilePreview-item--video{min-height:100px;margin-bottom:0}.FilePreview-itemInner{display:inline-block;position:relative}.FilePreview-itemInlineBlock{display:inline-block}.FilePreview-image{max-width:100%;height:auto;max-height:inherit;display:inline-block}.FilePreview-filename{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin-top:10px;font-weight:500;display:inline-block}.FilePreview-details{color:#7f7f7f;margin-top:4px}.FilePreview-details--darker{color:#666}.FilePreview-notice{color:#7f7f7f;margin:20px 0 0;font-size:14px}.FilePreview-code{background:0 0;border:none;border-radius:0;padding:0}.FilePreview .plyr{min-width:140px}.FilePreview .plyr--audio .plyr__controls{border-color:#eee;border-radius:4px}.FilePreviewContainer--hasManyFiles{margin-bottom:-25px;margin-right:-15px;font-size:0}@media screen and (min-width:550px){.FilePreviewContainer--hasManyFiles{margin-right:-20px}}.FilePreviewContainer--hasManyFiles .FilePreview{vertical-align:top;margin-bottom:25px;padding-right:15px;display:inline-block}@media screen and (min-width:550px){.FilePreviewContainer--hasManyFiles .FilePreview{padding-right:20px}}.FilePreviewContainer--2 .FilePreview,.FilePreviewContainer--3 .FilePreview{max-width:50%}@media screen and (min-width:480px){.FilePreviewContainer--3 .FilePreview{max-width:33.3%}}.FilePreviewContainer--4 .FilePreview{width:50%}@media screen and (min-width:480px){.FilePreviewContainer--4 .FilePreview{width:33.3%}}@media screen and (min-width:768px){.FilePreviewContainer--4 .FilePreview{width:25%}}.FilePreviewContainer--2 .FilePreview-item{max-height:300px}.FilePreviewContainer--3 .FilePreview-item,.FilePreviewContainer--4 .FilePreview-item{max-height:250px}.FilePreview-addon{color:#ffffffe6;text-shadow:0 1px 1px #00000040;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.FilePreview-addon span{white-space:nowrap}.FilePreview-addon--horizontal-side,.FilePreview-addon--vertical-side300px,.FilePreview-addon--vertical-side100px{text-align:center;flex-direction:row;height:16px}.FilePreview-addon--horizontal-side:before,.FilePreview-addon--horizontal-side:after,.FilePreview-addon--vertical-side300px:before,.FilePreview-addon--vertical-side300px:after,.FilePreview-addon--vertical-side100px:before,.FilePreview-addon--vertical-side100px:after{content:"";border-top:1px dashed #fff6;flex:1;margin:auto}.FilePreview-addon--horizontal-side span,.FilePreview-addon--vertical-side300px span,.FilePreview-addon--vertical-side100px span{margin:0 .5em}.FilePreview-addon--horizontal-side{top:5px;left:0;right:0}.FilePreview-addon--vertical-side300px,.FilePreview-addon--vertical-side100px{margin-top:-8px;top:50%;transform:rotate(-90deg)}.FilePreview-addon--vertical-side300px{width:300px;left:-136px}.FilePreview-addon--vertical-side100px{width:100px;left:-36px}.FilePreview-addon--crop,.FilePreview-addon--fillcrop{opacity:.8;background:#00000026;border:1px dashed #fff;display:block}.FilePreview-addon--crop100x100center{width:25%;top:33.3333%;left:37.5%}.FilePreview-addon--crop100x100center:after{content:"";padding-top:100%;display:block}@media screen and (min-width:600px){.FilePreview-addon--crop100x100center{width:100px;height:100px;margin-top:-50px;margin-left:-50px;padding-top:0;top:50%;left:50%}}.FilePreview-addon--fillcrop300{width:75%;top:0;left:12.5%}.FilePreview-addon--fillcrop300:after{content:"";padding-top:100%;display:block}@media screen and (min-width:600px){.FilePreview-addon--fillcrop300{width:300px;height:300px;margin-left:-150px;padding-top:0;left:50%}}.FilePreview-item--icon{filter:drop-shadow(0 1px 1.5px #0000001f);border-radius:3px;max-width:107px;position:relative}.FilePreview-item--icon:before{content:"";z-index:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA5CAQAAAA42Hu9AAABUUlEQVR42r3QO25UQRQE0NM1b7BlywESITEhe4BZBQErYh3sAhyxAFKWQM7HyMw00jxNR2R+fat0k06OqoGmyeMb05MLJsv9fLAZXP/Dw8G9iVm0CwfXn+eCAU2zYwWPh/lcBOD20zwwjO80HwyAxnwwA2vMB4OR+WCoBEMlGCrBUAmGSjBUgqESDJVgqARDJRgqwVAJhkowVIKhEgyVYKgEQyUYKsFQCYZKMFSCoRIMlWCoBEMlGCrBUAmGSjBUgqESDJVgqARDJRgj/ed8MOhrH78xGwys5PePULFwce3u7sWvL31afgywWVy59fzD65ng77c0NBGLvf3Ns6/vX767epUbE/JwWLkmdnb2FouIaJ6ejtO5f9cu4xHoTiLCxmDX2YGGduHOPZ5vs17IHaCtuj7A08bYUXdqYCw817iNMoaMdYCxceuedHT/TZtU/wDbO8+HAG22jgAAAABJRU5ErkJggg==) 0 0/28px 29px no-repeat;width:28px;height:29px;display:block;position:absolute;top:0;right:-1px}.FilePreview-item--icon:after{content:attr(data-extension);text-align:center;color:#00000073;text-transform:uppercase;text-shadow:-1px -1px #ffffffbf,1px -1px #ffffffbf,-1px 1px #ffffffbf,1px 1px #ffffffbf;font-size:15px;font-weight:500;display:block;position:absolute;bottom:10px;left:0;right:0}.FilePreview-thumb{clip-path:polygon(0 0,calc(100% - 25px) 0,calc(100% - 18px) 18px,100% 25px,100% 100%,0 100%);background-color:#fff;border-radius:3px;display:block}.FilePreview-item--audio .WaveformBox{display:flex}.FilePreview-item--audio .WaveformBox .Waveform{width:calc(100% - 48px);height:48px}
.address-bar{background-color:#f5f7f9;border-radius:8px;margin:1em 0 2em;padding:10px}.address-bar__inner{background-color:#fff;border:1px solid #dde2e8;border-radius:5px;padding:8px 12px 9px;font-size:13px;line-height:1.4;box-shadow:0 1px 3px #00000008}@media screen and (min-width:768px){.address-bar__inner{font-size:14px}}.address-bar__icon{width:8px;height:auto;margin-right:5px;display:inline-block}@media screen and (min-width:768px){.address-bar__icon{width:10px;margin-right:7px}}.address-bar__url--pale{color:#767676}.urltransform-app{color:#a526a4}.urltransform-template{color:#e3564a}.urltransform-file{color:#4f82f3}.urltransform-parameters{color:#078a21}.urltransform-example-template{background-color:#f5f7f9;border-radius:8px;margin:1em 0;padding:15px 20px 20px;position:relative}@media screen and (min-width:1024px){.urltransform-example-template{padding-right:200px}}.urltransform-example-template__app,.urltransform-example-template__name{z-index:1;background-color:#f5f7f9;padding-right:14px;position:relative}.urltransform-example-template__app{color:#222;padding-left:28px;font-size:14px;font-weight:500;line-height:22px;display:inline-block;position:relative}.urltransform-example-template__workspace-icon{width:22px;height:22px;display:inline-block;position:absolute;top:0;left:0}.urltransform-example-template__name{color:#222;margin:3px 0 5px;font-size:21px;font-weight:600;line-height:1.3;display:inline-block}@media screen and (min-width:768px){.urltransform-example-template__name{margin:5px 0}}.urltransform-example-template__code{position:static}.urltransform-example-template__code pre[class*=language-]{background-color:#fff;border:1px solid #eaecef;border-radius:4px;margin-bottom:0;padding:.5em .75em}.urltransform-example-template__hints{display:none}@media screen and (min-width:1024px){.urltransform-example-template__hints{color:#7f8489;font-size:12px;line-height:1.25;display:block}}.urltransform-example-template__hint{align-items:flex-start;display:flex;position:absolute;left:30px;right:0}.urltransform-example-template__hint--app{top:18px}.urltransform-example-template__hint--template{top:52px}.urltransform-example-template__hint--file{top:195px}.urltransform-example-template__hint--parameters{top:350px}.urltransform-example-template__hint--served{top:363px}.urltransform-example-template__hint--file,.urltransform-example-template__hint--parameters,.urltransform-example-template__hint--served{left:calc(100% - 260px)}.urltransform-example-template__hint:before{content:"";opacity:.1;background-color:#323437;flex:1;height:1px;margin-top:.6em;margin-right:10px;display:block}.urltransform-example-template__hint--app .urltransform-example-template__hint-inner:before{background-color:#a526a4}.urltransform-example-template__hint--template .urltransform-example-template__hint-inner:before{background-color:#e3564a}.urltransform-example-template__hint--file .urltransform-example-template__hint-inner:before{background-color:#4f82f3}.urltransform-example-template__hint--parameters .urltransform-example-template__hint-inner:before{background-color:#078a21}.urltransform-example-template__hint--served .urltransform-example-template__hint-inner:before{background-color:#abacad}.urltransform-example-template__hint-inner{width:170px;padding-right:15px;display:block;position:relative}.urltransform-example-template__hint-inner:before{content:"";border-radius:2px;width:4px;height:4px;display:block;position:absolute;top:.45em;left:-10px}.urltransform-code-highlight{background-color:#ffffff40;border-radius:4px;display:inline-block;box-shadow:none!important}.urltransform-code-highlight--file{background-color:#4f82f333!important}.urltransform-code-highlight--file.urltransform-highlighted{background-color:#4f82f359!important}.urltransform-code-highlight--parameter{background-color:#078a2133!important}.urltransform-code-highlight--parameter.urltransform-highlighted{background-color:#078a2159!important}.urltransform-arrow{color:#aaa;margin:10px 0;font-size:24px}@media screen and (min-width:768px){.urltransform-arrow{margin:12px 0;font-size:36px}}.measures{margin-bottom:30px}.measures__row{align-items:flex-end;margin-bottom:24px;display:flex}.measures__value{min-width:140px;margin-right:20px;font-size:36px;line-height:1}.measures__details{flex:1}.measures__bar{background-color:#777;border-radius:3px;height:6px;margin-bottom:5px}.measures__comment{color:#555;font-size:13px;font-weight:500;line-height:1.3333}.measures__row--highlighted .measures__value,.measures__row--highlighted .measures__comment{color:#50a150}.measures__row--highlighted .measures__bar{background-color:#50a150}[data-highlight]{box-shadow:0 0 0 .01px #fff}strong[data-highlight]{font-weight:500}.urltransform-highlighted{cursor:default;background-color:#ffef85b3;border-radius:3px;transition:background-color .1s ease-in,box-shadow .1s ease-in;box-shadow:0 0 0 3px #ffef85b3}#urltransform-demo div{text-align:center}#urltransform-demo img.loading{filter:brightness(50%)}.urltransform-container{background-color:#f5f7f9;border-radius:.5rem;margin-bottom:2.85rem;padding:1rem 1.25rem 1.25rem}.address-bar--inside-the-demo{border-radius:0;margin:0 0 15px;padding:0}.address-bar--inside-the-demo .address-bar__inner{padding:6px 12px 7px;font-size:14px}.address-bar--inside-the-demo .urltransform-app,.address-bar--inside-the-demo .urltransform-template,.address-bar--inside-the-demo .urltransform-file{color:inherit}.urltransform-image-wrapper{aspect-ratio:3/2}.urltransform-image-inner{place-items:center;height:100%;display:grid}.urltransform-container-placeholder{aspect-ratio:4/3;background-color:#f5f7f9;border-radius:.5rem;place-items:center;padding:0 1.25rem 1.25rem;display:grid}.MuiSlider-root{color:#1972c4!important}.form-urltransform-demo{margin-bottom:0!important}.urltransform-container__details{color:#7f7f7f;margin-top:1em;font-size:12px;line-height:1.25}