@import "https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";.gallery .image{perspective:800px;position:relative;overflow:hidden}.gallery .image .placeholder{z-index:1;pointer-events:none;margin-top:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery .image .placeholder svg{width:50px;height:50px;display:block}.gallery .image .real-image{z-index:2;backface-visibility:hidden;opacity:0;width:100%;height:auto;margin-top:0;display:block;position:relative}.gallery .image.in-top .real-image,.gallery .image.in-right .real-image,.gallery .image.in-bottom .real-image,.gallery .image.in-left .real-image,.gallery .image.out-top .real-image,.gallery .image.out-right .real-image,.gallery .image.out-bottom .real-image,.gallery .image.out-left .real-image{opacity:1}.gallery .image.in-top .real-image,.gallery .image.out-top .real-image{transform-origin:50% 0}.gallery .image.in-right .real-image,.gallery .image.out-right .real-image{transform-origin:100%}.gallery .image.in-bottom .real-image,.gallery .image.out-bottom .real-image{transform-origin:50% 100%}.gallery .image.in-left .real-image,.gallery .image.out-left .real-image{transform-origin:0}.gallery .image.in-top .real-image{animation:.5s forwards in-top}.gallery .image.in-right .real-image{animation:.5s forwards in-right}.gallery .image.in-bottom .real-image{animation:.5s forwards in-bottom}.gallery .image.in-left .real-image{animation:.5s forwards in-left}.gallery .image.out-top .real-image{animation:.5s forwards out-top}.gallery .image.out-right .real-image{animation:.5s forwards out-right}.gallery .image.out-bottom .real-image{animation:.5s forwards out-bottom}.gallery .image.out-left .real-image{animation:.5s forwards out-left}@keyframes in-top{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes in-right{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes in-bottom{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes in-left{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes out-top{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(90deg)}}@keyframes out-right{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(-90deg)}}@keyframes out-bottom{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(-90deg)}}@keyframes out-left{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(90deg)}}:root{--spacer:1rem}*{margin:0;padding:0;font-family:Poppins,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--lb-color-bg);color:var(--lb-color-text);flex-direction:column;justify-content:center;align-items:center;display:flex}img{cursor:pointer;max-width:100%}.shadow{background:var(--lb-color-overlay);width:100%;height:100%;-webkit-backdrop-filter:var(--lb-overlay-backdrop);display:none;position:fixed;top:0;left:0}.header__container{text-align:center;max-width:50%;color:var(--lb-color-text-muted);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:12px;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:"OFF"}[for=theme]:after{content:"PLUGIN"}:root{--lb-color-bg:#fff;--lb-color-surface:#fff;--lb-color-preview-bg:#fff;--lb-color-overlay:#000000b3;--lb-color-text:#000;--lb-color-text-muted:#666;--lb-color-accent:#007bff;--lb-color-shimmer:#fff;--lb-color-border:transparent;--lb-color-slide-bg:#00000080;--lb-color-slide-fg:#fff;--lb-shadow-card:0 0 3em #00000026;--lb-shadow-lightbox:0 0 15px #0003;--lb-slide-shadow:none;--lb-radius-sm:3px;--lb-radius-card:0px;--lb-radius-slide:50%;--lb-image-radius:0px;--lb-wrapper-padding:20px;--lb-card-padding:.7em;--lb-gallery-gap:1em;--lb-card-backdrop:none;--lb-image-hover-transform:scale(1.12);--lb-image-hover-filter:none;--lb-preview-padding:0 5px 5px 5px;--lb-preview-backdrop:none;--lb-overlay-backdrop:none;--lb-details-padding:12px 15px 12px 10px;--lb-details-border-bottom:none;--lb-title-size:18px;--lb-title-weight:400;--lb-title-letter-spacing:0em;--lb-title-transform:none;--lb-slide-size:60px;--lb-slide-margin:10px;--lb-transition-fast:.2s ease;--lb-transition-base:.3s ease}.wrapper{max-width:100vw;padding:var(--lb-wrapper-padding)}.grid{--gap:var(--lb-gallery-gap);--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:var(--lb-color-shimmer);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}@keyframes pulse{0%{opacity:0}50%{opacity:.1}to{opacity:0}}.flow>*+*{margin-top:var(--spacer)}.content{padding:var(--lb-card-padding);border-radius:var(--lb-radius-card);box-shadow:var(--lb-shadow-card);background-color:var(--lb-color-surface);-webkit-backdrop-filter:var(--lb-card-backdrop);overflow:hidden}.gallery .image img{border-radius:var(--lb-image-radius);width:100%;height:auto;transition:opacity var(--lb-transition-base), transform var(--lb-transition-base), filter var(--lb-transition-base);display:block}.gallery .image:hover img{transform:var(--lb-image-hover-transform);filter:var(--lb-image-hover-filter)}@media (width<=600px){.grid{--gap:calc(var(--lb-gallery-gap) * .7)}.image.content{padding:calc(var(--lb-card-padding) * .7)}}@media (width<=500px){.grid{--gap:calc(var(--lb-gallery-gap) * .5)}.image.content{padding:calc(var(--lb-card-padding) * .55)}}@media (width<=400px){.grid{--gap:calc(var(--lb-gallery-gap) * .3)}.image.content{padding:calc(var(--lb-card-padding) * .45)}}.preview-box{opacity:0;background:var(--lb-color-preview-bg);pointer-events:none;border-radius:var(--lb-radius-sm);min-width:fit-content;min-height:fit-content;padding:var(--lb-preview-padding);box-shadow:var(--lb-shadow-lightbox);-webkit-backdrop-filter:var(--lb-preview-backdrop);-webkit-user-select:none;user-select:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.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;transition:opacity var(--lb-transition-base);opacity:1}.preview-box .details{padding:var(--lb-details-padding);border-bottom:var(--lb-details-border-bottom);justify-content:space-between;align-items:center;display:flex}.preview-box .details .title{font-size:var(--lb-title-size);font-weight:var(--lb-title-weight);letter-spacing:var(--lb-title-letter-spacing);text-transform:var(--lb-title-transform);display:flex}.details .title p{margin:0 5px}.details .title p.current-img{font-weight:500}.details .icon{color:var(--lb-color-accent);cursor:pointer;transition:transform var(--lb-transition-base);padding:3px 10px;font-size:20px}.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;margin:var(--lb-slide-margin);height:var(--lb-slide-size);width:var(--lb-slide-size);border-radius:var(--lb-radius-slide);background-color:var(--lb-color-slide-bg);box-shadow:var(--lb-slide-shadow);transition:all var(--lb-transition-base);cursor:pointer;color:var(--lb-color-slide-fg);opacity:0;justify-content:center;align-items:center;font-size:30px;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%}.theme-select{font:inherit;color:#31b3ff;cursor:pointer;background:#474747;border:1px solid #3c3c3c;border-radius:8px;margin:0 0 0 30px;padding:8px 12px;font-size:14px;transition:border-color .2s;box-shadow:0 1px 3px #64646433,inset 0 0 0 1px #3c3c3c}.theme-select:hover,.theme-select:focus-visible{border-color:#31b3ff;outline:none}:root[data-theme=dark]{--lb-color-bg:#08090c;--lb-color-surface:#12141a;--lb-color-preview-bg:#1a1d24;--lb-color-overlay:#000000b8;--lb-color-text:#e6e8eb;--lb-color-text-muted:#8b92a0;--lb-color-accent:#818cf8;--lb-color-shimmer:#1c1f27;--lb-color-slide-bg:#ffffff24;--lb-color-slide-fg:#fff;--lb-shadow-card:inset 0 0 0 1px #ffffff0f, 0 8px 24px #00000080;--lb-shadow-lightbox:inset 0 0 0 1px #ffffff1a, 0 24px 60px #0009;--lb-radius-sm:12px;--lb-radius-card:10px;--lb-radius-slide:50%;--lb-image-radius:10px;--lb-wrapper-padding:20px;--lb-card-padding:0em;--lb-gallery-gap:1em;--lb-image-hover-transform:scale(1.06);--lb-image-hover-filter:brightness(1.08);--lb-preview-padding:0 6px 6px 6px;--lb-details-padding:14px 16px;--lb-details-border-bottom:1px solid #ffffff0f;--lb-title-size:14px;--lb-title-weight:500;--lb-slide-size:56px;--lb-slide-margin:12px;--lb-slide-shadow:0 4px 16px #00000080}:root[data-theme=minimal]{--lb-color-bg:#fafaf9;--lb-color-surface:transparent;--lb-color-preview-bg:#fff;--lb-color-overlay:#1c1917c7;--lb-color-text:#1c1917;--lb-color-text-muted:#78716c;--lb-color-accent:#1c1917;--lb-color-shimmer:#ececec;--lb-color-slide-bg:#1c1917b8;--lb-color-slide-fg:#fff;--lb-shadow-card:none;--lb-shadow-lightbox:0 0 0 1px #1c19171f;--lb-radius-sm:0px;--lb-radius-card:0px;--lb-radius-slide:0px;--lb-image-radius:0px;--lb-wrapper-padding:8px;--lb-card-padding:0em;--lb-gallery-gap:6px;--lb-image-hover-transform:none;--lb-image-hover-filter:brightness(.85);--lb-preview-padding:0 0 0 0;--lb-details-padding:14px 18px;--lb-details-border-bottom:1px solid #1c19171f;--lb-title-size:11px;--lb-title-weight:500;--lb-title-letter-spacing:.22em;--lb-title-transform:uppercase;--lb-slide-size:40px;--lb-slide-margin:0px;--lb-slide-shadow:none}:root[data-theme=glass]{--lb-color-bg:#f1f5f9;--lb-color-surface:#ffffff8c;--lb-color-preview-bg:#ffffff8c;--lb-color-overlay:#1e293b59;--lb-color-text:#0f172a;--lb-color-text-muted:#475569;--lb-color-accent:#0284c7;--lb-color-shimmer:#ffffff59;--lb-color-slide-bg:#ffffffb8;--lb-color-slide-fg:#0f172a;--lb-shadow-card:inset 0 1px 0 #ffffffe6, 0 8px 24px #0f172a14;--lb-shadow-lightbox:inset 0 1px 0 #fffffff2, 0 30px 80px #0f172a2e;--lb-radius-sm:20px;--lb-radius-card:16px;--lb-radius-slide:50%;--lb-image-radius:10px;--lb-wrapper-padding:28px;--lb-card-padding:6px;--lb-gallery-gap:1.25em;--lb-card-backdrop:blur(20px) saturate(180%);--lb-preview-backdrop:blur(30px) saturate(180%);--lb-overlay-backdrop:blur(10px);--lb-image-hover-transform:scale(1.15);--lb-image-hover-filter:none;--lb-preview-padding:8px;--lb-details-padding:14px 18px;--lb-details-border-bottom:1px solid #0f172a0f;--lb-title-size:15px;--lb-title-weight:500;--lb-slide-size:52px;--lb-slide-margin:14px;--lb-slide-shadow:0 4px 16px #0f172a2e}:root[data-theme=glass] body{background:radial-gradient(circle at 15% 10%,#ffd7ba 0%,#0000 45%),radial-gradient(circle at 85% 5%,#bae6fd 0%,#0000 45%),radial-gradient(circle at 80% 95%,#ddd6fe 0%,#0000 45%),radial-gradient(circle at 20% 90%,#bbf7d0 0%,#0000 45%),#f1f5f9 fixed;min-height:100vh}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root[data-theme=glass]{--lb-color-surface:#fffffff2;--lb-color-preview-bg:#fffffff2;--lb-card-backdrop:none;--lb-preview-backdrop:none;--lb-overlay-backdrop:none}}