/*hss 1.0*/body{--acti:#3bb162;background:var(--high);font-family:sans-serif;--high:#663366;margin:0;overflow-x:hidden;overflow-y:scroll;}a{color:var(--acti);text-decoration:none;}.shadow{box-shadow:4px 4px 4px 0px rgb(0,0,0,0.38);}.shadown{box-shadow:2px 2px 2px 0px rgb(0,0,0,0.38);}.head{background:rgba(0,0,0,.62);color:#fff;font-size:18px;height:52px;left:0;padding:0 16px;position:fixed;right:0;text-align:center;top:0;vertical-align:middle;z-index:2;}.foot{background:rgba(0,0,0,.62);bottom:0;color:#fff;font-size:18px;height:52px;left:0;padding:0 16px;position:fixed;right:0;text-align:center;vertical-align:middle;z-index:2;}div.modal{align-items:center;backdrop-filter:blur(0px);bottom:0;display:flex;justify-content:center;left:0;padding:32px;position:fixed;right:0;top:0;transition:backdrop-filter ease 6.2s,background ease 6.2s;z-index:3;}div.modal>div{background:rgb(0,0,0,0);border-radius:8px;box-shadow:4px 4px 4px 0px rgb(0,0,0,0.38);display:flex;flex-direction:column;opacity:0;position:relative;top:-64px;transition:opacity ease 0.38s,top ease 0.38s;}div.modal-on{backdrop-filter:blur(2px);background:rgb(0,0,0,0.38);}div.modal-on>div{opacity:1;top:0;}div.modal-hide{pointer-events:none;}div.modal-close{transition:backdrop-filter ease .38s,background ease 0.38s;}div.modal button{background:var(--acti);border:3px solid #fff;border-radius:24px;box-shadow:4px 4px 4px 0px rgb(0,0,0,0.38);cursor:pointer;display:flex;height:48px;padding:4px;position:absolute;transition:background ease 0.38s,box-shadow ease 0.38s;width:48px;z-index:2;}div.modal button:hover{background:var(--high);box-shadow:2px 2px 2px 0px rgb(0,0,0,0.38);}div.modal button>svg{fill:#fff;}div.modal button.modal-close{right:-16px;top:-16px;}div.modal button.modal-left{left:-16px;margin-top:-24px;top:50%;}div.modal button.modal-right{margin-top:-24px;right:-16px;top:50%;}div.modal button.modal-zoom{bottom:-16px;left:-16px;}#thumbs{display:flex;flex-wrap:wrap;list-style:none;margin:52px 0;padding:0;thsize:192px;user-select:none;}#thumbs>li{cursor:pointer;display:flex;height:var(--thsize);margin:0;padding:0;position:relative;transition:transform ease 6.2s;width:var(--thsize);}#thumbs>li>img{filter:grayscale(0.38);height:100%;transition:filter ease 6.2s;width:100%;}#thumbs>li>svg{fill:var(--high);height:32px;position:absolute;right:8px;top:8px;width:32px;}#thumbs>li:hover{transform:scale(1.1);transition:transform ease 0.62s;z-index:1;}#thumbs>li:hover > img{filter:none;transition:filter ease 0.62s;}div.display{border-radius:8px;}div.display>img,div.display>video{border-radius:8px;max-height:var(--img-height);max-width:var(--img-width);}