body{margin:0;padding:0;border:0;font-family:Roboto,sans-serif;color:rgba(0,0,0,.87)}.template-block{margin:8px 0;background-color:#eee;box-shadow:0 0 2px rgba(0,0,0,.3764705882352941);border-radius:4px;overflow:hidden;transition:all .3s}.template-block:hover{transform:scale(1.02);box-shadow:0 0 16px rgba(0,0,0,.3764705882352941)}.template-block>h2{padding:8px 12px;margin:0;font-size:18px;font-weight:300}.template-block>div{width:100%;height:40vh;background-size:cover}a{text-decoration:none;color:rgba(0,0,0,.87)}a.close{padding:6px 14px}a.close:hover{border-radius:4px;background-color:rgba(0,0,0,.12549019607843137)}#bar{position:fixed;top:0;left:0;right:0;height:48px;z-index:10;background-color:#ddd;box-shadow:0 0 2px 1px rgba(0,0,0,.5019607843137255);display:flex;align-items:center;padding:0 16px}#bar h1{flex:1 1;margin:0;font-size:20px;font-weight:300}#frame{position:fixed;top:48px;bottom:0;left:0;right:0}#frame #loading{display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:22px;font-weight:300;color:rgba(0,0,0,.4470588235294118)}iframe{border:0;width:100%;height:100%}