.Button{display:inline-block;padding:.8em;margin:.2em;background-color:#ccc;text-align:center;text-decoration:none;border:none;transition:color .2s,background-color .2s}.Button[data-flags~=lock]{pointer-events:none;background-color:#eee;color:#666}.Button:not([data-flags~=lock]){cursor:pointer}.Button:not([data-flags~=lock]):hover{background-color:#ddd}.Button:not([data-flags~=lock]):active{background-color:#eee}.Label{display:inline-block;transition:transform .5s,font-size .5s,color .5s}.Field{display:inline-block}.Field .interface{display:flex;position:relative;overflow:auto;max-width:100%;max-height:100%;transition:opacity .4s}.Field .Label,.Field .inbox,.Field .onbox{font-size:1em;font-family:sans-serif}.Field .Label{position:relative;transform-origin:0 0}.Field .inbox,.Field .onbox{display:block;padding:0;margin:0;border:none;outline:none;background-color:transparent;overflow:hidden;resize:none;max-width:100%;max-height:100%}.Field input.inbox{position:absolute;top:0;left:0;width:100%;height:100%;transition:color .5s}.Field textarea.inbox{min-width:100%}.Field .onbox{visibility:hidden;opacity:0}.Field .underline,.Field .underline:before{position:relative;display:block;height:2px;width:100%;transition:.4s}.Field .underline{background-color:#eee}.Field .underline:before{content:"";background-color:#0000004d}.Field .mark{position:absolute;top:0;left:0;height:100%;background-color:#0000004d;transition:.4s}.Field:not([data-flags~=lock]) .underline:before{width:100%}.Field[data-flags~=lock] .Label,.Field[data-flags~=lock] .inbox{color:#999}.Field[data-flags~=full] .inbox{color:#666}.Field:not([data-flags~=focus]) .underline:before{width:0}.Field[data-flags~=focus] .Label,.Field:not([data-flags~=blank]) .Label{transform:translateY(20%) scale(.7)}.Field[data-flags~=blank]:not([data-flags~=focus]) .interface{opacity:0}.Field[data-flags~=blank]:not([data-flags~=focus]) .Label{transform:translateY(100%)}.Field[data-flags~=blank]:not([data-flags~=focus]):not([data-flags~=lock]) textarea,.Field[data-flags~=blank]:not([data-flags~=focus]):not([data-flags~=lock]) input{cursor:pointer}.Field[data-flags~=blank]:not([data-flags~=focus]):not([data-flags~=lock]):hover .Label{transform:translateY(85%)}.Bar{position:relative;max-width:100%;max-height:100%;border-radius:.2em;overflow:hidden}.Bar .unmark{position:relative;width:100%;height:100%;filter:grayscale(100%)}.Bar .mark{position:absolute;top:0;left:0;overflow:hidden}.Bar .caption{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5em;color:#000;pointer-events:none}.Bar[data-flags~=vertical] .caption{transform:translate(-50%,-50%) rotate(90deg)}.Bar:not([data-flags~=marker]) .unmark{background-color:#ccc}.Bar:not([data-flags~=marker]) .mark{background-color:#999}.Bar:not([data-flags~=marker]):not([data-flags~=vertical]){width:10em;height:.5em}.Bar:not([data-flags~=marker]):not([data-flags~=vertical]) .path{width:100%}.Bar:not([data-flags~=marker])[data-flags~=vertical]{height:10em;width:.5em}.Bar:not([data-flags~=marker])[data-flags~=vertical] .path{height:100%}.Slider{position:relative}.pin{display:block;position:absolute;width:1em;height:1em;padding:0;transform:translate(-50%,-50%);border-radius:.5em;transition:transform .2s,background-color .2s}.pin[data-flags~=lock]{background-color:#eee;border:1px solid #444;pointer-events:none;transform:translate(-50%,-50%) scale(.9);cursor:default}.pin:not([data-flags~=lock]){background-color:#fff;border:1px solid #222;cursor:pointer}.pin[data-flags~=shifting]{transform:translate(-50%,-50%) scale(1.1)}.pin:not([data-flags~=shifting]){transition:top .2s,left .2s,transform .2s}.pin:not([data-flags~=shifting]):hover{transform:translate(-50%,-50%) scale(1.05)}.Range{display:inline-block}.Range .interface{display:flex;box-sizing:border-box}.Range .track{position:relative}.Range[data-flags~=lock] .Label{color:#999}.Range:not([data-flags~=lock]):not([data-flags~=shifting]) .track{cursor:pointer}.Range:not([data-flags~=lock]):not([data-flags~=shifting]) .Bar>*{transition:width .2s,height .2s}.Range[data-flags~=marker] .pin{opacity:0}.Range:not([data-flags~=marker]):not([data-flags~=vertical]) .interface{padding:.2em .5em}.Range:not([data-flags~=marker]):not([data-flags~=vertical]) .track{height:.5em;width:5em}.Range:not([data-flags~=marker])[data-flags~=vertical] .interface{padding:.5em .2em}.Range:not([data-flags~=marker])[data-flags~=vertical] .track{height:5em;width:.5em}.Switch:not([data-flags~=marker]):not([data-flags~=vertical]) .track{height:.5em;width:1em}.Switch:not([data-flags~=marker])[data-flags~=vertical] .track{height:1em;width:.5em}.Modal .Pop{display:flex;justify-content:center;flex-direction:column;box-sizing:border-box;max-width:100%;max-height:100%;overflow:hidden}.Modal .Pop .content{position:relative;overflow:auto}.Modal .Pop .nav,.Modal .Pop .content{padding:.5vh 1vw}.Modal .Pop .nav{display:flex;flex-direction:row-reverse}.Modal .Pop .nav .close{transition:opacity .8s}.Modal .Pop[data-flags~=lock]>.nav>.close{opacity:0;pointer-events:none}.Modal .Pop:not([data-flags~=lock])>.nav>.close{cursor:pointer}.Modal{position:relative;transition:opacity .8s}.Modal[data-flags~=mounting]{opacity:0}.Modal .cover .mist{position:absolute;background-color:#0009;opacity:0;transition:opacity .8s;pointer-events:none}.Modal[data-flags~=modal][data-flags~=up]{overflow:hidden}.Modal[data-flags~=modal][data-flags~=up]>.cover,.Modal[data-flags~=modal][data-flags~=up]>.cover>.mist{opacity:1;pointer-events:all}.Modal[data-flags~=modal]>.cover{position:fixed;overflow:hidden;pointer-events:none}.Modal[data-flags~=modal]>.cover,.Modal[data-flags~=modal]>.cover>*,.Modal[data-flags~=modal]>.cover>.pops>.Pop>.mist{box-sizing:border-box;inset:0}.Modal[data-flags~=modal]>.cover>*,.Modal[data-flags~=modal]>.cover>.pops>.Pop>.mist{width:100%;height:100%}.Modal[data-flags~=modal]>.cover>.pops{position:absolute}.Modal[data-flags~=modal]>.cover>.pops>.Pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-sizing:border-box}.Modal[data-flags~=modal]>.cover>.pops>.Pop:not([data-flags~=top])>.mist{opacity:1;pointer-events:all}.Modal[data-flags~=modal]>.cover>.pops>.Pop.appear,.Modal[data-flags~=modal]>.cover>.pops>.Pop.enter{opacity:0;top:45%}.Modal[data-flags~=modal]>.cover>.pops>.Pop.appearActive,.Modal[data-flags~=modal]>.cover>.pops>.Pop.enterActive{opacity:1;top:50%;transition:opacity .8s,top .8s}.Modal[data-flags~=modal]>.cover>.pops>.Pop.exit{opacity:1;top:50%}.Modal[data-flags~=modal]>.cover>.pops>.Pop.exitActive{opacity:0;top:55%;transition:opacity .8s,top .8s}.Modal[data-flags~=list]>.cover>.pops>.Pop{position:relative}.Modal[data-flags~=list]>.cover>.pops>.Pop.appear,.Modal[data-flags~=list]>.cover>.pops>.Pop.enter{max-height:0;transform:translate(100%)}.Modal[data-flags~=list]>.cover>.pops>.Pop.enterActive{max-height:100vh;transform:translate(0);transition:max-height .2s,transform .2s .2s}.Modal[data-flags~=list]>.cover>.pops>.Pop.exit{max-height:100vh;transform:translate(0)}.Modal[data-flags~=list]>.cover>.pops>.Pop.exitActive{max-height:0;transform:translate(-100%);transition:max-height .2s .2s,transform .2s}.Tile{text-align:center}.Tile .Caption{margin-top:0}span.Img{display:inline-block}span.Img svg{height:100%;width:100%}.Trigger{cursor:pointer}.Pane{position:relative;overflow:hidden}.Pane>.content{position:relative}.App{position:relative;display:grid;grid-template-rows:auto 1fr;grid-template-columns:100%;overflow:hidden;--cLight:#EEE;--cDark:#333}.App{color:var(--cLight)}.App .slab{width:100vh;min-width:70vw;max-width:100%;margin:auto}.App p{font-weight:200}.App b{font-weight:700}.App h1{font-size:1.8em}.App h2{font-size:1.5em}.App h3{font-size:1.2em}*{margin:0;box-sizing:border-box;font-family:Cormorant Garamond,Helvetica;font-weight:400;font-style:normal;font-optical-sizing:auto;line-height:1.25em}html{font-size:1.2rem}html,body,#root,.App{height:100%;width:100%}body,input{padding:0}.Background{position:absolute;inset:0;height:100vh;width:100vw;z-index:-1}.LandingPage{display:flex;justify-content:flex;align-items:center;flex-flow:column;text-align:center}.Hull{position:relative;overflow:hidden;height:100%}.Hull>div{position:relative;top:0;height:100%;width:100%;overflow:hidden;opacity:0;transform:scale(1.4)}.Hull>div.page-enter-done,.Hull>div.page-enter-active,.Hull>div.page-appear-active{opacity:1;transform:none}.Hull>div.page-enter,.Hull>div.page-appear{transition:opacity .4s .2s ease-out,transform .4s .2s ease-out}.Hull>div.page-exit{position:absolute;transition:opacity .4s ease-in,transform .4s ease-in;transform:scale(.6);overflow:hidden}.Hull>div>*{position:relative;height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.HeadPane{width:100%;height:3em;top:0;left:0;user-select:none}.HeadPane section{position:relative;height:100%;width:100%;display:grid;grid-template-columns:1fr auto 1fr;justify-items:left;align-items:center}.HeadPane section>*:nth-child(3){justify-self:right;margin:0 calc(.5vw + .1em)}.HeadPane section .Medailon{height:3em;width:3em}.FootPane{display:flex;justify-content:space-between;padding:calc(.1em + .4vw)}.FootPane .copyright{font-size:.8em;opacity:.5}
/*# sourceMappingURL=index.css.map */