@import"https://cdn.materialdesignicons.com/7.4.47/css/materialdesignicons.min.css";@import"//fonts.googleapis.com/css?family=Inter:400,500,600,700,800";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:14px;line-height:1;color:#525f7f}.wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f9fc;overflow:hidden}.wrapper img{box-shadow:0 2px 5px 0 rgba(189,208,223,.5);border-radius:4px}.content{position:absolute;top:0;left:0;width:calc(100% - 30px);height:100%;text-align:center;transition:width .3s ease}.content .image a{color:inherit;text-decoration:none}.content .image a img{max-width:calc(100% - 50px);max-height:calc(100% - 100px);width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);margin-top:-15px}.content .image .date{position:absolute;bottom:0;left:0;width:100%;line-height:60px;font-size:16px;letter-spacing:.8px;opacity:.7}.sidebar{position:absolute;top:0;right:0;width:240px;height:100%;background:#fff;box-shadow:0 2px 5px 0 rgba(189,208,223,.5);transform:translateX(210px);transition:transform .3s ease;z-index:100}.sidebar .drawer{cursor:pointer;width:30px;height:100%;position:absolute;text-align:center;font-size:26px;border-right:1px solid #f2f2f2;overflow:hidden}.sidebar .drawer span.mdi{position:absolute;top:50%;transform:translateY(-50%);width:100%;opacity:.4}.sidebar .drawer span.open{display:block}.sidebar .drawer span.close{display:none}.sidebar ul{list-style:none;text-align:center;position:absolute;top:0;right:0;width:calc(100% - 30px);height:100%;overflow:auto;font-size:0}.sidebar ul li{cursor:pointer;border-bottom:1px solid #f2f2f2;padding:20px;background:rgba(0,0,0,0);transition:background .3s ease}.sidebar ul li:last-child{border-bottom:0 none}.sidebar ul li img{width:100%;height:auto;max-width:120px;max-height:200px;margin:0 0 12px}.sidebar ul li .date{opacity:.7;font-size:14px}.sidebar ul li.active{background:rgba(0,0,0,.025)}.sidebar ul li.active .date{opacity:1}.sidebar-on .content{width:calc(100% - 240px)}.sidebar-on .sidebar{transform:translateX(0px)}.sidebar-on .sidebar .drawer span.open{display:none}.sidebar-on .sidebar .drawer span.close{display:block}@media screen and (max-width: 800px){.content{width:100%;height:calc(100% - 30px)}.sidebar{top:auto;bottom:0;left:0;right:auto;width:100%;height:185px;transform:translateY(155px);box-shadow:0 0 5px 0 rgba(189,208,223,.5)}.sidebar .drawer{width:100%;height:30px;border-right:0 none;border-bottom:1px solid #f2f2f2}.sidebar .drawer span.mdi{transform:translateY(-50%) rotate(90deg)}.sidebar ul{right:auto;left:0;top:auto;bottom:0;width:100%;height:calc(100% - 30px);white-space:nowrap;overflow-y:hidden}.sidebar ul li{display:inline-block;height:100%;overflow:hidden;border-bottom:0 none;border-right:1px solid #f2f2f2;min-width:150px}.sidebar ul li:last-child{border-right:0 none}.sidebar ul li img{width:auto;height:auto;max-width:100%;max-height:90px}.sidebar-on .content{width:100%;height:calc(100% - 185px);transition:height .3s ease}}