@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--font-family: "Poppins", sans-serif;--bg-color-1: #222323;--bg-color-2: #a238ff;--bg-color-3: #ffffff;--bg-color-4: rgba(0, 0, 0, .5);--bg-color-5: #000000;--bg-color-6: #2e2e2e;--bg-color-7: #0000ff;--bg-color-8: #800080;--bg-color-9: #40e0d0;--bg-color-10: rgba(100, 100, 100, .5);--bg-color-11: #808080;--color-1: #222323;--color-2: #ffffff;--color-3: #a238ff;--color-4: #000000;--color-5: #646464;--color-6: #c8c8c8;--color-7: #808080;--linear-gradient-1: rgba(34, 35, 35, .5);--linear-gradient-2: linear-gradient(to right, #1414df, #a238ff);--linear-gradient-3: linear-gradient(to right, #2a2a2a, #222323)}*{font-family:var(--font-family);margin:0;padding:0;text-decoration:none;-webkit-tap-highlight-color:transparent;color:var(--color-2)}* a{text-decoration:none;color:var(--color-2)}#root{width:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh}body{background-color:var(--bg-color-01)}.main-header{display:flex;flex-direction:row;width:100vw;position:fixed;background-color:transparent;filter:drop-shadow(0 5px 10px var(--bg-color-4));z-index:2;-webkit-user-select:none;user-select:none}.main-header.scrolled{background-color:var(--bg-color-1)}.nav-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:30px 100px}.logo{display:flex;flex-direction:row;align-items:center;font-size:26px;cursor:pointer;color:var(--color-2)}.outer-circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:transparent;border-radius:100%;border:2px solid var(--color-2);margin-right:8px}.inner-circle{width:14px;height:14px;background-color:var(--bg-color-3);border-radius:100%}.nav-contents{display:flex;flex-direction:row;align-items:center}.faq,.login,.bag,.nav-contents .buy-button{margin:0 15px;font-size:16px;cursor:pointer;color:var(--color-2)}.faq:hover,.login:hover,.bag:hover{transition:.5s ease;color:var(--color-3)}.login:hover .fa-user{background-color:var(--bg-color-2);transition:.5s ease}.bag:hover .fa-bag-shopping{color:var(--bg-color-2);transition:.5s ease}.login{display:flex;align-items:center;justify-content:center}.login i{display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0 10px;background-color:var(--bg-color-3);color:var(--color-1);border-radius:100%}.fa-bag-shopping{font-size:24px}.nav-responsive{display:flex;flex-direction:column;align-items:center;position:fixed;z-index:1;width:100vw;height:100vh;opacity:0;visibility:hidden;background-color:var(--bg-color-5);transition:opacity .5s ease,visibility .5s ease}.nav-responsive.show{opacity:1;visibility:visible;pointer-events:auto}.nav-responsive .login-content{display:flex;width:100%;margin:25px 0 75px 5px}.nav-responsive .login-content i{margin-left:0}.nav-responsive .faq{font-size:28px;margin-bottom:25px}.menu-hamburguer{display:none;cursor:pointer;position:fixed;z-index:2;right:20px}.bar1,.bar2,.bar3{width:2rem;height:.15rem;background-color:var(--bg-color-3);margin:.4rem 0;transition:.3s ease}.change .bar1{transform:translateY(.545rem) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-.545rem) rotate(45deg)}@media (max-width: 768px){.nav-container{padding:20px}.nav-contents .faq,.nav-contents .login,.nav-contents .buy-button{display:none}.nav-contents .bag{margin-right:55px}.nav-contents .bag i{font-size:32px}.menu-hamburguer{display:block}}.buy-button{padding:10px 25px;border-radius:25px;background-color:var(--bg-color-2);color:var(--color-2);filter:drop-shadow(1px 1px 7px var(--bg-color-2));cursor:pointer}.buy-button:hover{background-color:var(--bg-color-3);color:var(--color-3);filter:drop-shadow(1px 1px 8px var(--bg-color-3));transition:.5s ease}.main-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/TrackMate-react/imgs/backgrounds/footer.avif);background-position:center center;background-size:cover;padding:100px 0;width:100%;-webkit-user-select:none;user-select:none}.main-footer .links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:78%}.social-media .list-media,.legal-information .list-legal{display:flex;flex-direction:row}.list-media li{list-style:none;font-size:14px;margin-right:25px;cursor:pointer}.list-media li a,.list-legal li{text-decoration:underline;text-underline-offset:.2rem}.list-legal li{list-style:none;font-size:14px;margin-left:25px;cursor:pointer}hr{width:80%;border:none;border-bottom:1px solid var(--color-2);margin:50px 0 25px}.main-footer .rights-flags{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:78%}.rights-flags .rights{font-size:14px}.rights a{text-decoration:underline}.rights-flags .flags img{margin-left:15px;width:40px;border-radius:3px}@media (max-width: 768px){.main-footer{padding:75px 0 25px}.social-media .list-media,.legal-information .list-legal{flex-direction:column}.list-media li,.list-legal li{margin-bottom:10px}hr{display:none}.main-footer .rights-flags{flex-direction:column-reverse;margin-top:50px;width:85%}.rights-flags .flags img{margin-bottom:8px}.rights-flags .rights{margin-top:25px;text-align:center}}.hero-section{display:flex;flex-direction:row;height:110vh;background-image:url(/TrackMate-react/imgs/backgrounds/mainBg.avif);background-position:center;background-size:cover}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:75px 100px 0}.product-presentation{display:flex;flex-direction:column;align-items:start;justify-content:start}.product-presentation .hero-text,.product-presentation .hero-secondary-title{font-size:24px;font-weight:500}.product-presentation .hero-main-title{font-size:80px;font-weight:500}.product-presentation .buy-button{margin:25px 0 0}.hero-content .product-image{width:550px;height:542px;transform:rotate(-10deg);animation:upDown-a 5s ease-in-out infinite}@keyframes upDown-a{0%{transform:translateY(0)}50%{transform:translateY(-50px)}to{transform:translateY(0)}}@media (max-width: 768px){.hero-content{flex-direction:column;align-items:center;justify-content:center;padding:50px 0 0}.product-presentation{align-items:center;justify-content:center;margin-bottom:105px}.product-presentation .hero-text,.product-presentation .hero-secondary-title{text-align:center;font-size:20px;margin:0 20px}.product-presentation .hero-main-title{text-align:center;font-size:36px;margin:5px 0}.product-presentation .buy-button{font-size:18px}.hero-content .product-image{width:350px;height:345px;animation:upDown-b 5s ease-in-out infinite}@keyframes upDown-b{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}}.exercise-tracking-section{display:grid;grid-template-columns:2.5fr 1fr;column-gap:40px;height:100vh;padding:25px 0;background-color:var(--bg-color-1)}.exercise-tracking-content{display:flex;flex-direction:column;align-items:start;justify-content:center;background:linear-gradient(var(--linear-gradient-1),var(--linear-gradient-1)),url(/TrackMate-react/imgs/backgrounds/female-athlete-before-run.avif);background-size:cover;background-position:center;margin-left:260px}.exercise-tracking-content h2{display:flex;align-items:center;font-size:14px;font-weight:400;letter-spacing:3px}.exercise-tracking-content h2 i{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:28px;background-color:var(--bg-color-1);background:var(--linear-gradient-2);border-radius:100%;margin-right:25px;transform:rotate(-43deg)}.exercise-tracking-content h3{font-size:56px;font-weight:400;width:575px;line-height:1.3;margin:30px 0}.exercise-tracking-content p{font-size:16px;font-weight:400;width:575px;line-height:2}.gradient-background-product{display:flex;flex-direction:row;align-items:center;background-image:url(/TrackMate-react/imgs/backgrounds/mainBg.avif);background-size:cover;background-attachment:fixed}.gradient-background-product .smartphoneSmarwatch{width:350px;height:479px;position:absolute;right:15%}@media (max-width: 768px){.exercise-tracking-section{grid-template-columns:1fr;grid-template-rows:1fr 1.5fr;row-gap:30px;padding:0;height:120vh}.exercise-tracking-content{margin-left:0;background-position:35%}.exercise-tracking-content h2{flex-direction:column;align-items:start;margin-left:40px;font-size:12px}.exercise-tracking-content h2 i{width:45px;height:45px;font-size:20px;margin-bottom:15px}.exercise-tracking-content h3{font-size:26px;width:280px;line-height:1.1;margin:20px 0 20px 40px}.exercise-tracking-content p{width:290px;line-height:1.6;margin-left:40px;font-size:16px}.gradient-background-product{background:url(/TrackMate-react/imgs/backgrounds/mainBgMobile.avif);background-size:cover;align-items:center;justify-content:center}.gradient-background-product .smartphoneSmarwatch{width:300px;height:410px;position:relative;right:0}}.notification-system-section{display:grid;grid-template-columns:1fr 2.5fr;column-gap:40px;height:80vh;padding:25px 0;background-color:var(--bg-color-1)}.notification-system-section .gradient-background-product{background-image:url(/TrackMate-react/imgs/backgrounds/mainBgReverse.avif)}.gradient-background-product .foldImage{width:427px;height:409px;position:absolute;left:13%}.notification-system-content{background:var(--linear-gradient-3);display:flex;flex-direction:column;justify-content:center;align-items:start}.notification-system-content h2{display:flex;align-items:center;width:575px;font-size:14px;font-weight:400;letter-spacing:3px;margin-left:300px}.notification-system-content h2 i{display:flex;align-items:center;justify-content:center;width:55px;height:60px;font-size:30px;background-color:var(--bg-color-1);background:var(--linear-gradient-2);border-radius:100%;margin-right:25px;padding-left:5px}.notification-system-content h3{font-size:56px;font-weight:400;width:575px;line-height:1.3;margin:30px 0 30px 300px}.notification-system-content p{font-size:16px;font-weight:400;width:575px;line-height:2;margin-left:300px}@media (max-width: 768px){.notification-system-section{display:flex;flex-direction:column-reverse;height:110vh;padding:0}.notification-system-content{height:50%}.notification-system-content h2{flex-direction:column;align-items:start;margin-left:40px;font-size:12px;width:280px}.notification-system-content h2 i{width:45px;height:49px;font-size:20px;margin-bottom:15px}.notification-system-content h3{font-size:26px;width:280px;line-height:1.1;margin:20px 0 20px 40px}.notification-system-content p{width:290px;line-height:1.6;margin-left:40px;font-size:16px}.notification-system-section .gradient-background-product{display:flex;justify-content:center;align-items:center;height:50%}.gradient-background-product .foldImage{width:325px;height:311px;position:relative;left:0}}.bracelets-variety-section{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:150vh;background-color:var(--bg-color-1);background-image:url(/TrackMate-react/imgs/backgrounds/bgLineGradient.avif);background-size:cover;background-repeat:no-repeat}.bracelets-variety-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.bracelets-variety-content i{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:30px;background-color:var(--bg-color-1);background:var(--linear-gradient-2);border-radius:100%;margin-bottom:50px}.bracelets-variety-content h3{font-size:56px;font-weight:400;line-height:1.3;margin-bottom:25px}.bracelets-variety-content p{font-size:16px;font-weight:400;width:700px;text-align:center;line-height:1.7}.bg-bracelets-img{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.bracelets-variety-section .buy-button{margin-bottom:50px}@media (max-width: 768px){.bracelets-variety-section{height:100vh;background-position:0% 67%;background-size:contain}.bracelets-variety-section .buy-button{font-size:18px}.bracelets-variety-content i{width:45px;height:45px;font-size:20px;border-radius:100%;margin-bottom:0}.bracelets-variety-content h3{font-size:26px;width:85%;line-height:1.1;margin:20px 0;text-align:center}.bracelets-variety-content p{width:90%;text-align:center;line-height:1.6}.bracelets-img{width:360px}.bracelets-variety-section .buy-button{margin-bottom:10px}}.alert-system-section{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%;height:80vh;background:linear-gradient(var(--linear-gradient-1),var(--linear-gradient-1)),url(/TrackMate-react/imgs/backgrounds/manWalking.avif);background-attachment:fixed;background-size:cover}.alert-system-content{display:flex;flex-direction:column;align-items:start;justify-content:center;height:100%;margin-left:260px}.alert-system-content h2{display:flex;align-items:center;font-size:14px;font-weight:400;letter-spacing:3px}.alert-system-content h2 i{display:flex;align-items:center;justify-content:center;width:57px;height:60px;font-size:32px;padding-left:3px;background-color:var(--bg-color-1);background:var(--linear-gradient-2);border-radius:100%;margin-right:25px}.alert-system-content h3{font-size:56px;font-weight:400;width:500px;line-height:1.3;margin:30px 0}.alert-system-content p{font-size:16px;font-weight:400;width:500px;line-height:2}@media (max-width: 768px){.alert-system-section{height:60vh;background:linear-gradient(var(--linear-gradient-1),var(--linear-gradient-1)),url(/TrackMate-react/imgs/backgrounds/manWalking.avif);background-size:cover;background-position:50%}.alert-system-content{margin-left:0}.alert-system-content h2{flex-direction:column;align-items:start;margin-left:40px;font-size:12px}.alert-system-content h2 i{width:45px;height:47px;font-size:26px;margin-bottom:15px}.alert-system-content h3{font-size:26px;width:230px;line-height:1.1;margin:20px 0 20px 40px}.alert-system-content p{width:290px;line-height:1.6;margin-left:40px}}.product-specifications{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:175vh;background-image:url(/TrackMate-react/imgs/bracelets/blackBracelet.png),url(/TrackMate-react/imgs/backgrounds/bgGradient.avif);background-repeat:no-repeat;background-position:center center;background-size:auto,cover}.product-specifications h2{font-size:48px;font-weight:400;margin-top:100px}.specifications-container{display:flex;flex-direction:column;align-items:center;width:80%}.specifications-container .specification-content-up{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:350px}.specifications-container .specification-content-down{display:flex;flex-direction:row;justify-content:space-between;width:100%}.battery-specification,.charging-specification{margin-top:50px}.bluetooth-specification,.water-resistance-specification{margin-bottom:50px}.charging-specification{margin-left:50px}.water-resistance-specification{margin-right:50px}.card{background-color:var(--bg-color-1);border-radius:15px;filter:drop-shadow(1px 1px 10px var(--bg-color-1));border:1px solid var(--bg-color-2)}.card h3{display:flex;flex-direction:row;align-items:center;margin:25px}.card p{width:325px;margin:0 25px 25px}.icon-cards{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:22px;background-color:var(--bg-color-1);background:var(--linear-gradient-2);border-radius:100%;margin-right:10px}.product-specifications .buy-button{margin-bottom:50px}@media (max-width: 768px){.product-specifications{height:auto;background-color:var(--bg-color-1);background-image:url(/TrackMate-react/imgs/bracelets/blackBracelet.png),url(/TrackMate-react/imgs/backgrounds/bgGradient.avif);background-repeat:no-repeat;background-position:50% 12%;background-size:contain}.product-specifications .buy-button{font-size:18px}.product-specifications h2{font-size:26px;width:85%;line-height:1.1;margin:50px 0 0;text-align:center}.specifications-container{width:100%;margin:115% 0 50px}.specifications-container .specification-content-up,.specifications-container .specification-content-down{flex-direction:column;width:85%;margin:0}.battery-specification,.charging-specification,.bluetooth-specification{margin:0 0 40px}.water-resistance-specification{margin:0}.card{flex-direction:column;background-color:var(--bg-color-6);filter:drop-shadow(1px 1px 8px var(--bg-color-4));border:none;padding:30px}.card h3{display:flex;flex-direction:column;align-items:center;margin:0}.card h3 i{margin-bottom:5px}.card p{width:auto;margin:15px 0 0;text-align:center}.product-specifications .buy-button{margin-bottom:25px}}.live-better-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:85vh;background-color:var(--bg-color-1)}.live-better-content{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;width:75%;height:100%}.live-better-card{display:flex;flex-direction:column;justify-content:start;align-items:center}.live-better-card i{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:30px;background:var(--linear-gradient-2);border-radius:100%;margin:50px 0 15px}.live-better-card h2{display:flex;align-items:center;font-size:14px;font-weight:400;letter-spacing:3px}.live-better-card h3{font-size:32px;font-weight:400;text-align:center;width:275px;margin:15px 0}.live-better-content .sleep{background-image:url(/TrackMate-react/imgs/backgrounds/womanSleeping.avif);background-size:cover}.live-better-content .meditation{background-image:url(/TrackMate-react/imgs/backgrounds/womanMeditating.avif);background-size:cover}@media (max-width: 768px){.live-better-section{height:130vh;padding-top:50px}.live-better-content{display:grid;grid-template-columns:1fr;column-gap:0;row-gap:25px;width:85%}.live-better-card i{width:45px;height:45px;font-size:20px;margin-bottom:15px}.live-better-card h2{font-size:12px}.live-better-card h3{font-size:26px;width:230px;line-height:1.1}}.closing-section{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:var(--bg-color-1)}.closing-content{display:flex;flex-direction:column;justify-content:start;align-items:center}.closing-content i{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:68px;padding-left:8px;background:var(--linear-gradient-2);border-radius:100%;margin:100px 0 25px}i .outer-circle{width:30px;height:30px;border:3px solid var(--color-2)}i .outer-circle .inner-circle{width:20px;height:20px}.closing-content h2{display:flex;align-items:center;font-size:14px;font-weight:400;letter-spacing:3px}.closing-content h3{font-size:48px;font-weight:400;text-align:center;margin:15px 0}@media (max-width: 768px){.closing-content i{width:45px;height:51px;margin-bottom:15px}i .outer-circle{width:22px;height:22px}i .outer-circle .inner-circle{width:15px;height:15px}.closing-content h2{font-size:12px}.closing-content h3{font-size:26px;width:280px;line-height:1.1;margin:25px 0}.closing-content .buy-button{font-size:18px}.closing-content .black-blue-bracelet{width:100vw;margin-top:50px}}.discount-offer{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:var(--bg-color-1);padding:75px 0}.discount-offer h2{font-size:50px;font-weight:400;text-align:center;margin-bottom:50px;width:800px;line-height:1.3}.discount-offer form label{margin-bottom:15px;position:relative;right:42.5%;font-size:18px}.discount-offer form{display:flex;flex-direction:column;align-items:center}.discount-offer form input{width:862px;height:75px;padding-left:38px;border:2px solid var(--bg-color-2);border-radius:50px;filter:drop-shadow(1px 1px 10px var(--bg-color-2));font-size:20px;color:var(--color-1);caret-color:var(--color-3)}.discount-offer form input:focus{outline:none}.discount-offer form input::placeholder{color:var(--color-1)}.discount-offer form button{font-size:18px;width:200px;height:60px;border:none;border-radius:45px;color:var(--color-2);background-color:var(--bg-color-2);filter:drop-shadow(1px 1px 10px var(--bg-color-2));cursor:pointer;position:relative;bottom:70px;left:38%}.discount-offer form button:hover{background-color:var(--bg-color-1);transition:.5s ease}@media (max-width: 768px){.discount-offer h2{font-size:26px;width:300px}.discount-offer form label{width:300px;margin-bottom:15px;position:relative;right:0;left:10px;font-size:16px}.discount-offer form input{width:300px;height:55px;font-size:16px;padding-left:20px}.discount-offer form button{font-size:16px;width:150px;height:50px;top:15px;bottom:0;left:25%}.discount-offer form button:hover{background-color:var(--bg-color-3);color:var(--color-3)}}.page-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;font-size:24px;color:var(--color-3);-webkit-user-select:none;user-select:none;text-align:center}.cookie-policy-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0 100px;background-color:var(--bg-color-6)}.cookie-policy-container .cookie-policy-content{width:950px}.cookie-policy-content h2{font-size:48px;font-weight:400;margin-bottom:25px}.cookie-policy-content h3{margin-bottom:10px}.cookie-policy-content p,.cookie-policy-content ul{margin-bottom:25px}.cookie-policy-content ul li{margin-left:20px}.cookie-policy-content .disclaimer{text-align:center;font-size:18px;margin:50px 0 0}@media (max-width: 768px){.cookie-policy-container .cookie-policy-content{width:300px}.cookie-policy-content h2{font-size:26px;font-weight:600;margin-bottom:25px}}.terms-conditions-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0 100px;background-color:var(--bg-color-6)}.terms-conditions-container .terms-conditions-content{width:950px}.terms-conditions-content h2{font-size:48px;font-weight:400;margin-bottom:25px}.terms-conditions-content h3{margin-bottom:5px}.terms-conditions-content p,.terms-conditions-content ul{margin-bottom:25px}.terms-conditions-content p span{text-decoration:underline;font-weight:600}.terms-conditions-content ul li{margin-left:20px}.terms-conditions-content .disclaimer{text-align:center;font-size:18px;margin:50px 0 0}@media (max-width: 768px){.terms-conditions-container .terms-conditions-content{width:300px}.terms-conditions-content h2{font-size:26px;font-weight:600;margin-bottom:25px}}.deliveries-returns-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0 100px;background-color:var(--bg-color-6)}.deliveries-returns-container .deliveries-returns-content{width:950px}.deliveries-returns-content h2{font-size:48px;font-weight:400;margin-bottom:25px}.deliveries-returns-content h3{margin-bottom:5px}.deliveries-returns-content p{margin-bottom:25px}.deliveries-returns-content p span{text-decoration:underline;font-weight:600}.deliveries-returns-content .disclaimer{text-align:center;font-size:18px;margin:50px 0 0}@media (max-width: 768px){.deliveries-returns-container .deliveries-returns-content{width:300px}.deliveries-returns-content h2{font-size:26px;font-weight:600;margin-bottom:25px}}.privacy-policy-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0 100px;background-color:var(--bg-color-6)}.privacy-policy-container .privacy-policy-content{width:950px}.privacy-policy-content h2{font-size:48px;font-weight:400;margin-bottom:25px}.privacy-policy-content h3{margin-bottom:10px}.privacy-policy-content p,.privacy-policy-content ul{margin-bottom:25px}.privacy-policy-content ul li{margin-left:20px}.privacy-policy-content p span{text-decoration:underline;font-weight:600}.privacy-policy-content .disclaimer{text-align:center;font-size:18px;margin:50px 0 0}@media (max-width: 768px){.privacy-policy-container .privacy-policy-content{width:300px}.privacy-policy-content h2{font-size:26px;font-weight:600;margin-bottom:25px}}.main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0 100px;background-color:var(--bg-color-6)}.content{display:flex;flex-direction:column;align-items:start;width:900px}.content h2{font-size:48px;font-weight:400;margin-bottom:25px}.content h3{font-size:24px;font-weight:400;width:100%;text-align:center;margin-bottom:15px}@media (max-width: 768px){.content{align-items:center;width:330px}.content h2{margin-bottom:25px}}.question-container{width:100%;padding:25px 0;border-bottom:solid 2px var(--color-3)}.question-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;margin-right:15px}.question-content h4{font-weight:400;font-size:18px;margin-right:5px}.change{transform:rotate(180deg)}.question-container .response{opacity:0;max-height:0;transition:opacity .2s ease-in-out,max-height .2s ease,margin .5s ease;margin:0 30px 0 0;pointer-events:none}.response.show{opacity:1;max-height:500px;margin:25px 30px 0 0}.main-container-product{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:175px 0 100px;background-color:var(--bg-color-1)}.content-product{display:flex;flex-direction:row;justify-content:space-evenly;width:950px}.bracelet-details{display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100vw;height:100vh;z-index:3;background-color:var(--bg-color-5)}@media (max-width: 768px){.main-container-product{width:100vw;padding:75px 0 0}.content-product{display:flex;flex-direction:column;width:90%}}.product-apresentation{display:flex;flex-direction:column;align-items:start;justify-content:start;width:50%}.main-image{width:100%;cursor:zoom-in}.bracelet-color{width:100%}.image-carousel{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:5px}.image-carousel .bracelet-colors{display:none}.bracelet-labels{width:50px;height:50px;display:inline-block;cursor:pointer;border:1px solid transparent;margin-right:5px}.bracelet-labels:before{content:"";margin:1px;position:absolute;width:50px;height:50px}.bracelet-label-white:before{background-image:url(/TrackMate-react/imgs/bracelets/braceleteBranco.png);background-size:cover;background-repeat:no-repeat}.bracelet-label-black:before{background-image:url(/TrackMate-react/imgs/bracelets/braceletePreto.png);background-size:cover;background-repeat:no-repeat}.bracelet-label-blue:before{background-image:url(/TrackMate-react/imgs/bracelets/braceleteAzul.png);background-size:cover;background-repeat:no-repeat}.bracelet-label-purple:before{background-image:url(/TrackMate-react/imgs/bracelets/braceleteRoxo.png);background-size:cover;background-repeat:no-repeat}.bracelet-label-turquoise:before{background-image:url(/TrackMate-react/imgs/bracelets/braceleteTurquesa.png);background-size:cover;background-repeat:no-repeat}.bracelet-label-white:hover,.bracelet-label-black:hover,.bracelet-label-blue:hover,.bracelet-label-purple:hover,.bracelet-label-turquoise:hover{transition:.5s;background-color:var(--bg-color-10);border-radius:3px}.swiper-product-apresentation{display:none}.product-description-desktop,.product-description-mobile{margin-top:25px}.product-description-mobile{display:none}@media (max-width: 768px){.product-apresentation{display:flex;flex-direction:column;align-items:center;width:100%}.main-image,.image-carousel{display:none}.swiper-product-apresentation{display:block;width:355px}.swiper-product-apresentation .swiper-pagination-bullet-active{background-color:var(--bg-color-2)}.product-description-desktop{display:none}.product-description-mobile{display:block}}.information-purchase-and-terms{width:40%;background-color:var(--bg-color-1)}.information .name-sku-product{margin-bottom:15px}.information .name-sku-product h2{font-size:36px;font-weight:400}.amount-container h5,.bracelet-colors h5,.name-sku-product h5{font-size:12px;font-weight:400}.bracelet-colors h5 .choosed-color{margin-left:5px}.information .value{font-weight:400;margin-bottom:15px}.information .bracelet-colors,.information .amount-container{margin-bottom:15px}.choose-color{margin-top:5px}.color-tooltip{position:relative;display:inline-block}.choose-color .color-tooltip .colors{display:none}.labels{width:26px;height:26px;border-radius:50%;display:inline-block;cursor:pointer;border:1px solid transparent;margin-right:5px}.labels:before{content:"";margin:2px 0 0 2px;position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid var(--color-2)}.labels:hover{border:1px solid var(--color-2)}.label-white:before{background-color:var(--bg-color-3)}.label-black:before{background-color:var(--bg-color-5)}.label-blue:before{background-color:var(--bg-color-7)}.label-purple:before{background-color:var(--bg-color-8)}.label-turquoise:before{background-color:var(--bg-color-9)}.colors:checked+.label-white,.colors:checked+.label-black,.colors:checked+.label-blue,.colors:checked+.label-purple,.colors:checked+.label-turquoise{border:1px solid var(--color-2)}.color-tooltip .tooltip{visibility:hidden;position:absolute;top:-30px;left:40%;transform:translate(-50%);padding:3px 8px;background-color:var(--bg-color-1);font-size:12px;border-radius:4px;border:1px solid var(--color-2)}.labels:hover+.tooltip{visibility:visible}.choose-amount{display:flex;flex-direction:row;margin-top:10px}.choose-amount .minus,.choose-amount .amount,.choose-amount .plus{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background-color:var(--bg-color-3);font-size:16px;color:var(--color-4);border:none}.minus i,.plus i{color:var(--color-5)}.minus-gray i{color:var(--color-6)}.add-to-bag{width:100%;height:40px;border-radius:50px;border:none;background-color:var(--bg-color-2);font-size:15px;margin-top:20px;transition:.3s;cursor:pointer}.add-to-bag:hover{background-color:var(--bg-color-3);color:var(--color-3)}.terms .question-container{border-bottom:solid 1px var(--color-2)}.terms .question-container .question-content h4{font-size:16px}.terms .question-container .response{font-size:14px}@media (max-width: 768px){.information-purchase-and-terms{width:100%;margin-top:25px}.labels:hover+.tooltip{visibility:hidden}}.close-details{position:absolute;top:50px;right:50px;padding:8px 3px 0;cursor:pointer}.close-details .bar1,.close-details .bar2{background-color:var(--bg-color-3);height:2px;width:24px}.close-details .bar1{transform:rotate(-45deg)}.close-details .bar2{transform:translateY(-.533rem) rotate(45deg)}.swiper-details{width:45%}.swiper-details .swiper-pagination-bullet-active,.swiper-details .swiper-pagination-bullet{display:none}.swiper-details .swiper-button-prev,.swiper-details .swiper-button-next{color:var(--bg-color-3)}@media (max-width: 768px){.close-details{top:25px;right:25px}.swiper-details{width:100%;height:65%}.swiper-details .swiper-slide img,.swiper-details .swiper-slide img:hover{transform:scale(1.4)}.swiper-details .swiper-pagination-bullet-active,.swiper-details .swiper-pagination-bullet{display:inline-block;background-color:var(--bg-color-3)}.swiper-details .swiper-button-prev,.swiper-details .swiper-button-next{display:none}}.bag-container{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:175px 0 100px;background-color:var(--bg-color-1)}.bag-content,.empty-bag-container{display:flex;flex-direction:row;align-items:start;justify-content:space-between;width:950px;min-height:400px}.bag-items{display:flex;flex-direction:column;align-items:start;justify-content:center}.bag-items .my-bag,.order-summary h2,.empty-bag-container .my-bag{font-size:18px;font-weight:400;margin-bottom:20px}.bag-items .promotional-code,.bag-items .observations{display:flex;flex-direction:column;margin-top:20px}.promotional-code .label-promotional-code,.observations .label-observations{font-size:14px;color:var(--color-3);cursor:pointer}.promotional-code .input-button-promotional-code{display:flex;flex-direction:row;margin-top:10px}.input-button-promotional-code .input-promocional-code{margin-right:10px;width:225px;height:45px;border:none;color:var(--color-1);caret-color:var(--color-1);padding-left:10px;font-size:24px;font-weight:900;text-align:center;text-transform:uppercase}.input-button-promotional-code .input-promocional-code:focus{outline:none}.input-button-promotional-code .enter-promocional-code{width:100px;background-color:var(--bg-color-2);border:none;font-size:16px;cursor:pointer}.observations .label-observations{margin-bottom:10px}.observations .input-observations{width:325px;height:100px;background-color:var(--bg-color-1);border:1px solid var(--bg-color-11);resize:none;padding:10px;font-size:16px}.observations .input-observations:focus{outline:none}.order-summary{display:flex;flex-direction:column;align-items:start;justify-content:center;width:300px}.subtotal{display:flex;flex-direction:row;justify-content:space-between;width:100%;border-top:1px solid var(--bg-color-11);padding:20px 0}.subtotal h3{font-size:14px;font-weight:400}.subtotal .subtotal-value{font-size:14px}.order-summary .estimated-delivery{width:100%;font-size:14px;font-weight:400;padding-bottom:20px;border-bottom:1px solid var(--bg-color-11);text-decoration:underline}.total-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:20px;font-size:18px}.pay-button{display:flex;align-items:center;justify-content:center;font-size:16px;width:100%;height:45px;border:none;background-color:var(--bg-color-2);cursor:pointer}.secure-checkout{font-size:14px;width:100%;margin-top:10px;text-align:center}.secure-checkout .fa-lock{margin-right:5px}.empty-bag-container{display:flex;flex-direction:column}.empty-bag-container .my-bag{width:100%}.empty-bag-container .empty-bag-content{display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--bg-color-11);border-bottom:1px solid var(--bg-color-11);width:100%;height:400px}.empty-bag-container .empty-bag-content .empty-bag-title{font-size:20px;font-weight:400}.empty-bag-container .empty-bag-content .continue-browsing{font-size:14px;text-decoration:underline}@media (max-width: 768px){.bag-container{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:125px 0 50px;background-color:var(--bg-color-1)}.bag-content,.empty-bag-container{flex-direction:column;align-items:center;width:90%;min-height:400px}.bag-items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.bag-items .my-bag,.items{width:100%}.order-summary{width:100%;margin-top:25px}.order-summary .title{display:none}.promotional-code,.observations{width:100%}}.item{display:flex;flex-direction:row;align-items:start;padding:20px 0;border-top:1px solid var(--bg-color-11);border-bottom:1px solid var(--bg-color-11)}.item-content{display:flex;flex-direction:row}.item .item-content .img-item{width:100px;border:1px solid var(--bg-color-11)}.item .item-content .info-item{display:flex;flex-direction:row;margin-left:20px}.item .info-item .info-details{display:flex;flex-direction:column}.info-item .info-details h3{font-size:16px;font-weight:400}.info-item .info-details .unit-value,.info-item .info-details .color{font-size:13px;margin-top:10px}.item-content .info-item .choose-amount-total-value{display:flex;flex-direction:row;align-items:start;justify-content:start;padding:0 55px}.info-item .choose-amount-total-value .choose-amount{display:flex;flex-direction:row;height:25px;border:1px solid var(--color-2);margin:0 50px 0 0}.choose-amount-total-value .choose-amount .minus,.choose-amount-total-value .choose-amount .amount,.choose-amount-total-value .choose-amount .plus{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:var(--bg-color-1);font-size:12px;color:var(--color-2);border:none}.choose-amount-total-value .choose-amount .minus i,.choose-amount-total-value .choose-amount .plus i{color:var(--color-2)}.choose-amount-total-value .choose-amount .minus-gray i{color:var(--color-6)}.info-item .choose-amount-total-value .total-value-item{width:100px;text-align:center}.item .trash{cursor:pointer}@media (max-width: 768px){.item{justify-content:space-between}.item .item-content .img-item{width:75px}.item .item-content .info-item{flex-direction:column;align-items:start}.item-content .info-item .choose-amount-total-value{padding:10px 0 0}.info-item .choose-amount-total-value .choose-amount{margin:0 10px 0 0}}.overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;z-index:2;top:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:hidden;transition:transform .3s ease,opacity .3s ease}.overlay.active{visibility:visible;transform:scale(1.1)}.check{padding:25px;background:var(--bg-color-3);border-radius:12px;display:flex;justify-content:center;align-items:center}.check-svg{width:120px;height:120px;overflow:visible}.circle-outline{fill:none;stroke:#a238ff;stroke-width:5;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1.5s ease-out}.check-path{fill:none;stroke:#a238ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset 1.5s ease-out}.check.active .circle-outline,.check.active .check-path{stroke-dashoffset:0}.header-checkout-container{width:100%;height:75px;background-color:#f8f8f7;display:flex;align-items:center;justify-content:center}.header-checkout-container .logo .outer-circle{width:22px;height:22px;border:3px solid var(--color-3);margin-right:5px}.header-checkout-container .logo .outer-circle .inner-circle{width:16px;height:16px;background-color:var(--bg-color-2)}.header-checkout-container .logo span{color:var(--bg-color-2);font-weight:500}.checkout-container{display:flex;flex-direction:row;align-items:start;justify-content:center;width:100%;padding:50px 0;background-color:#ccc}.payment-methods{display:flex;flex-direction:column;align-items:center;width:375px;background-color:var(--bg-color-3);box-shadow:1px 1px 10px var(--color-7)}.payment-methods h2{color:var(--color-1);margin:15px 0}.payment-methods .methods{width:100%}.methods .card-container,.methods .ticket-bank-container,.methods .pix-container{color:var(--bg-color-1);font-weight:500;height:50px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--color-6)}.form-container{width:750px;height:750px;background-color:var(--bg-color-3);margin:0 50px;box-shadow:1px 1px 10px var(--color-7)}.checkout-container .order-summary{width:360px;background-color:var(--bg-color-3);box-shadow:1px 1px 10px var(--color-7);padding:15px}.checkout-container .order-summary h2,.checkout-container .order-summary h4,.checkout-container .order-summary span{color:var(--color-1)}.checkout-container .order-summary .product-container h4,.checkout-container .order-summary .chosen-method h4{margin-top:10px}.checkout-container .order-summary .total-container{padding-top:10px}.checkout-container .order-summary h4{margin-bottom:5px}.checkout-container .product-container{width:100%;border-top:1px solid var(--color-6)}.checkout-container .order-summary .product-container .itens{display:flex;flex-direction:column;margin:5px 0 10px}.checkout-container .order-summary .chosen-method{width:100%;border-top:1px solid var(--color-6)}.checkout-container .order-summary .total-container{border-top:1px solid var(--color-6)}.footer-checkout-container{display:flex;flex-direction:column;align-items:center;justify-content:start;height:100px;padding-top:15px}.footer-checkout-container span{color:var(--color-1)}.body-login{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-image:url(/TrackMate-react/imgs/backgrounds/backgroundLogin.jpg);background-position:center;background-size:cover;background-color:#00000080;background-blend-mode:darken}.login-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.login-container .login-content{width:475px;height:600px;background-color:var(--bg-color-3)}.login-content h1{color:var(--color-3);font-weight:900;font-size:48px;line-height:1.3;margin:50px 50px 0;border:none}.login-form{display:flex;flex-direction:column;margin:25px 50px}.login-form input{display:block;width:100%;margin:25px 0;border:none;background-color:transparent;border-bottom:1px solid var(--color-3);font-size:16px;padding-bottom:15px;color:var(--color-3)}.login-form input::placeholder{color:var(--color-3)}.login-form input:placeholder-shown{border-bottom:1px solid var(--color-3)}.login-form input:focus{outline:none;border-bottom:1px solid var(--color-3);color:var(--color-3)}.showPasswordInput{position:relative;display:flex;flex-direction:row}.showPasswordInput .fa-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--color-3)}.buttons{display:flex;flex-direction:row;justify-content:space-between}.enter{width:120px;height:50px;background-color:var(--bg-color-2);border:none;margin:0 0 0 50px;font-weight:600;cursor:pointer}.enter:active{transform:scale(.95)}.sing-up{width:120px;height:50px;color:var(--color-3);background-color:var(--bg-color-3);border:2px solid var(--bg-color-2);margin:0 50px 0 0;font-weight:600;cursor:pointer}.sing-up:hover{background-color:var(--bg-color-2);color:var(--color-2);transition:.3s ease}.sing-up:active{transform:scale(.95);transition:0s}.span-erro{display:flex;justify-content:center;align-items:center;text-align:center;color:red;margin:10px 50px 0}.login-content .social-media{display:flex;flex-direction:row;justify-content:center;width:375px;margin:35px 50px 0}.login-content .social-media .fa-brands,.login-content .social-media .fa-solid{font-size:26px;color:var(--bg-color-6);margin:0 10px;cursor:pointer}.login-content .social-media .fa-brands:hover,.login-content .social-media .fa-solid:hover{color:var(--color-3);transition:.3s ease}.start-trackmate{display:flex;flex-direction:column;align-items:center;width:475px;height:600px;background-color:var(--bg-color-4)}.start-trackmate h1{margin:50px 0 0;font-size:38px}.start-trackmate span{font-weight:500}.start-trackmate img{width:400px;height:400px;animation:upDown 5s ease-in-out infinite}@keyframes upDown{0%{transform:translateY(0)}50%{transform:translateY(-35px)}to{transform:translateY(0)}}.view-bracelet{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;background-color:var(--bg-color-3);border-radius:25px;cursor:pointer}.view-bracelet .fa-eye{font-size:24px;color:var(--color-3)}.view-bracelet:hover{background-color:var(--bg-color-2);transition:.5s ease}.view-bracelet:hover .fa-eye{color:var(--color-2)}@media (max-width: 768px){.login-container{flex-direction:column;margin:50px 0}.login-container .login-content{width:350px;height:500px}.login-content h1{font-size:38px;margin:30px 30px 0}.login-form{margin:15px 30px}.login-form input{margin:20px 0;font-size:16px;padding-bottom:15px}.enter{width:115px;height:45px;margin:0 0 0 30px}.sing-up{width:115px;height:45px;margin:0 30px 0 0}.login-content .social-media{display:flex;flex-direction:row;justify-content:center;width:290px;margin:30px 30px 0}.start-trackmate{width:350px;height:600px}.start-trackmate h1{margin:30px 0 0;font-size:30px}.start-trackmate span{font-weight:500;margin:0 30px;text-align:center}.start-trackmate img{width:375px;height:375px;animation:upDown 5s ease-in-out infinite}}