.app-left{position:absolute;top:48px;right:calc(400px + 50vw)}.app-left>.btn{display:block;text-align:right;padding:.5rem .5rem .5rem 0}.app-left>.btn:first-child{padding-top:1rem}.app-left>.btn:last-child{padding-bottom:1rem}.app-left-nested{position:absolute;top:0;left:100%;width:16rem}.app-left__btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:13px}.app-left__btns .btn-type{border:0;color:#fff;margin:0 0 .5em;font:inherit;font-size:18px;line-height:1.4em;font-weight:400}.app-nav{position:relative;min-height:48px;margin:0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.app-nav .btn{-ms-flex-preferred-size:70px;flex-basis:70px;padding:0 1rem;min-height:48px;line-height:48px;text-decoration:none}.app-nav__input{width:100%;border:2px solid #1b1f32;border-radius:6px;padding:0 1rem;height:36px;background:none;color:hsla(0,0%,100%,.5);outline:none}.app-nav__input:focus{background:#1b1f32}.nav-left{position:absolute;top:0;height:100%;right:calc(400px + 50vw)}.nav-left>.btn{display:block}.nav-center{margin:0 auto;padding-top:6px;max-width:800px}.nav-center>.btn{display:block}.fragment{margin:-2rem -1rem;padding:2rem 1rem}.nav-right{position:-webkit-sticky;position:sticky;top:0;right:0}@media (min-width:940px){.fragment__nav{position:absolute;top:0;height:100%;left:800px;padding:.5rem 0;width:calc(50vw - 405px)}.fragment__nav .btn{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;padding:.5rem 0 .5rem .5rem;text-align:left}}.plugin--overlay{position:fixed;top:0;left:0;right:0;bottom:0;padding:0 0 3rem;overflow:auto;background-color:#1b1f32;z-index:60}.input-raw--invalid{background-color:red;color:#fff}.prop .inp--label-prop,.prop .prop{padding-top:0;padding-bottom:0}.inp-label{padding-left:1rem}.focus-from{background:transparent}.focus-from,.focus-sibling{-webkit-transition:opacity .3s,background .3s;transition:opacity .3s,background .3s}.focus-sibling{opacity:.2}.focus-from>.fragment-cta,.focus-from~.focus-sibling,.focus-from~form,.focus-prop~form{opacity:0}.focus-prop{z-index:11;background:#1b1f32;-webkit-transition:none;transition:none}.value-array{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.value-object{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;cursor:pointer}.value-object>.icon-clear{visibility:hidden;padding:4px 8px}.focus-prop .value-object:hover>.icon-clear{visibility:visible}.focus-prop>.value-array>.value-object>.inp-type-icon{opacity:.2}.focus-prop>.value-array>.value-object.focus-object>.inp-type-icon{opacity:.5}.focus-object,.focus-prop .value-object:hover{opacity:1!important}.focus-object>.inp-type-icon,.focus-prop .value-object:hover>.inp-type-icon{color:#09c!important;opacity:1!important}.props-list{position:relative;margin-left:-1rem;margin-right:-1rem;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-negative:0;flex-shrink:0}.prop .props-list{font-size:14px;margin-left:.2rem;margin-right:-.5rem;padding:0 0 .5rem;-webkit-transition:background .3s;transition:background .3s}.prop.focus-prop .props-list{background-color:#1b1f32}.focus-prop:hover{background:#1b1f32}.focus-prop .props-list{background-color:#1b1f32}.value-array>.value-object>.props-list{margin-top:-1.6rem}.props-move,.props-move>*{-webkit-transition:all 1s;transition:all 1s}.value-reference{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}html{font-size:inherit}body{width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,sans-serif;overflow-y:scroll}*{-webkit-box-sizing:border-box;box-sizing:border-box}p{margin:1em 0}.btn-reset,a{color:inherit}.btn-reset{border:0}h1{margin:0 0 .5em;font-size:1.5em;line-height:1.4em;font-weight:400}h2{margin:2rem 0 0;opacity:.5;font-size:1em;font-weight:500;text-transform:uppercase;letter-spacing:.5px}h2:first-child{padding-top:0}h2 small{text-transform:none;font-weight:400;font-size:14px}h2 small:before{content:"\2014    "}.a{text-decoration:underline;cursor:pointer}.a:hover{color:#0ff}.pre-wrap{white-space:pre-wrap}.container{margin:0 auto;max-width:40em}.container,.container-screen{padding-left:1em;padding-right:1em}.container-page{padding-left:2cm;padding-right:2cm}.container-nav{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 auto;padding-left:1em;padding-right:8px;max-width:none}body{background:#090a11;color:#d1d2d6;-webkit-transition:background .3s,color .3s;transition:background .3s,color .3s}::-webkit-scrollbar{position:absolute;background:#090a11;width:10px;height:10px}::-webkit-scrollbar-thumb{border:1px solid #090a11;background:#484b5b;border-radius:4px;width:6px}.nav-content{color:#d1d2d6;line-height:16px;font-size:14px;padding:1rem 1rem 0;word-break:break-word}.nav-content .inp-text{padding-right:0}.section-content{position:relative;padding:2rem 1rem;background:none;color:#fff;-webkit-transition:background-color .5s,-webkit-transform .3s;transition:background-color .5s,-webkit-transform .3s;transition:background-color .5s,transform .3s;transition:background-color .5s,transform .3s,-webkit-transform .3s}.section-content--focus{background:rgba(27,31,50,0)}.section-intro a{color:#09c;font-weight:500}.section-intro a:visited{color:#66c2e0}@media (min-width:500px) and (max-width:939px){.nav-links{float:right;margin:.5rem 0 0 .5rem;line-height:24px;background-color:#1b1f32}.nav-links a{padding:0 .5rem;text-decoration:none}}@media (min-width:940px){.nav-pane{position:fixed;top:64px;left:0;bottom:0;width:16rem;overflow:hidden}.nav-content{padding-right:0;width:calc(100% + 30px);max-height:100%;overflow:hidden;overflow-y:scroll}.nav-fixwidth{width:14rem}.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.section-content{padding:2rem 1rem;margin:0 auto;max-width:50rem}.section-intro .hero{padding-bottom:2rem}.app--left .section-content{-webkit-transform:translateX(16rem);-ms-transform:translateX(16rem);transform:translateX(16rem)}}@media (min-width:82rem){.nav-pane{width:calc(100vw / 2 - 25rem)}.nav-fixwidth{width:calc(100vw / 2 - 27rem)}.section-content{margin-left:calc(100% / 2 - 25rem)}}.nav-content h2{-ms-flex-negative:0;flex-shrink:0;margin:0;padding:2em 0 .5em;opacity:.4;font-size:1em;text-transform:uppercase}.nav-content h2:first-child{padding-top:0}.nav-content:after{content:"";display:table}.browser-item{-ms-flex-negative:0;flex-shrink:0;margin-bottom:2px;margin-left:-1rem;margin-right:-1rem;padding:8px 1rem;border-radius:0 2px 2px 0;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.9}.browser-item.active,.browser-item:hover{background:hsla(228,6%,83%,.2);opacity:1}.browser-add{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;margin-top:1em;padding-left:3em;margin-left:-3em;font-weight:500;color:#1b1f32;background-color:#d1d2d6}.browser-add:hover{background-color:hsla(228,6%,83%,.8);-webkit-transform:translateX(1em);-ms-transform:translateX(1em);transform:translateX(1em)}.browser-item-text>.mdi{line-height:16px;vertical-align:top}.browser-item-small{font-size:12px}.browser-divider{-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10}.flexed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.ft-files{margin-bottom:1em}.ft-files>.browser-item{padding:4px 1rem 4px 2rem}.ft-active{color:#6f6}.ft-error{color:#f66}.nav-fragments{-webkit-column-width:11em;column-width:11em;padding-bottom:.5rem}.nav-fragments .a-recent,.nav-fragments .inp-text{-webkit-column-break-inside:avoid;break-inside:avoid}.a-fragment{display:block;padding-bottom:10px;text-decoration:none;color:#d1d2d6;opacity:1}.a-fragment:hover{text-decoration:underline}.a-fragment small{display:block;font-size:12px;color:hsla(228,6%,83%,.6)}.fragment-sync{float:right;margin-left:8px;padding:8px;font-size:16px;background:hsla(0,0%,100%,.7);color:#1b1f32;cursor:pointer;border-radius:2px}.fragment-sync:hover{background:#fff}.fragment-json{position:fixed;z-index:30;right:0;bottom:0;padding:8px;font-size:16px;color:#888;background-color:#8d8f98}.fragment--advanced .fragment-json{z-index:30;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto;background:#262626;color:#fff;-webkit-box-shadow:0 0 1rem rgba(0,0,0,.3);box-shadow:0 0 1rem rgba(0,0,0,.3)}@media (min-width:52rem){.fragment-json:hover{max-width:50rem}}.fragment-pre{font-size:1rem;line-height:1.2rem}.fragment-type{margin-left:.2em;border-radius:3px;padding:2px 6px;font-size:.75em;line-height:16px;background-color:#3d4051;opacity:.7}.inp-text>.fragment-type{margin-left:.5em}.focus-prop .value-object:hover>.fragment-type,.inp-actions:hover>.fragment-type,header:hover .fragment-type{opacity:1}.backdrop{position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;pointer-events:none;-webkit-transition:opacity 1s;transition:opacity 1s;opacity:0;width:auto;height:auto}.backdrop--active{opacity:.5;pointer-events:all}.backdrop--fixed{position:fixed;z-index:9}.inp-label{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:inline;padding:0 1em;margin:0;width:auto;font:inherit;height:1.5em;opacity:.7}.inp-big-focus:focus{outline-offset:0;outline:3px solid hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.05);outline:3px solid #090a11;background-color:#090a11}.inp-big-focus:invalid{border-bottom:1px dashed #ffb326;font-style:italic}.inp-text{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:7px 8px 7px 0;line-height:1.5em}.inp-text>input,.inp-text>textarea{display:block;-webkit-box-flex:10;-ms-flex:10 0 50px;flex:10 0 50px;margin-left:0;border:0;border-bottom:1px solid transparent;padding:0;padding-left:4px;min-width:2em;resize:none;font:inherit;height:1.5em;color:inherit;width:auto;background:none}.inp-text>select{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:.5em;padding-top:2px;padding-bottom:2px}.inp-text>.btn{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.inp-fake{-webkit-box-flex:100;-ms-flex:100 0 auto;flex:100 0 auto;margin-left:1em}.inp-subtle{position:relative;display:inline-block;line-height:inherit;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.inp-subtle>input,.inp-subtle>textarea{position:absolute;top:0;left:0;width:100%;height:100%;border:inherit;padding:inherit;font:inherit;line-height:inherit;background:none;color:#fff;overflow:hidden;resize:none}.inp-subtle>input::-webkit-input-placeholder,.inp-subtle>textarea::-webkit-input-placeholder{color:inherit}.inp-subtle>input::-moz-placeholder,.inp-subtle>textarea::-moz-placeholder{color:inherit}form.inp-subtle{display:inline}.inp-subtle-span{min-width:30px;max-width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;color:transparent;white-space:pre-wrap}.inp--label-prop{padding-left:1em}.inp--label-prop>.inp-subtle{margin-right:.75em}.inp--label-prop>.btn-add,.inp-search{margin-bottom:10px}.inp-search>input{padding-left:10px;color:#fff;background-color:rgba(27,31,50,.7)!important;outline:none!important}.inp-search>input::-webkit-input-placeholder{color:hsla(0,0%,100%,.7);font-weight:300}.inp-search>input:-moz-placeholder{color:hsla(0,0%,100%,.7)}.inp-alert{background-color:rgba(255,0,0,.5)}.inp-error>input{background-color:rgba(255,0,0,.3);outline:3px solid rgba(255,0,0,.3)}.inp-type>input:focus{background-color:#090a11;outline:3px solid #090a11}.inp-type>.ref-select{left:0;border-radius:3px;min-width:100%}.inp-type-active{opacity:1}.inp-type-icon{position:relative;z-index:2;display:inline-block;margin-left:-10px;min-width:25px;text-align:center;vertical-align:top;font-size:1.8em;line-height:.74em;overflow:hidden;opacity:.5}.inp-type-icon:focus{color:#09c;opacity:1;outline:none}.inp-subtle>.inp-literal-type{position:relative;z-index:1;top:0;left:0;width:auto;height:auto;border:inherit;padding:inherit;font-size:.85em;line-height:inherit;background:none;color:#fff;overflow:hidden;resize:none;margin-left:.2em;border-radius:3px;padding:2px 6px;font-size:.75em;line-height:16px;background-color:#3d4051;opacity:.7}.inp-actions{position:relative;z-index:1}.ref-select{position:absolute;z-index:20;top:100%;left:-3px;margin-top:3px;min-width:calc(100% + 6px);font-size:12px;background-color:#090a11;color:#d1d2d6;white-space:normal;cursor:pointer;overflow:hidden}.ref-scroll{overflow-x:hidden;overflow-y:auto;max-height:30em;width:calc(100% + 30px)}.ref-option{padding:0 10px;white-space:nowrap;line-height:2em}.ref-ghost{background-color:#3d4051}.input{text-align:left}.input--single{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:24px;margin-left:-13px;border:1px solid #1b1f32;background:none}.input--empty .input__label{position:relative;opacity:1}.input--empty .input__label:after{content:"";position:absolute;right:-1rem;bottom:.8rem;margin-top:-.2rem;width:.6rem;height:.6rem;background:red;border-radius:50%;opacity:.4;-webkit-animation:scale2 .5s ease .5s;animation:scale2 .5s ease .5s}.input--focus{border-color:#3d4051;background:#121421}.input--focus.input--empty:after{opacity:.2}.input__help{position:absolute;z-index:1;top:0;padding-top:6px;padding-left:12px;font-size:12px}.input__help+.input__label,.input__help~.input__input{padding-top:30px}.input__label{padding:6px 12px;line-height:inherit;font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.input__label+.input__input{padding-left:1px}.input__input{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;padding:6px 12px;line-height:inherit;background:inherit;font:inherit;color:inherit}.input__input__textarea{outline:none}.input__input__textarea::-webkit-input-placeholder{opacity:.5;font-weight:300}.input__input__textarea:-moz-placeholder{opacity:.5}@-webkit-keyframes scale2{50%{-webkit-transform:scale(2);transform:scale(2);opacity:1}}@keyframes scale2{50%{-webkit-transform:scale(2);transform:scale(2);opacity:1}}.btn{display:inline-block;border:.15em solid;border-radius:0;padding:.25em 1em .3em;line-height:1.5em;text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;background:none;color:hsla(0,0%,100%,.6);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn>.mdi{margin-right:4px;font-size:18px;line-height:21px;vertical-align:top}.btn:hover{color:#fff}.btn-other{opacity:.5}.btn-soft{border-color:transparent}.btn-soft:hover{background-color:rgba(0,0,0,.1)}.btn-soft:disabled{background-color:rgba(255,0,0,.1);color:#666;cursor:not-allowed}.btn-save{margin-bottom:4px;border-color:#09c;background:#09c;color:#fff}.btn-save:focus,.btn-save:hover{background-color:#80cce6;border-color:#80cce6;color:#fff}.btn-hover-danger:focus,.btn-hover-danger:hover{border-color:#c00;background:#c00;color:#fff}.btn-add{border:0;padding:0 1rem;background:hsla(0,0%,100%,.1);color:transparent}.btn-add:focus,.btn-add:hover{background:hsla(0,0%,100%,.2);color:#fff}.current .btn+.btn{margin-left:1em}.btn-p>.btn{margin-bottom:.3em}.flex-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flex-btns>.btn{margin-right:8px;margin-bottom:8px;border-radius:2px}.action-btns{margin-top:1em}.tbl-conf{margin-left:-5px;border:0;border-collapse:collapse;max-width:100%;overflow:hidden}.tbl-conf td,.tbl-conf th{text-align:left;padding:3px 5px}.tbl-conf .active{background-color:hsla(0,0%,100%,.2)}.auth{text-align:center}.auth .btn-save:disabled{opacity:0;pointer-events:none}.auth-feedback{clear:both;margin-top:2em;min-height:2em;color:#ffb326}.inp-auth{float:left}.inp-auth>.inp-label{padding:0 .5em 0 0}.inp-auth>input{max-width:6em}@media (max-width:939px){.auth .btn-save{margin-top:.25rem;font-size:.81rem}}@media (min-width:940px){.auth{font-size:2rem}.auth .btn-save{margin-top:.25rem;font-size:1.45rem}}.modal{position:fixed;z-index:50;top:0;height:100%;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem;background-color:#1b1f32;color:#fff}.modal-body{max-width:50rem}.modal-enter-active,.modal-leave-active{opacity:1}.modal-enter-active,.modal-enter-active .modal-body,.modal-leave-active,.modal-leave-active .modal-body{-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.modal-enter-active .modal-body,.modal-leave-active .modal-body{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-body,.modal-leave-active .modal-body{-webkit-transform:translateY(200px);-ms-transform:translateY(200px);transform:translateY(200px)}.modal-nudge{-webkit-animation:nudge .5s linear;animation:nudge .5s linear}@-webkit-keyframes nudge{10%{-webkit-transform:translateX(10px);transform:translateX(10px)}30%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}55%{-webkit-transform:translateX(10px);transform:translateX(10px)}85%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes nudge{10%{-webkit-transform:translateX(10px);transform:translateX(10px)}30%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}55%{-webkit-transform:translateX(10px);transform:translateX(10px)}85%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.opacity-enter-active,.opacity-leave-active{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.opacity-enter,.opacity-leave-to{opacity:0}.plugin-enter-active,.plugin-leave-active{opacity:1;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}.plugin-enter,.plugin-leave-to{opacity:0;-webkit-transform:scale(.1) translateY(-50vh);-ms-transform:scale(.1) translateY(-50vh);transform:scale(.1) translateY(-50vh)}.staggered-leave-active{position:absolute}.staggered-move{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
/*# sourceMappingURL=client.9baef5a1.css.map*/