body.disable-scroll{position:fixed;top:var(--i-body-scrollPosition);left:0;width:100%}.gallery{--menu-width: 220px}.gallery .enlarged{display:none}.gallery .popup{background-color:rgba(0,0,0,.85);z-index:10;display:block;overflow:hidden;position:fixed;top:0px;left:0px;width:100%;height:100%;opacity:0;translate:0 150%;transition:opacity 150ms,translate 150ms;cursor:zoom-out}.gallery .popup .flex{position:absolute;inset:0px;overflow:hidden;display:flex;flex-flow:column;min-height:100%;cursor:zoom-out;opacity:0;transition:opacity 200ms 200ms}.gallery .popup .abs{position:absolute;inset:0px;display:flex;flex-flow:column;min-height:100%;cursor:zoom-out}.gallery .popup .box{cursor:default;display:flex;width:100%;min-height:100%;margin:auto;position:relative}.gallery .popup .image{cursor:zoom-out;display:flex;justify-content:center;align-items:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;height:100%;width:100%;padding:0 2rem}.gallery .popup .image .imagebox{display:block;overflow:hidden;position:relative;max-width:100%;max-height:100%;background-image:url(/assets/img/image-loading.gif);background-size:25%;background-position:center;background-repeat:no-repeat}.gallery .popup .image img{cursor:default;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.gallery .popup .image .blured{filter:blur(1.5rem) grayscale(90%)}.gallery .popup .image .warning-box{cursor:default;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;background:rgba(0,0,0,.7);transition:opacity 300ms}.gallery .popup .image .warning-box .warn-text{display:block;text-align:center}.gallery .popup .image .warning-box .warn-icon{font-size:2rem;margin-bottom:1.25rem}.gallery .popup .image .warning-box span{display:block;line-height:1.5rem;font-size:1rem}.gallery .popup .image .warning-box .warn-heading{font-size:1.125rem}.gallery .popup .image .warning-box .warn-button{margin-top:1.25rem}.gallery .popup .image .warning-box .warn-button .button{cursor:pointer;padding:.25rem 1rem;border-radius:.875rem;font-size:1rem;background-color:rgba(255,255,255,.15);box-shadow:0 0 .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color 200ms,box-shadow 200ms}.gallery .popup .image .warning-box .warn-button .button:hover{background-color:rgba(255,255,255,.05);box-shadow:0 0 .75rem rgba(0,0,0,.25)}.gallery .popup .image .warning-box.hiding{opacity:0}.gallery .popup .image .warning-box.hiding .warn-button .button{cursor:default}.gallery .popup .image .warning-box.hide{display:none}.gallery .popup .info{background-color:var(--body-background-c);overflow:auto;width:400px;padding:6rem 1.5rem 3rem 1.5rem;display:flex;flex-direction:column}.gallery .popup .info.mobile{padding:6rem 1.5rem 3rem 1.5rem}.gallery .popup .info-box{cursor:default}.gallery .popup .info-box h3{margin-bottom:.5rem;font-size:1.4rem;font-weight:400}.gallery .popup .info-box h3 .name-icon{color:var(--text-secondary-c);margin-right:.75rem}.gallery .popup .info-box p{font-family:var(--font-prompt)}.gallery .popup .info-box .date{font-size:1rem}.gallery .popup .info-box .date::before{content:"ー";padding-right:.15rem;opacity:.65}.gallery .popup .info-box .tag{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.25rem 0;margin-bottom:1.25rem}.gallery .popup .info-box .tag span{display:inline-block;padding:0 .5rem;font-size:.75rem;color:var(--text-secondary-c);border:solid 1px var(--button-secondary-c);border-radius:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery .popup .info-box .tag span:before{content:"#";margin-right:.1rem}.gallery .popup .info-box .tag span.warn{border-color:#8b0909}.gallery .popup .info-box .link{-moz-user-select:none;user-select:none;-webkit-user-select:none;font-size:1rem;border-radius:2px 0 0 2px;border-left:solid 3px var(--button-fill-c);padding-left:.75rem}.gallery .popup .info-box .link a{display:inline;cursor:pointer;color:var(--text-secondary-c);width:100%;padding:.15rem 0rem .15rem 0;transition:padding 100ms}.gallery .popup .info-box .link a i{width:1rem;margin-right:.5rem}.gallery .popup .info-box .link a:hover{color:var(--secondary-c);padding:0 0 .3rem .25rem}.gallery .popup .info-box .popup-footer{opacity:.75;margin-top:2rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.gallery .popup .info-box .popup-footer p{font-size:.7rem;font-weight:100;font-family:var(--font-courier);color:var(--text-secondary-c)}.gallery .popup .info-box .popup-footer p a{display:inline-block;color:var(--secondary-c);transition:color 100ms}.gallery .popup .info-box .popup-footer p a:hover{color:var(--primary-c)}.gallery .popup .btn-close,.gallery .popup .btn-close:active{cursor:pointer;position:fixed;top:1.5rem;right:1.5rem;padding:.25rem .5rem;font-size:2rem;line-height:2rem;rotate:0deg;transition:rotate 200ms ease,opacity 200ms,background-color 200ms}.gallery .popup .btn-close:hover{color:var(--primary-c);rotate:90deg}.gallery .popup.active{opacity:1;translate:0 0%}.gallery .popup.active .flex{translate:0 0%;opacity:1}.gallery .container{margin:50px auto 50px}.gallery .flex{display:flex;justify-content:center}.gallery .menu,.gallery .imageslist{background-color:var(--content-background-c);border-radius:10px}.gallery .menu{width:var(--menu-width);-moz-user-select:none;user-select:none;-webkit-user-select:none;line-height:2.25rem;font-size:1.15rem;font-family:var(--font-poppins);font-weight:100;padding:20px}.gallery .menu .title{text-align:center}.gallery .menu hr{margin:10px 0;border:none;border-top:1px solid var(--text-tertiary-c)}.gallery .menu .sortbtn{--box--line-height: 2rem;--box--font-size: 1rem;--box--margin-left: 1.25rem;display:block;cursor:pointer;font-size:var(--box--font-size);line-height:var(--box--line-height);margin-left:var(--box--margin-left);position:relative}.gallery .menu .sortbtn .total{text-align:right;font-size:.7rem;color:#888;position:absolute;width:100%;height:100%;inset:0 0}.gallery .menu .sortbtn .sm{display:none;position:static;font-size:80%;padding-right:.25rem;color:var(--text-secondary-c)}.gallery .menu .sortbtn:hover{color:var(--secondary-c)}.gallery .menu .sortbtn:hover i{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgNTEyIiBmaWxsPSIjZmZhNDQ0Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI0Ni42IDI3OC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zbC0xMjgtMTI4Yy05LjItOS4yLTIyLjktMTEuOS0zNC45LTYuOXMtMTkuOCAxNi42LTE5LjggMjkuNmwwIDI1NmMwIDEyLjkgNy44IDI0LjYgMTkuOCAyOS42czI1LjcgMi4yIDM0LjktNi45bDEyOC0xMjh6Ii8+PC9zdmc+);background-repeat:no-repeat;background-size:contain;background-position:left}.gallery .menu .sortbtn:hover .sm{color:var(--text-c)}.gallery .menu .sortbtn .lefticon{--sort-i--box-height: var(--box--line-height);--sort-i--height: var(--box--font-size);--sort-i--box-padding: calc((var(--sort-i--box-height) - var(--sort-i--height)) / 2);display:block;position:absolute;width:var(--box--margin-left);padding:var(--sort-i--box-padding) 0;inset:0 calc(var(--box--margin-left)*-1)}.gallery .menu .sortbtn i{content:"";position:absolute;width:var(--sort-i--height);height:var(--sort-i--height);font-size:var(--sort-i--height)}.gallery .menu .sortbtn.groupbtn:not(.active) i{rotate:90deg;background-position:25%}.gallery .menu .sortbtn.active{color:var(--primary-c)}.gallery .menu .sortbtn.active .lefticon{--sort-i--height: 0.75rem}.gallery .menu .sortbtn.active i{background:none}.gallery .menu .sortbtn.active .sm{color:var(--text-c)}.gallery .menu .groupbtn:not(.active)+.sortgroup .sortbtn{display:none}.gallery .menu .groupbtn.active+.sortgroup .sortbtn{display:block}.gallery .imageslist{--image-preview-margin: 5px;--image-preview-height: calc(100dvh - 65px - 100px - 50px);width:calc(100% - var(--menu-width) - 30px);min-height:var(--image-preview-height);margin-left:30px;padding:20px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center}.gallery .imageslist #status-loading,.gallery .imageslist #status-nothing,.gallery .imageslist noscript{-moz-user-select:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;width:100%;padding:15% 0;color:#666}.gallery .imageslist #status-loading p,.gallery .imageslist #status-nothing p,.gallery .imageslist noscript p{font-size:1rem;margin-top:.5rem;font-family:var(--font-courier);text-align:center}.gallery .imageslist noscript{color:var(--error-c)}.gallery .imageslist #status-loading span{position:relative;display:inline-block;padding-right:1.25rem}.gallery .imageslist #status-loading i{font-size:3rem}.gallery .imageslist #status-loading i.two{font-size:1.5rem;position:absolute;bottom:0;right:0}.gallery .imageslist #status-nothing,.gallery .imageslist #status-noscript{text-align:center}.gallery .imageslist #status-nothing i,.gallery .imageslist #status-noscript i{font-size:2rem}.gallery .imageslist .imgbox{position:relative;width:calc(20% - var(--image-preview-margin)*2);margin:var(--image-preview-margin);height:-moz-fit-content;height:fit-content;aspect-ratio:1;aspect-ratio:1/1;overflow:hidden}.gallery .imageslist .image{cursor:pointer;position:relative;width:100%;padding-bottom:100%;border-radius:6px;background-color:rgba(0,0,0,.25);background-image:var(--img);background-position:center;background-repeat:no-repeat;background-size:105% 105%;transition:background-size 200ms;-moz-user-select:none;user-select:none;-webkit-user-select:none}.gallery .imageslist .image:before{z-index:5;content:"";position:absolute;right:calc((35% + 1.7rem)*-1);bottom:1.7rem;width:35%;height:0;background-image:url(/assets/img/gallery-loop-overlay.png);background-repeat:repeat-y;background-size:100%;animation:scrollLoop linear infinite;animation-duration:3.5s;opacity:0;transition:right 300ms,bottom 300ms,opacity 100ms,height 300ms;will-change:background-position}.gallery .imageslist .e .image:before{background-image:url(/assets/img/gallery-loop-overlay2.png)}@keyframes scrollLoop{0%{background-position:0px 0px}100%{background-position:0px -376px}}.gallery .imageslist .image:after{z-index:1;content:"";position:absolute;inset:0;width:100%;height:100%;background:no-repeat url(/assets/svg/gallery-preview-deco.svg) center;background-size:130% 130%;mix-blend-mode:difference;opacity:0;transition:background-size 200ms,transform 300ms,opacity 400ms}.gallery .imageslist .desc,.gallery .imageslist .warning{--textbox-span: 0.5rem;cursor:pointer;position:absolute;max-width:calc(100% - var(--textbox-span)*2);bottom:var(--textbox-span);left:var(--textbox-span);font-size:.8rem;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:translate 200ms,max-width 200ms}.gallery .imageslist .desc .name,.gallery .imageslist .desc .text,.gallery .imageslist .warning .name,.gallery .imageslist .warning .text{display:inline-block;padding:2px 6px;border-radius:4px;background-color:rgba(23,23,23,0);opacity:.75;transition:background-color 500ms,opacity 500ms}.gallery .imageslist .warning{left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;text-align:center;display:flex;align-items:flex-end}.gallery .imageslist .warning .box{margin-bottom:var(--textbox-span);width:100%;display:block}.gallery .imageslist .warning .inside{z-index:5;width:100%;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:calc(50% - .75rem);line-height:2.5rem;background-color:rgba(255,0,4,0);translate:0 1rem;transition:background-color 300ms}.gallery .imageslist .warning .iconfloat{display:block;position:absolute;bottom:var(--textbox-span);width:100%;color:#ff0004;transition:color 150ms ease-in-out,translate 200ms ease-in-out}.gallery .imageslist .warning .icon{opacity:0;font-size:1.25rem;width:8rem;transition:opacity 220ms,translate 220ms ease-in-out}.gallery .imageslist .warning .icon.left{translate:-4rem;text-align:right}.gallery .imageslist .warning .icon.right{translate:4rem;text-align:left}.gallery .imageslist .warning .text{display:inline-block;font-size:0rem;font-weight:800;width:100%;padding:0;color:rgba(209,48,51,0);transition:color 200ms,font-size 200ms}.gallery .imageslist .warning:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 0 rgba(255,0,4,0);transition:box-shadow 300ms}.gallery .imageslist .imgbox:hover .image{background-size:130% 130%}.gallery .imageslist .imgbox:hover .image:before{height:12.5%;right:1.6rem;opacity:.6}.gallery .imageslist .imgbox:hover .image:after{background-size:97% 97%;transform:rotate(90deg);opacity:.8}.gallery .imageslist .imgbox:hover .desc{translate:1rem -1rem;max-width:calc(50% - 1rem - var(--textbox-span)*2);text-overflow:ellipsis}.gallery .imageslist .imgbox:hover .name{opacity:1;background-color:rgba(23,23,23,.85);text-shadow:0 0 6px #000}.gallery .imageslist .imgbox:hover .warning{text-shadow:0 0 3rem #000}.gallery .imageslist .imgbox:hover .warning .inside{background-color:rgba(255,0,4,.7)}.gallery .imageslist .imgbox:hover .warning .iconfloat{color:rgba(255,0,4,0);translate:0 1.5rem}.gallery .imageslist .imgbox:hover .warning .icon{opacity:1;translate:0}.gallery .imageslist .imgbox:hover .warning .text{font-size:1rem;color:#fff;opacity:1;animation:image-warning-hover 1s ease-in-out infinite}.gallery .imageslist .imgbox:hover .warning:after{box-shadow:inset 0 0 5rem rgba(255,0,4,.7)}@keyframes image-warning-hover{0%,40%,70%,100%{color:#fff}50%,60%{color:rgba(255,255,255,.65)}}.gallery .imageslist .imgbox:active .image{background-size:180% 180%}.gallery .imageslist .imgbox:active .image:before{height:30%;right:.5rem;bottom:.5rem;opacity:.9;animation-duration:6s;border-bottom-right-radius:4px}.gallery .imageslist .imgbox:active .image:after{background-size:70% 70%;transform:rotate(225deg);opacity:1}.gallery .imageslist .imgbox:active .desc{translate:0}.gallery .imageslist .imgbox:active .name{opacity:1;background-color:rgba(23,23,23,.85);text-shadow:0 0 6px #000}.gallery .imageslist .imgbox:active .warning{text-shadow:0 0 0 rgba(0,0,0,0)}.gallery .imageslist .imgbox:active .warning .inside{background-color:rgba(255,0,4,0)}.gallery .imageslist .imgbox:active .warning .iconfloat{color:rgba(255,0,4,0);translate:0 1.5rem}.gallery .imageslist .imgbox:active .warning .icon{opacity:0;translate:0}.gallery .imageslist .imgbox:active .warning .text{font-size:0rem;width:100%;color:rgba(209,48,51,0)}.gallery .imageslist .imgbox:active .warning:after{box-shadow:inset 0 0 5rem rgba(255,0,4,.7)}@media screen and (max-width: 1500px){.gallery .imageslist .imgbox{width:calc(25% - var(--image-preview-margin)*2)}}@media screen and (max-width: 1100px){.gallery .imageslist .imgbox{width:calc(33.33333% - var(--image-preview-margin)*2)}}@media screen and (max-width: 850px){.gallery .imageslist .imgbox{width:calc(50% - var(--image-preview-margin)*2)}}@media screen and (max-width: 700px){.gallery .popup{--var-info-height: 225px}.gallery .popup .box{height:100%;overflow:auto;display:block}.gallery .popup .image{height:calc(100vh - var(--var-info-height))}.gallery .popup .mobile .image{height:calc(100dvh - var(--var-info-height))}.gallery .popup .info{width:100%;height:auto;min-height:var(--var-info-height);padding:2rem 4rem 2rem 4rem}.gallery .popup .mobile .info{padding:2rem 4rem 2rem 4rem}.gallery .popup .info-box h3,.gallery .popup .info-box .date{display:inline-block}.gallery .popup .info-box h3{font-size:1.5rem;padding-right:.5rem}.gallery .popup .info-box h3 .name-icon{display:none}.gallery .popup .info-box .date{font-size:1.125rem;color:var(--text-secondary-c)}.gallery .popup .info-box .date::before{display:none}.gallery .popup .info-box .tag{flex-direction:row;margin-bottom:.5rem}.gallery .popup .info-box .tag span{font-size:.95rem}.gallery .popup .info-box .popup-footer p{font-size:.8rem}.gallery .popup .btn-close{border-radius:1.5rem;background-color:#000;text-shadow:0 0 4px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gallery .popup .btn-close,.gallery .popup .btn-close:active{padding:.5rem .75rem;font-size:1.5rem;line-height:1.5rem;opacity:.4}.gallery .popup .mobile .btn-close{opacity:.6;background-color:rgba(0,0,0,.5)}.gallery .popup .btn-close:hover{opacity:1;background-color:rgba(0,0,0,.7)}.gallery .container{margin-top:30px}.gallery .flex{flex-wrap:wrap}.gallery .menu,.gallery .imageslist{--image-preview-height: calc(70dvh - 50px - 60px);width:100%}.gallery .menu .title{text-align:left}.gallery .menu .title:after{content:" ↴";opacity:.7}.gallery .menu hr{display:none}.gallery .menu .sortbtn{display:inline-block;padding:0 .65rem;margin-left:0;line-height:1.5rem;border:2px solid var(--button-secondary-c);border-radius:1rem}.gallery .menu .sortbtn:not(.active):hover{color:var(--text-c);background-color:#6a4926}.gallery .menu .sortbtn.active{color:var(--text-c);border-color:var(--primary-c);background-color:var(--button-fill-c)}.gallery .menu .sortbtn:hover,.gallery .menu .sortbtn.active{text-shadow:0 0 8px rgba(0,0,0,.5)}.gallery .menu .sortbtn:after{display:none}.gallery .menu .sortbtn span{display:none !important}.gallery .menu .sortbtn .sm{display:inline !important}.gallery .menu .groupbtn.active+.sortgroup .sortbtn{display:inline-block}.gallery .imageslist{margin-left:0;margin-top:15px}.gallery .imageslist .imgbox{width:calc(33.33333% - var(--image-preview-margin)*2)}}@media screen and (max-width: 555px){.gallery .imageslist .imgbox{width:calc(50% - var(--image-preview-margin)*2);--image-preview-margin: 2px}}@media screen and (max-width: 400px){.gallery .popup .info{padding:1rem 10% !important}}@media screen and (max-width: 300px){.gallery .imageslist .imgbox{width:calc(100% - var(--image-preview-margin)*2)}.gallery .imageslist .desc{display:block}}@media screen and (max-height: 600px)and (max-width: 700px){.gallery .popup .box{overflow:auto}.gallery .popup .image{height:calc(600px - var(--var-info-height)) !important}}/*# sourceMappingURL=gallery.min.css.map */