.close-link{cursor:pointer;display:flex;z-index:400}.close-link svg{box-sizing:border-box;height:28px;transition:fill .3s;width:auto;fill:#222}.archive-slideshow .code{align-items:center;color:#000;display:flex;font-family:Inconsolata,monospace;font-size:32px;font-weight:600;justify-content:center;left:50%;line-height:1;position:fixed;top:16px;transform:translate(-50%);white-space:nowrap;z-index:400}.archive-slideshow .code .dots{opacity:.5}.archive-slideshow .click-panel{bottom:0;cursor:pointer;position:fixed;top:0;transition:all .15s;z-index:2}.archive-slideshow .click-panel.left-panel{left:0;width:33.33vw}.archive-slideshow .click-panel.left-panel:hover{animation:blink-left .5s infinite;border-left:10px solid red}.archive-slideshow .click-panel.right-panel{right:0;width:33.33vw}.archive-slideshow .click-panel.right-panel:hover{animation:blink-right .5s infinite;border-right:10px solid red}.archive-slideshow .detail-image{background-color:#fff;border:10px solid;box-sizing:border-box;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.archive-slideshow .detail-image .play-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath fill='%232b3990' fill-rule='nonzero' stroke='%23000' d='M13 1C6.373 1 1 6.373 1 13s5.373 12 12 12 12-5.373 12-12S19.627 1 13 1Zm-3 17V8l9 5.146z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:50px;left:50%;opacity:1;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.archive-slideshow .detail-image .play-icon.playing{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ctitle%3EShape%3C/title%3E%3Cpath fill='%232b3990' fill-rule='nonzero' stroke='%23000' d='M13 1C6.373 1 1 6.373 1 13s5.373 12 12 12 12-5.373 12-12S19.627 1 13 1Zm-1 17H9V8h3zm5 0h-3V8h3z'/%3E%3C/svg%3E")}.archive-slideshow .detail-image img{height:calc(100% - 150px);left:50%;max-height:1200px;max-width:1200px;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px)}.close{height:auto;width:28px;fill:#222}.item-code{font-family:monospace;font-size:16px;font-weight:700;left:54px;max-width:calc(100% - 200px);position:absolute;top:50%;transform:translateY(-50%)}.archive-swiper-container{background-color:#fff;height:100%;left:0;position:fixed!important;top:0;width:100%}.archive-swiper-container .swiper-slide{background-color:#fff;box-sizing:border-box;height:100vh;padding:0 5px;width:100vw}.archive-swiper-container .swiper-slide img{height:100%;object-fit:contain;opacity:1;width:100%}.archive-swiper-container .swiper-slide .placeholder{background-color:#fff;box-sizing:border-box;left:0;padding:0 5px;position:absolute;top:0}.archive-swiper-container .swiper-slide .play-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath fill='%232b3990' fill-rule='nonzero' stroke='%23000' d='M13 1C6.373 1 1 6.373 1 13s5.373 12 12 12 12-5.373 12-12S19.627 1 13 1Zm-3 17V8l9 5.146z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:50px;left:50%;opacity:1;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.archive-swiper-container .swiper-slide .play-icon.playing{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ctitle%3EShape%3C/title%3E%3Cpath fill='%232b3990' fill-rule='nonzero' stroke='%23000' d='M13 1C6.373 1 1 6.373 1 13s5.373 12 12 12 12-5.373 12-12S19.627 1 13 1Zm-1 17H9V8h3zm5 0h-3V8h3z'/%3E%3C/svg%3E")}.page-archive{background:#fff;box-sizing:border-box;font-family:monospace;min-height:100dvh;overflow-x:hidden;padding-top:12px}.page-archive,.page-archive .images{position:relative;width:100%}.page-archive .loading{color:#000;font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-archive .loading .progress-bar{background-color:#fff;border:4px solid #000;height:50px;isolation:isolate;max-width:600px;position:relative;width:calc(100vw - 20px)}.page-archive .loading .progress-bar .progress{background-color:#000;height:calc(100% - 4px);left:2px;position:absolute;top:2px}.page-archive .loading .progress-bar .text{color:#fff;left:50%;mix-blend-mode:difference;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.page-archive canvas{cursor:pointer;display:block;height:auto!important;image-rendering:auto}@media only screen and (max-width:850px){.page-archive{padding-top:50px!important}.page-archive .loading{font-size:18px}.page-archive .loading .progress-bar{height:40px;max-width:400px}}