.dialog{backdrop-filter:blur(3px);background-color:hsla(180,1%,57%,.529);height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1000}.dialog>.content{color:#5e6160;height:100%;overflow-y:auto;padding:10px}.dialog>.content>.banner{background-color:hsla(0,0%,40%,.349);height:25px;margin-top:10px;padding:2px 10px}.dialog>.content>.banner>span{color:#f9f6f6;line-height:23px}.dialog>.content>.banner>button{float:right}body{font-family:sans-serif;height:100dvh;margin:0}.no-select{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.hide{display:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}ul{list-style-position:inside}.dragging{cursor:move}.container{display:flex;flex-direction:column;height:100dvh;overflow-y:hidden;position:relative}.container .content>header{background:linear-gradient(180deg,#cfcfcf,#dcdcdc 10%,#e8e8e8 90%,#cfcfcf);display:flex;flex-flow:column;position:relative}.container .content>header>.btn-group{display:flex}.container>footer{background:#eaeaea;border-top:1px solid #dcdbdb;display:flex;flex-direction:row;font-family:Open Sans,sans-serif;font-size:.8em;height:26px;line-height:26px}.container>footer>div{height:26px;margin-left:5px}.container>footer>div.separator{border-left:1px solid #d8d8d8;display:flex;flex-flow:row-reverse;flex-grow:1;padding-right:10px}@media screen and (max-width:420px){.nav-link.right{text-align:initial}.nav-link.fill{flex-grow:0}footer>div{height:auto}}.menu{background-color:#f9f9f9;box-shadow:0 2px 18px rgba(0,0,0,.1);display:flex}.menu>ul>li:hover:not(.filler):not(.header){border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8}.menu ul{display:flex;font-size:0;list-style-type:none;width:100%}.menu ul>li{border-left:1px solid #f9f9f9;border-right:1px solid #f9f9f9;color:#333;display:flex;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;padding:0 4px;position:relative}.menu ul>li ul{background-color:#e7e7e7;box-shadow:7px 7px 7px #aba7a7;display:none;z-index:99999}.menu ul>li>i[class^=fa]{font-size:.8em;line-height:24px}.menu ul>li:hover:not(.filler):not(.header){background-color:#e7e7e7}.menu ul>li:hover:not(.filler):not(.header)>a{cursor:pointer}.menu ul>li:hover:not(.filler):not(.header)>i{color:#c72828;cursor:pointer;font-weight:900}.menu ul>li:hover:not(.filler):not(.header) ul{border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;display:block;left:0;margin-left:-1px;position:absolute;top:24px;width:200px}.menu ul>li:hover:not(.filler):not(.header) ul li{background-color:#e7e7e7;border-left:revert;border-right:revert;display:block}.menu ul>li:hover:not(.filler):not(.header) ul li:last-child{margin-bottom:5px}.menu ul>li:hover:not(.filler):not(.header) ul li:hover{background-color:#ccc}.menu ul>li.header{border-left:revert;border-right:revert;padding:0}.menu ul>li.header>span{background-color:#008b8b!important;color:#fff;height:24px;line-height:27px;padding:0 4px}.menu ul>li.filler{flex-grow:1;font-size:.75rem;line-height:24px}.menu ul>li a,.menu ul>li a:visited{color:inherit;display:flex;flex-grow:1;line-height:24px;text-decoration:none}.menu ul>li.right{float:right}.menu ul>li i.mobile{content:url(../img/mobile.png);display:inline-block;height:24px}.menu>ul>li.icon>i{content:url(../img/menu.png)}.menu>ul>li.icon{display:none}@media screen and (max-width:600px){.menu ul>li{background-color:initial!important}.menu ul>li:not(:first-child){display:none}.menu ul>li.icon{display:flex;flex:1;justify-content:flex-end;padding:0}.menu ul>li.icon>i{height:24px}.menu ul.open,.menu ul.open li{flex-direction:column}.menu ul.open li{display:flex}.menu ul.open li>i[class^=fa]{color:#000!important;padding:0 4px;position:absolute;right:0}.menu ul.open li ul{display:none!important}.menu ul.open li.header{flex-direction:row}.menu ul.open li.expand:not(.filler):not(.header) ul{background-color:initial!important;border:initial;display:flex!important;flex-direction:column;left:auto;margin-left:10px;position:static;top:auto;width:auto}.menu ul.open li.icon{position:absolute;right:0}}.container>.content{height:100%;overflow-y:auto}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{color:#3d92c9;text-decoration:none}a:focus,a:hover{text-decoration:underline}h3{font-weight:100}.pure-img-responsive{height:auto;max-width:100%}#layout{padding:0}.feed-header{margin:3em auto;text-align:center;top:auto}.sidebar{background:#3d4f5d;color:#fff}.brand-tagline,.brand-title{margin:0}.brand-title{text-transform:uppercase}.brand-tagline{color:#b0cadb;font-weight:300}.nav-list{list-style:none;margin:0;padding:0}.nav-item{zoom:1;display:inline-block;*display:inline}.nav-item a{background:transparent;border:2px solid #b0cadb;color:#fff;font-size:85%;letter-spacing:.05em;margin-top:1em;text-transform:uppercase}.nav-item a:focus,.nav-item a:hover{border:2px solid #3d92c9;text-decoration:none}.content-subhead{border-bottom:1px solid #eee;color:#aaa;font-size:80%;font-weight:500;letter-spacing:.1em;padding:.4em 0;text-transform:uppercase}.layout-content{padding:2em 1em 0}.post{padding-bottom:2em}.post-title{color:#222;font-size:2em;margin-bottom:.2em}.post-description{color:#444;font-family:Georgia,Cambria,serif;line-height:1.8em}.post-meta{color:#999;font-size:90%;margin:0}.post-category{background:#999;color:#fff;font-size:80%;margin:0 .1em;padding:.3em 1em}.post-category-design{background:#5aba59}.post-category-pure{background:#4d85d1}.post-category-yui{background:#8156a7}.post-category-js{background:#df2d4f}.post-images{margin:1em 0}.post-image-meta{color:#fff;margin-left:1em;margin-top:-3.5em;text-shadow:0 1px 1px #333}.footer{padding:1em 0}.footer a{color:#ccc;font-size:80%}.footer .pure-menu a:focus,.footer .pure-menu a:hover{background:none}@media(min-width:48em){.layout-content{margin-left:25%;padding:2em 3em 0}.header{margin:80% 2em 0;text-align:right}.sidebar{bottom:0;position:fixed;top:0}.footer{text-align:center}}.pure-g [class*=pure-u],button,html,input,select,textarea{font-family:Helvetica,Arial,sans-serif;letter-spacing:.01em}.layout-item-module{align-items:center;display:flex;flex-direction:column;font-size:.875em;margin-right:.5714em;max-width:80px}.layout-item-module a:link,.layout-item-module a:visited{display:block;line-height:1.75;text-overflow:ellipsis;text-transform:capitalize;width:100%}.layout-item-module a:hover{color:#0b476d}.layout-item-module-base a{text-decoration:none}