@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Helvetica;font-style:normal;font-weight:400;src:local("Helvetica"),url(/fonts/Halvetica/Helvetica.woff) format("woff")}@font-face{font-family:Helvetica Oblique;font-style:normal;font-weight:400;src:local("Helvetica Oblique"),url(/fonts/Halvetica/Helvetica-Oblique.woff) format("woff")}@font-face{font-family:Helvetica Compressed;font-style:normal;font-weight:400;src:local("Helvetica Compressed"),url(/fonts/Halvetica/helvetica-compressed-5871d14b6903a.woff) format("woff")}@font-face{font-family:Helvetica Rounded Bold;font-style:normal;font-weight:400;src:local("Helvetica Rounded Bold"),url(/fonts/Halvetica/helvetica-rounded-bold-5871d05ead8de.woff) format("woff")}@font-face{font-family:Helvetica-bold;font-style:normal;font-weight:400;src:local("Helvetica"),url(/fonts/Halvetica/Helvetica-Bold.woff) format("woff")}@font-face{font-family:Helvetica Bold Oblique;font-style:normal;font-weight:400;src:local("Helvetica Bold Oblique"),url(/fonts/Halvetica/Helvetica-BoldOblique.woff) format("woff")}@font-face{font-family:Helvetica Light;font-style:normal;font-weight:400;src:local("Helvetica Light"),url(/fonts/Halvetica/helvetica-light-587ebe5a59211.woff) format("woff")}@font-face{font-family:Arial CE MT Black Regular;font-style:normal;font-weight:400;src:local("Arial CE MT Black Regular"),url(/fonts/Arial/ArialCEMTBlack.woff) format("woff")}@font-face{font-family:Arial Black;font-style:normal;font-weight:400;src:local("Arial Black"),url(/fonts/Arial/ARIBLK.woff) format("woff")}@font-face{font-family:BabesNeue;src:url(/fonts/Bebas_Neue/BebasNeue-Regular.ttf) format("truetype")}@font-face{font-family:Akony;src:url(/fonts/Akony/AKONY.ttf) format("truetype")}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi/Satoshi-Variable.ttf) format("truetype");font-weight:500}*{padding:0;margin:0;box-sizing:border-box}html{overflow-x:hidden}html::-webkit-scrollbar{width:0;background:rgba(0,0,0,0)}body{font-family:Satoshi,sans-serif;min-height:100vh;scrollbar-width:none}@media(min-width:64rem){html::-webkit-scrollbar{width:8px;position:absolute;background-color:#757575}html::-webkit-scrollbar-thumb{background-color:#c1c1c1;border:2px solid #757575;border-radius:10px}html::-webkit-scrollbar-track{background:#757575}body{scrollbar-width:auto;scrollbar-color:#c1c1c1 #757575}}.navbarContainer{width:100vw;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);position:fixed;top:0;left:0;z-index:50000}.navbarContainer__navbar{max-width:83rem;margin-inline:auto;display:flex}.navbarContainer__navbar__navbarContent{height:100%;display:flex;justify-content:space-between;background-color:rgba(0,0,0,0);display:none}.navbarContainer__navbar__resumeContainer{display:none}.navbarContainer__mobileMenuContainer{width:3.625rem;height:3rem;position:fixed;top:0;right:0;z-index:1500;padding-inline:1rem;display:flex;align-items:center;justify-content:center;transition:.2s;overflow:hidden;cursor:default}.navbarContainer__mobileMenuContainer__menuList{flex-shrink:0;flex-grow:0;list-style-type:none;width:100%;margin-block:auto;opacity:0;position:absolute;transform:translateY(-2rem);pointer-events:none;display:flex;height:max-content;flex-direction:column;gap:1rem}.navbarContainer__mobileMenuContainer__menuList a{display:inline-block;font-size:4.5rem;line-height:5rem;text-align:center;text-transform:uppercase;font-family:Helvetica,sans-serif;font-weight:500;color:#d9d9d9;cursor:pointer;text-decoration:none}.navbarContainer__mobileMenuContainer__menuList--isOpen{opacity:1;transition:.2s;transition-delay:.3s;pointer-events:all}.navbarContainer__mobileMenuContainer__closeContainer{position:absolute;top:1rem;right:1rem;cursor:default}.navbarContainer__mobileMenuContainer__closeContainer__icon{width:1.5rem;height:1.5rem}.navbarContainer__mobileMenuContainer__menuContainer{height:1.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbarContainer__mobileMenuContainer__menuContainer__icon{width:1.75rem;height:1.75rem}.navbarContainer__mobileMenuContainer--isOpen{background-color:#666;height:max(100vh,37.5rem);width:100vw}.navbarContainer--isShowCase{position:fixed;top:0}@media(min-width:50rem){.navbarContainer{width:calc(100vw - .5rem);height:4rem;display:flex;align-items:center;padding-inline:1rem}.navbarContainer__mobileMenuContainer{display:none}.navbarContainer__navbar{max-width:83rem;margin-inline:auto;display:flex;height:100%;width:100%;padding-bottom:.25rem;gap:1rem;justify-content:space-between;align-items:center}.navbarContainer__navbar__navbarContent{height:100%;width:100%;display:flex;justify-content:center;background-color:rgba(0,0,0,0);flex-direction:column;gap:.3rem}.navbarContainer__navbar__navbarContent__navLinksContainer{display:flex;width:100%;align-items:end;padding-bottom:.25rem;list-style-type:none;gap:1rem}.navbarContainer__navbar__navbarContent__navLinksContainer a{text-decoration:none}.navbarContainer__navbar__navbarContent__navLinksContainer__navLink{color:#d9d9d9;width:100%;text-transform:capitalize;display:flex;align-items:center;font-size:1.5rem;flex-direction:column;border-radius:.5rem;transition:.2s;padding:.125rem .25rem;cursor:default}.navbarContainer__navbar__navbarContent__navLinksContainer__navLink__textContainer{height:100%;width:100%;display:flex;align-items:center;gap:.5rem}.navbarContainer__navbar__navbarContent__navLinksContainer__navLink__textContainer .bullet{width:.5rem;height:.5rem;border-radius:50%;background-color:#d9d9d9;flex-shrink:0}.navbarContainer__navbar__navbarContent__navLinksContainer__navLink__progressbarContainer{width:100%;height:1px;position:relative}.navbarContainer__navbar__navbarContent__navLinksContainer__navLink__progressbarContainer__progressbar{width:100%;height:2px;position:absolute;top:0;left:0;z-index:0}.navbarContainer__navbar__navbarContent__navLinksContainer__navLink__progressbarContainer__filled{background-color:#d9d9d9;top:0;left:0;height:2px;z-index:1;position:absolute}.navbarContainer__navbar__navbarContent__navLinksContainer__navLink:hover{background-color:#969696}.navbarContainer__navbar__resumeContainer{background-color:rgba(0,0,0,0);display:flex;align-items:center;text-decoration:none;flex-direction:row-reverse;height:calc(100% - 1rem);padding-inline:.75rem;border-radius:.25rem;transition:.2s}.navbarContainer--isShowCase .navbarContainer__navbar__navbarContent__navLinksContainer{gap:2rem}.navbarContainer--isShowCase .navbarContainer__navbar__navbarContent__navLinksContainer__navLink{width:fit-content}.navbarContainer--isShowCase .navbarContainer__navbar__navbarContent__navLinksContainer__navLink .bullet{background-color:#000}.navbarContainer--isShowCase .navbarContainer__navbar__navbarContent__navLinksContainer__navLink__textContainer,.navbarContainer--isShowCase .navbarContainer__navbar__resumeContainer__text{color:#000}.navbarContainer--isShowCase .navbarContainer__navbar__resumeContainer:hover{background-color:#000}.navbarContainer--isShowCase .navbarContainer__navbar__resumeContainer:hover .navbarContainer__navbar__resumeContainer__text{color:#d9d9d9}}.main{min-height:100vh;position:relative;margin:0;background-color:#f5f5f5;overflow:visible}.main,.main__mainContainer{width:100%;height:auto;padding:0}.main__mainContainer{margin-inline:auto}@media(min-width:64rem){.main{min-height:100vh}}.home{width:100vw;max-width:100vw;min-width:23rem;height:100dvh;min-height:37.5rem;background-color:#f5f5f5}.home h1,.home h2{letter-spacing:-.1rem;margin:0}.home__content{padding:1rem;width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;max-width:93.75rem;margin-inline:auto}.home__content h1{color:#313131;font-weight:400;font-size:clamp(1.5rem,5.5vw,3rem);font-family:Satoshi,sans-serif;letter-spacing:-.1rem}.home__content h2{font-size:clamp(2rem,8vw,4rem);font-weight:700}.home__content p{font-family:Helvetica,sans-serif;font-size:clamp(1.5rem,5.5vw,3rem);font-weight:400;line-height:clamp(2.5rem,8vw,4rem)}.home__content a{text-decoration:none;border-radius:.5rem;padding-inline:1.5rem;display:flex;align-items:center;color:#d5d5d5;background-color:#183377;height:3.5rem;width:max-content;flex-shrink:0}.home__content__location_time{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:25rem;gap:.5rem}@media(min-width:64rem){.home{padding-block:5%;padding-inline:2rem}.home__content h1{margin-bottom:auto}}@media(min-width:37.5rem){.homeContainer__homeSection__content{gap:1.75rem;justify-content:center}}.worksSection{width:100%;height:max-content;min-height:100vh;display:flex;flex-direction:column;gap:4rem;max-width:71.25rem;margin-inline:auto;padding-inline:1rem;padding-block:3rem}.worksSection__caseStudies{display:flex;flex-direction:column;gap:2rem}.worksSection__caseStudies h2{margin:0}.worksSection__sideProjects h2{margin:0 0 2rem}.singleShowcase{width:100%;min-width:23rem;font-family:Helvetica,sans-serif;font-weight:400;padding-top:3rem}.singleShowcase .navbarContainer{transform:translate(0);position:fixed;top:0;left:0}.singleShowcase__header{height:100dvh}.singleShowcase__header__bg{display:none}.singleShowcase__header__content{display:flex;flex-direction:column;gap:1rem;padding-inline:1rem;height:100%;max-width:35rem;margin-inline:auto}.singleShowcase__header__content__mainImgContainer{flex-shrink:0;width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.singleShowcase__header__content__mainImgContainer img{width:max-content;height:100%;object-fit:cover;position:absolute}.singleShowcase__header__content__textContainer{display:flex;flex-direction:column;justify-content:space-around;height:100%}.singleShowcase__header__content__textContainer__title{font-size:2.625rem}.singleShowcase__header__content__textContainer__description{line-height:2rem;font-size:1.25rem;font-family:Helvetica,sans-serif}.singleShowcase__header__content__textContainer__btnContainer{height:8.25rem;width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:.875rem}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn{background-color:#000}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn div{text-decoration:none;width:100%;height:100%;color:#d9d9d9}.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn{background-color:#000;display:flex;gap:.3rem;align-items:center}.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn div{text-decoration:none;color:#d9d9d9;transition:.2s;width:100%;height:100%}.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn:hover div{text-decoration:underline}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn,.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn{width:100%;border:none;height:3.6875rem;border-radius:3.6875rem;display:flex;align-items:center;justify-content:center;font-size:1.325rem;cursor:pointer}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn div,.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn div{display:inline-flex;text-align:center;align-items:center;justify-self:center;text-transform:capitalize;width:fit-content;height:100%}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn--isOnDarkBg,.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn--isOnDarkBg{background-color:#d9d9d9}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn--isOnDarkBg div,.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn--isOnDarkBg div{color:#000}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn--hasTwoBtn--isOnDarkBg,.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn--hasTwoBtn--isOnDarkBg{background-color:rgba(0,0,0,0)}.singleShowcase__header__content__textContainer__btnContainer .viewCaseBtn--hasTwoBtn--isOnDarkBg div,.singleShowcase__header__content__textContainer__btnContainer .viewLiveBtn--hasTwoBtn--isOnDarkBg div{color:#d9d9d9}.singleShowcase__tldr{padding-inline:1rem;padding-block:2rem}.singleShowcase__tldr__title{font-size:1.875rem}.singleShowcase__tldr__content{font-size:1.25rem;line-height:2rem}.singleShowcase .nextSection{height:28.1775rem;width:100%;display:flex;flex-direction:column;justify-content:space-around;position:relative;gap:1.3125rem;transform:translateY(3rem);overflow:hidden}.singleShowcase .nextSection__itemContainer{width:100%;position:relative}.singleShowcase .nextSection__itemContainer__item{position:absolute;left:50%;transform:translateX(-50%);z-index:1;width:max-content;height:3.1875rem;display:flex;align-items:center;gap:3rem}.singleShowcase .nextSection__itemContainer__item__next{font-size:2.25rem;font-family:Arial Black;font-weight:400}.singleShowcase .nextSection__itemContainer__item--animation{animation:translate 200s linear infinite}.singleShowcase .nextSection__itemContainer__item--animationReverse{animation:translateReverse 200s linear infinite}.singleShowcase .nextSection__imgContainer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:100%;height:100%;transition:1s;overflow:hidden}.singleShowcase .nextSection__imgContainer img{object-fit:cover;width:100%;height:100%}.singleShowcase .nextSection__imgContainer--animate{width:20rem;height:11.25rem}@media(min-width:37.5rem){.singleShowcase .nextSection__imgContainer--animate{width:32rem;height:18rem}}@media(min-width:64rem){.singleShowcase{padding-top:0}.singleShowcase__header{position:relative}.singleShowcase__header__bg{display:flex;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.singleShowcase__header__content{width:100vw;max-width:100%;align-items:center;flex-direction:row-reverse;margin-block:auto;padding-inline:2rem;position:relative;z-index:3}.singleShowcase__header__content--isOnDarkBg .singleShowcase__header__content__textContainer__btnContainer,.singleShowcase__header__content--isOnDarkBg .singleShowcase__header__content__textContainer__description,.singleShowcase__header__content--isOnDarkBg .singleShowcase__header__content__textContainer__title{color:#d9d9d9}.singleShowcase__header__content--isOnDarkBg .singleShowcase__header__content__textContainer__btnContainer__btn--viewCasestudy{background-color:#000}.singleShowcase__header__content--isOnDarkBg .singleShowcase__header__content__textContainer__btnContainer--hasTwoBtn .singleShowcase__header__content__textContainer__btnContainer__btn--viewLive{color:#d9d9d9}.singleShowcase__header__content__mainImgContainer{flex-shrink:1;width:200%;height:55%}.singleShowcase__header__content__mainImgContainer img{height:100%;width:max-content;object-position:center;object-fit:fill}.singleShowcase__header__content__textContainer{height:65%;width:100%;flex-shrink:1;flex-grow:1}.singleShowcase__header__content__textContainer__title{font-size:2rem}.singleShowcase__header__content__textContainer__description{font-size:1.15rem;line-height:1.85rem}.singleShowcase__header__content__textContainer__btnContainer{max-width:23.125rem}.singleShowcase .nextSection{height:100vh;min-height:37.5rem}.singleShowcase .nextSection__itemContainer__item__next{font-size:6.125rem}.singleShowcase .nextSection__imgContainer--animate{width:48rem;height:27rem}}@media(min-width:78rem){.singleShowcase__header__content{width:90%;padding-inline:0;gap:2rem}.singleShowcase__header__content__mainImgContainer{width:200%;height:auto;aspect-ratio:16/9}}@keyframes translate{to{transform:translateX(0)}}@keyframes translateReverse{to{transform:translateX(-100%)}}.animatingTextContainer{width:100%;margin-block:auto;height:fit-content}.animatingTextContainer .char{font-family:Roboto Condensed,sans-serif;font-weight:400;line-height:3.5rem;text-align:justify;color:#dadada;font-size:clamp(1.5rem,10vw,2.5rem);transition:.3s}.animatingTextContainer .char--isBold{color:#000}.carousel{width:100%;padding-inline:1rem;height:20rem;display:flex;overflow:hidden;margin-block:1rem;gap:.15rem;margin-inline:auto;height:13.8125rem}.carousel__item{width:calc(10% - .1rem);border-radius:3rem;display:flex;align-items:center;justify-content:center;position:relative;transition:.5s;overflow:hidden;border:1px solid #666}.carousel__item,.carousel__item__img{height:100%;flex-shrink:0;flex-grow:0}.carousel__item__img{border-radius:3rem;object-fit:cover;width:100%;aspect-ratio:1.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel__item--selected{width:calc(80% - .1rem);transition:.5}@media(min-width:50rem){.carousel{width:100%;height:calc(100dvh - 5.5rem);overflow:hidden}.carousel__item{width:calc(10% - .1rem)}.carousel__item--selected{width:calc(80% - .1rem)}}.carousel::-webkit-scrollbar{display:none}.timeZone{display:flex;gap:.1rem;align-items:center}.timeZone__title{color:#757575;margin-right:.3rem}.timeZone__content{color:#000}.location{display:flex;gap:.1rem;align-items:center}.location__title{color:#757575;margin-right:.3rem}.location__content{color:#000}.caseStudy{font-family:Roboto Condensed,sans-serif;border:1px solid #c1c1c1;border-radius:1rem;max-width:35rem;margin-inline:auto;width:100%}.caseStudy .imageContainer{width:100%;aspect-ratio:1.6;background-color:#c1c1c1;border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;align-items:center;justify-content:center}.caseStudy .imageContainer__holder{height:80%;width:90%;overflow:hidden;display:flex;align-items:center;justify-content:center}.caseStudy .imageContainer__holder img{height:100%;width:max-content}.caseStudy .details{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.caseStudy .details__type{font-size:.625rem;text-transform:capitalize}.caseStudy .details__title{font-weight:700;font-size:3.35vw;font-size:clamp(1rem,3.35vw,2rem)}.caseStudy .details__role{font-size:.875rem}.caseStudy .details__description{font-size:.875rem;font-size:clamp(.875rem,3.15vw,1rem)}.caseStudy .details__buttonContainer{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.caseStudy .details__buttonContainer__button{display:flex;align-items:center;justify-content:center;gap:.3rem;background-color:#183377;color:#d5d5d5;border-radius:.5rem;width:12.6875rem;text-decoration:none;font-size:1rem;margin-inline:auto;height:3rem}.caseStudy .details__buttonContainer__button--live{background-color:rgba(0,0,0,0);color:#1c1c1c;border:1px solid #c1c1c1}@media(min-width:64rem){.caseStudy{height:29.625rem;height:25rem;max-width:100%;flex-direction:row-reverse;display:flex;border-radius:1.625rem}.caseStudy .imageContainer{border-bottom-right-radius:1.625rem;border-top-right-radius:1.625rem;border-top-left-radius:0;flex-shrink:1;height:100%;aspect-ratio:1.29}.caseStudy .details{width:75%;justify-content:center;padding-inline:3rem}.caseStudy .details__title{line-height:.875rem;margin-bottom:.5rem}.caseStudy .details__buttonContainer{flex-direction:row}}.sideProject{cursor:pointer;width:100%;height:4.8125rem;padding-block:1.5rem;padding-inline:2rem;font-size:1.3rem;font-family:Helvetica,sans-serif;font-size:400;display:flex;align-items:center;border-top:1px solid #000;justify-content:space-between;text-transform:capitalize}.sideProject__name{width:fit-content;height:100%}.sideProject__employer,.sideProject__imgContainer,.sideProject__role{display:none}.sideProject:last-child{border-bottom:1px solid #000}@media(min-width:50rem){.sideProject__role{position:absolute;left:50%;transform:translateX(-50%);width:50%;display:flex;align-items:center;justify-content:center}.sideProject__name{width:15%}}@media(min-width:64rem){.sideProject{position:relative;transition:.5s}.sideProject__role{width:35%;position:static;justify-content:start;transform:translateX(0)}.sideProject__employer{display:flex;justify-self:end;width:20%}.sideProject__imgContainer{display:flex;width:30rem;height:16.875rem;position:absolute;top:-175%;z-index:10;opacity:0}@keyframes displayAnimation{0%{opacity:0}to{opacity:1}}.sideProject__imgContainer{animation:displayAnimation .3s linear forwards}.sideProject__imgContainer img{width:100%;height:100%;object-fit:cover}.sideProject__imgContainer--display{opacity:1}.sideProject:hover{color:#fff;background-color:#000;transition:.5s}.sideProject:hover svg path{stroke:#d9d9d9;fill:#d9d9d9}}.footer{width:100%;height:100dvh;min-height:37.5rem;background-color:#000e31;font-family:Helvetica,sans-serif;color:#f5f5f5;padding-block:2rem;padding:1rem 1rem 0;width:100vw}.footer__content{position:relative;display:flex;flex-direction:column;justify-content:space-around;gap:2rem;max-width:25rem;width:100%;height:100%;margin-inline:auto;padding-bottom:5rem}.footer__content h2{font-size:1.5rem;margin:0 0 1.975rem}.footer__content ul{list-style-type:none}.footer__content a{text-decoration:none;color:#f5f5f5}.footer__content__about__about{font-size:1.25rem}.footer__content__navigations__navLinks{display:flex;flex-direction:column;gap:1rem}.footer__content__contact__email{font-size:1.25rem;letter-spacing:.1rem;margin-bottom:1rem}.footer__content__contact__contactLinks{display:flex;justify-content:space-around}.footer__content__credits{height:4rem;border-top:2px solid #f5f5f5;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;padding-inline:.5rem;padding-block:1rem;display:flex}.footer__content__credits__copyright{width:100%;flex-grow:0;font-size:.625rem;line-height:1.5rem}.footer__content__credits__backToTopButton{justify-content:end;width:50%;font-size:1rem;display:flex;align-items:center;gap:.25rem}@media(min-width:50rem){.footer{padding-top:4rem}.footer h2{font-size:3.5vw;font-size:clamp(1.5rem,3.5vw,3rem)}.footer__content{max-width:83rem;height:100%;flex-direction:row;align-items:center;padding:1rem}.footer__content__about,.footer__content__contact,.footer__content__navigations{height:16rem;width:100%}.footer__content__about__about,.footer__content__contact__email{font-size:clamp(1.25rem,2.25vw,1.5rem)}.footer__content__contact__email{margin-bottom:2rem}.footer__content__contact img{width:3.5vw;height:3.5vw;width:3rem;height:3rem;width:clamp(1rem,3vw,3rem);height:clamp(1rem,3vw,3rem)}}@media(min-width:64rem){.footer__content__navigations{width:20rem}.footer__content__about{width:22rem}.footer__content__contact{width:20.375rem}.footer__content__contact__contactLinks{justify-content:space-between}.footer__navigations a{font-size:clamp(1.25rem,2.25vw,1.5rem)}}.singleShowCasePage{width:100%;overflow:hidden;min-height:100dvh}.singleShowCasePage::-webkit-scrollbar{width:0;background-color:rgba(0,0,0,0)}@media(min-width:64rem){.singleShowCasePage::-webkit-scrollbar{width:8px;position:absolute;background-color:#757575;color:rgba(0,0,0,0)}.singleShowCasePage::-webkit-scrollbar-thumb{background-color:#c1c1c1;border:2px solid #757575;border-radius:10px}}.pageTransitionLayout{position:fixed;z-index:0;width:100vw;min-width:min-width;height:100vh;min-height:37.5rem;background-color:#f5f5f5;opacity:0;transition:.35s}.pageTransitionLayout--animation-in{z-index:1;opacity:1}.pageTransitionLayout--animation-out{transition:.35;opacity:0}