@font-face{font-family:cabinet;src:url(../media/CabinetGrotesk_Variable-s.p.f282806f.woff2)format("woff2");font-display:swap}@font-face{font-family:cabinet Fallback;src:local(Arial);ascent-override:84.24%;descent-override:27.11%;line-gap-override:8.71%;size-adjust:103.28%}.cabinet_fb33d221-module__cym8MG__className{font-family:cabinet,cabinet Fallback}.cabinet_fb33d221-module__cym8MG__variable{--cabinet-font:"cabinet","cabinet Fallback"}
*,:before,:after{box-sizing:border-box;-webkit-touch-callout:none;-webkit-marquee-increment:0;border:0;outline:none;margin:0;padding:0}body{--theme-bg:#fff;--theme-color:#000;--theme-diff-color:#fff;--theme-red-color:#7a0000;background-color:var(--theme-bg);width:100%;height:100dvh;color:var(--theme-color);line-height:1;font-family:var(--cabinet-font,"sans-serif");letter-spacing:.04rem;text-transform:uppercase;cursor:none;font-size:.9rem}@media (max-width:576px){body{height:100%;height:-moz-available;height:-webkit-fill-available;height:stretch;font-size:1rem}}h1,h2,h3,h4,h5{font-size:2rem;font-weight:400}@media (max-width:576px){h1,h2,h3,h4,h5{font-size:1.3rem}}a{color:inherit;cursor:none;outline:none;text-decoration:none}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}figure{width:100%;height:100%}img,video{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.test{background-color:gray;width:100vw;height:100dvh}body .w-10{width:10vw}body .w-20{width:20vw}body .w-30{width:30vw}body .w-40{width:40vw}body .w-50{width:50vw}body .w-60{width:60vw}body .w-70{width:70vw}body .w-80{width:80vw}body .w-90{width:90vw}body .w-100{width:100vw}body .p-1{padding:1rem}body .p-2{padding:2rem}body .p-3{padding:3rem}body .p-4{padding:4rem}body .p-5{padding:5rem}body .p-6{padding:6rem}body .p-7{padding:7rem}body .p-8{padding:8rem}body .p-9{padding:9rem}body .p-10{padding:10rem}body .p-low{padding:3rem}body .p-medium{padding:10rem}body .p-large{padding:20rem}body .p-xlarge{padding:30rem}body .p-xxlarge{padding:40rem}body .m-1{margin:1rem}body .m-2{margin:2rem}body .m-3{margin:3rem}body .m-4{margin:4rem}body .m-5{margin:5rem}body .m-6{margin:6rem}body .m-7{margin:7rem}body .m-8{margin:8rem}body .m-9{margin:9rem}body .m-10{margin:10rem}body .m-low{margin:3rem}body .m-medium{margin:10rem}body .m-large{margin:20rem}body .m-xlarge{margin:30rem}body .m-xxlarge{margin:40rem}body .jc-left{justify-content:flex-start}body .jc-center{justify-content:center}body .jc-right{justify-content:flex-end}body .jc-space-between{justify-content:space-between}body .jc-space-around{justify-content:space-around}body .ai-left{align-items:flex-start}body .ai-center{align-items:center}body .ai-right{align-items:flex-end}.hidden{display:none}.home-page{width:100vw;height:100dvh}.base-navigation{color:var(--theme-diff-color);mix-blend-mode:difference;z-index:400;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;padding:0 2rem;display:flex;position:fixed;top:1.5rem}@media (max-width:576px){.base-navigation .logo-link{width:100%}}.base-navigation a .logo{pointer-events:auto;font-size:3rem;font-weight:800}.base-navigation .logo-round{background-color:var(--theme-diff-color);border-radius:50%;width:1.5rem;height:1.5rem}.base-navigation.hidden{display:none}.base-navigation .display-date-time{pointer-events:auto;font-size:.8rem;position:absolute;left:50%;transform:translate(-50%)}.base-navigation .display-date-time .date{opacity:1;transition:all 1s}.base-navigation .display-date-time .time{opacity:0;transition:all 1s;position:absolute;top:0;left:50%;transform:translate(-50%)}.base-navigation .display-date-time:hover .date{opacity:0}.base-navigation .display-date-time:hover .time{opacity:1}@media (max-width:576px){.base-navigation .display-date-time{display:none}}.base-navigation nav{pointer-events:auto}.base-navigation nav ul{align-items:center;list-style:none;display:flex;position:relative}.base-navigation nav ul .link-element{box-sizing:border-box;margin-right:1rem;font-size:2rem;transition:all .5s;position:relative}.base-navigation nav ul .link-element:hover:not(.active){letter-spacing:.1rem}.base-navigation nav ul .link-element.active{padding-left:1rem;font-weight:800}.base-navigation nav ul .link-element.active:before{content:"";background-color:var(--theme-diff-color);border-radius:50%;width:.53rem;height:.53rem;display:block;position:absolute;top:50%;left:0;transform:translateY(-70%)}.base-navigation nav ul .link-element:last-child{margin-right:0}.projects-page{position:relative}.projects-page .filters{z-index:400;position:fixed;top:4rem;left:2rem}@media (max-width:576px){.projects-page .filters{top:3rem}}@media (max-width:576px) and (max-width:576px){.projects-page .filters{display:none}}.projects-page .filters .filter-list{z-index:100;flex-direction:column;gap:.5rem;padding:1rem 0;font-size:1rem;display:flex}@media (max-width:576px){.projects-page .filters .filter-list{flex-direction:row;gap:0}.projects-page .filters .filter-list li{text-align:end;font-size:.8rem}}.projects-page .filters .filter-list li:hover{font-weight:600}.projects-page .filters .filter-list .filter{opacity:.3;transition:all .3s ease-in-out}.projects-page .filters .filter-list .filter.active{opacity:1;font-weight:700}.projects-page .filters .filter-list .filter:hover:not(.active){opacity:1;letter-spacing:-.01rem;font-weight:400}.project-list{padding:15rem 10rem;position:relative}@media (max-width:576px){.project-list{padding:8rem 2rem}}.project-list ul{flex-direction:column;gap:10rem 0;width:100%;display:flex;position:relative}.project-list ul li a:hover .project-title{font-weight:800}.project-list ul li a:hover .project-tags,.project-list ul li a:hover .project-type{letter-spacing:-.01px}.project-list .project-informations{color:var(--theme-diff-color);mix-blend-mode:difference;padding-bottom:1.5rem}.project-list .project-informations .project-info-container{flex-wrap:wrap;grid-template-columns:repeat(12,1fr);display:grid}@media (max-width:576px){.project-list .project-informations{transform:unset;top:4rem}}.project-list .project-informations .project-type,.project-list .project-informations .project-tags{font-size:.7rem;transition:all .3s ease-in-out}@media (max-width:576px){.project-list .project-informations .project-type,.project-list .project-informations .project-tags{font-size:.5rem}}.project-list .project-informations .project-title{text-transform:none;grid-column:span 6;font-size:3rem;transition:all .3s ease-in-out}@media (max-width:576px){.project-list .project-informations .project-title{grid-column:span 12;font-size:1.5rem;font-weight:600}}.project-list .project-informations .project-type{grid-column:span 3}@media (max-width:576px){.project-list .project-informations .project-type{grid-column:span 6}}.project-list .project-informations .project-tags{grid-column:span 3}@media (max-width:576px){.project-list .project-informations .project-tags{grid-column:span 6}}.project-list .project-informations .project-tags,.project-list .project-informations .project-title,.project-list .project-informations .project-type{align-self:center}.project-list .project-list-cols{width:100%;margin-bottom:2rem}.project-list .project-list-cols .project-list-cols__medias{grid-template-columns:repeat(12,1fr);align-items:center;gap:0 .5rem;display:grid}.project-list .project-list-cols .project-list-cols__medias .span-2{grid-column:span 2;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-3{grid-column:span 3;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-4{grid-column:span 4;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-5{grid-column:span 5;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-6{grid-column:span 6;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-7{grid-column:span 7;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-8{grid-column:span 8;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-9{grid-column:span 9;width:100%}.project-list .project-list-cols .project-list-cols__medias .span-10{grid-column:span 10;width:100%}.about-page{min-height:100dvh;padding:8rem 10rem;position:relative}@media (max-width:576px){.about-page{height:100%;height:-moz-available;height:-webkit-fill-available;height:stretch;padding:8rem 1rem}}.about-page .about-me h1{margin-bottom:1rem;font-size:1.5rem}.about-page .about-me em{font-size:.9rem}.about-page .more-about{flex-wrap:wrap;margin-top:5rem;display:flex}.about-page .more-about .title{opacity:.5;padding-bottom:1.5rem;font-size:1.5rem;font-weight:500}.about-page .more-about .clients .text-list li{cursor:zoom-in;transition:all .3s}.about-page .more-about .clients .text-list li:hover{font-weight:600}.about-page .more-about .text-list li{font-size:1.3rem}@media (max-width:576px){.about-page .more-about{margin-top:2rem}.about-page .more-about .clients,.about-page .more-about .services,.about-page .more-about .link,.about-page .more-about .techno{width:100%;margin-left:0;padding-top:3rem}}.about-page .link{flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}@media (max-width:576px){.about-page .link{bottom:unset;left:unset;margin-top:3rem;padding:0;position:relative}}.about-page .link .contact{font-weight:500;transition:all .3s}.about-page .link .contact:hover{font-weight:600}.about-page .link .text-list li{margin-top:4rem;font-size:2rem;font-weight:400;transition:all .3s}.about-page .link .text-list li:hover{font-weight:800}.about-page .link .socials li{transition:all .3s;display:inline}.about-page .link .socials li:hover{font-weight:500}.project-page{min-height:100dvh;position:relative;overflow:hidden}.project-navigation-container{z-index:100;color:var(--theme-diff-color);mix-blend-mode:difference;justify-content:space-between;width:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.project-navigation-container .project-title{font-size:2rem;font-weight:600}.project-navigation-container .project-title .category{margin-left:6rem;font-size:.8rem;font-weight:400}@media (max-width:576px){.project-navigation-container .project-title{font-size:1.2rem}.project-navigation-container .project-title .category{margin-left:0;font-size:.5rem;display:block}}.project-navigation-container .close-btn{letter-spacing:.1rem;align-items:center;transition:all .5s;display:flex}.project-navigation-container .close-btn:hover{letter-spacing:0;font-weight:600}@media (max-width:576px){.project-navigation-container .close-btn{position:fixed;bottom:1rem;right:1rem}}.project-scroll-container{white-space:nowrap;height:100dvh;display:flex;position:fixed}.project-scroll-container section{flex:none;height:100%;position:relative}.custom-video-js{color:var(--theme-diff-color);background-color:#000;flex-wrap:wrap;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}@media (max-width:576px){.custom-video-js{height:100dvh}}.custom-video-js video.is-portrait{width:auto;height:100dvh}.custom-video-js video::backdrop{background-color:#0000}.custom-video-js video::-webkit-media-controls{display:none!important}.custom-controls{mix-blend-mode:difference;width:100vw;color:var(--theme-diff-color);z-index:10000;align-items:center;display:flex;position:absolute;bottom:2rem;left:0}.custom-controls .head-controls,.custom-controls .end-controls{display:flex}.custom-controls .current-time,.custom-controls .duration{justify-content:center;align-items:center;font-size:.8rem;display:flex}.custom-controls .head-controls{justify-content:space-around;width:20%}.custom-controls .end-controls{justify-content:space-around;width:30%}.custom-controls .progress{box-sizing:border-box;width:100%;position:relative}.custom-controls .progress .progress-bar{border-radius:5px;width:100%;height:.5rem;position:relative}.custom-controls .progress .progress-bar .progress-bar-bg{background-color:var(--theme-diff-color);opacity:.2;width:100%;height:100%;position:absolute;inset:0}.custom-controls .progress .progress-bar .progress-bar-fg{background-color:var(--theme-diff-color);border-radius:5px;height:100%;transition:width .3s}.custom-controls.mobile{display:none}@media (max-width:576px){.custom-controls.mobile{flex-wrap:wrap;display:flex}.custom-controls.mobile .head-controls{justify-content:space-between;width:100%;padding:0 1rem;font-size:.5rem}.custom-controls.mobile .end-controls{justify-content:space-between;width:100%;padding:0 1rem}}.multi-bar-progress{box-sizing:border-box;align-items:flex-end;height:2rem;padding:10px;display:flex}.multi-bar-progress .bar{background-color:var(--theme-diff-color);min-width:1.5px;margin-right:auto;transition:height 1s,opacity 1s}.page-loader{z-index:5000;background-color:var(--theme-bg);width:100vw;height:100vh;position:fixed;top:0;left:0}.page-loader .logo{pointer-events:auto;font-size:1.5rem;display:none;position:fixed;top:1.5rem;left:2rem}.page-loader .bottom-loader{background-color:var(--theme-color);transform-origin:0;width:0;height:.3rem;position:absolute;bottom:0;left:0}.page-loader .year-loader{color:var(--theme-color);align-items:flex-end;display:flex;position:absolute;bottom:2rem;right:2rem}.page-loader .year-loader .copyright{margin-right:1rem;font-size:5rem}.page-loader .year-loader .year{color:var(--theme-color);text-align:end;width:28rem;font-size:10rem;line-height:8rem}.custom-mouse{background-color:var(--theme-diff-color);pointer-events:none;z-index:9999;mix-blend-mode:difference;visibility:hidden;border-radius:50%;width:1rem;height:1rem;position:fixed}.image-trail-container{width:100vw;height:100vh;position:relative}.image-trail-container .img-element{will-change:transform,filter;opacity:0;width:10rem;position:absolute;top:0;left:0;overflow:hidden}.image-trail-container .img-element.template-8{width:18rem;overflow:visible}.image-trail-container .img-element.template-8 .image-element__inner{height:auto;position:absolute}.image-trail-container .img-element.template-8 .image-element__inner:first-child{display:none}.image-trail-container .img-element.blend-screen{mix-blend-mode:screen}.image-trail-container .img-element.blend-darken{mix-blend-mode:darken}.image-trail-container .img-element.blend-bw{mix-blend-mode:luminosity}.mouse-speed{color:#fff;z-index:1000;font-size:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.distort-grid{background-color:#000;width:100vw;height:100vh;padding:5rem;position:relative}.distort-grid .grid-container{grid-gap:1rem;pointer-events:none;grid-template-columns:repeat(4,1fr);width:90%;margin:auto;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:768px){.distort-grid .grid-container{grid-template-columns:repeat(13,1fr)}.distort-grid .grid-container.grid-medium{grid-template-columns:repeat(6,1fr)}.distort-grid .grid-container.grid-large{grid-template-columns:repeat(12,1fr)}}.distort-grid .grid-container .grid-item{will-change:transform;pointer-events:auto;margin:0;position:relative}.distort-grid .grid-container .grid-item .grid-image-element{cursor:pointer;background-size:cover;width:100%}.archive-page{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden;cursor:auto!important}.archive-layout,.archive-container{width:100%;height:100%}.archive-gallery{background:var(--theme-bg);width:100%;height:100vh;position:relative;overflow:hidden;cursor:auto!important}.archive-gallery__canvas{width:100%;height:100%;display:block;cursor:grab!important}.archive-gallery__canvas:active{cursor:grabbing!important}.archive-gallery__canvas canvas{cursor:grab!important;width:100%!important;height:100%!important}.archive-gallery__canvas canvas:active{cursor:grabbing!important}.archive-gallery__loading{color:var(--theme-color);z-index:10;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.archive-gallery__loading.loaded{opacity:0;pointer-events:none;transition:opacity .5s .2s}.archive-zoom-controls{z-index:100;gap:.5rem;display:flex;position:absolute;bottom:4rem;right:50%;transform:translate(50%)}.archive-zoom-controls__button{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:.25rem;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex}.archive-zoom-controls__button:hover:not(.disabled):not(:disabled){background:#000000e6;border-color:#fff6}.archive-zoom-controls__button.disabled,.archive-zoom-controls__button:disabled{opacity:.4;cursor:not-allowed}.archive-zoom-controls__button.disabled:hover,.archive-zoom-controls__button:disabled:hover{background:#000000b3;border-color:#fff3}.archive-zoom-controls__button svg{width:18px;height:18px}.archive-zoom-controls__indicator{color:#fff;text-align:center;background:#000c;border:1px solid #fff3;border-radius:.25rem;justify-content:center;align-items:center;min-width:3rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;display:flex}@media (max-width:576px){.archive-zoom-controls{top:1rem;right:1rem}.archive-zoom-controls__button{width:2.5rem;height:2.5rem}.archive-zoom-controls__button svg{width:16px;height:16px}}.infinite-grid{box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100vh;position:relative;overflow:hidden}.infinite-grid__container{white-space:nowrap;width:100%;height:100%;display:inline-block;position:relative}.infinite-grid__container .item{will-change:transform;white-space:normal;position:absolute;top:0;left:0}.infinite-grid__container .item .item-wrapper{will-change:transform}.infinite-grid__container .item .item-image{overflow:hidden}.infinite-grid__container .item .item-image img{object-fit:cover;will-change:transform;width:100%;height:100%}.infinite-grid__container .item small{width:100%;color:var(--theme-color,#000);margin-top:12px;font-family:inherit;font-size:clamp(8px,.5vw,12px);line-height:1.25;display:block}.infinite-grid__container .item small .line-mask,.infinite-grid__container .item small .line-mask .line{transition:transform 2s cubic-bezier(.6,.14,0,1)}.infinite-grid__container .item small:not(.visible) .line-mask{transform:translateY(100%)}.infinite-grid__container .item small:not(.visible) .line-mask .line{transform:translateY(110%)}html.dragging .infinite-grid{cursor:grabbing}@media (max-width:576px){.infinite-grid .item small{margin-top:8px;font-size:10px}}@media (max-width:768px){.infinite-grid .item small{margin-top:10px;font-size:11px}}html.dragging{cursor:grabbing}html.dragging *{cursor:grabbing!important}.infinite-grid-error{background:var(--theme-bg,#fff);width:100%;height:100vh;color:var(--theme-color,#000);justify-content:center;align-items:center;display:flex}.infinite-grid-error__content{text-align:center;max-width:400px;padding:2rem}.infinite-grid-error__content h3{margin-bottom:1rem;font-size:1.2rem}.infinite-grid-error__content p{opacity:.7;margin-bottom:1.5rem}.infinite-grid-error__content details{text-align:left;margin:1rem 0}.infinite-grid-error__content details summary{cursor:pointer;margin-bottom:.5rem}.infinite-grid-error__content details pre{background:#0000000d;border-radius:4px;max-height:200px;padding:1rem;font-size:.8rem;overflow:auto}.infinite-grid-error__retry{background:var(--theme-color,#000);color:var(--theme-bg,#fff);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;padding:.75rem 1.5rem;font-family:inherit;transition:opacity .2s}.infinite-grid-error__retry:hover{opacity:.8}.infinite-grid--error .infinite-grid__error-message{opacity:.7;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;display:flex}.item-image.image-error{background:#0000000d;justify-content:center;align-items:center;display:flex}.item-image.image-error:after{content:"Image failed to load";opacity:.5;font-size:.8rem}.centered-media-container{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.centered-media-container .centered-media .centered-media__media{height:100%}.centered-media-container .centered-media .centered-media__media.full{height:100dvh}.centered-media-container img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.grid-media-container{width:100%}.grid-media-container.normal-grid{width:100rem}.grid-media-container.large-grid{width:120rem}.grid-media-container.small-grid{width:80rem}.grid-media-container.tiny-grid{width:60rem}.grid-media-container.micro-grid{width:50rem}.grid-media-container.nano-grid{width:20rem}.grid-media-container .grid-media{grid-template-columns:repeat(12,1fr);align-items:center;gap:0 1rem;height:100%;display:grid;position:relative}.grid-media-container .grid-media.no-gap{gap:0}.grid-media-container .grid-media.gap-1{gap:0 1rem}.grid-media-container .grid-media.gap-2{gap:0 2rem}.grid-media-container .grid-media.gap-3{gap:0 3rem}.grid-media-container .grid-media.gap-4{gap:0 4rem}.grid-media-container .grid-media.gap-5{gap:0 5rem}.grid-media-container .grid-media .grid-media__media{width:100%;height:100%;position:relative}.grid-media-container .grid-media .grid-media__media figure{width:100%;height:100%;position:absolute}.grid-media-container .grid-media .grid-media__media video,.grid-media-container .grid-media .grid-media__media img{object-fit:contain;max-width:100%;height:100%;display:block}.grid-media-container .grid-media .grid-media__media.span-2{grid-column:span 2;width:100%}.grid-media-container .grid-media .grid-media__media.span-3{grid-column:span 3;width:100%}.grid-media-container .grid-media .grid-media__media.span-4{grid-column:span 4;width:100%}.grid-media-container .grid-media .grid-media__media.span-5{grid-column:span 5;width:100%}.grid-media-container .grid-media .grid-media__media.span-6{grid-column:span 6;width:100%}.grid-media-container .grid-media .grid-media__media.span-7{grid-column:span 7;width:100%}.grid-media-container .grid-media .grid-media__media.span-8{grid-column:span 8;width:100%}.grid-media-container .grid-media .grid-media__media.span-9{grid-column:span 9;width:100%}.grid-media-container .grid-media .grid-media__media.span-10{grid-column:span 10;width:100%}.grid-media-container .grid-media .grid-media__media.span-11{grid-column:span 11;width:100%}.grid-media-container .grid-media .grid-media__media.span-12{grid-column:span 12;width:100%}.moodboard-wrapper{z-index:300;background-color:var(--theme-bg);width:100%;height:100dvh;position:relative;overflow:hidden}.moodboard-wrapper .moodboard-item{will-change:transform opacity;opacity:0;transition:transform 1s ease-in-out,opacity .3s;position:absolute;top:0;left:0;transform:scale(1.1)}.moodboard-wrapper .moodboard-item.visible{opacity:1;transform:scale(1)}.moodboard-wrapper .moodboard-item.w-xsmall{width:10rem}@media (max-width:768px){.moodboard-wrapper .moodboard-item.w-xsmall{width:5rem}}.moodboard-wrapper .moodboard-item.w-small{width:15rem}@media (max-width:768px){.moodboard-wrapper .moodboard-item.w-small{width:10rem}}.moodboard-wrapper .moodboard-item.w-medium{width:20rem}@media (max-width:768px){.moodboard-wrapper .moodboard-item.w-medium{width:15rem}}.moodboard-wrapper .moodboard-item.w-large{width:30rem}@media (max-width:768px){.moodboard-wrapper .moodboard-item.w-large{width:20rem}}.moodboard-wrapper .moodboard-item.w-xlarge{width:40rem}@media (max-width:768px){.moodboard-wrapper .moodboard-item.w-xlarge{width:20rem}}.moodboard-wrapper .moodboard-item.w-xxlarge{width:50rem}@media (max-width:768px){.moodboard-wrapper .moodboard-item.w-xxlarge{width:20rem}}.mouse-position{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:absolute;top:0;left:0}.controller{z-index:500;color:var(--theme-diff-color);mix-blend-mode:difference;position:fixed;bottom:1rem;right:2rem}.controller .buttons{display:flex}.controller.visible{visibility:visible}.controller.hidden{visibility:hidden}.controller .btn-control{will-change:opacity;opacity:.5;z-index:4;text-align:end;padding:.3rem;transition:all .3s}.controller .btn-control:hover{opacity:1;font-weight:600}.controller .btn-control.disabled{opacity:.2;cursor:not-allowed}.helper-text{color:var(--theme-diff-color);mix-blend-mode:difference;text-align:center;font-size:.5rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.helper-text .small{width:3rem;font-size:.6rem;position:absolute;bottom:0;right:-3.5rem}@media (max-width:768px){.helper-text{bottom:50%;left:50%;transform:translate(-50%,50%)}}