@import "https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";:root{--spacer:1rem}*{margin:0;padding:0;font-family:Poppins,sans-serif}*,:before,:after{box-sizing:border-box}body{flex-direction:column;justify-content:center;align-items:center;display:flex}img{cursor:pointer;max-width:100%}.shadow{background:#000000b3;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.header__container{text-align:center;color:#666;max-width:50%;margin:20px 15px 10px;padding:10px}.toggler{justify-content:center;align-items:center;min-width:fit-content;padding:10px 10px 35px;font-size:14px;display:flex}.toggler .btn{cursor:pointer;margin:0 0 0 30px;font-size:24px}.toggler label{text-align:left}#theme{display:none}[for=theme]{cursor:pointer;color:#31b3ff;text-shadow:1px 1px #ffffff26;-webkit-user-select:none;user-select:none;background:#474747;border-radius:16px;width:110px;padding:15px;line-height:3px;display:block;position:relative;box-shadow:0 1px 3px #64646433,inset 0 0 0 5px #3c3c3c,inset 0 6px 6px #00000080,inset 0 -6px 1px #fff3}[for=theme]:before{color:#31b3ff;position:absolute;right:15px}[for=theme]:after{color:#474747;background:#ccc linear-gradient(#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);border-radius:10px;justify-content:center;width:50px;height:22px;font-size:14px;font-weight:700;line-height:23px;transition:all .5s;display:flex;position:absolute;top:5px;left:6px}[for=theme].reverse-toggler:after,#theme:checked~[for=theme]:after{left:54px}#theme:checked~[for=theme].reverse-toggler:after{left:6px}[for=theme]:before{content:"LNK"}[for=theme]:after{content:"LIST"}.wrapper{max-width:100vw;padding:20px}.grid{--gap:1em;--columns:4;columns:var(--columns);gap:var(--gap);max-width:80rem;margin:0 auto}.grid>*{break-inside:avoid;margin-bottom:var(--gap)}@supports (grid-template-rows:masonry){.grid{grid-template-columns:repeat(var(--columns), 1fr);grid-template-rows:masonry;grid-auto-flow:dense;display:grid}.grid>*{margin-bottom:0}}.flow{filter:blur(3px);background-repeat:no-repeat;background-size:cover;width:clamp(4rem,100%,20rem);min-height:200px}.flow:before{content:"";opacity:0;background-color:#fff;animation:2.5s infinite pulse;position:absolute;inset:0}.flow.loaded{min-height:unset;filter:none;background-image:none!important}.flow.loaded:before{content:none;animation:none}.flow.loaded img{opacity:1}.flow img{opacity:0;transition:opacity .3s ease-in-out}@keyframes pulse{0%{opacity:0}50%{opacity:.1}to{opacity:0}}.flow>*+*{margin-top:var(--spacer)}.content{background-color:#fff;padding:.7em;overflow:hidden;box-shadow:0 0 3em #00000026}.gallery .image img{vertical-align:middle;transition:transform .3s}.gallery .image:hover img{transform:scale(1.12)}@media (width<=600px){.grid{--gap:.7em;gap:var(--gap)}.image.content{padding:.5em}}@media (width<=500px){.grid{--gap:.5em;gap:var(--gap)}.image.content{padding:.4em}}@media (width<=400px){.grid{--gap:.3em;gap:var(--gap)}.image.content{padding:.3em}}.preview-box{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:3px;min-width:fit-content;min-height:fit-content;padding:0 5px 5px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #0003}.preview-box.fullscreen{grid-template-rows:auto 1fr;width:100%;height:100%;display:grid;top:0;left:0;transform:none}.preview-box:hover .slide{opacity:1}.preview-box.show{pointer-events:auto;opacity:1;transition:opacity .3s}.preview-box .details{justify-content:space-between;align-items:center;padding:12px 15px 12px 10px;display:flex}.preview-box .details .title{font-size:18px;font-weight:400;display:flex}.details .title p{margin:0 5px}.details .title p.current-img{font-weight:500}.details .icon{color:#007bff;cursor:pointer;padding:3px 10px;font-size:20px;transition:transform .3s}.details .icon:hover{transform:scale(1.2)}.preview-box .image-box{justify-content:center;align-items:center;max-width:calc(100vw - 50px);max-height:calc(100vh - 100px);display:flex;position:relative;overflow:hidden}.preview-box.fullscreen .image-box{max-width:none;min-height:0;max-height:none}.image-box .pan-overlay{z-index:1;width:100%;height:100%;position:absolute}.image-box .slide{z-index:2;cursor:pointer;color:#fff;opacity:0;background-color:#00000080;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:10px;font-size:30px;transition:all .3s;display:flex;position:absolute}.image-box .slide.hide{display:none}.image-box .slide:hover{transform:scale(1.2)}.slide.prev{left:0}.slide.next{right:0}.image-box img{flex-shrink:0;max-width:100%;max-height:100%}