{"product_id":"mousepad-gamer-fallen-eco-hyper-beast","title":"Mousepad Gamer Fallen Eco Hyper Beast","description":"\u003cp\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n @charset \"UTF-8\";\n#outras-ofertas-relacionadas {\n background-color: #000000 !important;\n max-width: 1920px !important;\n margin: 0 auto;\n}\n\n.conteudo-produto \u003e .container {\n max-width: 100%;\n}\n\n.conteudo-produto \u003e .container .descricao-produto {\n padding: 0;\n}\n\n.caracteristicas-produto,\n.produtos-relacionados {\n max-width: 1200px;\n margin: 50px auto 0 auto;\n}\n\n#descricao-produto html {\n scroll-behavior: smooth;\n height: -moz-fit-content;\n height: fit-content;\n}\n#descricao-produto #new-mousepad-fallen {\n width: 100%;\n height: -moz-fit-content;\n height: fit-content;\n background-color: #000000;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow-x: hidden;\n \/* Regras para evitar conflitos com a plataforma *\/\n height: auto !important;\n overflow: visible !important;\n position: static !important;\n transform: none !important;\n filter: none !important;\n}\n#descricao-produto #new-mousepad-fallen .flex-mousepad-fallen {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n#descricao-produto #new-mousepad-fallen .hiden {\n display: none;\n}\n@media (max-width: 1200px) {\n #descricao-produto #new-mousepad-fallen .desk-lp-fallen {\n display: none;\n }\n}\n#descricao-produto #new-mousepad-fallen .text-mousepad-fallen {\n color: #ffffff;\n font-family: \"Montserrat\", sans-serif;\n font-weight: 500;\n font-style: Medium;\n line-height: 100%;\n text-align: center;\n vertical-align: middle;\n}\n#descricao-produto #new-mousepad-fallen h3,\n#descricao-produto #new-mousepad-fallen h4 {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-style: Bold;\n font-size: 20px;\n line-height: 100%;\n letter-spacing: 5%;\n text-align: center;\n}\n#descricao-produto #new-mousepad-fallen .yellow {\n color: #2863ad;\n}\n#descricao-produto #new-mousepad-fallen .purple {\n color: #8e304f;\n}\n#descricao-produto #new-mousepad-fallen .text-space {\n letter-spacing: 0.4rem;\n}\n#descricao-produto #new-mousepad-fallen .upper {\n text-transform: uppercase;\n}\n#descricao-produto #new-mousepad-fallen button.bullet {\n min-width: 150px;\n height: 45px;\n opacity: 1;\n border-radius: 25px;\n border: 1px solid #2863ad;\n background-color: transparent;\n transition: all 0.3s ease-in;\n font-family: \"Montserrat\", sans-serif;\n color: #ffffff;\n font-weight: 700;\n font-style: Bold;\n font-size: 12px;\n line-height: 100%;\n letter-spacing: 0%;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n}\n#descricao-produto #new-mousepad-fallen button.bullet.active {\n background-color: #2863ad;\n color: #000000;\n}\n#descricao-produto #new-mousepad-fallen button.bullet.active svg path {\n fill: #000 !important;\n}\n#descricao-produto #new-mousepad-fallen button.bullet:hover {\n background-color: #8e304f;\n color: #ffffff;\n}\n#descricao-produto #new-mousepad-fallen button.bullet:hover svg path {\n fill: #ffffff !important;\n}\n#descricao-produto #new-mousepad-fallen button.bullet.no-radius {\n border-radius: 0;\n}\n#descricao-produto #new-mousepad-fallen img {\n -webkit-user-drag: none;\n \/* bloqueia arrastar no Chrome\/Safari *\/\n -khtml-user-drag: none;\n -moz-user-drag: none;\n -o-user-drag: none;\n user-drag: none;\n -webkit-user-select: none;\n \/* bloqueia sele��o *\/\n -moz-user-select: none;\n user-select: none;\n pointer-events: none;\n \/* opcional: impede clique\/hover direto na imagem *\/\n}\n#descricao-produto #new-mousepad-fallen .info-peq {\n font-family: \"Montserrat\", sans-serif;\n color: #ffffff;\n font-weight: 400;\n font-style: Regular;\n font-size: 10px;\n line-height: 100%;\n letter-spacing: 5%;\n text-align: center;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section {\n width: 100%;\n height: 250vh;\n position: relative;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .sticky-wrapper {\n position: sticky;\n top: 0;\n width: 100%;\n height: 100vh;\n display: block;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, #000000 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url(https:\/\/fallen.gg\/lp\/mousepad\/hyper-beast\/ecos\/assets\/img\/bg-hero.webp);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .sticky-wrapper {\n width: 100vw;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section canvas {\n width: 100%;\n height: auto;\n display: block;\n z-index: 0;\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .scroll-section canvas {\n width: 100vw;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling {\n overflow: hidden;\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n transition: opacity 0.3s linear;\n background: linear-gradient(360deg, rgba(0, 0, 0, 0.4) 0%, #000000 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n max-width: 1400px;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container {\n justify-content: center;\n }\n}\n@media (max-width: 1400px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container {\n justify-content: space-evenly;\n }\n}\n@media (max-width: 1100px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container {\n flex-direction: column-reverse;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .mousepad-circ {\n width: 100%;\n max-width: 850px;\n transform: rotate(-25deg);\n position: relative;\n z-index: 0;\n transition: transform 0.1s linear;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .mousepad-circ {\n max-width: 600px;\n }\n}\n@media (max-width: 1100px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .mousepad-circ {\n max-width: 900px;\n }\n}\n@media (max-width: 800px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .mousepad-circ {\n max-width: 500px;\n }\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .mousepad-circ {\n max-width: 300px;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n width: 100%;\n max-width: 500px;\n position: relative;\n z-index: 1;\n transition: transform 0.1s linear;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n max-width: 400px;\n }\n}\n@media (max-width: 1300px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n max-width: 800px;\n }\n}\n@media (max-width: 900px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n max-width: 90%;\n }\n}\n@media (max-width: 1100px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n max-width: 50%;\n }\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n max-width: 90%;\n }\n}\n@media (max-width: 400px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content {\n max-width: 90%;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content video {\n max-width: 400px;\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content video {\n max-width: 90%;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content .box {\n width: 100%;\n background-color: #2863ad;\n padding: 8px 25px;\n opacity: 1;\n border-radius: 10px;\n mix-blend-mode: difference;\n}\n@media (max-width: 1300px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content .box {\n max-width: 500px;\n }\n}\n@media (max-width: 1100px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content .box {\n width: 55%;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content .box span {\n font-weight: 700;\n font-size: 24px;\n color: #000000;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .background-scrolling .container .hero-content p {\n margin-top: 30px;\n font-weight: 500;\n font-size: 14px;\n text-align: left;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100vh;\n z-index: 999;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options h2 {\n margin-bottom: 20px;\n font-size: 28px;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size {\n width: 100%;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size {\n width: 100%;\n height: 100vh;\n position: relative;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size img {\n transform: scale(0.992);\n width: 100%;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line {\n width: 100%;\n border-radius: 3px;\n background-color: #2863ad;\n position: absolute;\n height: 3px;\n transition: width 0.5s ease;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line.active.vertical-line {\n width: 456px;\n}\n@media (max-width: 1300px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line.active.vertical-line {\n width: 500px;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line.active.horizontal-line {\n width: 1450px;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line span {\n padding: 0 20px;\n height: 30px;\n border-radius: 15px;\n background-color: #2863ad;\n font-family: \"Saira\", sans-serif;\n color: #000000;\n font-weight: 700;\n font-style: Bold;\n font-size: 16px;\n line-height: 100%;\n letter-spacing: 0%;\n}\n@media (max-width: 800px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .line span {\n font-size: 10px;\n height: 25px;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .vertical-line {\n width: 0;\n top: 50%;\n left: 90%;\n transform: translate(-50%, -50%) rotate(-90deg);\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .vertical-line {\n left: 95%;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .horizontal-line {\n width: 0;\n top: 80%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n@media (max-width: 1100px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .img-size .content-size .horizontal-line {\n top: 65%;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button {\n position: absolute;\n bottom: 5%;\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button {\n bottom: 20%;\n }\n}\n@media (max-width: 500px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button {\n bottom: 1%;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button p {\n color: white;\n font-family: \"Montserrat\", sans-serif;\n text-align: center;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size {\n display: flex;\n}\n@media (max-width: 500px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size {\n flex-direction: column;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button {\n padding: 0 45px;\n border-radius: 0;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button:first-child {\n border-radius: 50px;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button:last-child {\n border-radius: 50px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button {\n padding: 0px 20px;\n }\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options .mousepad-size-button .buttons-size button {\n padding: 0px 20px;\n margin-top: 10px;\n border-radius: 30px !important;\n }\n}\n#descricao-produto #new-mousepad-fallen .scroll-section .mousepad-options.active {\n opacity: 1;\n pointer-events: all;\n}\n#descricao-produto #new-mousepad-fallen .hero {\n width: 100%;\n height: 100vh;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n#descricao-produto #new-mousepad-fallen .hero .container {\n width: 100%;\n height: 100%;\n max-width: 1400px;\n margin: 0 auto;\n justify-content: space-between;\n}\n#descricao-produto #new-mousepad-fallen .hero .container .mousepad-circ {\n max-width: 850px;\n transform: rotate(-25deg);\n}\n#descricao-produto #new-mousepad-fallen .hero .container .hero-content {\n width: 100%;\n max-width: 500px;\n}\n#descricao-produto #new-mousepad-fallen .hero .container .hero-content .box {\n width: 100%;\n background-color: #8e304f;\n padding: 8px 25px;\n opacity: 1;\n border-radius: 10px;\n mix-blend-mode: Difference;\n}\n#descricao-produto #new-mousepad-fallen .hero .container .hero-content .box span {\n font-family: \"Saira\", sans-serif;\n font-weight: 700;\n font-style: Bold;\n font-size: 24px;\n line-height: 100%;\n letter-spacing: 50%;\n vertical-align: middle;\n text-align: left;\n}\n#descricao-produto #new-mousepad-fallen .hero .container .hero-content p {\n margin-top: 30px;\n font-weight: 500;\n font-style: Medium;\n font-size: 14px;\n line-height: 100%;\n letter-spacing: 0%;\n text-align: left;\n}\n#descricao-produto #new-mousepad-fallen .table {\n padding: 50px 0;\n width: 100%;\n background: radial-gradient(circle at 90% center, #444 0%, #000 50%, #000 100%);\n}\n#descricao-produto #new-mousepad-fallen .table__size-table {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table h3,\n#descricao-produto #new-mousepad-fallen .table__size-table h3 + p {\n max-width: 90%;\n margin: 10px auto 0;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img {\n width: 100%;\n max-width: 960px;\n position: relative;\n display: flex;\n justify-content: center;\n aspect-ratio: 16\/9;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img img,\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img video {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n position: absolute;\n top: 0;\n left: 0;\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .table__size-table .content-img img,\n #descricao-produto #new-mousepad-fallen .table__size-table .content-img video {\n max-width: 100%;\n }\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img .mesa-img {\n z-index: 0;\n position: relative;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img .mousepad-img {\n z-index: 1;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img .teclado-img,\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img .monitor-img,\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img .monitor-video,\n#descricao-produto #new-mousepad-fallen .table__size-table .content-img .headset-img {\n z-index: 2;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .size-table-content {\n margin: 50px 0 100px 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .table__size-table .size-table-content {\n flex-direction: column;\n }\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .size-table-content button {\n padding: 5px 80px;\n min-width: 150px;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .size-table-content button:first-child {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n#descricao-produto #new-mousepad-fallen .table__size-table .size-table-content button:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .table__size-table .size-table-content button {\n padding: 15px 30px;\n width: 100%;\n max-width: 100%;\n margin: 10px 0;\n border-radius: 30px !important;\n }\n}\n#descricao-produto #new-mousepad-fallen .table__cards-content {\n margin: 70px 0;\n display: flex;\n justify-content: center;\n}\n#descricao-produto #new-mousepad-fallen .table__cards-content .cards {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-evenly;\n gap: 20px;\n width: 100%;\n max-width: 1600px;\n}\n@media (max-width: 1300px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards {\n gap: 15px;\n }\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards {\n flex-direction: column;\n align-items: center;\n }\n}\n#descricao-produto #new-mousepad-fallen .table__cards-content .cards .item {\n width: 100%;\n max-width: 500px;\n height: 800px;\n border-radius: 15px;\n border: 1px solid #ffde00;\n overflow: hidden;\n transition: transform 0.3s ease;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards .item {\n max-width: 400px;\n height: 700px;\n }\n}\n@media (max-width: 1600px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards .item {\n max-width: 300px;\n height: 600px;\n }\n}\n@media (max-width: 1300px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards .item {\n max-width: 250px;\n height: 500px;\n }\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards .item {\n max-width: 200px;\n height: 400px;\n }\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .table__cards-content .cards .item {\n max-width: 90%;\n height: 400px;\n margin-bottom: 20px;\n }\n}\n#descricao-produto #new-mousepad-fallen .table__cards-content .cards .item img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n transition: transform 0.5s ease-out;\n}\n#descricao-produto #new-mousepad-fallen .table__cards-content .cards .item:hover {\n cursor: pointer;\n}\n#descricao-produto #new-mousepad-fallen .table__cards-content .cards .item:hover img {\n transform: scale(1.4);\n}\n#descricao-produto #new-mousepad-fallen .sticker {\n width: 100%;\n padding: 50px 0;\n}\n#descricao-produto #new-mousepad-fallen .sticker .box {\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px 50px;\n justify-content: space-around;\n position: relative;\n border: 2px solid transparent;\n border-radius: 15px;\n background-image: linear-gradient(#000, #000), linear-gradient(90deg, #edce00 0%, #bd945d 100%);\n background-origin: border-box;\n background-clip: padding-box, border-box;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .sticker .box {\n max-width: 800px;\n }\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .sticker .box {\n max-width: 80vw;\n }\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box {\n max-width: 90%;\n padding: 20px 5px;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n }\n}\n#descricao-produto #new-mousepad-fallen .sticker .box video {\n max-width: 230px;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .sticker .box video {\n max-width: 200px;\n }\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box video {\n max-width: 150px;\n margin-bottom: 50px;\n }\n}\n#descricao-produto #new-mousepad-fallen .sticker .box .content {\n max-width: 400px;\n flex-direction: column;\n}\n#descricao-produto #new-mousepad-fallen .sticker .box .content h3 {\n width: 100%;\n font-family: \"Saira\", sans-serif;\n font-weight: 700;\n font-size: 32px;\n line-height: 1;\n text-align: left;\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box .content h3 {\n font-size: 22px;\n }\n}\n#descricao-produto #new-mousepad-fallen .sticker .box .content .text-mousepad-fallen {\n margin-top: 10px;\n max-width: 455px;\n font-family: \"Saira\", sans-serif;\n font-weight: 300;\n font-size: 20px;\n line-height: 1;\n text-align: left;\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box .content .text-mousepad-fallen {\n font-size: 15px;\n }\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .sticker .box .content {\n max-width: 90%;\n }\n #descricao-produto #new-mousepad-fallen .sticker .box .content h3,\n #descricao-produto #new-mousepad-fallen .sticker .box .content .text-mousepad-fallen {\n text-align: center;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation {\n width: 100%;\n flex-direction: column;\n background: linear-gradient(180deg, rgba(72, 72, 72, 0) 0%, #000000 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%), linear-gradient(360deg, rgba(0, 0, 0, 0) 65.87%, #000000 100%), url(https:\/\/fallen.gg\/lp\/mousepad\/hyper-beast\/ecos\/assets\/img\/bg-simulation.gif);\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n}\n#descricao-produto #new-mousepad-fallen .simulation .blur {\n width: 100%;\n height: 100%;\n -webkit-backdrop-filter: blur(7px);\n backdrop-filter: blur(7px);\n z-index: 0;\n}\n#descricao-produto #new-mousepad-fallen .simulation .container {\n width: 100%;\n max-width: 850px;\n height: 100%;\n margin: 0 auto;\n padding: 60px 0;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n#descricao-produto #new-mousepad-fallen .simulation h3 {\n margin-bottom: 50px;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .simulation h3 {\n margin-bottom: 25px;\n }\n}\n@media (max-width: 768px) {\n #descricao-produto #new-mousepad-fallen .simulation h3 {\n font-size: 18px;\n margin-left: 20px;\n margin-right: 20px;\n margin-top: 100px;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__textile .speed-content {\n margin: 20px 0;\n}\n#descricao-produto #new-mousepad-fallen .simulation__textile .speed-content p {\n margin-bottom: 20px;\n font-weight: 500;\n font-style: Medium;\n font-size: 10px;\n line-height: 100%;\n letter-spacing: 50%;\n text-align: center;\n vertical-align: middle;\n}\n#descricao-produto #new-mousepad-fallen .simulation__textile .speed-content button {\n padding: 0 20px;\n max-width: 150px;\n margin: 0 auto;\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content:last-child p {\n margin-top: 40px;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus {\n padding: 0;\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus {\n flex-wrap: wrap;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button {\n padding: 0 20px;\n max-width: 150px;\n margin: 0 10px;\n text-transform: uppercase;\n font-weight: 700;\n font-style: Bold;\n font-size: 12px;\n leading-trim: NONE;\n line-height: 100%;\n letter-spacing: 0%;\n text-align: center;\n vertical-align: middle;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button {\n padding: 0 15px;\n min-width: 130px;\n margin-right: 15px;\n }\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button {\n margin-top: 20px;\n min-width: 150px;\n margin-right: auto;\n margin-left: auto;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button svg {\n max-width: 25px;\n margin-right: 20px;\n justify-content: space-around;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button svg {\n max-width: 20px;\n }\n}\n@media (max-width: 500px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button svg {\n max-width: 17px;\n }\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__textile .speed-content .plus button {\n font-size: 10px;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__video {\n margin: 60px 0 5px 0;\n align-items: center;\n flex-direction: column;\n position: relative;\n width: 100%;\n justify-content: center;\n transition: width 3s ease-in;\n}\n@media (max-width: 1800px) {\n #descricao-produto #new-mousepad-fallen .simulation__video {\n margin-top: 30px;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .speed-bar-container {\n width: 100%;\n justify-content: center;\n align-items: center;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .speed-bar-container p {\n font-family: \"Montserrat\", sans-serif;\n font-size: 12px;\n margin-right: 10px;\n color: white;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .speed-bar-container .speed-bar {\n width: 100%;\n max-width: 20%;\n height: auto;\n aspect-ratio: 32\/2;\n border: 1px solid white;\n border-radius: 20px;\n margin: 0;\n overflow: hidden;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .speed-bar-container .speed-bar .bar-content {\n display: block;\n left: 0;\n width: 60%;\n margin-left: -2px;\n height: 110%;\n background-color: #2863ad;\n border-radius: 20px;\n transition: width 0.5s ease-out;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .img-container {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__video .img-container {\n max-width: 80%;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .img-container img {\n width: 100%;\n height: auto;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .img-container #mouse-animation {\n width: auto;\n position: absolute;\n left: 80%;\n top: 10%;\n animation: organicParabola 10s infinite cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__video .img-container #mouse-animation {\n max-width: auto;\n height: 100px;\n }\n}\n@media (max-width: 600px) {\n #descricao-produto #new-mousepad-fallen .simulation__video .img-container #mouse-animation {\n max-width: auto;\n height: 70px;\n }\n}\n@keyframes organicParabola {\n \/* Ponto inicial *\/\n 0%, 100% {\n top: 10%;\n left: 70%;\n transform: rotate(0deg);\n }\n \/* Segmento 1: Descida com curva acentuada para a esquerda *\/\n 20% {\n top: 65%;\n left: 0%;\n transform: rotate(15deg);\n }\n 40% {\n top: 40%;\n left: 65%;\n transform: rotate(0deg);\n }\n 50% {\n top: 22%;\n left: 55%;\n transform: rotate(-15deg);\n }\n 60% {\n top: 22%;\n left: 70%;\n transform: rotate(15deg);\n }\n 70% {\n top: 22%;\n left: 55%;\n transform: rotate(-15deg);\n }\n 80% {\n top: 50%;\n left: 70%;\n transform: rotate(-15deg);\n }\n 90% {\n top: 50%;\n left: 70%;\n transform: rotate(-15deg);\n }\n}\n@keyframes speedMouseplus {\n 0% {\n top: 10%;\n left: 80%;\n transform: rotate(0deg);\n }\n 20% {\n top: 55%;\n left: 35%;\n transform: rotate(-35deg);\n }\n 40% {\n top: 20%;\n left: 15%;\n transform: rotate(15deg);\n }\n 60% {\n top: 65%;\n left: 70%;\n transform: rotate(40deg);\n }\n 80% {\n top: 30%;\n left: 85%;\n transform: rotate(-10deg);\n }\n 100% {\n top: 10%;\n left: 80%;\n transform: rotate(0deg);\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .size {\n width: -moz-fit-content;\n width: fit-content;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n position: absolute;\n left: 100%;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .size p {\n text-transform: uppercase;\n margin: 9px 0 9px 26px;\n font-weight: 500;\n font-style: Medium;\n font-size: 10px;\n line-height: 100%;\n letter-spacing: 50%;\n text-align: center;\n vertical-align: middle;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .size button {\n width: 170px;\n height: auto;\n border-left: none;\n border-radius: 0;\n border-top-right-radius: 15px;\n border-bottom-right-radius: 15px;\n padding: 15px 30px 15px 0;\n margin-top: 10px;\n}\n#descricao-produto #new-mousepad-fallen .simulation__video .size button svg {\n margin-right: 20px;\n}\n#descricao-produto #new-mousepad-fallen .simulation .info-peq {\n margin-top: 20px;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation .info-peq {\n max-width: 80%;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__content {\n margin-top: 60px;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__content {\n max-width: 80%;\n }\n}\n#descricao-produto #new-mousepad-fallen .simulation__content h4 {\n margin-bottom: 15px;\n}\n#descricao-produto #new-mousepad-fallen .simulation__content p {\n font-weight: 400;\n font-size: 16px;\n line-height: 1.05;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .simulation__content p {\n font-size: 14px;\n }\n}\n#descricao-produto #new-mousepad-fallen .comp-thick {\n width: 100%;\n height: 100%;\n padding: 55px 0;\n}\n#descricao-produto #new-mousepad-fallen .comp-thick .container {\n max-width: 1920px;\n margin: 0 auto;\n background: linear-gradient(360deg, rgba(0, 0, 0, 0.4) 0%, #000000 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%), url(https:\/\/fallen.gg\/lp\/mousepad\/hyper-beast\/ecos\/assets\/img\/mousepad-compability.webp);\n background-repeat: no-repeat;\n background-position: bottom;\n background-size: cover;\n}\n#descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n flex-direction: column;\n}\n@media (max-width: 1200px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n padding-right: 100px;\n }\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n margin-top: 100px;\n }\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility {\n padding-right: 0;\n }\n}\n#descricao-produto #new-mousepad-fallen .comp-thick .compatibility h3 {\n font-family: \"Saira\", sans-serif;\n font-weight: 400;\n font-style: Regular;\n font-size: 32px;\n line-height: 100%;\n letter-spacing: 0%;\n vertical-align: middle;\n text-transform: uppercase;\n}\n#descricao-produto #new-mousepad-fallen .comp-thick .compatibility p {\n font-family: \"Saira\", sans-serif;\n align-self: flex-end;\n margin-right: 200px;\n font-size: 70px;\n max-width: 1000px;\n text-align: right;\n font-weight: 800;\n}\n@media (max-width: 1200px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility p {\n max-width: 900px;\n align-self: flex-end;\n margin-right: 0;\n font-size: 40px;\n }\n}\n@media (max-width: 700px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility p {\n margin-right: 20px;\n }\n}\n#descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content {\n margin: 100px 0 200px 0;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content {\n margin: 50px 0 200px 0;\n }\n}\n#descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content video {\n max-width: 500px;\n margin-bottom: 100px;\n}\n@media (max-width: 1000px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content video {\n max-width: 400px;\n }\n}\n@media (max-width: 400px) {\n #descricao-produto #new-mousepad-fallen .comp-thick .compatibility .content video {\n max-width: 90%;\n }\n}\n#descricao-produto .back-to-top .icon {\n width: 250px;\n height: 25px;\n background-color: #8e304f;\n}\/*# sourceMappingURL=style.css.map *\/\n--\u003e\u003c\/style\u003e\n\u003cdiv id=\"new-mousepad-fallen\" style=\"margin: 0;\"\u003e\n\u003csection class=\"scroll-section\"\u003e\n\u003cdiv class=\"sticky-wrapper\"\u003e\n\u003ccanvas id=\"hero-canvas\"\u003e\u003c\/canvas\u003e\n\u003cdiv class=\"background-scrolling flex-mousepad-fallen\"\u003e\n\u003cdiv class=\"container\"\u003e\u003cvid\u003e\u003c\/vid\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Fallen Store","offers":[{"title":"Extended (90x40) - Speed++","offer_id":47562393485533,"sku":"MP01452","price":40.82,"currency_code":"USD","in_stock":true},{"title":"Large (45x40) - Speed++","offer_id":47562393518301,"sku":"MP01451","price":37.96,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/4715\/0045\/files\/29-mousepad-gamer-fallen-eco-hyper-beast.png?v=1773238009","url":"https:\/\/fallenstore.gg\/products\/mousepad-gamer-fallen-eco-hyper-beast","provider":"Fallen Store","version":"1.0","type":"link"}