*{box-sizing:border-box;margin:0;padding:0}:root{--text-xl: 6rem;--text-lg: 4rem;--text-md: 2rem;--text-sm: 1.2rem}[data-theme=dark]{color-scheme:dark;--base: rgb(10, 10, 20);--md-o-base: rgba(10, 10, 20, .6);--lw-o-base: rgba(10, 10, 20, .2);--surface: rgba(30, 30, 50, .6);--lw-o-surface: rgba(30, 30, 50, .5);--surface-light: rgb(30, 30, 50);--primary: rgb(0, 255, 255);--dark-primary: rgb(0, 200, 200);--text: rgb(240, 240, 255);--sub: rgb(200, 200, 220);--border: 1px solid rgba(0, 255, 255, .25)}[data-theme=light]{color-scheme:light;--base: rgb(245, 248, 255);--lw-o-base: rgba(245, 248, 255, .3);--md-o-base: rgba(245, 248, 255, .7);--surface: rgba(230, 235, 255, .7);--lw-o-surface: rgba(230, 235, 255, .5);--surface-light: #c0c8e0;--text: rgb(20, 20, 40);--primary: rgb(100, 50, 255);--dark-primary: rgb(80, 40, 200);--border: 1px solid rgba(100, 50, 255, .25);--box-shadow: 0 1px 6px rgba(15, 15, 15, .3)}::-webkit-scrollbar{width:12px;background-color:var(--base)}::-webkit-scrollbar-thumb{background:var(--primary);border-top-left-radius:9px;border-bottom-left-radius:9px}html{color-scheme:dark light;scroll-behavior:smooth}body{background-color:var(--base);color:var(--text);font-family:Roboto,sans-serif;font-weight:300;font-size:var(--text-md)}a{cursor:pointer;color:var(--text);text-decoration:none}h1{font-family:Tauri,sans-serif}hr{width:50%;margin-top:18px;background-color:var(--surface-light);opacity:5%}p{font-size:1.5rem;color:var(--sub)}label{font-size:var(--text-sm);text-transform:capitalize;color:var(--sub);font-weight:500}input{border-radius:6px;outline:none}textarea{border-radius:6px;outline:none;padding:12px}textarea:focus,input:focus{border:2px solid var(--primary)!important}button{cursor:pointer;border:var(--border);transition:.2s ease-in-out}button:hover{box-shadow:var(--box-shadow);transform:scale(1.01)}button:disabled,button[disabled]{background-color:#fff!important}.section-title{margin-top:5vh;font-size:var(--text-md)}header{height:10dvh;display:flex;align-items:center;justify-content:space-around;position:relative;background:#00000005;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000}header h1{font-family:"Jersey 25",sans-serif;font-weight:400;font-style:normal;font-size:var(--text-md);cursor:pointer;transition:all .3s ease;letter-spacing:2px}header h1:hover{color:var(--primary);transform:scale(1.05);text-shadow:0 0 15px rgba(0,255,255,.5)}nav{display:flex;align-items:center;padding:8px 12px;border:var(--border);border-radius:12px;background-color:var(--surface);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 20px #0003}nav ul{display:flex;list-style:none;gap:4px;font-size:16px;text-transform:capitalize;margin:0;padding:0}nav ul a{padding:8px 16px;height:100%;font-weight:500;text-decoration:none;color:var(--text);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;position:relative;overflow:hidden;opacity:.85}nav ul a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--dark-primary) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}nav ul a:hover{color:var(--base);opacity:1;transform:translateY(-2px)}nav ul a:hover:before{opacity:1}nav ul a:active{transform:translateY(0)}.hamburger-btn{display:none}.arrow-back{cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px;color:var(--text)}.arrow-back:hover{color:var(--primary);background-color:var(--surface);transform:translate(-4px);box-shadow:0 4px 12px #0ff3}.skin-switch{width:64px;border:var(--border);border-radius:20px;display:flex;position:relative;justify-content:start;transition:all .4s ease-in}.skin-switch button{border-radius:50%;height:28px;margin:3px;width:28px;border:var(--border);cursor:pointer}.mobile-skin{display:none}.title-banner{height:auto;width:100%;display:flex;justify-content:center;align-items:end}.title-banner h2{font-size:var(--text-md);color:var(--sub);opacity:.1;display:inline;font-family:Kaushan Script,cursive;font-weight:300;font-style:normal;-webkit-user-select:none;user-select:none}.hero{width:100%;height:80vh;position:relative;background-size:80px 80px;background-image:linear-gradient(to right,grey 1px,transparent 1px),linear-gradient(to bottom,grey 1px,transparent 1px);display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:10vh}.hero:before,.hero:after{content:"";width:100%;height:100%;background:radial-gradient(ellipse at center,var(--lw-o-base),var(--base));position:absolute;z-index:1}.hero-content{z-index:2}.hero-content h1{font-size:var(--text-xl);text-transform:capitalize;color:var(--text)}.hero-content h4{font-size:1.5rem;color:var(--sub);font-family:Tauri,sans-serif;display:block;position:relative}.scroll-down{stroke:var(--text);z-index:10;height:52px;width:32px;bottom:0;position:absolute;opacity:50%}.mouse-wheel{fill:var(--text);animation:wheelDown 4s linear infinite}.profession{background:-webkit-linear-gradient(var(--text),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hand-wave{display:inline-block;animation:wave 2s linear infinite alternate;position:absolute;bottom:4px;margin-left:6px}.about-me{width:100%;height:80vh;display:flex;margin:2vh 0 8vh;align-items:center;justify-content:center;z-index:1;overflow:hidden}.about-content{height:90%;width:60%;display:flex;align-items:center;justify-content:center;gap:2rem}.image{width:40%;height:98%;display:flex;align-items:center;position:relative}.image-container{border-radius:9px;height:98%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-container:before{content:"";position:absolute;height:inherit;width:inherit;opacity:.05;left:-50px;top:60px;border-radius:inherit;background:var(--base);background-image:radial-gradient(var(--text) 5px,transparent 0);background-size:20px 20px}.image-container img{z-index:3;width:250%;height:100%;object-position:center;border-radius:inherit;transition:all .5s ease-in;filter:grayscale(100%)}.image-container img:hover{filter:none}.mobile-image{display:none}.story-container{width:45%;height:98%;display:flex;flex-direction:column;gap:8px;justify-content:space-between;z-index:2}.story-container hr{margin-top:0;width:100%}.story-container h3{font-size:var(--text-sm)}.social-links ul{display:flex;padding:10px 0}.social-links li{list-style:none}.social-links a{cursor:pointer;width:-moz-fit-content;width:fit-content;margin:0 12px 0 0}.social-links svg{height:32px;width:32px;fill:var(--text);transition:all .3s ease-in}.social-links svg:hover{fill:var(--primary)}.skills{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.beehive{height:auto;width:70%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;overflow:hidden;padding:4vh 8vw 4vh 8vw}.hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:200%;height:150px;z-index:1;margin:0 2px;flex:0 0 150px;position:relative;overflow:hidden}.hex:before,.hex:after,.icon-container{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:absolute;left:-75px;width:200%;height:100%}.hex:before{transform:scale(1.1);background:radial-gradient(var(--primary),transparent,transparent);z-index:-2;top:var(--y);left:var(--x);transform:translate(-50%,-50%);opacity:0;height:200px}.hex:hover:before{opacity:1}.hex:after{background-color:var(--surface-light);opacity:.5}.icon-container{display:flex;align-items:center;justify-content:center;z-index:1}.icon-container svg{width:20%;fill:var(--text);transition:.3s ease-in-out;opacity:.9}.icon-container svg:hover{fill:var(--primary);transform:scale(1.1);opacity:1}.hex:nth-child(7){margin-left:80px}.hex:nth-child(11){margin-right:80px}.works-section{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4vh 0}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);width:75%;max-width:1400px;padding:2rem;gap:2.5rem;justify-items:center;margin-bottom:5vh}.work-card{border:var(--border);background-color:var(--surface);gap:0;width:100%;max-width:100%;aspect-ratio:16 / 10;border-radius:12px;padding:6px;display:flex;flex-direction:column;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;overflow:hidden;position:relative;box-shadow:0 4px 20px #0000001a}.work-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.work-card:hover:before{opacity:.08}.browser-options{height:auto;min-height:32px;width:100%;display:flex;align-items:center;padding:8px 12px;gap:8px;border-bottom:var(--border)}.dot{border-radius:50%;width:12px;height:12px;background-color:#818181a4;transition:all .3s ease}.dot:nth-child(1){background-color:#ff5f57}.dot:nth-child(2){background-color:#ffbd2e}.dot:nth-child(3){background-color:#28ca42}.work-card:hover .dot{transform:scale(1.1)}.work-content{border:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex:1;position:relative;background-color:var(--base)}.work-info{background:linear-gradient(to top,rgba(0,0,0,.8),transparent);width:100%;padding:1.5rem;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;opacity:0;transition:opacity .4s ease;z-index:2}.work-card:hover .work-info{opacity:1}.work-info h2{color:var(--text);font-size:1.3rem;font-weight:600;text-transform:capitalize;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.work-content img{border-radius:inherit;background-color:#fafafa;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block}.work-card:hover .work-content img{transform:scale(1.08)}.work-card:hover{box-shadow:0 12px 40px #00ffff26;transform:translateY(-8px);border-color:var(--primary)}.work-card:hover .browser-options{background-color:var(--surface);border-bottom-color:var(--primary)}.love-my-work{width:100%;min-height:50vh;height:50vh;display:flex;justify-content:center;align-items:center;padding:2rem}.love-my-work h1{font-size:2rem}.heart-and-coffee{width:70%;max-width:1000px;display:flex;justify-content:center;align-items:center;gap:3rem;background-color:var(--surface);border:var(--border);border-radius:16px;padding:3rem 4rem;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.heart-and-coffee:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,255,255,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.heart-container{width:25%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.heart-container svg{width:60%;height:80%;display:block;fill:var(--text)}.buy-container{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.buy-container a{height:40px;font-size:1rem;margin-top:12px;padding:8px;width:-moz-fit-content;color:var(--base);width:fit-content;font-weight:600;border-radius:9px;border:var(--border);background-color:var(--primary)}.contact-section{width:100%;height:80vh;display:flex;justify-content:center;margin:5vh 0;gap:22px;z-index:1;background-size:80px 80px;background-image:linear-gradient(to right,grey 1px,transparent 1px),linear-gradient(to bottom,grey 1px,transparent 1px);position:relative}.contact-section:before,.contact-section:after{content:"";width:100%;height:80vh;background:radial-gradient(ellipse at center,var(--md-o-base),var(--base));position:absolute;z-index:-1}.contact-info{width:30%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.contact-info h1{font-size:3rem}.contact-info p{margin-top:12px}.contact-info h1 span{color:var(--primary)}.avaliable{font-size:.8rem;padding:4px 6px;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:4px;text-transform:capitalize;border-radius:9px;background-color:var(--surface);margin-top:12px;border:var(--border)}.avaliable span{background-color:green!important;animation:blink 2s infinite ease-in}.local-time{text-transform:capitalize;font-size:.8rem;color:var(--sub)}.contact-section form{width:25%;height:100%;border-radius:9px;background-color:var(--surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:var(--border);display:flex;flex-direction:column;padding:32px;gap:12px}.contact-section form input{padding:12px;background-color:var(--base);font-size:18px;border:var(--border)}.contact-section form textarea{height:40%;background-color:var(--base);border:var(--border);font-size:18px}.contact-section form button{background-color:var(--primary);border-radius:4px;text-transform:capitalize;border:var(--border);font-weight:700;font-size:1.2rem;color:var(--base);padding:14px}.contact-checkbox{display:flex}form p{font-size:1rem}.project-page{min-height:85dvh;display:flex;align-items:center;justify-content:center;padding:4vh 2rem;position:relative}.project-content{width:85%;max-width:1400px;height:100%;display:flex;justify-content:space-between;align-items:center;gap:4rem}.project-info{width:48%;height:100%;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem 0}.project-info h1{text-transform:capitalize;font-size:3rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:.3rem;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-info p{font-size:1.15rem;line-height:1.8;color:var(--sub);opacity:.9;margin:.3rem 0}.tag-list{font-size:.95rem;font-weight:500;display:flex;flex-wrap:wrap;width:100%;gap:.75rem;margin:.2rem 0}.tag{width:-moz-fit-content;width:fit-content;padding:10px 18px;border:var(--border);border-radius:25px;text-transform:capitalize;background-color:var(--surface);color:var(--text);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;box-shadow:0 2px 8px #0000001a;opacity:1;display:inline-block}.tag:hover{background-color:var(--primary);color:var(--base);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #00ffff4d}.project-info ul{display:flex;gap:1rem;width:100%;flex-wrap:wrap;margin-top:.5rem}.project-info a{background:var(--surface);border-radius:10px;border:var(--border);font-size:1.1rem;padding:14px 20px;display:flex;align-items:center;gap:10px;text-transform:capitalize;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;flex:1;min-width:180px;justify-content:center}.project-info a svg{fill:var(--text);height:18px;width:18px;transition:all .3s ease}.project-info a:hover:not(.disabled){box-shadow:0 8px 24px #00ffff40;background-color:var(--primary);color:var(--base);transform:translateY(-3px);border-color:var(--primary)}.project-info a:hover:not(.disabled) svg{fill:var(--base);transform:scale(1.1)}.project-info a.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background-color:var(--surface-light);border-color:var(--surface-light)}.project-info a.disabled svg{opacity:.5}.video-container{width:52%;height:100%;max-height:600px;position:relative;display:flex;align-items:center;justify-content:center}.video-container:before{content:"";position:absolute;width:120%;height:120%;left:-10%;top:-10%;opacity:.03;background:var(--base);background-image:radial-gradient(var(--primary) 3px,transparent 0);background-size:30px 30px;z-index:-1;border-radius:20px;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10px,-10px) rotate(1deg)}66%{transform:translate(-10px,10px) rotate(-1deg)}}.project-video{height:100%;width:100%;max-height:600px;border-radius:16px;box-shadow:0 8px 32px #0003;border:var(--border);background-color:var(--base);transition:all .4s ease;object-fit:contain}.project-video:hover{box-shadow:0 12px 48px #00ffff26;transform:scale(1.02)}.no-video-placeholder{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:var(--border);border-radius:16px;color:var(--sub);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.no-video-placeholder:before{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.1;border-radius:50%;animation:pulse 3s ease-in-out infinite}.no-video-placeholder p{font-size:1.3rem;opacity:.6;font-weight:500;position:relative;z-index:1;display:flex;align-items:center;gap:12px}.no-video-placeholder p:before{content:"🎬";font-size:2rem;opacity:.5}footer{height:7vh;bottom:0;background-color:var(--surface);margin-top:5vh;padding:30px;border-top:var(--border);display:flex;align-items:center;justify-content:center;position:relative}footer p{font-size:1rem!important}footer button{position:absolute;left:3rem;top:-5.5rem;height:56px;width:56px;background-color:var(--surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:var(--border);transition:all .3s ease-in}footer button svg{width:100%;height:100%}footer button:hover{background-color:var(--primary);color:var(--base);cursor:pointer}.not-found{height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found h1{font-size:var(--text-md)}.not-found .btn{background-color:var(--primary);border:var(--border);font-size:var(--text-sm);border-radius:9px;padding:9px;margin:12px;cursor:pointer;text-decoration:none;color:var(--base)}@keyframes blink{0%{opacity:100%}50%{opacity:0}to{opacity:100%}}@keyframes wave{50%{transform:rotate(40deg)}to{transform:rotate(0)}}@keyframes wheelDown{0%{opacity:90%}80%{opacity:0;transform:translateY(30px)}}@media screen and (min-width: 2000px){.story-container h2{font-size:var(--text-lg)}.story-container p{font-size:1.8rem}.hex:nth-child(7){margin-left:0}.hex:nth-child(11){margin-right:0}.hex:nth-child(9){margin-left:110px}.hex:nth-child(15){margin-right:110px}.hex:nth-child(16){margin-left:150px}}@media screen and (max-width: 1280px){.about-content{width:80%}.story-container{width:60%;gap:6px}.image{width:50%}.beehive{width:80%;padding:8vh 2px 6vh}.hex{margin:-36px 12px 12px 2px}.hex:nth-child(7){margin-left:70px}.hex:nth-child(11){margin-right:80px}.works-grid{width:90%;grid-template-columns:repeat(2,1fr);gap:2.5rem}.contact-info{width:40%}.contact-section form{width:35%}.project-content{width:90%;gap:3rem}.project-info h1{font-size:2.5rem}.video-container,.project-video{max-height:500px}}@media screen and (max-width: 600px){:root{--padding: 0 22px 0 22px;--main-title: 1.8rem}main{padding:0 22px}label{font-size:1rem}input{padding:4px!important;font-size:12px}h1{font-size:var(--main-title)}p{font-size:1.1rem;font-weight:400}hr{width:100%}.section-title,.section-subtitle{text-align:center}header{background-color:var(--surface);border-bottom:var(--border);display:flex;align-items:center}header h1{order:2!important}nav{display:none}.skin-switch{display:none}.mobile-skin{display:block;order:1}.mobile-skin button{width:32px;height:32px;background:none;border:none}.mobile-skin span svg{color:var(--text)!important;width:22px;height:22px}.hamburger-btn{display:block;background:none;border:none;order:3}.hamburger-btn svg{width:22px;height:22px;color:var(--text)}.arrow-back{height:24px;width:24px}.hero{height:90dvh}.hero h1{font-size:2.3rem}.hero h4{font-size:1.2rem}.hero p,.scroll-down{display:none}.about-me{height:auto;margin:50px 0 5vh;display:block}.about-content{flex-direction:column;width:100%;height:auto}.image-container{display:none}.image{width:auto}.mobile-image{display:flex;justify-content:center;align-items:center;margin-top:60px}.mobile-image-container{border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--text);height:200px;width:200px;position:relative;border:var(--border)}.mobile-image:before{content:"";position:absolute;background:radial-gradient(var(--primary),transparent,transparent);height:400px;width:400px;display:block;opacity:.5;z-index:-1}.mobile-image-container img{border-radius:50%;display:block;width:200%;transform:scale(1.5);height:100%;filter:grayscale(100%)}.story-container{width:100%!important;height:auto!important;gap:9px}.story-container h3{font-size:1rem}.social-links svg{margin:0 2px 0 0;width:26px;height:26px}.social-links ul{padding:4px 0}.skills{display:block}.skills p{text-align:center}.beehive{padding:2rem 0;width:100%}.hex{width:120px;height:70px;flex:0 0 70px;margin:-4px 4px 2px}.hex:before,.hex:after,.icon-container{left:-35px}.hex:nth-child(7){margin-left:0}.hex:nth-child(11){margin-right:0}.title-banner h2{font-size:1.5rem;opacity:.1}.works-section{display:block;height:auto}.works-section h1{font-size:var(--main-title)}.works-grid{width:95%;grid-template-columns:1fr;gap:1.5rem;padding:1rem}.work-card{width:100%;max-width:100%;aspect-ratio:16 / 10;min-height:250px}.work-info{opacity:1;padding:1rem}.work-info h2{font-size:1.1rem}.love-my-work{min-height:50dvh;height:auto;padding:2rem 1rem}.heart-and-coffee{width:95%;flex-direction:column;gap:2rem;padding:2rem 1.5rem}.heart-container{width:auto}.heart-container svg{width:110px}.buy-container{height:100%;padding:0 22px}.buy-container h1{font-size:1.5rem}.contact-section{flex-direction:column;height:auto;align-items:center;margin-bottom:12px;background:var(--base)}.contact-info{width:100%;margin:22px 0;gap:4px}.contact-info h1{font-size:1.8rem}.local-time,.avaliable{display:none}.contact-section form{width:100%;padding:12px;gap:8px}.contact-section form p{font-size:.8rem}.contact-section form text-area{height:30%!important}.contact-section form button{font-size:1rem;padding:10px}.project-page{padding:2vh 20px;min-height:auto}.project-content{width:100%;flex-direction:column-reverse;gap:2rem}.project-info{width:100%;gap:1.5rem;padding:1rem 0}.project-info h1{font-size:2rem}.project-info p{font-size:1rem}.tag{padding:8px 14px;font-size:.85rem}.video-container{width:100%;max-height:400px;justify-content:center;align-items:center}.project-video{width:100%;height:auto;max-height:400px;margin-bottom:0}.video-container:before{display:none}.no-video-placeholder{min-height:300px}.project-info ul{flex-direction:column}.project-info a{font-size:1rem;padding:12px 18px;width:100%;min-width:auto}.force-logo-center{order:1!important}footer{margin-top:60px}footer p{font-size:.8rem!important}footer button{height:42px;width:42px;top:-3.5rem;left:12px}}.on[data-v-0003ef73]{background-color:var(--primary)!important;justify-content:end}.on button[data-v-0003ef73]{box-shadow:-1px 1px 16px #000000a8}button svg[data-v-0003ef73]{color:#000}.z-loader[data-v-be994101]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--base);position:fixed;top:0;left:0}.spinner[data-v-be994101]{width:80px;height:80px;border:5px solid var(--surface);border-top:5px solid var(--primary);border-radius:50%;animation:spin-be994101 1s linear infinite}@keyframes spin-be994101{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.route-enter-from{opacity:0}.route-enter-active{transition:all .3s ease-out}.route-leave-to{opacity:0}.route-leave-active{transition:all .3s ease-in}.modal-overlay[data-v-eb7fa524]{position:fixed;top:0;right:0;background:var(--lw-o-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;z-index:99999;transition:all .3s linear}.modal-container[data-v-eb7fa524]{width:100%;display:flex;padding:0 22px;justify-content:space-between;align-items:center}.modal[data-v-eb7fa524]{padding:18px;width:100%;text-align:center;text-transform:capitalize}.modal p[data-v-eb7fa524]{font-weight:400}.close-modal-btn[data-v-eb7fa524]{cursor:pointer;height:22px;width:22px}.counter[data-v-eb7fa524]{background-color:var(--primary);width:var(--beca174c);height:4px;transition:width 1s linear}