@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap&display=swap";header.flex{animation:motion-header-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes motion-header-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}header .icon-menu,header button.mode{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease,color .2s ease}header .icon-menu:hover,header button.mode:hover{transform:scale(1.06);box-shadow:0 10px 28px #4ccd9938,1px 1px 40px #80f5eb2a}header nav ul li a{display:inline-block;transition:color .22s ease,transform .22s cubic-bezier(.22,1,.36,1),opacity .2s ease}header nav ul li a:hover{transform:translateY(-2px)}header .icon-cross{transition:transform .35s cubic-bezier(.22,1,.36,1),color .25s ease,font-size .25s ease}header .fixed ul.modal li a{display:inline-block;transition:transform .22s cubic-bezier(.22,1,.36,1),color .2s ease}header .fixed ul.modal li a:hover{transform:translate(5px)}section.hero .icons a{transition:transform .22s cubic-bezier(.22,1,.36,1)}section.hero .icons a:hover{transform:translateY(-3px) scale(1.06)}section.hero .btn-hi{cursor:pointer;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease}section.hero .btn-hi:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #4ccd9947}section.hero .btn-hi:active{transform:translateY(-1px) scale(.99)}footer ul.flex li a,footer p a{transition:color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}footer ul.flex li a:hover,footer p a:hover{transform:translateY(-2px)}section.contact-us .submit{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color .28s ease,opacity .2s ease}section.contact-us .submit:hover{transform:translateY(-4px) scale(1.02)}section.contact-us .submit:active:not(:disabled){transform:translateY(-1px) scale(.98)}.lightbox-overlay button.lb-fab{transition:background .25s ease,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.lightbox-overlay button.lb-fab:hover{box-shadow:0 8px 28px #00000073;background:#ffffff57!important}.lightbox-overlay button.lb-fab.lb-fab--close:hover{transform:scale(1.08)}.lightbox-overlay button.lb-fab.lb-fab--prev:hover,.lightbox-overlay button.lb-fab.lb-fab--next:hover{transform:translateY(-50%) scale(1.08)}@media (prefers-reduced-motion: reduce){header.flex,section.hero .icons a,section.hero .btn-hi,footer ul.flex li a,footer p a,section.contact-us .submit,.scroll2top,.lightbox-overlay button.lb-fab{animation:none!important;transition:none!important}header.flex{opacity:1;transform:none}header .icon-menu:hover,header button.mode:hover,header nav ul li a:hover,header .fixed ul.modal li a,header .fixed ul.modal li a:hover,section.hero .icons a:hover,section.hero .btn-hi:hover,section.hero .btn-hi:active,footer ul.flex li a:hover,footer p a:hover,section.contact-us .submit:hover,section.contact-us .submit:active,.scroll2top:hover,.scroll2top:active,.lightbox-overlay button.lb-fab:hover,.lightbox-overlay button.lb-fab.lb-fab--close:hover,.lightbox-overlay button.lb-fab.lb-fab--prev:hover,.lightbox-overlay button.lb-fab.lb-fab--next:hover{transform:none}}html{font-family:Karla,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,EmojiOne Color,"Android Emoji",sans-serif;letter-spacing:.3px;font-weight:500;font-style:normal;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}:root,html.dark{--primary:#1a1a1a;--secondary:#161616;--border:rgba(63,63,70,.4);--title:#ffffff;--subtitle:#e0e0e0;--bgHeader:rgb(39,39,42);--blue:#4CCD99;--icon-hover:#d4d4d8;color-scheme:dark}.preload{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:9999;transition:opacity .5s ease-in-out}.preload.hide{opacity:0;visibility:hidden}html.light{--primary:rgb(245, 245, 245);--secondary:rgb(255, 255, 255);--border:rgba(202, 202, 202, .51);--title:rgb(39, 39, 42);--subtitle:rgb(82, 82, 91);--bgHeader:rgb(253, 253, 253);--blue:#4CCD99;--icon-hover:#333;color-scheme:light}html.light,html.dark{background-color:var(--secondary)}body{background-color:var(--secondary);color:var(--title);font-variant-emoji:emoji;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}.container{background-color:var(--secondary);width:100%;margin-left:auto;margin-right:auto;padding:0 var(--container-padding);transition:background-color .25s ease}.divider{height:1px;margin:3rem 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding)* -1)}.divider-footer{border:1px rgba(113,113,122,.5) solid;margin:2rem 0;width:100%;margin-left:calc(var(--container-padding)* 1)}li{list-style:none}a{text-decoration:none;color:initial;transition:.2s}.flex{display:flex;align-items:center}button:not(.mode):not(.menu):not(.icon-menu):not(.icon-cross):not(.theme-toggle-mobile):not(.lb-fab):not(.scroll2top):not(.submit){all:unset}button:hover{cursor:pointer}button:active{scale:.9}button:disabled{opacity:.4;cursor:not-allowed}.loading-placeholder{display:flex;justify-content:center;align-items:center;min-height:200px;background:linear-gradient(90deg,var(--border) 25%,transparent 50%,var(--border) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;color:var(--subtitle);font-size:1.1rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1000px){.container{width:90%;padding:0 var(--container-padding)}.divider{width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding)* -1)}}@media (max-width: 768px){.container{width:95%;padding:0 1rem}.divider{margin:2rem 0}}@media (max-width: 480px){.container{width:98%;padding:0 .75rem}.divider{margin:1.5rem 0}html{font-size:15px}}.scroll2top{background-color:var(--blue);width:2.6rem;height:2.6rem;border-radius:50%;position:fixed;color:var(--primary);bottom:2rem;right:3%;text-align:center;border:1px solid rgba(76,205,153,.3);font-size:1.25rem;z-index:1000;cursor:pointer;transition:background-color .28s ease,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,filter .2s ease;box-shadow:0 4px 12px #4ccd994d;display:flex;align-items:center;justify-content:center}.scroll2top:hover{background-color:#3db88a;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 22px #4ccd9973}.scroll2top:active{transform:translateY(-1px) scale(.98)}@media (max-width:600px){.container{width:98%;padding:0 var(--container-padding)}.scroll2top{opacity:.5;width:2.2rem;height:2.2rem;font-size:1rem;bottom:1.5rem;right:2%}}@media (max-width: 480px){.scroll2top{width:2rem;height:2rem;font-size:.9rem;bottom:1rem;right:1.5%}}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}html{scrollbar-color:#9e4673}header{background:var(--secondary)!important;position:relative;z-index:1000;isolation:isolate}header nav a{color:var(--title)!important;font-weight:700}header nav a:hover{color:var(--blue)!important}header.flex{position:sticky;top:0;z-index:1000;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-top:0;width:80%;margin-left:auto;margin-right:auto;box-sizing:border-box}header.flex nav{position:relative;z-index:1001;background-color:var(--bgHeader);padding:.77rem 1.6rem;border-radius:55px;box-shadow:1px 1px 40px #3f3f3f79;pointer-events:auto}header ul.flex{gap:16px}header ul li a{color:var(--title);opacity:.9;font-size:.88rem;font-weight:500}header ul li a:hover{color:var(--title);opacity:1;font-size:.9rem;color:var(--blue)}header button{font-size:1.2rem}header button.menu{display:none}header button.mode,header button.menu{position:relative;z-index:1001;flex-shrink:0;align-items:center;justify-content:center;background-color:var(--bgHeader);height:2.4rem;width:2.4rem;min-height:2.4rem;min-width:2.4rem;border-radius:50%;text-align:center;color:var(--subtitle);border:1px solid rgba(244,165,96,.25);transition:.2s;box-shadow:1px 1px 40px #80f5eb2a;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}header button.mode{display:flex}header button.mode span,header button.menu:before{pointer-events:none}html.light header.flex nav{box-shadow:1px 1px 40px #00000014}header button.mode:hover,header button.menu:hover{color:var(--title);border:1px solid rgb(244,165,96)}header .icon-cross{font-size:1.1rem;color:var(--subtitle);transition:.3s}header .icon-cross:hover{font-size:1.3rem;color:#dc143c;rotate:180deg}header .fixed{position:fixed;inset:0;z-index:999;background-color:#282830e8;backdrop-filter:blur(4px)}html.light header .fixed{background-color:#fffffff2}header .icon-sun{color:orange}header .theme-toggle-mobile{width:100%;padding:.5rem 0;border:none;background:none;color:var(--title);font-size:1rem;font-weight:500;text-align:left;cursor:pointer}@keyframes mymove{0%{scale:0}60%{scale:1.2}to{scale:1}}header .fixed ul.modal{animation:mymove .7s 1;width:80%;margin-left:auto;margin-right:auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--secondary)}header .fixed ul.modal li{border-bottom:1px solid var(--border);padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.modal li:last-child{border:none}header .fixed ul.modal li a{font-size:1rem}header .fixed ul.modal li:first-child{text-align:right;border:none;padding-bottom:0;padding-top:.2rem;margin-bottom:-1rem}@media (max-width:700px){header.flex nav{display:none}header button.menu{display:flex}header{margin-left:20px}}@media (max-width: 480px){header.flex{width:95%;padding:0 .5rem}header{margin-left:10px}header button.menu,header button.mode{height:2.2rem;width:2.2rem;min-height:2.2rem;min-width:2.2rem;font-size:1rem}header .fixed ul.modal{width:90%;padding:.8rem 1.5rem}header .fixed ul.modal li a{font-size:.95rem}}section.hero{margin-top:0;width:80%;margin-left:auto;margin-right:auto;flex-wrap:wrap;height:100vh;min-height:600px;position:relative;z-index:0}section.hero .parent-avatar.flex{align-items:end;gap:.6rem;min-height:88px}section.hero .left-section{width:50%;flex-grow:1}.btn-hi{margin-top:3rem;width:130px;background-color:var(--blue);padding:.75rem 1.3rem;color:var(--primary);text-align:center;font-size:1.1rem;text-transform:capitalize;border-radius:10px;border:1px solid var(--blue)}.btn-hi span{margin-right:5px}.point{width:13px;height:13px;border-radius:50%;background-color:var(--blue);margin-top:30px}.btn-hi:hover{background-color:#5be9ba18;border:1px solid var(--blue);transition:.5s;color:var(--blue)}section.hero .icon-verified{color:var(--blue);font-size:1.1rem;margin-bottom:.3rem}.scrolDown{width:70px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}section.hero .avatar{width:80px;border-radius:50%;border:1px solid darkgoldenrod;padding:1px;box-shadow:2px 2px 40px #cbc8c894 inset}section.hero h1.title{font-size:4rem;line-height:1.1;margin:24px 0;color:var(--title);font-weight:700}section.hero h1.title .title-main{display:block;margin-bottom:1rem;line-height:1.15}section.hero h1.title .title-line{display:block;margin-bottom:.3rem}section.hero h1.title .title-line:last-child{margin-bottom:0}section.hero h1.title .title-subtitle{font-size:1.6rem;font-weight:400;margin-top:1rem;align-items:center;gap:.75rem;color:var(--subtitle);opacity:.9}@media (max-width: 768px){section.hero h1.title{font-size:2.5rem;line-height:1.15;margin:16px 0}section.hero h1.title .title-main{line-height:1.2;margin-bottom:.75rem}section.hero h1.title .title-line{margin-bottom:.25rem}section.hero h1.title .title-subtitle{font-size:1.3rem;margin-top:.75rem}}@media (max-width: 480px){section.hero h1.title{font-size:2rem;line-height:1.2;margin:12px 0}section.hero h1.title .title-main{line-height:1.25;margin-bottom:.5rem}section.hero h1.title .title-line{margin-bottom:.2rem}section.hero h1.title .title-subtitle{font-size:1.1rem;margin-top:.5rem}}section.hero p.sub-title{color:var(--subtitle);font-size:.9rem;line-height:1.6rem;margin-bottom:30px;font-family:Karla,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,EmojiOne Color,"Android Emoji",sans-serif;font-variant-emoji:emoji}.sub-title{color:var(--title)!important;background:none!important}html.dark .sub-title{text-shadow:0 1px 2px rgba(0,0,0,.5)}section.hero .animation{width:50%;translate:100px 55px}section.hero .icons{font-size:1.3rem;gap:1.5rem;color:var(--subtitle);transition:.3s}section.hero .icons .icon:hover{font-size:1.4rem;color:var(--icon-hover);transition:.3s;cursor:pointer}.icons a{color:var(--subtitle)}@media (max-width : 1250px){.animation,.scrolDown{display:none}.hero{margin:0 10px}}@media (max-width: 768px){section.hero{width:95%;margin-top:0;height:auto;min-height:500px;padding:2rem 0}section.hero .left-section{width:100%;text-align:center}section.hero p.sub-title{font-size:.85rem;line-height:1.4rem;margin-bottom:20px}.btn-hi{width:120px;padding:.65rem 1.1rem;font-size:1rem;margin-top:2rem}section.hero .icons{font-size:1.1rem;gap:1rem;justify-content:center}section.hero .avatar{width:70px}}@media (max-width: 480px){section.hero{width:98%;margin-top:-2rem;padding:1.5rem 0;min-height:450px}section.hero p.sub-title{font-size:.8rem;line-height:1.3rem}.btn-hi{width:110px;padding:.6rem 1rem;font-size:.95rem}section.hero .icons{font-size:1rem;gap:.8rem}section.hero .avatar{width:60px}}.main-top h3{color:var(--blue)}main{width:80%;margin:0 auto}.line{border-top:1px solid var(--blue);border-width:1px;width:20px;margin:0 4px}.main-top h1{font-size:2.5em;color:var(--title)}.main-top{width:100%;text-align:center}.main-top1{display:flex;justify-content:center;align-items:center}.project-img-inner{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden}.project-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.project-img{position:relative;margin-top:80px;width:50%;height:400px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.project-img:hover{transform:scale(1.02);box-shadow:0 8px 30px #4ccd994d}.project-img-front{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:10px;width:100%;height:100%;background-color:var(--blue);opacity:.4;transition:opacity .3s ease}.project-img:hover .project-img-front{opacity:0}.feature-project{margin-right:4%;margin-top:50px;width:45%}#rtol{direction:rtl}#ltor{direction:ltr;margin:50px 0}#ltor .main-bottom{margin-left:20px}.feature-project p{width:39%;position:absolute;background-color:var(--primary);z-index:100;border-radius:7px;padding:20px 40px;font-size:medium;color:var(--subtitle)}.feature-project h5{margin-top:20px;color:var(--blue)}.feature-project-meta{align-items:center;gap:.65rem;flex-wrap:wrap}.feature-project-meta h4{margin:0}.feature-project .project-app-type{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);border:1px solid rgba(76,205,153,.35);padding:.2rem .65rem;border-radius:999px;background:#4ccd991a}.feature-project h2{margin:15px 0;color:var(--title)}.feature-project span{color:var(--blue)}.tools{font-size:small;margin-top:180px}@media (max-width: 1250px){.tools{margin-top:30px}}.tool{text-transform:capitalize;padding:2px 4px;border-radius:5px;margin:2px 0}.tool span{border-radius:5px;padding:4px 10px}#vue{background-color:#10b9811a;color:#10b981e6}#vuetify{background-color:#3779e31a;color:#3779e3e6}#typescript{background-color:#3178c626;color:#3178c6}#threejs{background-color:#0e749024;color:#0e7490}#react{background-color:#61dafb26;color:#149eca}#electron{background-color:#2c3e501f;color:#2c3e50}#springboot{background-color:#6db33f26;color:#6db33f}#kotlin{background-color:#7e52b226;color:#7e52b2}#payloadcms,#projects .tool span#nextjs,#projects .tool span#tailwind,#projects .tool span#mysql,#projects .tool span#javascript{background-color:#4ccd9926;color:var(--blue)}#bootstrap{background-color:#7952b326;color:#7952b3}#code{background-color:#4ccd9926;border:1px solid rgba(76,205,153,.3);border-radius:8px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}#code:hover{background-color:#4ccd9933;border-color:#4ccd9980}#code span{color:var(--blue);font-weight:500;font-size:.85rem}#code img{opacity:.8}.main-bottom{margin-right:20px;margin-top:1rem;display:flex;align-items:center;gap:1rem}#rtol .icon{color:var(--subtitle);transition:color .3s ease}#rtol .icon:hover{color:var(--blue)}#ltor .icon{color:var(--subtitle);transition:color .3s ease}#ltor .icon:hover{color:var(--blue)}#projects .main-bottom a:not(#github-main){transition:transform .24s cubic-bezier(.22,1,.36,1)}#projects .main-bottom a:not(#github-main):hover{transform:translateY(-4px)}#github-main{display:flex;align-items:center;transition:transform .24s cubic-bezier(.22,1,.36,1)}#github-main:hover{transform:translateY(-4px) scale(1.05)}#github-main .icon{color:var(--subtitle);transition:color .3s ease;font-size:1.5rem}#github-main .icon:hover{color:var(--blue)}@media (min-width : 1250px){.parent-tools{width:23%}}@media (max-width : 1250px){main{margin:-200px 0 0;padding:0;width:100%}.project-img{display:none}.feature-project{direction:ltr;width:100%;padding:0 15px;margin-right:0;margin-top:20px}.feature-project-top{padding:0}.feature-project-top h4{font-size:.9rem;margin-bottom:.5rem}.feature-project-top h5{font-size:1.5rem;margin-top:.5rem;margin-bottom:1rem;padding:0}.feature-project p{padding:15px;width:100%;position:relative;margin:1rem 0;font-size:.95rem;line-height:1.6}#rtol{margin:0;direction:ltr}#ltor{direction:ltr;margin:20px 0}.parent-tools{margin-top:20px;flex-wrap:wrap;gap:.5rem}.parent-tools .skill{width:auto;margin:0}.top-skill{margin-left:0;margin-top:.75rem;flex-wrap:wrap;gap:.5rem}.feature-project-top h5,.feature-project-top h2{padding:0}.main-bottom{display:flex;margin-top:1.5rem;margin-right:0;margin-left:0}#code{margin-bottom:.5rem}#code img{display:none}}@media (max-width: 768px){main{margin-top:-100px}.main-top h1{font-size:2.2rem}.feature-project{padding:0 12px;margin-top:15px}.feature-project-top h4{font-size:.85rem}.feature-project-top h5{font-size:1.3rem;margin-top:.5rem;margin-bottom:.75rem}.feature-project p{width:100%;padding:12px;font-size:.9rem;line-height:1.5;margin:.75rem 0}.feature-project-top h5,.feature-project-top h2{padding:0}.tools{margin-top:20px}.parent-tools{gap:.5rem}.parent-tools .skill{width:auto}.top-skill{gap:.5rem}.main-bottom{margin-top:1.25rem}}@media (max-width : 600px){main{margin:-100px 0 0;padding:0;width:95%}.feature-project{direction:ltr;width:100%;padding:0 10px;margin-top:20px}.feature-project-top h4{font-size:.8rem;margin-bottom:.5rem}.feature-project-top h5{font-size:1.2rem;margin-top:.5rem;margin-bottom:.75rem}.feature-project p{padding:10px;width:100%;position:relative;font-size:.85rem;line-height:1.5;margin:.75rem 0}.main-top h1{font-size:2rem}.main-top h3{font-size:1rem}.feature-project h2{font-size:1.5rem}.feature-project h5{font-size:1rem}.feature-project-top h5,.feature-project-top h2{padding:0}.tools{margin-top:15px}.parent-tools{gap:.4rem}.parent-tools .skill{width:auto;font-size:.85rem}.top-skill{gap:.4rem;margin-top:.5rem}.main-bottom{margin-top:1rem}}@media (max-width: 480px){main{width:98%;margin-top:-50px}.main-top h1{font-size:1.75rem}.main-top h3{font-size:.95rem}.feature-project{padding:0 8px;margin-top:15px}.feature-project-top h4{font-size:.75rem;margin-bottom:.4rem}.feature-project-top h5{font-size:1.1rem;margin-top:.4rem;margin-bottom:.6rem}.feature-project h2{font-size:1.3rem}.feature-project h5{font-size:.95rem}.feature-project p{padding:10px;font-size:.8rem;line-height:1.4;margin:.6rem 0}.tools{margin-top:12px}.parent-tools{gap:.3rem}.parent-tools .skill{width:auto;font-size:.75rem;padding:4px 8px}.top-skill{gap:.3rem;margin-top:.4rem}.main-bottom{margin-top:.75rem}}.main-top,main{position:relative;z-index:0;margin-top:0!important;padding-top:0!important}.lightbox-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vw,2rem);background:#000000f5;overflow:hidden;overscroll-behavior:none;cursor:pointer;touch-action:none}.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%;cursor:default;pointer-events:none}.lightbox-stage>*{pointer-events:auto}.lightbox-image{display:block;max-width:min(96vw,100%);max-height:min(90vh,100%);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #0000008c;user-select:none;-webkit-user-drag:none}.lightbox-title{position:fixed;top:clamp(.75rem,2vh,1.25rem);left:clamp(.75rem,2vw,1.25rem);z-index:10002;background:#000000bf;color:#fff;padding:.65rem 1.25rem;border-radius:8px;font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;pointer-events:none}.lightbox-counter{position:fixed;bottom:clamp(.75rem,2vh,1.25rem);left:50%;transform:translate(-50%);z-index:10002;background:#000000bf;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;pointer-events:none}.lightbox-overlay button.lb-fab{position:fixed;z-index:10002}.lightbox-overlay button.lb-fab--close{top:clamp(.75rem,2vh,1.25rem);right:clamp(.75rem,2vw,1.25rem);width:44px;height:44px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-overlay button.lb-fab--side{top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-overlay button.lb-fab--prev{left:clamp(.5rem,2vw,1.25rem)}.lightbox-overlay button.lb-fab--next{right:clamp(.5rem,2vw,1.25rem)}body.lightbox-open{overflow:hidden!important}.reveal-on-scroll{width:100%;opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal-on-scroll.reveal-visible{opacity:1;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}}