@keyframes longhide{0%{opacity:1;width:0%}to{opacity:0;width:100%}}#shepherdModalOverlayContainer{-ms-filter:"progid:dximagetransform.microsoft.gradient.alpha(Opacity=50)";filter:alpha(opacity=50);height:100vh;left:0;opacity:.5;position:fixed;top:0;transition:all .3s ease-out;width:100vw;z-index:9997}#shepherdModalOverlayContainer #shepherdModalMask,#shepherdModalOverlayContainer #shepherdModalMaskRect{height:100vh;width:100vw}.shepherd-modal.shepherd-enabled{position:relative;z-index:9998}.shepherd-active.shepherd-modal-is-visible :not(.shepherd-target){pointer-events:none}.shepherd-active.shepherd-modal-is-visible .shepherd-button,.shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link,.shepherd-active.shepherd-modal-is-visible .shepherd-target{pointer-events:auto}.tippy-popper{z-index:9999}.tippy-popper .tippy-arrow{pointer-events:none}.tippy-popper .tippy-tooltip{background-color:transparent;max-height:100%;max-width:100%;padding:0;width:400px}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before,.shepherd-element:after,.shepherd-element:before{box-sizing:border-box}.shepherd-element{filter:drop-shadow(0 1px 4px rgba(0,0,0,.2))}.shepherd-element.shepherd-has-title .shepherd-content header{background:#e6e6e6;padding:1em}.shepherd-element .shepherd-content{background:#f6f6f6;font-size:inherit;padding:0}.shepherd-element .shepherd-content header{*zoom:1;align-items:center;border-top-left-radius:0;border-top-right-radius:0;display:flex;justify-content:center;line-height:2em;padding:.75em .75em 0}.shepherd-element .shepherd-content header:after{clear:both;content:'';display:table}.shepherd-element .shepherd-content header .shepherd-title{margin:0}.shepherd-element .shepherd-content header .shepherd-cancel-link,.shepherd-element .shepherd-content header .shepherd-title{font-weight:400;padding:0;position:relative;vertical-align:middle}.shepherd-element .shepherd-content header .shepherd-title{color:rgba(0,0,0,.75);display:flex;flex:1 0 auto;font-size:1.1em}.shepherd-element .shepherd-content header .shepherd-cancel-link{color:rgba(179,178,178,.75);font-size:2em;margin:0 0 0 auto;text-decoration:none;transition:color .5s ease}.shepherd-element .shepherd-content header .shepherd-cancel-link:before{content:'\00d7'}.shepherd-element .shepherd-content header .shepherd-cancel-link:hover{color:rgba(0,0,0,.75)}.shepherd-element .shepherd-content .shepherd-text{color:rgba(0,0,0,.75);line-height:1.3em;padding:.75em}.shepherd-element .shepherd-content .shepherd-text a,.shepherd-element .shepherd-content .shepherd-text a:active,.shepherd-element .shepherd-content .shepherd-text a:visited{border-bottom:1px dotted;border-bottom-color:rgba(0,0,0,.75);color:rgba(0,0,0,.75);text-decoration:none}.shepherd-element .shepherd-content .shepherd-text a:active:hover,.shepherd-element .shepherd-content .shepherd-text a:hover,.shepherd-element .shepherd-content .shepherd-text a:visited:hover{border-bottom-style:solid}.shepherd-element .shepherd-content .shepherd-text p{margin-top:0}.shepherd-element .shepherd-content .shepherd-text p:last-child{margin-bottom:0}.shepherd-element .shepherd-content footer{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:0 .75em .75em}.shepherd-element .shepherd-content footer .shepherd-buttons{list-style:none;margin:0;padding:0;text-align:right}.shepherd-element .shepherd-content footer .shepherd-buttons li{display:inline;margin:0 .5em 0 0}.shepherd-element .shepherd-content footer .shepherd-buttons li:last-child{margin-right:0}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button{background:#3288e6;display:inline-block;*display:inline;vertical-align:middle;*vertical-align:auto;*zoom:1;background:#55a892;border:0;border-radius:3px;color:rgba(255,255,255,.75);cursor:pointer;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;padding:.75em 2em;text-transform:uppercase;-webkit-transition:all .5s ease;transition:all .5s ease}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button:hover{background:#196fcc}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary{background:#f1f2f3}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:hover{background:#d5d8dc;background:#cbcbcb;color:rgba(0,0,0,.75)}main.tutorial{display:block;padding-top:20px}body>section.header.mainhome,oh-tutorial-starter,section.header .helpbtn{display:none}.tutimage,.youtube{display:block;margin-left:auto;margin-right:auto}.youtube{width:640px;height:360px;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;transition:all 200ms ease-out;cursor:pointer}.youtube .play{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;background-size:64px 64px;position:absolute;height:100%;width:100%;opacity:.8;filter:alpha(opacity=80);transition:all .2s ease-out}.youtube .play:hover{opacity:1;filter:alpha(opacity=100)}.tutimage{max-width:70%;max-height:100%;margin-bottom:1.5rem!important}.tutorial ol{list-style-type:lower-roman}.tutorial oh-tutorial-starter~button{margin-bottom:10px;margin-top:10px}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button:hover{background:#448675}.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary{background:#e5e5e5;color:rgba(0,0,0,.75)}.tippy-popper .tippy-arrow{border:16px solid transparent;content:'';display:block;height:0;position:absolute;width:0}.tippy-popper[x-placement^=top]{margin-bottom:16px}.tippy-popper[x-placement^=top] .tippy-arrow{border-bottom:0;border-top-color:#fff;left:calc(50% - 16px)}.tippy-popper[x-placement^=bottom]{margin-top:16px}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom-color:#fff;border-top:0;left:calc(50% - 16px)}.tippy-popper[x-placement^=left]{margin-right:16px}.tippy-popper[x-placement^=left] .tippy-arrow{border-left-color:#fff;border-right:0;margin-top:-16px;top:calc(50% - 16px)}.tippy-popper[x-placement^=right]{margin-left:16px}.tippy-popper[x-placement^=right] .tippy-arrow{border-left:0;border-right-color:#fff;top:calc(50% - 16px)}.tippy-popper .shepherd-welcome:not(.shepherd-has-title) .shepherd-content .shepherd-header,.tippy-popper .shepherd-welcome:not(.shepherd-has-title) .shepherd-content header{padding-bottom:0}.tippy-popper .shepherd-welcome .shepherd-content .shepherd-header,.tippy-popper .shepherd-welcome .shepherd-content header{background:#fff}.tippy-popper .shepherd-welcome .shepherd-content .shepherd-text{color:#336457}main .logo{max-width:calc(100% - 40px);padding:20px 0;animation:fadein 1s linear .2s 1 normal both;margin:0 auto}body>main.mainhome{box-shadow:none}body>main.mainhome .card .btn-secondary{min-width:190px}footer.mainhome{position:fixed;z-index:10;bottom:0;background-color:var(--background);padding-bottom:5px;width:100%}aside.mainhome li,footer.mainhome .links{display:flex}footer.mainhome a{margin-top:5px}footer.mainhome .line{width:100%;background-color:rgba(0,0,0,.1);background-position:0 0;background-size:100% 1px;height:1px;position:relative}footer.mainhome .line::after{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#f60;animation:longhide 6s linear 0s infinite}body>aside.mainhome,body>nav.mainhome{grid-row:2/span 2!important}.first{opacity:0;animation:swingin 1s ease-in-out 1s 1 normal forwards}aside.mainhome,body.wide>aside.mainhome,body.wide>nav.mainhome{min-width:300px;max-width:300px}body>nav.mainhome{max-width:150px;margin-right:10px;text-align:center;opacity:.5;transition:opacity .2s}body>nav.mainhome:hover{opacity:1}body>nav.mainhome a{filter:grayscale(1);transition:filter .2s}body>nav.mainhome a:hover{filter:grayscale(0)}body>nav.mainhome .second,body>nav.mainhome hr{opacity:0;animation:swingin 1s ease-in-out 1.5s 1 normal forwards}body>nav.mainhome img{width:100%}@media (min-width:1700px){body>nav.mainhome{max-width:300px;justify-self:flex-start}}@media (max-width:1500px){body>nav.mainhome{display:none}}body.wide main.mainhome{max-width:1400px;margin:auto}body>header .logo{animation:fadein 1s linear 0s 1 reverse forwards}aside.mainhome{opacity:0;animation:swinginxr 1s ease-in-out .5s 1 normal forwards;min-width:270px;margin-right:10px;justify-self:flex-end}aside.mainhome h4{padding:10px;display:flex}aside.mainhome h4 span,aside.mainhome li a{flex:1}@media (min-width:1700px){.introcard{margin:0 100px}}aside.mainhome>ui-community-topics ul>li>a:hover{border-left:.25rem solid transparent!important}aside.mainhome>ui-community-topics ul>li{border-right:.25rem solid transparent}aside.mainhome>ui-community-topics ul>li:hover{border-right:.25rem solid var(--primary)}#userinterfaces{width:100%;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(45%,1fr))}#userinterfaces a{transition:box-shadow 135ms cubic-bezier(.4,0,.2,1),filter 235ms cubic-bezier(.4,0,.2,1);color:#5f6368;box-shadow:0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16);background-color:var(--card-bg);border-radius:3px;height:200px;display:grid;grid-template-areas:"image header" "image description";grid-template-rows:min-content auto;grid-template-columns:50% auto;flex-direction:row;filter:grayscale(1)}#userinterfaces a header{grid-area:header;color:var(--color);text-align:center;font-size:1.5rem;padding:5px}#userinterfaces a section{grid-area:description;padding:5px}#userinterfaces a:hover{box-shadow:0 1px 3px 1px rgba(60,64,67,.2),0 2px 8px 4px rgba(60,64,67,.1);filter:grayscale(0);text-decoration:none}#userinterfaces a img{grid-area:image;max-width:100%;height:100%}#userinterfaces a.primary{height:250px;grid-column:auto/span 2}