@import"https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,600";body{font-family:"Roboto","Helvetica",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hy-welcome{position:relative;overflow:hidden;height:320px;background:var(--primary-100) url(https://etc.athom.com/forum/hero2.png) no-repeat right center;background-size:40% auto;display:flex;flex-direction:column;align-content:center;color:var(--primary);padding-left:50px;padding-right:400px;margin-left:-8px;margin-right:-8px;box-sizing:border-box;font-size:1em;border-radius:10px;margin-bottom:50px;text-align:left;display:none;box-shadow:0 10px 30px rgba(0,0,0,.1)}.hy-welcome .hy-title{font-size:2.8em;font-weight:600;line-height:1.2em;margin-bottom:.3em}.hy-welcome .hy-close{position:absolute;top:1em;right:1em;width:2em;height:2em;line-height:2em;text-align:center;border-radius:1em;cursor:pointer}.hy-welcome .hy-close:hover{color:var(--primary-800);background:var(--primary-400)}.hy-welcome .hy-close,.hy-welcome .hy-close:active{color:var(--primary-600);background:var(--primary-300)}.hy-welcome p{font-size:1.1em}.hy-welcome p a{font-weight:500;white-space:nowrap}.hy-welcome p a:hover{text-decoration:underline}@media(max-width: 959px){.hy-welcome{height:320px;padding-right:200px;background-size:auto 320px;background-position:right -100px center}.hy-welcome .hy-title{font-size:2.2em}}@media(max-width: 759px){.hy-welcome{height:auto;padding:1em 2em;margin:1em 1em 3em 1em;background-image:none}.hy-welcome .hy-title{font-size:1.6em}}header #site-text-logo{margin:0;font-weight:600;text-indent:60px;line-height:70px;white-space:nowrap}header .title a{position:relative}header .title a:before{content:"";position:absolute;top:50%;margin-top:-1.5em;background:url(https://etc.athom.com/logo/transparent/128.png) no-repeat center center;background-size:contain;width:3em;height:3em;margin-right:1em;animation:rotate 10s infinite linear}header .title a h1{line-height:4em}header .title a i,header .title svg{display:none}header .title-wrapper{padding-left:50px}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width: 759px){header #site-text-logo{color:rgba(0,0,0,0)}header .title-wrapper{padding-left:0}.d-header .title{min-width:50px}}
/*# sourceMappingURL=common_theme_5_a35706fb490c599314e69b2ceef3135b4010626a.css.map?__ws=community.homey.app */